/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body {
	margin:0px;
	padding-top:20px;
	text-align:center;
	background-image: url(img/bg.jpg);
	background-repeat: repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#shadow {
	width: 830px;
	margin-left:-30px;
	padding:0;
	margin: 0px auto;
	background-image: url(img/shadow.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#shadowtop {
	width: 830px;
	margin-left:-30px;
	padding:0;
	margin: 0px auto;
	background-image: url(img/shadow_top.png);
	background-repeat: repeat-y;
	height: 15px;
}
.shadowbottom {
	width: 800px;
	margin: 0px auto;
	background-image: url(img/shadow_bottom.png);
	background-repeat: repeat-y;
	height: 5px;
	text-align: left;
	padding-left:30px;
	padding-top:5px;
	padding-top:5px;
	font-size: 0.7em;
	color:#333;

}
#pagewidth {
	width:800px;
	text-align:left;
	margin:0 auto;
	border: 1px solid #ffffff;
	color: #666;
	background-color: #efefee;
	
}
#logoarea {
	float:right;
	position:relative;
	height:100px;
	width:100%;
	display:block;
	overflow:auto;
	background-image: url(img/logo_ib.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #4EB18C;
	background-color: #ffffff;
}
#leftcol {
	width:220px;
	float:left;
	position:relative;
	height: 100%;
	background-image: url(img/bg_leftcol.jpg);
	background-repeat: repeat-x;
}
#content {
	padding:10px 30px 30px 30px;
	height:auto;
    min-height:420px;
	width:518px;
	float:right;
	clear:both;
	background-image: url(img/bg_content.jpg);
	background-repeat: repeat-x;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-size: 85%;
	color: #333;
}
#leftnav {
	background-color: #F0F0EF;
	width:220px;
	height: 155px;
	float:left;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#visual {
	position: relative;
	width:80%;
	float:right;
	clear:both;
	width:579px;
	height: 155px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#navtop {
	width:220px;
	float:left;
	position:relative;
	background-image: url(img/bg_navtop.jpg);
	background-repeat: repeat-x;
	height: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
#rightnav {
	position: relative;
	width:549px;
	float:right;
	background-image: url(img/bg_navtop.jpg);
	background-repeat: repeat-x;
	height: 25px;
	TEXT-ALIGN: right;
	padding:5px 0px 0px 30px;
	font-size: 80%;
}
#rightnav a { padding-right: 20px; color: #333333; text-decoration: none; } 
#rightnav a:hover {COLOR: #4EB18C;} 
#footer {
padding-left:0px;
}
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  


.clear {
	clear:both;
}

.topnav {font-size:100%; background-color:#fff;}
.kfz {width: 255px;float: left; }
.kfz a{padding:5px 5px 5px 10px; float:left; display:block; width: 255px; background-color: #F5F5F4; color: #333; text-decoration: none;}
.kfz a:hover{float:left; display:block; width: 255px; background-color: #4EB18C; color: #FFF;}
.kfzHL {width: 255px;float: left; background-color:#4EB18C;padding:5px 5px 5px 10px;color: #FFF;}

.gtue {width: 255px; margin-left:271px;}
.gtue a{background-color:#F5F5F4; text-decoration: none; padding:5px 5px 5px 10px; display:block; color: #333;width: 250px;}
.gtue a:hover{float:left; display:block; background-color: #ba002e; color: #FFF; width: 248px;}
.gtueHL { padding:5px 5px 5px 10px; width: 248px; margin-left:271px; background-color:#ba002e;color:#FFF;}

.technischedienst {width: 250px;float: right;background-color:#39C;}
.technischedienst a{padding:5px 5px 5px 10px; float:right; display:block; width: 255px; background-color: #F5F5F4; color: #333; text-decoration: none;}
.technischedienst a:hover{float:right;  width: 255px; background-color: #39C; color: #FFF;}
.technischedienstHL {width: 250px;float: right; background-color:#39C; padding:5px 5px 5px 10px;color: #FFF;}

/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print {
/*hide the left column when printing*/ 
#leftcol {
	display:none;
}
#twocols, #maincol {
	width:100%;
	float:none;
}
}