
/* =============================================================================
 * reset & defaults
 * ========================================================================== */

/*     --reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat;}

ol, ul {list-style: none;}
table {border-spacing: 0;}
   
/*     --float classes
------------------------------------------------- */
.float-left {float: left;}
.float-right {float: right;}

/*     --lightbox link höhe
------------------------------------------------- */
.image_container a {line-height: 0;}

/*     --lightbox width
------------------------------------------------- */ 
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}

/*     --clearings + defaults
------------------------------------------------- */
.inside{position:relative;text-align:left}
.block{overflow:hidden}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
.custom{display:block;text-align:left}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*+html #main{position:static}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
#container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/*     --icon-font
------------------------------------------------- */
body[class^="icon-"]:before,
body[class*="icon-"]:before,
.ce_list[class^="icon-"]:before,
.ce_list[class*="icon-"]:before,
.mod_navigation li[class^="icon-"]:before,
.mod_navigation li[class*="icon-"]:before {content: '';}
.i-code {display: none;}

/*     --chromeframe
------------------------------------------------- */
#chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;}

/*     --license-tracking
------------------------------------------------- */
#license-tracking {display: none;}


/* =============================================================================
 * columns for better content separation -responsive
 * ========================================================================== */

.full       		{overflow: hidden; margin-left: 0; width:100%; float:left;	position:relative;}
.one_half			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.one_third			{overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
.two_third			{overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;} 
.one_fourth			{overflow: hidden; margin-left: 4%; width:22%; float:left; 	position:relative;}
.two_fourth			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.three_fourth		{overflow: hidden; margin-left: 4%; width:74%; float:left; 	position:relative;}
.one_fifth			{overflow: hidden; margin-left: 5%; width:16%; float:left;	position:relative;}
.two_fifth			{overflow: hidden; margin-left: 4%; width:37%; float:left;	position:relative;}
.three_fifth		{overflow: hidden; margin-left: 4%; width:57%; float:left; 	position:relative;}
.four_fifth			{overflow: hidden; margin-left: 4%; width:79%; float:left; 	position:relative;}

.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first { margin-left: 0!important; clear: left;}


/* =============================================================================
 * general styles & page setup
 * ========================================================================== */

a {color: #999; text-decoration: none;}
a:hover {color: #5D5D5D; text-decoration: none;}
p {margin-bottom: 15px;color: #999;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
iframe {max-width: 100%;}

code, pre {font-family: monospace;}
hr {padding: 0; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0;}

/*     --divider/border for ce_elements
------------------------------------------------- */
.border-top {border-top: 1px solid #ccc; padding-top: 20px;}
.border-bottom {border-bottom: 1px solid #ccc; padding-bottom: 20px;}





/*     --body
------------------------------------------------- */
body {color: #555; overflow-y: scroll; }

/*     --page-width layout_full
------------------------------------------------- */
#top-container .inside, #header .inside, #container-inside, #footer .inside {max-width: 1020px;width:100%; margin: 0 auto;}
body.layout_full #wrapper {width: 100%;}



/*     --logo
------------------------------------------------- */
#logo {padding: 80px 0 20px 20px;z-index:10000;position:relative;width:200px;}


/*     --header
------------------------------------------------- */
#header {position: relative; z-index: 1000;}


/*     --header-image
------------------------------------------------- */
#header .image_container {margin: 0;}






/*     --container
------------------------------------------------- */
#container {clear: both; padding:0px 0 0 0; margin: 0;position: relative;  }






/* =============================================================================
 * footer
 * ========================================================================== */

#footer {background: #fff; margin-top: 20px; font-size: 12px; line-height: 18px;}
#footer .inside {padding: 20px 0; overflow: hidden;}
body.layout_boxed #footer .inside {padding: 20px;}
#footer .inside li {border-bottom: 1px solid #ddd; padding-bottom: 4px; margin-bottom: 4px;}


#main { z-index:100000;}

/* =============================================================================
 * menues
 * ========================================================================== */
 /*------------------------------------------------------------*
**  Hauptnavigation
**------------------------------------------------------------*/

nav#mainmenu {position:relative;height:150px;
	width: 200px;
	margin: 15px 0 42px 23px;	
	text-decoration: none;
	z-index:100000;
	}

nav#mainmenu ul  {
	list-style: none;
	text-decoration: none;
	margin:0;padding:0;
	}
	
nav#mainmenu li a {text-align:left;
font-family: Helvetica, Verdana, sans-serif;
	font-size:15px;font-weight:normal;
	letter-spacing:.0em;line-height:19px;
  	height: 20px;
	text-decoration: none;
	margin:0;padding:0;color: #999;
	}	


nav#mainmenu li a:link, #navtest li a:visited {
	color: #999;text-align:left;
	display: block;
	padding: 0;	text-decoration: none;
	}

nav#mainmenu li a:hover, #navtest li .active.span {
	color: #5D5D5D;
	padding: 0;	text-decoration: none;
	}


nav#mainmenu li span.active{text-align:left;
font-family: Helvetica, Verdana, sans-serif;
	font-size:15px;font-weight:normal;
	letter-spacing:.0em;line-height:19px;
  	height: 20px;
	text-decoration: none;
	margin:0;padding:0;color:#5D5D5D;
	}
	
	
	
	
	
	
	#main {width:100%;margin:58px 0 0 0;}



#main #kontakti {float:left;
	width:80%;margin:0;padding:0;display:block;z-index:10000000000!important;}
#main #kontakti.links {float:left;
	width:26%;margin:0  0 0 36%;border-left: 1px solid #8C8C8C;padding:0 0 0 45px;height:470px!important;display:block;
}

#main #kontakti.links p {font-family: Helvetica, Verdana, sans-serif;
	font-size:16px;font-weight:normal;
	letter-spacing:.0em;line-height:22px;
  	text-decoration: none;
	color:#999;
	text-align: left;
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0 12px 0;width:90%;
	}

#main #kontakti.linksclients {float:left;
	width:26%;margin:0  0 0 36%;border-left: 1px solid #8C8C8C;padding:0 0 0 45px;height:470px!important;display:block;
}
#main #kontakti.linkslients p {font-family: Helvetica, Verdana, sans-serif;
	font-size:12px;font-weight:normal;
	letter-spacing:.0em;line-height:15px;
  	text-decoration: none;
	color:#999;
	text-align: left;
	margin: 0;
	padding: 0 0 7px 0;
	}
	

	

	
	
	
#main #kontakti.rechts {float:right;margin:0 ;
	width:26%;border-left: 1px solid #8C8C8C;padding:0 0 0 45px;height:470px!important;display:block;
}

#main #kontakti.rechts p {font-family: Helvetica, Verdana, sans-serif;
	font-size:12px;font-weight:normal;
	letter-spacing:.0em;line-height:15px;
  	text-decoration: none;
	color:#999;
	text-align: left;
	vertical-align: top;
	margin: 1px 0 0 0;
	padding: 0 0 7px 0;
	}
#main #kontakti.rechts td {font-family: Helvetica, Verdana, sans-serif;
	font-size:12px;font-weight:normal;
	letter-spacing:.0em;line-height:15px;
  	text-decoration: none;
	color:#999;
	}


#main #kontakti.rechtsclients {float:right;margin:0 ;
	width:26%;border-left: 1px solid #8C8C8C;padding:0 0 0 45px;height:470px!important;display:block;
}

#main #kontakti.rechtsclients p {font-family: Helvetica, Verdana, sans-serif;
	font-size:12px;font-weight:normal;
	letter-spacing:.0em;line-height:15px;
  	text-decoration: none;
	color:#999;
	text-align: left;
	vertical-align: top;
	margin: 1px 0 0 0;
	padding: 0 0 7px 0;
	}

#blank {margin:0;
	padding: 0 15px 0 30px;

	}
#blank p {font-family: Helvetica, Verdana, sans-serif;
	font-size:13px;font-weight:normal;
	letter-spacing:.0em;line-height:21px;
  	text-decoration: none;
	color:#999;


	}




#main #kontakt404 {float:left;
	width:100%;margin:0;padding:0;display:block;z-index:10000000000!important;}
#main #kontakt404.links {float:left;
	width:56%;margin:0  0 0 36%;border-left: 1px solid #8C8C8C;padding:0 0 0 45px;height:470px!important;display:block;
}

#main #kontakt404.links h1 {font-family: Helvetica, Verdana, sans-serif;
	font-size:18px;font-weight:normal;
	letter-spacing:.0em;line-height:32px;
  	text-decoration: none;
	color:#666;
	text-align: left;
	vertical-align: top;
	margin: -5px 0 0 0;
	padding: 0 0 12px 0;width:90%;
	}
	
	
#main #kontakt404.links p {font-family: Helvetica, Verdana, sans-serif;
	font-size:13px;font-weight:normal;
	letter-spacing:.0em;line-height:21px;
  	text-decoration: none;
	color:#999;
	text-align: left;
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0 12px 0;width:90%;
	}
	
	#main #kontakt404.links ul li a{font-family: Helvetica, Verdana, sans-serif;
	font-size:13px;font-weight:normal;
	letter-spacing:.0em;line-height:21px;
  	text-decoration: underline;
	color:#999;
	text-align: left;
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0 12px 0;width:90%;
	}
	
	
	
#main #about.linksabout {float:left;
	width:16%;margin:0  0 0 33%;border-left: 1px solid #fff;padding:0 0 0 10%;height:470px!important;display:block;
}
	


	
#main #about.linksabout img {
	text-align: right;width:143px;height:200px;
	margin: 0;
	padding: 0;
	}
	
	
#main #about.rechtsabout {float:left;
	width:35%;margin:0  0 0 0;border-left: 1px solid #fff;padding:0 0 0 5%;height:470px!important;display:inline;
}
#main #about p {display:inline-block;font-family: Helvetica, Verdana, sans-serif;
	font-size:12px;font-weight:normal;
	letter-spacing:.0em;line-height:17px;
  	text-decoration: none;
	color:#999;
	text-align: left;
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 0 0 7px 0;width:100%;

	}
	
	
	
	
	#main #kontakti .layout_short h2 {font-family: Helvetica, Verdana, sans-serif;
	font-size:14px;font-weight:normal;
	letter-spacing:.0em;line-height:15px;
  	text-decoration: none;padding:0 0 15px 0;
	color:#999;display:block;z-index:10000000000!important;}
	
	#main #kontakti .layout_full h1 {font-family: Helvetica, Verdana, sans-serif;
	font-size:16px;font-weight:normal;
	letter-spacing:.0em;line-height:18px;
  	text-decoration: none;padding:0 0 5px 0;
	color:#999;display:block;}
	
	#main #kontakti .layout_full h2 {font-family: Helvetica, Verdana, sans-serif;
	font-size:14px;font-weight:normal;
	letter-spacing:.0em;line-height:18px;
  	text-decoration: none;padding:0 0 5px 0;
	color:#999;display:block;}
	
		#main #kontakti.rechts p.back a {
  	display:none !important;}
	
#main #kontakti.rechts.mod_newsarchive h5 {
  	display:none !important;}










/*     --hide mobilmenue
------------------------------------------------- */
.selectnav {display: none;}
#mobnav {display: none!important;}

}



/* =============================================================================
 * forms
 * ========================================================================== */



/*     --input, select, textarea
------------------------------------------------- */
input, select, textarea {width: 100%; padding: 1px; margin: 0; border: 1px solid #ccc; color: #333; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0px 0px 1px 1px #ddd; box-shadow: inset 0px 0px 1px 1px #ddd;}
input[type="search"] {-webkit-appearance: none; border-radius: 0;}
.dark input, .dark select, .dark textarea {background: #222222; -webkit-box-shadow: inset 0px 0px 1px 1px #333; box-shadow: inset 0px 0px 1px 1px #333; border: 1px solid #171717; color: #fff;}
input[type="submit"], input.submit {color: #fff;}
select {height: 35px; padding: 8px;}
textarea {height: 200px;}












/* =============================================================================
 * media-queries
 * ========================================================================== */


	

	
	/*     --Höhe grosse Monitore
------------------------------------------------- */
@media only screen and (min-width: 1100px) {
/* logo */
#logo img {padding-top: 20px !important;}

nav#mainmenu li a {text-align:left;
font-family: Helvetica, Verdana, sans-serif;
	font-size:17px;font-weight:normal;
	letter-spacing:.0em;line-height:19px;
  	height: 20px;
	text-decoration: none;
	margin:0;padding:0;color: #999;
	}	
	
nav#mainmenu li span.active, nav#mainmenu li a:hover, #navtest li .active.span{text-align:left;
font-family: Helvetica, Verdana, sans-serif;
	font-size:17px;font-weight:normal;
	letter-spacing:.0em;line-height:19px;
  	height: 20px;
	text-decoration: none;
	margin:0;padding:0;color:#5D5D5D;
	}
	
	}


@media only screen and (min-width: 1200px) {
/* logo */
#logo img {padding-top: 40px !important;}
	
	.glossy-square-gray .caption-container .caption {
	font-size: 12px !important;
	line-height: 18px;text-align:center;
	}
	}
	
	
@media only screen and (min-width: 1300px) {
/* logo */
#logo img {padding-top: 60px !important;}
	}	
	
@media only screen and (min-width: 1400px) {
/* logo */
#logo img {padding-top: 90px !important;}

nav#mainmenu li a {text-align:left;
font-family: Helvetica, Verdana, sans-serif;
	font-size:17px;font-weight:normal;
	letter-spacing:.0em;line-height:19px;
  	height: 20px;
	text-decoration: none;
	margin:0;padding:0;color: #999;
	}	
	
nav#mainmenu li span.active, nav#mainmenu li a:hover, #navtest li .active.span{text-align:left;
font-family: Helvetica, Verdana, sans-serif;
	font-size:17px;font-weight:normal;
	letter-spacing:.0em;line-height:19px;
  	height: 20px;
	text-decoration: none;
	margin:0;padding:0;color:#5D5D5D;
	}
		.glossy-square-gray .caption-container .caption {
	font-size: 12px !important;
	}

	}	
	
	
	
	
@media only screen and (min-width: 1550px) {
/* logo */
#logo img {padding-top:120px !important;}
	}
	

	
	
			@media only screen and (min-width: 1650px) {
/* logo */
#logo img {padding-top:140px !important;}
	}
	
	
		
			@media only screen and (min-width: 1750px) {
/* logo */
#logo img {padding-top:160px !important;}
	}
	
				@media only screen and (min-width: 1900px) {
/* logo */
#logo img {padding-top:90px !important;}
	}
	
	
	
	
	
	
	
	
	
/*     --tablets
------------------------------------------------- */
@media only screen and (max-width: 900px) {
	/* body */
	body {padding: 0;}
	body.header {background: none!important;}

	/* width */
	#top-container .inside, #header .inside, #footer .inside, body.layout_boxed #container {width: 100%!important;}
	
	#header {
	display: none;

}
	
	#container {padding-top: 0px!important;clear: both; margin: 0 auto;width:100%}
	

	#container-inside {width: 100%!important;}	


	nav#mainmenu {position:relative;height:auto !important;
	width: 200px;
	margin: 15px 0 0 23px;	
	text-decoration: none;
	z-index:100000;
	}
	
	/* logo */
	#logo,
	body.no_header #logo {padding: 20px;}

.glossy-square-gray .thumbnail {
	display: none;

}





#top .mod_changelanguage {
    height: 20px;width:70%;display: inline-block;
float:right;
    padding-right: 15px !important;
    margin: 0;


   z-index:1000000;

	}
	








#main #kontakti {float:left;
	width:100%;margin:0;padding:0;display:block;z-index:1000000;}
#main #kontakti.links {float:left;
	width:44%;margin:0  0 0 10px;border-left: 1px solid #8C8C8C;padding:0 0 0 15px;height:350px !important;display:block;
}

#main #kontakti.links p {font-family: Helvetica, Verdana, sans-serif;
	font-size:12px;font-weight:normal;
	letter-spacing:.0em;line-height:15px;
  	text-decoration: none;
	color:#999;
	text-align: left;
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0 12px 0;width:100%;
	}
	
	
	
	#main #kontakti.linksclients {float:left;
	width:44%;margin:0  0 0 10px;border-left: 1px solid #8C8C8C;padding:0 0 0 15px;height:350px !important;display:block;
}

#main #kontakti.linksclients p {font-family: Helvetica, Verdana, sans-serif;
	font-size:12px;font-weight:normal;
	letter-spacing:.0em;line-height:22px;
  	text-decoration: none;
	color:#999;
	text-align: left;
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0 12px 0;width:100%;
	}
	
	
#main #kontakti.rechts {float:right;margin:0 ;
	width:40%;border-left: 1px solid #8C8C8C;padding:0 0 0 15px;height:350px !important;display:block;
}

#main #kontakti.rechtsclients {float:right;margin:0 ;
	width:40%;border-left: 1px solid #8C8C8C;padding:0 0 0 15px;height:350px !important;display:block;
}



	#main #kontakt404 {float:left;
	width:100%;margin:0;padding:0;display:block;z-index:1000000;height:auto !important;}
#main #kontakt404.links {float:left;
	width:80%;margin:0 0 0 5%;border-left: 1px solid #8C8C8C;padding:0 0 0 30px;height:350px !important;display:block;
}




#main #about {float:left;
	width:100%;margin:0;padding:0;display:block;z-index:1000000;}
#main #about.linksabout {float:left;
	width:28%;margin:0  0 0 5%;border-left: 1px solid #fff;padding:0;height:auto !important;
}
#main #about.linksabout img{float:right;text-align:center;margin:0 auto !important;
	width:100%; height:auto;max-width:143px !important;
}
#main #about.rechtsabout {float:right;margin:0 ;
	width:60%;border-left: 1px solid #fff;padding:0 0 0 3%;height:auto !important;display:block;
}

#main #about.rechtsabout p {width:90%;
}
/* menu + mobilemenu */

	/* mobile-select */
	#mobile-select {display: none;}
	
	
	#mainmenu {display: block;}
	#submenu {display: none;}
	#mobnav, .selectnav {display: none;background-color:#fff;}
	.selectnav {width: 96%; margin: 0 2% 5% 2%;}
	
	
	
	
	nav#mainmenu {position:relative;
	width:100%;
	margin: 15px 0 0 0;	
	text-decoration: none;
	z-index:100000;
	}

nav#mainmenu ul  {
	list-style: none;
	text-decoration: none;
	margin:0;padding:0 2% 0 2%;text-align:center !important;width:100%;
	}
	
	nav#mainmenu li {display: inline-block;margin: 0 5% 0 0;
	}






/*     --phones
------------------------------------------------- */
@media only screen and (max-width: 777px) {
	/* body */
	body {padding: 0;}
	body.header {background: none!important;}
	
	/* wrapper */
	#wrapper {width: 100%;}
	
	/* container */
	
	
	
	
	
#container {clear: both; padding:0px 0 0 0; margin: 0 auto;position: relative; }
#main {margin:30px 0 0 0 !important;}
	
	
	/* header */
 	#header {display: none;}
 	body.home #header {display: none;}
 	
	/* logo */
	#logo,
	body.no_header #logo {padding: 20px;}
	
	/* menu */
	nav#mainmenu {padding: 0px;}
	




	
	#main #kontakti {float:left;
	width:100%;margin:0;padding:0;display:block;z-index:1000000;height:auto !important;}
#main #kontakti.links {float:left;
	width:36%;margin:0 0 0 20px;border-left: 1px solid #8C8C8C;padding:0 0 0 15px;height:350px !important;display:block;
}

#main #about.links p {width:96%;
}


#main #kontakti.rechts {float:right;margin:0 0 0 20px;
	width:40%;border-left: 1px solid #8C8C8C;padding:0 0 0 15px;height:350px !important;display:block;
}


#main #kontakti.linksclients {float:left;
	width:36%;margin:0 0 0 20px;border-left: 1px solid #8C8C8C;padding:0 0 0 15px;height:350px !important;display:block;
}

#main #about.linksclients p {width:96%;
}


#main #kontakti.rechtsclients {float:right;margin:0 0 0 20px;
	width:40%;border-left: 1px solid #8C8C8C;padding:0 0 0 15px;height:350px !important;display:block;
}


#main #kontakti.rechts td {height:150px;
	}
	
	
	
#main #kontakti.rechts .image_container {width:96% !important;
}
#main #kontakti.rechts img {width:100% !important;height:auto !important;
}





	#main #kontakt404 {float:left;
	width:100%;margin:0;padding:0;display:block;z-index:1000000;height:auto !important;}
#main #kontakt404.links {float:left;
	width:80%;margin:0 0 0 5%;border-left: 1px solid #8C8C8C;padding:0 0 0 30px;height:350px !important;display:block;
}





#main #about {float:left;
	width:100%;margin:0;padding:0;display:block;z-index:1000000;}
#main #about.linksabout {float:center;
	width:26%;margin:0  0 0 5%;border-left: 1px solid #fff;padding:0;height:auto !important;
}
#main #about.linksabout img{float:center;
	width:100%; height:auto;max-width:143px !important;margin:0  auto;margin: 0 0 30px 30px !important;
}
#main #about.rechtsabout {float:right;margin:0 ;
	width:60%;border-left: 1px solid #fff;padding:0 0 0 3%;height:auto !important;display:block;
}

#main #about.rechtsabout p {width:90%;
}

#main #about.linksabout figure {float:center !important;text-align:center !important;margin:0 auto !important;
	
}







#top .mod_changelanguage {
    height: 20px;width:70%;display: inline-block;
float:right;
    padding-right: 15px !important;
    margin: 0;


   z-index:1000000;

	}
	
	
	/* menu + mobilemenu */
	#mainmenu {display: inline-block;}
	#submenu {display: none;}
	#mobnav, .selectnav {display: none;background-color:#fff;}
	.selectnav {width: 96%; margin: 0 2% 5% 2%;}
	}
	
	



 
 
 



 

 
 
  /*     --phones
------------------------------------------------- */
@media only screen and (max-width: 580px) {

#main #kontakti {float:left;
	width:100%;margin:0 auto;padding:0;display:inline;}
	
#main #kontakti.links {float:left;
	width:100% !important;margin:0 20px 15px 10px ;border-left: 0px solid #666 !important;padding:0 0 0 10px;display:block;height:auto !important;
}

#main #kontakti.rechts {float:left;margin:0 20px 0 10px ;
	width:96% !important;border-left: 0px solid #666 !important;padding:0 20px 0 10px;display:block;height:auto !important;
}


#main #kontakti.linksclients {float:left;
	width:100% !important;margin:0 20px 15px 10px ;border-left: 0px solid #666 !important;padding:0 0 0 10px;display:block;height:auto !important;
}

#main #kontakti.rechtsclients {float:left;margin:0 20px 0 10px ;
	width:96% !important;border-left: 0px solid #666 !important;padding:0 20px 0 10px;display:block;height:auto !important;
}


#main #kontakti.rechts .image_container {width:96% !important;
}

#main #kontakti.rechts img {width:100% !important;height:auto !important;
}


	#main #kontakti.rechts td {height:50px !important;padding:0 0 20px 0;
	}




#main #about.linksabout {float:center;
	width:60%;margin:0  0 0 5%;border-left: 1px solid #fff;padding:0;height:auto !important;
}
#main #about.linksabout img{float:center;
	width:100%; height:auto;max-width:143px !important;margin:0  auto;margin: 0 0 30px 30px !important;
}

#main #about {float:left;
	width:100%;margin:0 auto;padding:0;}
	

#main #about .rechtsabout {float:left;margin:0 5% 0 5% ;
	width:90% !important;
}
#main #about.rechtsabout p{float:left;margin:0 10px 0 0;
	width:94% !important;border-left: 0px solid #666;padding:0;display:block !important;height:auto !important;
}


}


  /*     --phones
------------------------------------------------- */
@media only screen and (max-width: 420px) {

#main #kontakti {float:left;
	width:100%;margin:0 auto;padding:0;display:inline;}
	
#main #kontakti.links {float:left;
	width:100% !important;margin:0 20px 10px 10px ;border-left: 0px solid #666 !important;padding:0 0 0 10px;display:block;height:auto !important;
}

#main #kontakti.rechts {float:left;margin:0 20px 0 10px ;
	width:96% !important;border-left: 0px solid #666 !important;padding:0 20px 0 10px;display:block;height:auto !important;
}

#main #kontakti.linksclients {float:left;
	width:100% !important;margin:0 20px 10px 10px ;border-left: 0px solid #666 !important;padding:0 0 0 10px;display:block;height:auto !important;
}

#main #kontakti.rechtsclients {float:left;margin:0 20px 0 10px ;
	width:96% !important;border-left: 0px solid #666 !important;padding:0 20px 0 10px;display:block;height:auto !important;
}

#main #kontakti.rechts .image_container {width:94% !important;
}

#main #kontakti.rechts img {width:100% !important;height:auto !important;
}



}
  

 
/* =============================================================================
 * font-icons
 * ========================================================================== */

@font-face {font-family: 'icons'; src: url("../font/icons.eot"); src: url("../font/icons.eot?#iefix") format('embedded-opentype'), url("../font/icons.woff") format('woff'), url("../font/icons.ttf") format('truetype'), url("../font/icons.svg#icons") format('svg'); font-weight: normal;  font-style: normal;}

/*     --set default icon not to mod_navigation <li>
------------------------------------------------- */
.mod_navigation li:before {content:''!important; margin-right: 0px!important;}



