/* CSS Document */

* {
	margin:0px;
	padding:0px;	
}

a:link, a:visited { color:#000066; text-decoration:none; }
a:hover, a:active, a:focus { color:#0066FF; outline: none; }

/* Hide dotted outline in FF */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}


body { padding:75px 0 40px; text-align:center; background:#e7e9eb url(../images/bg_body.gif) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }

#globalWrapper { 
	margin: 0px auto; 
	width:610px; 
	text-align:left; 
	background:#ffffff url(../images/bg_main.gif) repeat-y;
}

#header { background:#2150a1 url(../images/bg_header.gif) top center no-repeat; height:60px; overflow:hidden; }
#header h1 { display:none; }

#flashheader { margin-left:5px; height:250px; background: url(../images/background_plus.jpg) no-repeat; position:relative; }

/* Produktbilder Header */
#bv_sys { position:absolute; top:30px; left:50px; }
#e3z_sys { position:absolute; top:30px; left:350px; }

#main { margin:0 5px; padding: 40px; min-height:200px; position:relative; }
* html #main { height:200px; }

#main h2.question, #main h2.won { font-size:18px; line-height:24px; height:50px; margin-bottom:10px; color:#333333; }
#main h2 { font-size:15px; line-height:19px; margin-bottom:10px; color:#333333; }

#main h2.question .small { font-size:14px; line-height:18px; height:50px; margin-bottom:10px; color:#333333; }

#main p { font-size:14px; line-height:20px; margin:10px 0; }
#main div.small p, #main p.note, #main p.small, #main span.small  { font-size:12px; line-height:16px; color:#666666; margin:0; }

#main .form p.note { margin-left:10px; font-size:10px; line-height:16px; color:#666666; }

#main p.note { margin-top:20px; font-size:10px; padding-left:10px; }
#main p.note:first-letter { display:block; position:absolute; margin-left:-10px; }

#main label:hover { color:#2150a1; cursor:pointer; }

#main label.wrong { color:#990000; background:#ffffff url(../images/wrong.gif) center left no-repeat; }
* html #main label.wrong { background-position: 4px 5px; }
#main label.wrong input { visibility:hidden; }

#main label.error, #main .error { color:#990000; font-size:10px; }
#main p.error {  }

.statusBar { height:22px; position:absolute; bottom:15px; left:40px; width:530px;  }

.statusBar .bar { background:#ffffff url(../images/bg_statusbar.gif) repeat-x; width:392px; height:16px; padding:2px 2px 2px 1px; margin-right:15px; float:left; visibility:hidden; }
.statusBar table { width:100%; height:100%; }
.statusBar table td { border-left:1px solid #666666;  }

.statusBar table td.first { border-color:#ffffff; }
.statusBar table td.active { background:url(../images/bg_statusbar_active.gif) repeat-x; }
.statusBar table td.solved { background:url(../images/bg_statusbar_solved.gif) repeat-x; }


.statusBar input.send { 
	float:left; 
	background:#ffffff url(../images/bg_send.gif) no-repeat; 
	border:none; 
	width:100px; 
	height:20px; 
	cursor:pointer; 
	text-align:right; 
	overflow:hidden; 
	color:#ffffff;
	font-size:1px;
}

.statusBar input.send:hover, .statusBar input.send:focus { background-image:url(../images/bg_send_n.gif); outline-width:0; }

#footer { background:#dddddd url(../images/bg_footer.gif) repeat-x; min-height: 40px; margin:0 5px; line-height:40px; text-align:right; padding: 0 25px; clear:both; position:relative; }
* html #footer { height: 40px; }
#footer a { color:#333333; text-decoration:none; }
#footer a:hover { color:#000000; }

#footer .imprint { position:absolute; right: 20px; top:0px; }

#bottom { background:url(../images/bg_bottom_shadow.gif) no-repeat; height:7px; overflow:hidden; font-size:1px; line-height:1px; }


/* Fromular Formatierung */

#main .form { margin: 10px 0 15px; float:left; width:100%; }
#main .form p {  padding: 4px 0; clear:both; font-size:11px; line-height:15px; color:#666666; margin:0; line-height:15px; float:left; width:100%; }
.form label { display:block; width:130px; height:15px; float:left; line-height:15px; }
.form input.text { width:300px; border:1px solid #999999; height:13px; line-height:13px; padding:1px 2px; color:#666666; font-size:10px; float:left; }
.form input.small { width:105px; }
.form label.small { width:93px; padding-left:10px; }

.form input.text:hover, .form input.text:focus { border-color:#333333; color:#333333; }

.form label.optionLabel { padding-right:8px; width:auto; margin-bottom:3px; }

#selection label.select { display:block; float:left; font-size:12px; width:150px; height:15px;  }

label.optionLabel input { vertical-align:middle; height:13px; font-size:13px; }

label.highlight { font-weight:bold; color:#2150a1; }

.fixfloat { display:block; clear:both; height:1px; line-height:1px; font-size:1px; }

.hide { display:none; }
.show { display:true; }

img.picleft { float:left; margin-right:15px; }

p.minheight { min-height:80px; }
* html p.minheight { height:80px; }

/* Geordnete Liste */
#main ol { margin: 25px 40px; font-size:14px; line-height:18px; }
#main ol li { margin-bottom: 10px; }

div#breadcrums { font-size:10px !important; color:#666; float:right; width:110px; height:200px; padding-left: 10px; }
div#breadcrums #sensor:hover { outline: none; cursor:pointer; }
div#breadcrums p { margin:0px; font-size:9px; }
div#breadcrums a:link, div#breadcrums a:visited { color:#666666 !important; }
div#breadcrums a:hover, div#breadcrums a:active { color:#0066FF !important; }
div#breadcrums ul { font-size:9px; list-style-type:none; }
div#breadcrums li { white-space:nowrap; }