body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #f5f7fb;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
}

html,body { height:100% } 

#middle a { color:#1E1986; text-decoration: none;  font-weight: bold; /* background: url(../images/li2.gif) 0 0 no-repeat; padding-left: 18px; */}
#middle a:hover { /* background-position: 0 -12px; */ color: #8C94AF;}


.mouseover {
	visibility: hidden;
	position: absolute;
	left:300px;
	z-index:10;
	width:200px;
	background-color:#F2F3F7;
	border: 1px solid #BCC3D2;
	padding:5px;
	font-size: 11px;
	color: #0f1312;
}

.mouseover h6 {
	background-image: url(../images/li.gif);
	background-repeat: no-repeat;
	margin:0px;
	margin-bottom:0;
	_margin-bottom:-15px;
	padding-left: 20px;
	font-size: 11px;
	color: #0f1312;
	font-weight: normal;
}

#container {
	background-image: url(../images/bg_content.gif);
	width: 834px;
	overflow:auto;
}

#header {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	height: 44px;
	background-color: #FFFFFF;
	padding-right: 14px;
}
	
#header img {
	float: right;
	margin-top: 13px;
	margin-right: 9px;
}

#picture {
	background-image: url(../images/header_products.jpg);
	background-repeat: no-repeat;
	height: 121px;
}

#picture img {
	margin-top: 66px;
	margin-left: 179px;
	float: left;
}

#subheader {
	background-image: url(../images/subheader.gif);
	background-repeat: no-repeat;
	height: 27px;
}

#subheaderright {
	float: right;
	padding-right: 30px;
	padding-top: 8px;
	color: #5e6688;
	font-size:11px;
	font-weight: bold;
}

#subheaderright .drucken {
display: block;
float: right;
width:140px;
text-align:right;
}

#subheaderright a {
	color: #545a7c;
	text-decoration: none;
}

#subheaderright a:hover {
	color: #545a7c;
	text-decoration: underline;
}

#subheaderleft {
	float: left;
	padding-left: 179px;
	padding-top: 4px;
	color: #545a7c;
}

#subheaderleft form {
	margin: 0;
}

#subheaderleft input {
	border: 1px solid #4c5274;
	background-image: url(../images/search_bg.gif);
	background-repeat: repeat-x;
	height: 15px;
	width: 147px;
}

#subheaderleft .send {
	background-image: none;
	background-color: #7e8da2;
	color: #e4e1e8;
	font-weight: bold;
	font-size:11px;
	width: 56px;
	height:18px
}

#contentfooter {
	background-image: url(../images/bg_content_footer.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 63px;

}
#footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	height: 16px;
	background-position: center;
	font-size: 10px;
	width: 842px;
}

#right {
	float: right;
	width: 165px;
	min-height:200px;
	text-align: left;
	padding-top: 32px;
	background-image: url(../images/menu_bg2.gif);
	background-repeat: no-repeat;
	
}

#right input, #right select  {
	width:110px;
	font-size: 10px;
	
}

#right form {
	font-size: 10px;
	margin-left: 10px;
}

#right div {
	width: 130px;
	margin-left: 2px;
} 

#right h3 {
	font-size: 11px;
	color: #7f8da6;
	border-bottom: 1px solid #ccd1db;
	margin: 0 0 -15px 0;
	padding:0;
}

#right ul { 
	margin: 20px 0 0 0; 
	padding:0;
	}

#right li {
	font-size: 11px;
	color: #0f1312;
	margin: 3px 0 0 0; 
	padding:0 0 0 20px;
	list-style-type: none;
	background: url('../images/li.gif') no-repeat;
}

#right a:link, #right a:visited {
	color: #343d66;
	text-decoration: none;
}

#right a:hover { text-decoration: underline; }



html>body #ieonly {
display: none;
} 


li strong {
color: #1E1986;
}

h4 {
 color: #585D75;
 font-size: 11px;
 font-weight: normal;
 border: 1px solid #E1E4ED;
 background-color: #F2F3F7;
 margin-left: 13px;
 padding: 5px;
 margin-bottom: 8px;
 margin-top: 0px;
}

#left {
	float: left;
	width: 160px;
	text-align: left;
	_padding-left: 25px;
	margin-top: 0px;
	padding-top: 15px;
	background-image: url(../images/menu_bg.gif);
	background-repeat: no-repeat;
}

html>body #left div { 
margin-left: 25px; 
} 

#left ul {
	margin: 0;
	padding: 0;
}

#left .lev1, #left .lev1a, #left .lev1b {
	background-color: #eaecf3;
	padding-left: 7px;
	margin-bottom: 6px;
	list-style-type: none;
}

#left .lev1 {
	background-image: url(../images/menu_lev1_0.gif);
	background-repeat: repeat-y;
}

#left .lev1a {
	background-image: url(../images/menu_lev1a_0.gif);
	background-repeat: repeat-y;
}

#left .lev1b {
	background-image: url(../images/menu_lev1b_0.gif);
	background-repeat: repeat-y;
}

#left #active {
	background-image: url(../images/menu_lev1_1.gif);
	background-color: none;
	background-repeat: repeat-y;
}

#left .lev1 a, #left .lev1a a, #left .lev1b a, #left .lev1c a {
	text-decoration: none;
	color: #585d75;
	padding-top: 2px;
	padding-bottom: 3px;
	font-size: 12px;
	width: 100%;
}

#left .lev1 a:hover, #left .lev1a a:hover, #left .lev1b a:hover, #left .lev1c a:hover {
	text-decoration: underline;
}


#left .lev2 {
	background-color: #eaecf3;
	padding-left: 6px;
	margin-bottom: 6px;
	margin-left: 16px;
	list-style-type: none;
	background-image: url(../images/menu_lev2_0.gif);
	background-repeat: repeat-y;
}

#left #active2 {
	background-image: url(../images/menu_lev2_1.gif);
	background-color: none;
	background-repeat: repeat-y;
}

#left .lev2 a {
	text-decoration: none;
	color: #585d75;
	padding-top: 2px;
	padding-bottom: 3px;
	font-size: 12px;
	width: 100%;
}

#left .lev2 a:hover { text-decoration: underline; }

#middle {
	width: 470px;
	margin-top: 18px;
	text-align: left;
	font-size: 11px;
	color: #0f1312;
	left: 0px;
	position: relative;
}
html>body #middle {
	padding-top: 10px;
	left: 0px;
	position: relative;
}

html>body #start { 
	margin-top: -18px;
 }

#middle p {
	padding: 0px;
	padding-bottom: 25px;
	margin: 0px;
}

table {
	float: right;
}

#middle table {
	float: none;
}

td {
	font-size: 11px;
}

.row1 {
	background-color: #dddfe7;
	color: #515180;
	/*font-weight: bold;*/
	font-size: 11px;
	padding: 2px;
	padding-left: 4px;
	vertical-align:top;
}
.row2 {
	background-color: #eff0f5;
	color: #45526a;
	padding: 2px;
	padding-left: 4px;
	vertical-align:top;
}

.row3 {
	background-color: #ffffff;
	padding: 2px;
	padding-left: 4px;	
}

#middle h1 {
	font-size: 12px;
	letter-spacing: 1px;
	color: #1e1986;
	margin-bottom: 8px;
}

#middle h2 {
	font-size: 11px;
	color: #1e1986;
	border-bottom: 1px solid #8891b2;
	margin-bottom: 11px;
}

#middle h3 {
	font-size: 11px;
	color: #1e1986;
	margin-bottom: 11px;
}

h3 {
	margin-top: 0;
	_margin-top: 0;
}

#middle p, #middle div {
	font-size: 11px;
/*	color: #0f1312; */
}


.column2 ul {
padding:0;
margin:0;
}

.column1 li, .column2 li, {
	margin-left: -30px;
	*margin-left: 0;
	_margin-left: 0;
	
	padding:0 0 0 20px;
	list-style-type: none;
	background: url('../images/li3.gif') no-repeat;	
}

#middle li {

}

#middle .layout1, #middle .layout2, #middle .layout3 {
	margin: 0px;
	padding:0px;
}

#middle td img {
	margin: 0px;
	padding:0px;
}

#middle .layout1 p, #middle .layout2 p, #middle .layout3 p {
	margin: 0px;
	padding:0px;
	padding-bottom:6px;
}

#middle .layout1 .column1 {
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	width: 100%;
	padding-left: 14px;
}

#middle .layout2 .column1 {
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	width: 195px;
	_width: 230px;
	float: left;
	padding-left: 14px;
}

#middle .layout2 .column2 {
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	float: right;
	width: 225px;
	padding-left: 14px;
}

/* XXX */

*html #middle .layout2 .column2 table {
	margin-left: -14;
}


#middle .layout3 .column1 {
	list-style-type: none;
	width: 220 px;
	_width: 220px;
	float: left;
}

#middle .layout3 .column1 table, #middle .layout3 .column2 table {
	width: 220px; padding:0; margin:0; float: none;
}

#middle .layout1 .column1 p {
	padding: 0 0 0 0;
}
#middle .layout1 .column2 p {
	padding: 0 0 0 0;
}
#middle .layout2 .column1 p {
	padding: 0 0 0 0;
}
#middle .layout2 .column2 p {
	padding: 0 0 0 0;
}
#middle .layout3 .column1 p {
	padding: 0 0 0 0;
}
#middle .layout3 .column2 p {
	padding: 0 0 0 0;
}


#middle .layout3 .column2 {
	list-style-type: none;
	float: right;
	width: 220px;
	_width: 237px;
	padding-left: 14px;
}

#footerright {
	float: right;
	padding-right: 35px;
	padding-top: 3px;
	color: #e6eff8;
}

#footerleft {
	float: left;
	padding-left: 35px;
	padding-top: 3px;
	color: #e6eff8;
}

#footerleft #active {
	color: #20255c;
}

#footerleft a:link, #footerleft a:visited {
	color: #e6eff8;
	text-decoration: none;
}

#footerright a:link, #footerright a:visited {
	color: #e6eff8;
	text-decoration: none;
}

#footerleft a:hover, #footerright a:hover {
	text-decoration: underline;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block
}
