/*
RESET CSS
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* SCHU JU */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #EBF5EA;
}

a {
	text-decoration: underline;
	color: #ED3C12;
}

strong {
	color: #363636;
	font-weight: bold;
}

hr {
	height:  1px;
	color: #1a5e85;
}

p {
	text-align: justify;
}

li {
	text-align: justify;
}

a.btn {
	padding:25px 35px;
	background:#80C335;
	color:white;
	border:1px outset #64BF00;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	border-top: 2px solid #CCC;
	border-left: 2px solid #CCC;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}
a.btn:hover {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 2px solid #CCC;
	border-right: 2px solid #CCC;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}

#container {
	width: 750px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/	
	background:white;
}

#header {
	padding:10px 0;
	border-bottom:2px solid #EBF5EA;
	position: relative;
	zoom:1;
}

#header img {
	margin-left:15px;
}

#header div.mnav{
	margin:4px 0px 0px 20px;
}

#header div.mnav a{
	text-decoration: none;
	font-size: 11px;
}

#header div.hnav{
	position:absolute;
	bottom:10px;
	right:20px;
	font-size:12px;
	text-align: right;
	zoom:1;
}

#header div.login_details{
	position:absolute;
	top:10px;
	right:20px;
	font-size:12px;
	text-align: right;
}

#footer {
	clear: both;
	padding:4px;
	border-top:2px solid #EBF5EA;
	font-size:0.7em;
	background:#EBF5EA;
	text-align: right;
}

#contentcolumn h1, #contentcolumn h2, #contentcolumn h3, #contentcolumn h4 {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#contentcolumn h1 {
	font-size: 15px;
	color:  #ED3C12;
	padding: 10px 0 1em 0;
	font-weight: bold;
	clear:left;
	margin-top:5px;
}

#contentcolumn h2 {
	font-size: 0.9em;
	margin-bottom: 1em;
	color: #ED3C12;}

#contentcolumn h3 {
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
	color: #363636;}
	
#contentcolumn h4 {
	font-size: 0.8em;
	margin-bottom: 0.5em;
	color: #2c596f;}

#contentcolumn{
	font-size: 13px;
		padding:15px 20px;
	min-height: 450px;
	_height:450px;
}
#contentcolumn p, #contentcolumn li {
	color: #363636;
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 1.5em;
}

#contentcolumn ul {
	margin: 5px 0 1.5em 5px;
}

#contentcolumn li {
	margin: 0 2em 0.5em 2em;
 	list-style-type: square;
}

/* Progressbar */

div#progressnavigation {
	position:relative;
	border:1px solid #78B84A;
	background: #78B84A;
	overflow:hidden;
	padding:3px 0px;
}

#contentcolumn ul.progressbar {
	margin:2px;
	display:block;
	font-size: 11px;
}

#contentcolumn ul.progressbar li {
	padding:2px 2px;
	margin:0;
 	list-style-type: none;
 	font-size: 11px;
 	zoom:1;
 	white-space:nowrap;
 	display:inline;	
 	color:white;
}

#contentcolumn ul.progressbar li.first{
	font-weight: bold;
	width:50px;
	height:30px;
}

#contentcolumn ul.progressbar li a {
	padding:4px 6px;
	background:#EBF5EA;
	text-decoration: none;
	/*border:1px solid;*/
 	-moz-border-radius:2px;
}

#contentcolumn ul.progressbar li a:hover{
	background:#F1562A;
	color:white;
}
#contentcolumn ul.progressbar li.active a{
	background:#F1562A;
	color:white;
}

#contentcolumn ul.progressbar li.deactivate a,
#contentcolumn ul.progressbar li.deactivate a:hover{
	cursor:default;
	color:#666;
	background:#EBF5EA;
}

#contentcolumn p.kleingedrucktes {
	color: #666666;
	font-size: 0.65em;
}

#contentcolumn .teaser {
	padding: 0.5em 0.8em 0.1em 0.8em;
	margin:  0 0 1em 0;
	background: #EBF5EA;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#contentcolumn .teaser h2 {
	color:  #811c21;
	font-size:  0.9em;
	font-weight: bold;
}

#contentcolumn .teaser p, #contentcolumn .teaser li {
	color:  #ED3C12;
	font-size:  0.85em;
	margin: 0 0 0.5em 0;
}

#contentcolumn .teaser li {
	color:  #ED3C12;
	font-size:  0.85em;
	margin: 0 0 0.5em 2em;
}

div.selection_style {
	margin: 20px auto;
	background: #77B749;
	padding:10px;
	width: 200px;
	border:1px solid gray;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}

div.selection_style label{
	cursor:pointer;
	color:white;
}

#wbt_nav {
	position:relative;
	font-size:0.9em;
	padding:5px 10px 5px 10px;
	border-top:3px solid #EBF5EA;
	clear:both;
}
#wbt_nav .partner{
	display:block;
	background: #fff url(../pics/ber.jpg) no-repeat 20px 0px;
	height:60px;
	margin:0px auto;
	text-align: left;
	width: 340px;
	padding: 45px 0 0 180px;
}

#wbt_nav a{
	text-decoration: none;
}

#wbt_nav a.next {
	position:absolute;
	right:10px;
	padding-right:20px;
	background: url(../pics/next.gif) no-repeat right center;
}

#wbt_nav a.back {
	padding-left:20px;
	background:url(../pics/prev.gif) no-repeat left center;
}

#wbt_nav a.wait {
	background-image: url(../pics/clock.gif);
	cursor:default;
	color:#666;
}

/* General Styles */
div.error {
	font-size:11px;
	border: 1px solid #CC0000;
	color:#CC0000;
	font-weight: bold;
	padding:5px 5px 5px 45px;
	margin:3px 0;
	background:url(../pics/icon_error.gif) no-repeat left top;
	min-height:30px;_height:30px;
}

div.info {
	font-size:11px;
	border: 1px solid green;
	color:green;
	font-weight: bold;
	padding:5px 5px 5px 45px;
	margin:3px 0;
	background:#EBF5EA url(../pics/icon_info.gif) no-repeat left top;
	min-height:30px;_height:30px;
}

div.ok {
	font-size:11px;
	border: 1px solid green;
	color:green;
	font-weight: bold;
	padding:5px 5px 5px 45px;
	margin:3px 0;
	background:#EBF5EA url(../pics/icon_ok.gif) no-repeat left top;
	min-height:30px;_height:30px;
}


/* FORM */ 
form#login{
	width: 100%;	
	margin:0px auto;
}

form#register{
	margin:0 auto;
}


form.default fieldset {
	padding: 1em;
	margin:  0 0 1em 0;
	background: #EBF5EA;
	width: 380px;
}

form.default h2,
form#login h2,
form#register h2 {
	font-size: 14px;
	color: #FFFFFF;
	background: #ED3C12;
	margin-bottom: 0;
	padding:3px;
	width: 400px;
}

form.default label {
	display: block;
	margin: 1em 0 0.3em 0;
}

div#center {
	width: 400px;
	margin: 0 auto 0;
}

form.default input, 
form.default select, 
form.default textarea {
	width: 250px;
	border: 1px solid #99cc28;
	padding: 2px;
}

form.default input.radiobutton {
	width: auto;
	display: inline;
}

form.default label.radiolabelzweizeilen {
	display: inline;
}

form.default textarea {
	font-size: 1em;
	padding: 2px;
}

form.default input.submit {
	margin: 1em 0 2em 0;
	border:  0;
	width: auto;
	background: #000000;
	color: #FFFFFF;
}

/* General */
table.result{
	border:1px solid;
}
table.result td{
	font-size:11px;
	padding:5px;
}
table.result tr{
	background:#F6F6F6;
}
table.result tr.question td{
	border-top: 1px solid #666;
	font-size:0.9em;
}
table.result thead tr{
	background:#E5E5E5;
}
table.result td.correct{
	background:#80C335;
	text-align:center;
}
table.result td.wrong{
	background:#EF1D1D;
	text-align:center;
}

ul.fade_in{
	color:white;
}

div.certificate{
	position: relative;
	float:right;
}

div.certificate a {
	position: absolute;
	border: 1px solid black;
	background:white url(../pics/download.png) no-repeat center 3px ;
	width:250px;
	padding-top:135px;
	padding-bottom:8px;
	left:-253px;
	text-align: center;
	text-decoration: none;
}

div.question {
	zoom:1;
	padding:5px 15px 5px 10px;
	border:1px solid white;
}

div.question input {
	zoom:1;
}

div.wrong-answer {
	border:1px solid #F1562A;
	background:#FFCDBF url(../pics/warning.gif) no-repeat right center;
}
div.correct-answer {
	border:1px solid #77B749;
	background:#D5EFC2 url(../pics/warning.gif) no-repeat right center;
}

#wbt_solution div {
	padding:10px 10px 5px 40px;
	background:url(../pics/icon_info.gif) no-repeat 0px 0px;
	min-height:50px;
	_height:50px;
	font-weight:bold;
	margin-top:15px;
}

/* Promille Rechner */

#promcalc {
	position:relative;
	width: 600px;
	margin: 20px auto;
}
#promcalc input.prominput{
	position:absolute;
	background:transparent;
	border:none;
	width:40px;
	height:23px;
	color:#55ab26;
	font-size:18px;
	text-align:center;
	top:210px;
	z-index:2;
}

#promcalc a,
#promcalc a:link,
#promcalc a:visited,
#promcalc a:active,
#promcalc a.promup,
#promcalc a.promdown{
	padding:0;
	margin:0;
	display:block!important;
	position:absolute;
	width:40px;
	height:10px;
	background:none;
	text-decoration:none;
	border:none;
	outline: 0;
	z-index:3;
	zoom:1;
}

/* IE is so stupid */
*+html #promcalc a{
	background:url(../images/spacer.gif)!important;
}

#promcalc a:hover{
	background:white;
	opacity:0.4;
	filter: alpha(opacity=40);
}

/* IE is so stupid */
*+html #promcalc a:hover{
	background:url(../images/spacer.gif)!important;
}

#promcalc a.promup{
	top:200px;
}
#promcalc a.promdown{
	top:235px;
}

#promcalc input.bier{
	left:40px;
}
#promcalc input.biermisch{
	left:102px;
}
#promcalc input.wein{
	left:166px;
}
#promcalc input.sekt{
	left:224px;
}
#promcalc input.korn{
	left:286px;
}
#promcalc input.likoer{
	left:348px;
}
#promcalc input.whisky{
	left:412px;
}
#promcalc input.misch{
	left:497px;
}

#promcalc a.bier{
	left:40px;
}
#promcalc a.biermisch{
	left:102px;
}
#promcalc a.wein{
	left:166px;
}
#promcalc a.sekt{
	left:224px;
}
#promcalc a.korn{
	left:286px;
}
#promcalc a.likoer{
	left:348px;
}
#promcalc a.whisky{
	left:412px;
}
#promcalc a.misch{
	left:497px;
}

#promcalc_result{
	position:absolute;
	top:287px;
	left:283px;
	width:62px;
	font-size:17px;
	color:white;
	text-align:right;
	font-weight:bold;
}