/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 

/* Allgemeine Selektoren */
html {height: 101%;}
body {     
    margin: 0px 0px 0px 0px;
    text-align: left; 
    background-color: #96C2F5;
    font-family: "Tahoma", "Helvetica", "Arial", "sans-serif";
    font-size:11px;
       }

/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

.tabelle_bottom{

 padding-bottom:5px;

}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

/* =-=-=-=-=-=-=-[Menue oben(Tabs)] -=-=-=- */
#menue {
 font: bold 10px Arial;
 margin-left: 0px;
 padding: 15px 25px 3px;
 border-bottom: 2px solid #000;
}

#menue li {
 	margin: 0;
 	display: inline;
	list-style: none;
}

#menue a {
 	padding: 3px 10px;
	margin-left: 5px;
	border-bottom: none;
	border: 2px solid #000;
	text-decoration: none;
	background: #DEE;
}

#menue a:link, #menue a: visited {
	color: #333;
	background-color: #BDD;
}

#menue a:hover {
	color: #FFF;
	background-color:#ACC;
	padding:10px;
}

#menue a#ausgewaehlt {
	border-bottom: 2px solid #eee;
	color: #0c70b6;
	background-color: #EEE;
}


#menue-start {
 font: bold 10px Arial;
 margin-left: 0px;
 padding: 15px 25px 3px;
 border-bottom: none;
}

#menue-start li {
 	margin: 0;
 	display: inline;
	list-style: none;
}

#menue-start a {
 	padding: 3px 10px;
	margin-left: 5px;
	border-bottom: none;
	border: 2px solid #2d4d97;
	text-decoration: none;
	background: #DEE;
}

#menue-start a:link, #menue a: visited {
	color: #333;
	background-color: #BDD;
}

#menue-start a:hover {
	color: #FFF;
	background-color:#ACC;
	padding:10px;
}

#menue-start a#ausgewaehlt {
	border-bottom: 6px solid #eee;
	color: #0c70b6;
	background-color: #EEE;
}



/* =-=-=-=-=-=-=-[Menu links]-=-=-=-=-=-=-=- */
#menu {
	width: 190px;
	margin-top: 10px;
	}
	
#menu li a {
	text-decoration: none;
	height: 32px; 
  	voice-family: inherit;
  	height: 24px;
	}
	
#menu li a:link, #menu li a:visited {
	color: #0c70b6;
	display: block;
	background: url(pics/menu.gif);
	padding: 8px 0 0 20px;
	}
	
#menu li a:hover {
	color: ##257EB7;
	background: url(pics/menu.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}
	
#menu li a:active {
	color: #fff;
	background: url(pics/menu.gif) 0 -64px;
	padding: 8px 0 0 25px;
	}

   a:link {font-size: 100%; text-decoration:none; color: #0c70b6;}
   a:visited {font-size: 100%; text-decoration:none; color: #0c70b6;}
   a:hover {font-size: 100%; text-decoration:none; color: #0c70b6;}

#archiv {
	text-decoration: none;
	font-size: 120%;
	}
	

   #container { margin: 0 auto; width: 1024px; }
   #container_auswertung {margin: 0 auto; width: 999px; padding-top: 20px; }
   
   #actual_content {
    border: solid; 
    border-width: 2px;
	border-top: 0px; 
    border-color: black; 
    width: 100%; 
    margin: 0px;
    background: #eeeeee;
   }
   .left_menu {
    width: 200px;
   }
   .right_content {
    background: url(pics/line.gif);
    background-repeat: repeat-y;
    background-position: 5px 0px;
   }
   
   th {
   	margin:0; padding:0;
   	font-size: 150%;
   	color: #000000;
   }
   
   h1 {
    margin:0; padding:0;
    font-size: 150%;
   	color: #0c70b6;
   }
   h2 {
    margin:0; padding:0;
    font-size: 120%;
   }
   h3 {
    margin:0; padding:0;
    font-size: 120%;
    color: #0c70b6;
   }
   h4 {
    margin: 0px 0px 0px 55px; padding:0;
    font-size: 100%;
   }
   h5 {
    margin: 0; padding:0;
    font-size: 90%;
    color: #0c70b6;
   }

   .right_content_div {
    margin: 5px 30px 30px 45px;
    font-size: 80%;
   }
   .left_content_div {
    margin: 5px 5px 5px 5px;
    padding: 5px;
    font-size: 100%;
   }
   #splitter_table {
    width: 100%;
    height: 650px;
   }
   .bottom_disclaimers {
    text-align: left;
    width: 1024px;
    font-size: 9px;
    font-family: "Arial"; 
    margin-top: 3px;
   }
   .bottom_disclaimers a {color: black; text-decoration:none}
   .bottom_disclaimers a:hover {text-decoration:underline;}
   .bottom_disclaimers a:visited {font-size: 9px;}
   .bottom_disclaimers a:link {font-size: 9px;}
   

@media screen{
	#container-anbieter
    {display:none;}
    .dochdrucken {display:none;}
}

@media print {
 	body {
	  background-color:#fff;
	  font-size:10pt;
	  color:#000;
	}
    .nichtdrucken {display:none;}
    .dochdrucken {display:block;}
    .left_menu {width:0%;}
	#container-hauptnav,
	#container-blmenue,
	#container-banner,
	#container-bottom
	{display:none;}
	#container-anbieter
    {display:block;}
    a[href^="http"]::after {content:" ("attr(href)")";
	font-style:italic;}
}
/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */
#wrapper_auswertung { 
	border: solid; 
    border-width: 2px; 
    border-color: black; 
    width: 100%;
    margin: 0px;
    background: #eee;
    color: black; 
   }


#wrapper { 
	border: solid; 
    border-width: 2px;
	border-top: 0px; 
    border-color: black; 
    width: 100%;
 
    margin: 0px;
    background: #eee;
    color: black; 
   }
   #kopfbereich {
   	position: relative;
   height: 80px;
   color: black; 
   padding: 10px 20px 10px 10px; 
}
 #kopfbereich p {
      position:absolute;
      left: 10px;  
      font-weight: bold;  
      padding: 5px 0 5px 0; 
      margin-bottom: 0; 
      text-align:center;
   }
   .logo {
   	margin-top: 30px;
   	margin-right: 140px;
   	margin-bottom: 0;
   }
   #ip_login{
   	border: 2px solid #000000;
   	 font-size: 80%;
	line-height: 1em;
	margin: 20px 0 0 900px;
   }
	
   #kopfbereich p span {
      color: #d90000;  
   }
#navibereich { 
   float: left; 
   width: 200px; 
   padding-left: 10px; 
   padding-top: 30px;
   font-size: 80%; 
}   
#textbereich {
	position: relative;	
   padding: 20px 10px 20px 20px; 
   margin-left: 200px; 
   font-size: 80%;
}
#login_textbereich {
	position: relative;	
   padding: 20px 10px 20px 20px; 
   margin-left: 200px; 
   font-size: 10px;
}
#index_text1 {
	float: left;
	margin-left: 20px;
}
#index_text2 {
	margin-left:450px;
}
#textbereich_auswertung { 
   padding: 20px 10px 20px 20px; 
   margin-left: 0px; 
   font-size: 80%;
}
#ausw_kopf {
	position: relative;
	padding: 10px 20px 10px 20px;
}
#ausw_pap {
	float: left;
	width: 310px;
	background-color: #eee;
	padding: 20px 0px 20px 20px;
	margin-bottom: 3px;
}
#ausw_dfb {
	background-color: #eee;
	padding: 20px 10px 20px 10px;
	margin-left: 331px;
	margin-right: 371px;
}
#ausw_sportal {
	float: right;
	width: 350px;
	background-color: #96C2F5;
	padding: 20px 10px 20px 10px;
	margin-bottom: 3px;
}
#ausw_fuss {
	clear: both;
	margin-top: 3px;
	padding: 20px 10px 20px 10px;
	border: 1px solid red;
}
#ausw_table {
	color: #0c70b6;
	font-size: 10px;
}

#textbereich_livius { 
   padding: 12px 12px 12px 12px; 
   margin-left: 0px; 
   font-size: 80%;
}

#textbereich li {
	padding-left:0px;
}
.auswahl0 {
	text-align: left;
	margin-left: 200px;
	color: #9f0004
}
.auswahl1 {
	text-align: left;
	margin-left: 200px;
	color: #9f0004
}
.auswahl2_5 {
	text-align: left;
	margin-left: 200px;
	color: #9f0004
}
.auswahl2 {
	text-align: left;
	margin-left: 20px;
	color: #0c70b6;
	margin-bottom: 10px;
}
.auswahl3 {
	text-align: left;
	margin-left: 20px;
	color: #0c70b6;
	margin-bottom: 10px;
}
.auswahl4 {
	text-align: left;
	margin-left: 20px;
	color: #0c70b6;
	margin-bottom: 10px;
}
.auswahl5 {
	text-align: left;
	margin-left: 20px;
	color: #0c70b6;
	margin-bottom: 10px;
}
.auswahl6 {
	text-align: left;
	margin-left: 20px;
	color: #0c70b6;
	margin-bottom: 10px;
}
.auswahl7 {
	text-align: left;
	margin-left: 20px;
	color: #0c70b6;
	margin-bottom: 10px;
}
.auswahl8 {
	text-align: left;
	margin-left: 20px;
	color: #0c70b6;
	margin-bottom: 10px;
}
.auswahl9 {
	text-align: left;
	margin-left: 20px;
	color: #0c70b6;
	margin-bottom: 10px;
}
.auswahl10 {
	text-align: left;
	margin-left: 200px;
	color: #9f0004
}
.auswahl11 {
	text-align: left;
	margin-left: 200px;
	color: #9f0004
}
.auswahl12 {
	text-align: left;
	margin-left: 200px;
	color: #9f0004
}	
	#textbereich a:hover {
		color: #d90000;
	}
	
   #textbereich a:focus { 
      border-bottom: 1px solid #0c70b6; 
   }

/*####################################################
formStyle.css eingefügt
######################################################*/

.table { 
	font-family:				Verdana,Arial,sans-serif;
	FONT-SIZE: 11px;
}

.inputField 
{ 
	BORDER-RIGHT: #7f7f7f 1px solid; 
	BORDER-TOP: #7f7f7f 1px solid; 
	BORDER-LEFT: #7f7f7f 1px solid; 
	BORDER-BOTTOM: #7f7f7f 1px solid; 
	FONT-SIZE: 11px; 
	WIDTH: 170px; 
} 
.nutzerfest
{ 
	BORDER-RIGHT: #7f7f7f 1px solid; 
	BORDER-TOP: #7f7f7f 1px solid; 
	BORDER-LEFT: #7f7f7f 1px solid; 
	BORDER-BOTTOM: #7f7f7f 1px solid; 
	FONT-SIZE: 11px; 
	WIDTH: 170px; 
	background-color: #dfdfdf;
}

.errorField 
{
	BORDER-RIGHT: #9F0004 1px solid;
	BORDER-TOP: #9F0004 1px solid;
	BORDER-LEFT: #9F0004 1px solid;
	BORDER-BOTTOM: #9F0004 1px solid;
	FONT-SIZE: 11px;
	WIDTH: 170px;
	background-color: #A7E3FF;
} 
.errorTable 
{
	BORDER-RIGHT: #9F0004 1px solid;
	BORDER-TOP: #9F0004 1px solid;
	BORDER-LEFT: #9F0004 1px solid;
	BORDER-BOTTOM: #9F0004 1px solid;
	FONT-SIZE: 11px;
	background-color: #FFFFCC;
} 

.headlineweiss
{
	background-color: #9F0004;
	color: #FFFFFF;
}
.auswertebutton
{
	FONT-SIZE: 11px; 
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid;
	background-color: green;
	color: #FFFFFF;
}
.button
{
	FONT-SIZE: 11px; 
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid;
	background-color: #9F0004;
	color: #FFFFFF;
	
}

.roundedcornr_box_260550 {
	background: url(pics/roundedcornr_260550_tl.png) no-repeat top left;
}
.roundedcornr_top_260550 {
	background: url(pics/roundedcornr_260550_tr.png) no-repeat top right;
}
.roundedcornr_bottom_260550 {
	background: url(pics/roundedcornr_260550_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_260550 div {
	background: url(pics/roundedcornr_260550_br.png) no-repeat bottom right;
}
.roundedcornr_content_260550 {
	background: url(pics/roundedcornr_260550_r.png) top right repeat-y;
}
.roundedcornr_content_l_260550 {
	background: url(pics/roundedcornr_260550_r.png) top left repeat-y;
}
.roundedcornr_content_fill_260550 {
	background: top #eee repeat-y;
}

.roundedcornr_top_260550 div,.roundedcornr_top_260550,
.roundedcornr_bottom_260550 div, .roundedcornr_bottom_260550 {
	width: 100%;
	height: 30px;
	font-size: 1px;
}
.roundedcornr_content_260550, .roundedcornr_bottom_260550 {
	margin-top: -19px;
}
.roundedcornr_content_260550 { padding: 0 30px; }

.eckerund_box {
	background: url(pics/eckerund_lo.png) no-repeat top left;
}
.eckerund_top {
	background: url(pics/eckerund_ro.png) no-repeat top right;
}
.eckerund_bottom {
	background: url(pics/eckerund_lu.png) no-repeat bottom left;
}
.eckerund_bottom div {
	background: url(pics/eckerund_ru.png) no-repeat bottom right;
}
.eckerund_content {
	background: url(pics/eckerund_fill.png) top right repeat-y;
}
.eckerund_content_l {
	background: url(pics/eckerund_fill.png) top left repeat-y;
}
.eckerund_content_fill {
	background: top #eee repeat-y;
}



.eckerund_top div,.eckerund_top,
.eckerund_bottom div, .eckerund_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.eckerund_content, .eckerund_bottom {
	margin-top: -19px;
}
.eckerund_content { padding: 0 15px; }


#blue {
	color: #0c70b6;
}
#red {color:red;}
#green {color:green;}

/*##################	WM-Style	###############*/

#header_text {
	margin-left: 410px;
	margin-top:30px;
}
#header__login {
	margin-left: 1px;
}
#header_logo1{
	margin-left: 210px;
}
#header_logo2{
	margin-left: 690px;
}
#login {
	margin-left: 1px;
}