/* ---------------------------------------------------------------- Generelles */
body, html {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color: #666666;
  font-family: "lucida grande", "lucida sans unicode", verdana, arial, helvetica, sans-serif;
  font-size: 10px; }
  
img {
  border:none; }
  
h1 {
	color:#5BC8E6; }

/* Links allgemein */  
a:link {
  color: #7D878B;}        /* Grau */
  
a:visited {
  color: #7D878B;}
  
a:hover {
  color: #5BC8E6; }       /* Hellblau */
  
a:active {
  color: #5BC8E6; } 
  


/* Sonstiges */  
 
.linielinks a {           /* vor erstem Navigationspunkt */
  border-left: 1px solid #7D878B; }
  
.linierechts a {           /* nach einem Navigationspunkt */
  border-right: 1px solid #7D878B; }  
  
.dunkelgrau {          
  color: #505050; }  
  
.links {
  float:left; } 
  
.zentriert {
  text-align:center; }   
  
.inhbgblau {
  margin:0 0 10px 55px;
  padding: 10px;
  background-color:#5BC8E6; }  
  
h1.weiss {
  color:#FFFFFF; }   
  
.inhbgblau2 {
  margin:5px 0 10px 55px;
  padding: 5px;
  background-color:#5BC8E6; }   

.hervorgehoben {
  color:#5BC8E6;
  font-weight:bold;
  text-transform:uppercase; }  
  
h1.hervorgehoben-l  {
  color: #5BC8E6;
  font-weight: bold;
  text-transform: uppercase; 
  font-size: 12px; }   
  
.fettfarbig {
  color:#5BC8E6;
  font-weight:bold; }  
  
.zellenrahmen {
  border: 1px solid #A5ACB2; } 
  
 label { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 80px; /* Breite.*/
}
  input {
	width: 180px;
	border: 1px solid #888888;
	margin-bottom:5px;
	font-size:10px;
}
  
textarea {
  width: 425px; } 
  
.submit {
  border: solid 1px #FFFFFF;
  background-color: #5BC8E6;
  color: #FFFFFF;
  font-size: 9px;
  padding: 3px 8px; }  
  
 .check  {
	width: 20px;
	border: 0px solid #888888;
	padding-top:0px;
	font-size:10px;
} 
  
.mussfeld {
  color: #5BC8E6; 
  padding-left: 3px; }  
  
.wichtig {
  color: #FF0000; 
  padding-left: 10px; }    
  
/* ------------------------------------------------------------ Gesamt Container */  
#container {
  width:910px;
  border-top:3px solid #5BC8E6;
  margin:0;
  padding:0; } 
   
/* -------------------------------------------------------- Linker Bereich (Zahl) */    

#left {
  width:100px;
  margin:110px 0 0 0;
  padding:0;
  float:left;
  background-color:#FFFFFF;
  display: inline; /* f. IE */ 
  }
  
.seitenzahl img {
  padding:62px 0 0 0;
  margin:0;
  height:160px; }  
  
/*************************************************
   Rechter Bereich 
   Enthaelt saemtliche Inhalte und ist nach 
   dem Bereich  Headerbild in 3 Spalten augeteilt
**************************************************/   
  
#right {
  width:810px;
  margin:0 0 0 0;
  padding:0;
  float:left;
  background-color:#FFFFFF;
  background-image:url(img/epg_logo.gif);
  background-repeat:no-repeat;
  background-position: 600px 21px; }  

/* --------------------------------------------------------- Hauptnavigation */  
#navcontainer {
  width:600px;
  margin:48px 0 0 0;
  padding:0;
  height:20px; } 
  
#navcontainer ul {
  margin:0;
  padding:0;
  text-align:left; 
  text-transform:uppercase;
  font-size:11px;}   
  
#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #FFFFFF;      /* #036; */
color: #7D878B;                 /* White; */
text-decoration: none;
float: left;
border-right: 1px solid #7D878B;
}

#navcontainer ul li a:hover  {
  background-color: #FFFFFF;      /* #369; */
  color: #5BC8E6;                 /* Hellblau */
  } 
  
#navcontainer a.current  {
  color: #5BC8E6; }     

/* ------------------------------------------------------- Sekundaernavigation */   
#subnavcontainer {
  width:810px;
  margin-top:7px;
  padding:0;
  height:32px; } 
  
#subnavcontainer ul {
  margin:0;
  padding:0;
  text-align:left; 
  font-size:11px;}   
  
#subnavcontainer ul li { display: inline; }

#subnavcontainer ul li a
{
padding: 0.2em 1em;
background-color: #7D878B;      /* #036; */
color: White;
text-decoration: none;
float: left;
border-right: 2px solid #FFFFFF;
}

#subnavcontainer ul li a:hover
{
background-color: #7D878B;        /* #369; */
color: #fff;
} 

#subnavcontainer ul li a:hover  {
  background-color: #5BC8E6;      /* #369; */
  color: #FFFFFF;
  }  
  
#subnavcontainer a.current  {
  background-color: #5BC8E6; }  

/* Fuer Abstand Submenu von links */  
.navlist1 {
  border-left: 0px solid #FFFFFF; }
  
.navlist2 {
  border-left: 79px solid #FFFFFF; } 
  
.navlist3 {
  border-left: 151px solid #FFFFFF; } 
  
.navlist4 {
  border-left: 290px solid #FFFFFF; } 
  
.navlist5 {
  border-left: 365px solid #FFFFFF; }       
    
/* END subnavcontainer */

#headerbild {
  width:810px;
  margin:0 0 10px 0;
  padding:0;
  height:100px; } 
  
#content {
  width:810px;
  height:100px;
  margin:0;
  padding:0;
  background-color:#FFFFFF; } 

/* ----------------------------------------------------------------- Spalte 1 */  
#spalte1 {
  width:160px;
  margin:0;
  padding:0;
  float:left;
  background-color:#FFFFFF; }
  
#spalte1oben {
  width:160px;
  height:70px;
  margin:0;
  padding:0;
  float:left;
  background-color:#FFFFFF;
  background-image:url(img/bg_header_sp1.gif); }  
  
.toppbild1 {
  padding:12px 0 0 15px; } 

/* ------------------------------------------------------ Kategoriennavigation */  
#catnavi {
  margin:40px 0 0 0;
  padding:0;
  width:160px;
  float:left;
  text-align:left;} 
  
#catnavi p {
  text-align:left;
  padding-left:6px; } 
  
#catnavicontainer {
  margin:20px 0 0 0;
  padding:0 0 10px 21px; }    
  
#catnavicontainer ul {
  margin:0;
  padding:0 0 10px 0;
  text-align:left; 
  font-size:11px;}   
  
#catnavicontainer ul li { 
  list-style-type:none;
  padding:0 0 15px 0; }  
  
#catnavicontainer ul li a {           
  text-decoration: none;  } 
  
#catnavicontainer a.current  {
  color: #5BC8E6; }       

/* ---------------------------------------------------------------- Spalte 2 */   
#spalte2 {
  width:500px;
  margin:0 0 20px 0;
  padding:0;
  float:left;
  text-align:left;
  background-color:#FFFFFF;
  /* background-image:url(img/bg_header_sp2.gif); 
  background-repeat:repeat-x; */ } 
  
#spalte2oben {
  width:500px;
  height:70px;
  margin:0;
  padding:0;
  float:left;  
  background-color:#0E3956;
  color:#FFFFFF;
  background-image:url(img/bg_header_sp2.gif) ;
  font-size:11px; }   
  
#spalte2oben p {
  margin:0;
  padding:0 0 0 20px;
  float:left;
  text-align:left;
  font-size:10px;
  line-height:1.1em; } 
  
.toppbild2  {
  padding:12px 0 0 20px; } 
  
#breadcrumb {
  margin:10px 0 15px 0;  /* Abstand von der oberen Grafik (toppbild2)aus */
  padding:0 10px 0 0; 
  float:right;
  text-align:right;  
  background-color:#FFFFFF;
  color:#7D878B; }  
  
#breadcrumb a {
  text-decoration:none; }   
  
#headerspalte2 {
  margin:0;  /* Abstand von breadcrumb aus */
  padding:0 0 10px 0; 
  border-bottom: 1px solid #505050;
  clear:both; }  
  
#privacyfooter {
  margin:10px; 
  padding:10px;   
  text-align:left;
  font-size:11px;
  }  
  
#privacyfooter h1 {
	font-size: 140%; 
	font-weight:normal;
	}  
  
#inhaltspalte2 {
  margin:10px 0 0 0;  /* Abstand von headerspalte2 aus */
  padding:0 0 10px 0; 
  min-height:220px;  
  border-bottom: 1px solid #7D878B;
  text-align:left;
  font-size:11px;
  line-height:1.6em;  }  
  
#inhaltspalte2 h1, h2, h3, h4, h5, table {
	margin:0;
	padding: 0 0 0 10px; }

#inhaltspalte2 h1 {
	font-size: 140%; 
	font-weight:normal;
	}   
  
#inhaltspalte2 p {
  margin:0;
  padding:8px 10px 10px 10px; 
    } 
  
#inhaltspalte2 img {
  margin:0;
  padding:0 0 0 10px; }   
  
#inhaltspalte2 ul {
  list-style-image:url(/img/aufzaehler.gif);
  padding-left:25px; }
  
#inhaltspalte2 li {
  padding:0 0 1em 0; }    
 
  
/* Footer */  
#footer {
  margin:5px 0 0 0;
  padding:0; } 
  
#footer img {
  margin:0;
  padding:3px 0 0 0;
  float:left; }   
  
/* Footernavigation */  
#footernavcontainer {
  width:130px;
  margin:0;
  padding:0;
  height:10px;
  float:left;
   } 
  
#footernavcontainer ul {
  margin:0;
  padding:0;
  text-align:left; 
  text-transform:uppercase;
  font-size:10px; 
  line-height: 10px; }   
  
#footernavcontainer ul li { display: inline; }

#footernavcontainer ul li a {
  padding: 0.2em 1em;
  background-color: #FFFFFF;      /* #036; */
  color: #7D878B;                 /* White; */
  text-decoration: none;
  float: left;}

#footernavcontainer ul li a:hover  {
  background-color: #FFFFFF;      /* #369; */
  color: #5BC8E6;                 /* Hellblau */
  }           

#privacy {
  margin:0;
  padding:5px 0 0 0;
  float:right; } 
  
#privacy img {
  margin:0;
  padding:0;
  float:left; }   
  
/* ----------------------------------------------------------------- Spalte 3 */   
#spalte3 {
  width:140px;
  margin:0;
  padding:0;
  float:right; }  
  
#quickfinder {
  width:140px;
  height:85px;
  margin:0;
  padding:15px 0 0 0;
  float:right;
  text-align:center;
  background-color:#FFFFFF;
  background-image:url(img/bg_quickfinder.jpg); 
  background-repeat:repeat-x;} 
  
#quickfinder form {
  margin-top:10px; 
  text-align:center; }  
  
#quickfinder select {
  font-size:9px;
  width:110px; }     
  
#bannerspalte3 {
  width:140px;
  height:283px;
  margin:10px 0 0 0;
  padding:0;
  float:right;
  vertical-align:top;
  background-color:#0E3956;
  color:#FFFFFF;
  background-image:url(img/bg_spalte3_banner.jpg); 
  background-repeat:repeat-x;}  
  
#bannerspalte3 p, table, td, img {
  margin:0;
  padding:0;
  text-align:left;
  vertical-align:top; }