/* Hauptangaben */
/* Wilier-Farben 
Royalblau #0073c8
Hellblau #cb1813
Rot #cb1813
*/

body {
	font-size: 0.825em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333333;
	color: #333333;
	margin: 0px 15px 0px 15px;
	padding: 0px;
}

a { color: #0073c8; }
a:active { color: #0073c8; }
a:visited { color: #0073c8; }


/* Träger-Div */
.page {
position:absolute;
width: 900px;
background-color: #ffffff;
padding: 10px 10px 5px 10px;
}

.kopf { background-color: #ffffff; border: solid 1px  #666666; margin-bottom: 10px; }

.kopf div#logo { margin: 2px 5px 2px 5px; float:left; letter-spacing: 2.5px; text-align: center; }
.kopf div#subn { text-align: right; padding: 5px 15px 0px 0px; font-size: 0.75em; word-spacing: 5px; float: right; }
.kopf div#subt { width: 500px; text-align: right; padding: 10px 15px 0px 0px; font-size: 1.5em; font-weight: bold; clear: right; float: right; margin: 0px 0px 5px 0px; display: block; }
.kopf div#wk { padding: 5px 15px 5px 50px; font-size: 0.85em; color: #757575; letter-spacing: normal; float: right; clear: right; text-align: right; background-color: #cb1813; border: solid 1px #666666; margin: 10px 15px 0px 0px; }
.kopf div#wk a { color: #fffdf9; text-decoration: none; }
.kopf div#wk a:hover { color: #fffdf9; text-decoration: underline; }
.kopf div#cartempty { padding: 5px 15px 5px 50px; font-size: 0.85em; float: right; clear: right; text-align: right;  margin: 10px 15px 0px 0px; }

.hn {
clear: both;
background-color: #cb1813;
font-size: 12px;
word-spacing: 20px;
padding: 8px 20px 5px 15px;
text-transform: uppercase;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;

}

.hn a { color: #ffffff; text-decoration: none; }
.hn a:hover { color: #0073c8; text-decoration: none; }

.lb {
margin: 3px 0px 10px 0px;
width: 186px;
border: solid 1px #666666;
background-color: #FFFFFF;
padding: 5px 5px 5px 15px;
font-size: 0.85em;
color: #8e8e8e;
float:left;
clear: left;
}

.lb ul#services { margin: 0px; padding: 0px; display: block; }
.lb ul#services li { list-style: none; padding: 2px 5px 0px 17px; background-image: url(../images/pfeil_rot.gif); background-repeat: no-repeat; background-position: 0px 6px; }
.lb ul#services li a { text-decoration: none; color: #333333; }
.lb ul#services li a:hover { color: #8e8e8e; }

.sb {
margin: 3px 0px 10px 0px; width: 186px; border: solid 1px #666666; background-color: #FFFFFF; padding: 5px 5px 5px 15px; font-size: 0.85em; color: #8e8e8e; float:left; clear: left; }

.sb ul#services { margin: 0px; padding: 0px; display: block; }
.sb ul#services li { list-style: none; padding: 2px 5px 0px 0px;}
.sb ul#services li a { text-decoration: none; color: #333333; }
.sb ul#services li a:hover { color: #8e8e8e; }
.sb input { border: solid 1px #a1a1a1; font-size: 11px; padding: 2px 2px 2px 2px; vertical-align: bottom;}

.vb { margin: 3px 0px 10px 0px; padding: 3px 3px 3px 3px; width: 200px; float:left; clear: left; border: solid 1px #666666; background-color: #FFFFFF; }

.sn {
margin: 0px 0px 10px 0px;
width: 206px;
border-bottom: solid 1px #666666;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
background-color: #FFFFFF;
color: #8e8e8e;
font-size: 0.85em;
float:left;
clear: left;
}

.sn ul#subnav { margin: 0px; padding: 0px; display: block; }
.sn ul#subnav li#close { list-style: none; padding: 7px 5px 7px 15px; border-top: solid 1px #666666; background-image: url(../images/i_pfeil.gif); background-repeat: no-repeat; background-position: 185px 11px; }
.sn ul#subnav li#close:hover { background-image: url(../images/i_pfeil_aktiv.gif); background-repeat: no-repeat; background-position: 185px 11px; cursor: pointer; }
.sn ul#subnav li#close a { text-decoration: none; text-transform: uppercase; color: #8e8e8e; }
.sn ul#subnav li#close a:hover { color: #333333; }

.sn ul#subnav li#open { list-style: none; padding: 7px 5px 2px 15px; border-top: solid 1px #666666; background-image: url(../images/i_pfeil_offen.gif); background-repeat: no-repeat; background-position: 187px 9px; }
.sn ul#subnav li#open:hover { cursor: pointer; }
.sn ul#subnav li#open a { text-decoration: none; text-transform: uppercase; color: #333333; }

.sn ul#subnav li#up { list-style: none; padding: 0px 5px 2px 20px;}
.sn ul#subnav li#up a { text-decoration: none; color: #8e8e8e; }
.sn ul#subnav li#up a:hover { color: #333333; }

.wk {
width: 186px;
background-color: #cb1813;
padding: 5px 5px 5px 15px;
float:left;
clear: left;
font-size: 0.85em;
text-transform: uppercase;
color: #ffffff;
border: 1px solid #cb1813;
}

.eyepic {
	margin: 0px 0px 0px 13px;
	border: solid 1px #666666;
	background-color: #FFFFFF;
	float: left;
	font-size: 0.85em; }


.cn {
	margin: 10px 0px 10px 13px;
	border: solid 1px #666666;
	background-color: #FFFFFF;
	padding: 5px 15px 5px 15px;
	width: 650px;
	float: left;
	font-size: 0.85em; }

.cn h3 { margin: 2px 0px 3px 0px; font-size: 1.15em; }

.footer {
margin: 10px 0px 0px 0px;
clear: both;
text-align: center;
font-size: 0.75em;
background-color: #ffffff;
border: solid 1px #666666;
padding: 5px 5px 5px 5px;
}