/* optimalization IE6 to display like FF */
/* ver.: 004 */
h1 {
	font-size:22px;
	margin-top:15px;	
	margin-bottom:15px;
	}

h2 {
	font-size:17px;
	margin-top:14px;	
	margin-bottom:14px;
	}
	
h3 {
	font-size:13px;
	margin-top:13px;	
	margin-bottom:13px;
	}
	
h4 {
	font-size:11px;
	margin-top:12px;	
	margin-bottom:12px;
	}
	
p {
	margin-top:0px;
	}
	
ul {
	margin-top:0px;
	/*margin-top:11px;  IE like FF */
	}
	
hr {
     height: 1px; /* IE6 */ 
     color: #868788; /* IE6 */
     background-color: #868788; /* FF */ 
     border: 0px solid #868788; /* Opera */
	 
	 margin:7px 0 7px 0;
	 _margin:0; /* stupid IE6 */
}

form {
	margin:0px;
	}
	
.none {
	display: none;
	}
	
/* end of optimaliztion */


body {
	background-color:#f2f5f6;
	margin-top:2px;
	margin-bottom:0px;
	
	font: 70% Tahoma, Arial, Helvetica, sans-serif; 
	color: #7e7e7e;
	}
	
	
a {
	color:#0069A6;
	}	
a:hover {
	color:#F27A00;
	}


.imglink {
	display:block;
	}
.imglink img {
	border:1px solid #0069A6;
	}
.imglink img:hover {
	border:1px solid #F27A00;
	}	
	
	
.page_title {
	font-size:17px; 
	margin:2px 0px 6px 0px; 
	color:#333333;
	}	
	
	
.mainbox {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4px;
	width: 742px;
	background-image:url(images/main_border.gif);
	background-repeat:repeat-y;
	border:solid 0px #000000;
	}	

.topbox_topborder {
	margin-left:auto;
	margin-right:auto;
	padding-top:9px;
	padding-left:11px;
	background-image:url(images/topbox_topborder.gif);
	background-repeat:no-repeat;
	}

.topbox_imgbg {
	background-color:#3a9ad2;
	background-image:url(images/topbox_imgbg.jpg);
	background-position:right;
	width:720px;
	height:166px;
	}
	
h1.topbox_logo {
	margin:0px;
	position:absolute;
	}

.topbox_logo a {
	display:block;
	width:251px;
	height:166px;
	background-color:#FFFFFF;
	background-image:url(images/topbox_logo.jpg);
	background-repeat:no-repeat;
	}	

.topbox_logo span {
	display:none;
	}
	
a.industry {
	display:block;
	position:absolute;
	top:5px; 
	left:241px;
	color:#FFFFFF; 
	width:140px; 
	height:18px; 
	background-color:#3a9ad2;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding-top:6px;
	padding-left:3px;
	filter: Alpha(Opacity=84, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); 
	}

a.industry:hover {
	left:238px;	
	color:#FFFFFF;	
}
	
a.home {
	display:block;
	position:absolute;
	top:32px; 
	left:241px;
	color:#FFFFFF; 
	width:110px; 
	height:18px; 
	background-color:#F79029;
	background-color:#FF9D3B;
	font-size:10px;
	/*font-weight:bold;*/
	text-decoration:none;
	padding-top:6px;
	padding-left:12px;
	filter: Alpha(Opacity=95, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); 
	}
	
a.home:hover {
	left:238px;
	color:#FFFFFF;
	}
	
a.computer {
	display:block;
	position:absolute;
	top:59px; 
	left:241px;
	color:#FFFFFF; 
	width:90px; 
	height:18px; 
	background-color:#63ca38;
	font-size:10px;
	/*font-weight:bold;*/
	text-decoration:none;
	padding-top:6px;
	padding-left:12px;
	filter: Alpha(Opacity=87, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); 
	/*Alpha works on IE only. And why in this element doesnt work a:hover withou alpha? Miracle.. */ 
	}
	
a.computer:hover {
	left:238px;
	color:#FFFFFF;
	}
	
.viewportbox {
	width:720px;
	margin-left:11px;
	background-color:#FFFFFF;
	}
	
		
.menubox {
	background-image:url(images/menu_bg.gif);
	background-repeat:repeat-x;
	/*background-color:#000000;*/
	width:700px;
	height:26px;
	padding-left:20px;
	/*border:1px solid #FF0000;*/
	}
	
.menubox a:hover {
	color:#FFFFFF;
	}

	
.menubox ul {
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	}
	
.menubox li {
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	}

	
.menubox a {
	display:block;
	width:80px;
	height:24px;
	padding-top:3px;
	text-align:center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
	border-top:#3A9AD2 3px solid;
	margin-top:1px;
	/*border-right:1px dotted #3B9AD2;
	border-left:1px dotted #3B9AD2;*/
	}
	
.menubox a:hover {
	background-color:#3a9ad2;
	margin-top:0px;
	padding-top:4px;
	}
	

.menubox #active_menu {
	background-color:#3a9ad2;
	margin-top:0px;
	padding-top:4px;
	}

	
.contentbox {
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:6px;
	color: #525252;
	background-color: white;
	}
	
/*.contentbox img {
	margin-right:8px;
	}*/
	
.contentheading {
	font-size:17px;
	margin:4px 0px 6px 0px;
	color:#333333;	

}

div.reference_cell {
	border:1px solid #CCCCCC;
	width:94%;
	margin-bottom:10px;
	padding-right:20px;
	}
div.reference_cell img {	
	margin:10px 14px 10px 10px;
	}
	
div.reference_cell h3 {	
	margin-top:16px;
	margin-bottom:8px;
	}

div.reference_cell ul {	
	list-style:square;
	margin-bottom:0px;
	}
	
div.reference_cell li {	
	margin-left:16px;
	list-style-position:inside;
	}
	
div.kontakt_galerie a {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}	

.signature {
	text-align:center;
	margin-bottom:1px;
	}	
	
.bottomborder {
	background-image:url(images/bottombox_bottomborder.gif);
	background-repeat:no-repeat;
	height:14px;
	background-color:#f2f5f6;
	}