/**
 * Style sheet Lebertest 
 */

BODY { 
	background: #226BA4 url("img/lebertest_hg.jpg") top left repeat-x ; 
	}
	

#wrapper {
	background: url("img/lebertest_wrapper_hg.jpg") top left no-repeat;
	color: #fff;
	}

#header {
	padding:0px;
	margin:0px;
}

#logo {
	float: left;
	margin-bottom:45px;
	 }
	 
/* Navigation */
/* #################################################### */

.navi ul,
.navi li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navi li {
	display: block;
	float: left;
}

/* Top - Metanavigation */
/* #################################################### */

#topnav {
	position: relative;
	top: 18px;
	left: 70px;
	width: auto;
}

#topnav li {
	display: block;
	float: left;
}

#topnav a,
#topnav span {
	padding: 0px 10px;	
	border-left: 1px solid #ccc;
	color: #EDE0A4;
	font-weight: bold;
}

#topnav li:first-child a,
#topnav li:first-child span {
	border-left: none;
}

#topnav li.first a,
#topnav li.first span {
	border: none;
}

/* Nav - Hauptmenü */
/* #################################################### */

#nav {
	float:left;
	padding:0px;
	width:773px;
}

#nav li {
	display: block;
	float: left;
	height: 45px;	
}

#nav li.active,
#nav li.trail,
#nav span.active,
#nav a.trail
{
	color:#FFFF00;
}

#nav li.trail a:hover {
	color: #fff;
}

#nav a,
#nav span {
	display: block;
	margin-left: 15px;
	padding: 12px 15px 12px 15px;;
	font-family: "Trebuchet MS", "Arial";
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	background-color:#002A4B;
}


#nav li a:hover,
#nav li a:active,

{
	color: #FFFF00;
}

/* Subnav */
/* #################################################### */

#subnav {
	/*border: 1px solid rgb(11, 80, 149); */
	
}


#subnav  a:link,
#subnav  a:visited
{
	color:#FFFFFF;
}

#subnav  a:hover,
#subnav  a:active
{
	color:#FF6600;
}

#subnav ul.level_1
{
	margin: 10px 10px 10px 11px;
}

#subnav li
{
	display: block;
	float: none;
}

#subnav a,
#subnav span
{
	display: block;
	text-decoration: none;
	
}

/* Subnav - Levels */
/* #################################################### */

#subnav .level_1 a,
#subnav .level_1 span
{
	font-weight: bold;
	padding-left: 0px;
}

#subnav .level_2 a,
#subnav .level_2 span
{
	font-weight: normal;
	padding-left: 15px;
}

#subnav .level_3 a,
#subnav .level_3 span
{
	font-weight: normal;
	padding-left: 30px;
}

#subnav .level_1 a.trail,
#subnav .active span
{
	font-weight: bold;
	color: #FFFF00;
}

#subnav li
{
	border-top: 1px solid #FFFFFF;
	margin-top: 5px;
	padding: 10px 0px 4px;
	zoom: 1;
}

#subnav ul.level_2 li
{
	border-top: none;
	margin-top: 0px;
	padding: 5px 0px 0px;	
	background: url("img/lebertest_nav_pfeil.png") 1px 8px no-repeat;
}

#subnav ul.level_2 li.active
{
	background-image: url("img/lebertest_nav_pfeil_a.png");
}

/* Linke Spalte mit Text */
/* #################################################### */
#left {
    background-color: #1A3F5B;
}

#left h2 {
	font-family: "Trebuchet MS", "Arial";
	font-size:20px;
	color:#D5D5D5;	
	font-weight:normal;
	margin:10px;
	
}

#left .ce_text p {
	margin:10px;
	color:#FFFFFF;
	line-height:18px;
}

#left .ce_text a,
#left .ce_text a:visited {
	color: #FFFFFF;
}

#left .ce_text a:hover,
#left .ce_text a:active {
	color: #FEE71E;
}


/* Hauptspalte */
/* #################################################### */

#container {
	padding-top: 15px;
	background-color:#226BA4;
}


#main {
	padding:7px 30px 0 30px;
	color:#FFFFFF;
	line-height:18px;
}

#main ul
{
	margin: 10px 0 10px 13px;
	padding: 0px;
}

#main ul li
{
	margin: 0px;
	padding: 0px;
}


#main p {
	margin-bottom: 10px;
}


#main H1 {
	font-family: "Trebuchet MS", "Arial";
	font-size:30px;
	color:#D5D5D5;	
	font-weight:normal;
	line-height:30px;
	margin-bottom:20px;
	}
	
#main H2 {
	font-family: "Trebuchet MS", "Arial";
	font-size:20px;
	color:#D5D5D5;	
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
	}
	
#main a,
#main a:visited {
	color: #FFFFFF;
}

#main a:hover,
#main a:active {
	color: #FEE71E;
}




/* Sitemap */
/* #################################################### */

.mod_sitemap ul
{
	margin: 10px 0px 10px;
}

.mod_sitemap li
{
	margin: 7px 0px 0px;
}

/* Footer */
#footer {
	color: #ffffff;
	margin-top: 50px;
	margin-bottom: 0;	
	padding-top: 7px;	
	border-top: 1px solid #538CB8;
	
}

#footer a,
#footer a:visited {
	color: #ffffff;
	font-size:11px;
}

#footer a:hover,
#footer a:active {
	color: #FFFF00;
	font-size:11px;
}

#footer p {
	font-size:11px;
}




/* Lebertest-Fragebogen */
/* #################################################### */

p.error
{
	margin:5px 0px;
	padding:5px;
	background-color:#ff3333;
	border:1px solid #1A3F5B;
	font-weight:bold;
}

form#lebertest
{
	/*
	border: 4px solid #538CB8;
	border-top: none;
	border-right: none;
	*/
}

form#lebertest .formbody
{
	/*margin: 5px 0px 15px 15px;*/
	margin: 5px 0px;
}

/* Überschriften */
#lebertest h1 {
	font-size:24px;
}

/* Fragen */
#lebertest label 
{
	display: block;
	font-weight: bold;
	padding: 0px;
	border: 1px solid #226BA4;
}

#lebertest .qlabel label
{
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}

#lebertest .qlabel2,
#lebertest .qlabel2 p
{
	cursor: default;
	margin: 0;
	margin-bottom: 3px;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

/* Tool Tips */
.tip
{
	text-decoration: underline;
	cursor: help;
}

#lebertest .qlabel2 .tip
{
	color: #D5D5D5;
}

/* Antworten */
#lebertest .radio_container label 
{ 
	font-weight: normal;
	padding: 0px;
	padding-left: 23px;
}

/* Rahmen unter den Antworten */
#lebertest .radio_container
{
	border-bottom: 1px dashed #538CB8;
	padding: 7px 50px 15px 3px;
}


/* Eine Zeile pro Antwort */
#lebertest .radio_container span 
{
	display: block;
}

#lebertest .radio_container input
{
	display: block;
	float: left;
}

/* Weiter-Button */
#lebertest .submit_container
{
	text-align: right;
}

/* BMI-Rechner */
#bmi table
{
	border: 1px solid #bbb;
	border-right: none;
	border-bottom: 1px solid #538CB8;
}

#bmi table th
{
	border: 1px solid #bbb;
	border-top: none;
	border-left: none;
}

#bmi table td
{
	border: 1px solid #538CB8;
	border-top: none;
	border-left: none;
}

/* Testfortschritt */
#lebertest_fortschritt table
{
	margin-left: 6px;
}

#lebertest_fortschritt table th
{
	text-align: left;
	color: #FEE71E;
}

#lebertest_fortschritt table td
{
	color: #cc3;
	text-align: left;
	font-size: 11px;
}

#lebertest_fortschritt .active td
{
	color: #fff;
	font-weight: bold;
}

#lebertest_fortschritt .todo td
{
	color: #ccc;
}

/* Auswertung */
.testergebnis
{
	font-weight: bold;
	font-size: 16px;
}

.testergebnis .punktzahl
{
	font-size: 16px;
}

/* Homepage Animation */

.ce_Imagerotator img {
	vertical-align:top;
	border:0px;
	margin:0px;
}

/* Contao 2.10 */
/* ----------- */
/* Fieldset und Legend ausblenden */
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

fieldset legend {
	display: none;
}