/*************************************************/
/*               screen.css                                    */
/*    Stylesheet für bremen-aktiv                  */
/*        Stand:  07.11.2009                           */
/***********************************************/

/**************************************************/
/* BROWSER Reset und HTML tag styles  */
/************************************************/ 

  
/************************************************/
/* Bereich Allgemeine LAYOUT                 */
/***********************************************/ 

body { font-family: verdana, arial, helvetica, sans-serif ; font-size: 100.01%; font-style: normal; line-height: 1.10 ;
color: black; background-color: #E3F0FE;} /* Gesamte Fläche des Hintergrunds */ 

 #contrand { width: 760px ; text-align: left ; margin: 0 auto; background-color: #99CCFF ; }    /* margin auto, damit mittig */ -->

/* #contseit { width: 760px ; text-align: left ; margin: 0 auto; background-color: #FFFFCC;  } */ /* margin auto, damit li/re Rand gleich */ 
#contseit { width: 758px ; text-align: left ; margin: 0 auto; background-color: #F3FAFD;  }   /* margin auto, damit li/re Rand gleich */
#seitkopf { float: left; top: 0px; width: 757px; height: 70px; /* background-color: #FFFFCC */; padding: 0px 0px 0px 0px; }
#bremlogo { float: left; /*position: relative; top:0px; left:0px; */ border: 0px solid; color: #CCCCCC ; }
#navkopf { float: left; top: 0px; width: 758px; height: 30px; background-color: RGB(200,224,247) ; padding: 0px 0px 0px 0px; }


#seitkopf, #navkopf, #seitmitt, #fussnote { clear:both; }   /* für korrekte Positionierung erforderlich  */

#navleist { float: left; width: 120px;  margin: 0px 0 0 1px; /*padding: 0px;*/  /* background-color: RGB(254, 241, 140  */; 
border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

#infoteil { float:right; width: 150px; margin: 0px 1px 0 0; padding: 20px 0px 0px 0px; border: 1px solid #cccccc; }

/*#infoteil { margin: 3px 0 0 0; padding: 5px 0px 5px 0px; font-size: 90%; } */
/* #infoteil p { padding: 5px 5px 5px 0px; } */

#inhalt {width: auto; margin: 0px 153px 0px 122px; padding: 20px 0px 0px 0px; background-color: #F3FAFD; }  
/* (de) Anpassung: #inhalt mittels z-index hinter die float-Spalten verschieben */
/*  #navleist {z-index: 3} */
/*  #infoteil {z-index: 5} */
/*  #inhalt {z-index: 1} */
/*  #navleist_content {z-index: 4} */
/*  #infoteil_content {z-index: 6} */
/*  #inhalt_content {z-index: 2} */ 

/*  #navleist_content, #infoteil_content, #inhalt_content { position:relative } */

/***********************************************/
/* DIV Allgemeine          */
/***********************************************/ 

.spalte50li     { float:left;   width:  50px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.spalte160li   { float:left;   width: 150px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.spalte160re { float:right; width: 150px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.spalte220li   { float:left;   width: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.spalte220re { float:right; width: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.spalte230li   { float:left;   width: 230px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.spalte230re { float:right; width: 230px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.spalte335li   { float:left;   width: 333px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.spalte475li   { float:left;   width: 473px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.spalte475lihblau   { float:left;  width: 455px; height: 35px; background-color: #E3EDF4; border: 1px solid; border-color: black; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 10px;  }
.teasfotosp  { float:left; width: 46px; height:100px; margin: 0px 0px 0px 3px; padding: 5px 0px 0px 0px;  }
.teastextsp  { float:right; width: 398px; margin: 0px 0px 0px px; padding: 0px 0px 0px 0px;  }
.teasuntensp  { float:right; width: 398px; height: 15px; margin: 0px 0px 0px px; padding: 0px 0px 0px 0px;  }
/***********************************************/
/* DIV Nur Bereich Restaurantführer          */
/***********************************************/ 
.restauranteintrag { float:left; width: 475px; margin: 0px 0px 0px 0px;  }

.fotospalte { float:left; width: 46px; margin: 0px 0px 0px 5px; padding: 8px 0px 0px 0px;  }

.restdatenspalte { float:left; width: 337px; margin: 0px 0px 0px 0px;  }
.resteintragdaten { float:left; width: 400px; margin: 0px 0px 0px 0px;  }
.buttonspalte { float:right; width: 76px; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; }
.buttoneintrag { width: 76px; align="center"; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 20px; }
.buttoneintrag2 { width: 76px; align="center"; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 20px;  }

#boxrestsuli { width: 65px; height: 85px;  margin: 0px 0 0 10px ; padding: 0 0 0 0 ; }  /*Rest-Suche */

.boxrestsuinf { width: 140px; height: 120px;  background-color: #E3EDF4; margin: 5px 0px 0px 0px ; padding: 0px 5px 0px 5px; }  /*Rest-Suche in Infospalte rechts */
.boxrestsumenu { width: 118px; height: 100px;  background-color: #E3EDF4; margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 0px; }  /*Rest-Suche im Menu links */
.boxrestsuinfin { width: 118px; height: 75px;  margin: 0px 0px 0px 5px ; padding: 0px 0px 0px 0px;  }  /*Rest-Suche Info */



/***********************************************/
/* Bereich Allgemeine SCHRIFTEN           */
/***********************************************/ 
a { font-family: arial, helvetia, verdana, sans-serif; font-style: normal; font-size: 100%; color: black ; text-decoration: none; }
a:link {  font-family: arial, helvetica, verdana, sans-serif; font-style: normal; color: blue ; text-decoration: none;}
a:visited { font-family: arial, helvetica, verdana, sans-serif; font-style: normal; color: blue; text-decoration: none;}
a:focus { font-family: arial, helvetica, verdana, sans-serif; font-style: normal; color: green; text-decoration: none;}
a:hover {  font-family: arial, helvetica, verdana, sans-serif; font-style: normal; color: teal; text-decoration: underline;}
a:active {  font-family: arial, helvetica, verdana, sans-serif; font-style: normal; color: fuchsia ; text-decoration: underline;}
.akt {  font-family: arial, helvetica, verdana, sans-serif; font-style: normal; color: red ; font-weight:bold; text-decoration: none;}
.a2 {  font-family: arial, helvetica, verdana, sans-serif; font-style: normal; font-size: 85%; font-weight: normal; color: navy;margin: 0 5px 0 5px; }
.a3 { font-family: arial, helvetica, verdana, sans-serif; font-style: normal; font-size: 95%; font-weight: bold; color: fuchsia;}
.akright { font-family: arial, helvetia, verdana, sans-serif; font-style: normal; font-size: 100%; color: black; text-align: right; text-decoration: none; }

/*b { font-family: verdana, arial, helvetica, sans-serif; font-style: normal; font-size: 90%; color: black; text-decoration: none; padding: 0 0 0 10px; }
b:hover { font-family: verdana, arial, helvetica, sans-serif; font-style: normal; font-size: 90%;
color: #FFCC00; text-decoration: underline; } */
.bleft { font-family: verdana, arial, helvetica,sans-serif; font-size: 75%; text-align: left; line-height: 110%; font-style: normal; font-weight: bold; color: black; line-height:1.0; margin: 0px; padding: 5px 10px 0 10px;}
.bright { font-family: verdana, arial, helvetica,sans-serif; font-size: 75%; text-align: right; line-height: 110%; font-style: normal; font-weight: bold; color: black; line-height:1.0; margin: 0px; padding: 5px 10px 0 10px;}
.bgreen { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; font-style: normal; color: green; text-align: justify; text-decoration: none; margin: 0 0px 0 0px; }
 
.bmaroon { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; font-style: normal; color: maroon; text-align: justify; text-decoration: none; margin: 0 0px 0 0px; } 
.fgreen { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; font-style: normal; color: green; text-align: justify; text-decoration: none; margin: 0 0 0 0; } 


p { font-family: verdana, arial, helvetica, sans-serif; font-size: 77%; line-height: 118%; font-style: normal; color: black;  text-decoration: none; margin: 0 10px 0 10px; }               /* Gilt für alle lfd. p-Texte, auch der a href=   */
.pm { font-family: verdana, arial, helvetica, sans-serif; font-size: 77%; line-height: 115%; text-align:center; font-style: normal; color: black;  text-decoration: none; margin: 0 10px 0 10px; }   
.pgross { font-family: verdana, arial, helvetica, sans-serif; font-size: 90%; line-height: 115%; font-style: normal; color: black;  text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;}
.pgrossm { font-family: verdana, arial, helvetica, sans-serif; font-size: 90%; text-align:center; line-height: 115%; font-style: normal; color: black;  text-decoration: none; margin: 0 10px 0 10px; }   
.pklein { font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; line-height: 115%; font-style: normal; color: black;  text-decoration: none; margin: 0 10px 0 10px; }    

.pb { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; font-style: normal; font-weight: bold; color: black;  text-decoration: none; margin: 0 10px 0 10px; } 			 /* Fett gesetzte Normalschrift */
.pbm { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; font-style: normal; font-weight: bold; color: maroon;  text-decoration: none; margin: 0px 10px 0px 10px; }
.pbgrot { font-family: verdana, arial, helvetica, sans-serif; font-size: 105%; font-style: normal; font-weight:bold; color: red; text-decoration: none; margin: 0px 0px 0px 0px; }               /* Fett, gross, rot, alle lfd. p-Texte, auch der a href=   */ 	
.prot { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; font-style: normal; font-weight:bold; color: red; text-align: left; text-decoration: none; margin: 0 10px 0 10px; }               /* Fett, rot, alle lfd. p-Texte, auch der a href=   */
.pbmit { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; font-style: normal; font-weight: bold; color: black;  text-decoration: none; text-align:center; margin: 0 10px 0 10px; } 	 /* Fett Mittig gesetzte Normalschrift */
.pt { font-family: verdana, arial, helvetica, sans-serif; font-size: 77%; line-height:100%; font-style: normal; color: black;  text-decoration: none; margin: 0 10px 0 10px; }              		 /* Gilt für alle TEASER. p-Texte, auch der a href=   */
.pmit { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; line-height: 110%; font-style: normal; color: black; text-align: center; text-decoration: none; margin: 0px 0px 0px 0px; }           /* Mittiger Text Gilt für alle lfd. p-Texte, auch der a href=   */
.pright { font-family: verdana, arial, helvetica, sans-serif; font-size: 77%; font-style: normal; color: black; text-align: right;  text-decoration: none; margin: 0 10px 0 10px; }              		 /* Rechtsbündiger Text - Gilt für alle lfd. p-Texte, auch der a href=   */
.pleft { font-family: verdana, arial, helvetica, sans-serif; font-size: 77%; font-style: normal; color: black;  text-decoration: none; margin: 0 3px 0 10px; }              				 /*  Zitat-Kästchen index-Seite alle  p-Texte Normal   */
.pk { font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; font-style: normal; color: black; text-align: right; text-decoration: none; margin: 0 3px 0 10px; }              			 /* Zitat-Kästchen  für alle p-Texte kleiner rechtsbündig    */


.pgreen { font-family: verdana, arial, helvetica, sans-serif; font-size: 77%; font-style: normal; color: green; text-decoration: none; margin: 0 10px 0 10px; } 
.pred { font-family: verdana, arial, helvetica, sans-serif; font-size: 77%; font-style: normal; color: red;  text-decoration: none; margin: 0 10px 0 10px; }          
.pblu { font-family: verdana, arial, helvetica, sans-serif; font-size: 77%; font-style: normal; color: blue; text-decoration: none; margin: 0 10px 0 10px; } 

.pin { font-family: arial, helvetica, verdana, sans-serif; font-size: 80%; font-style: normal; color: black;  text-align: left; text-decoration: none; margin: 0; padding: 0 5px 0 5px; }               /* Gilt für alle p-Texte der Info - Spalte   */
.pinr { font-family: arial, helvetica, verdana, sans-serif; font-size: 77%; line-height: 115%; font-style: normal; color: black;  text-decoration: none; margin: 0 5px 0 5px; }
           /* Gilt für alle p-Texte der Info - Spalte   */
.pinrb { font-family: arial, helvetica, verdana, sans-serif; font-size: 90%; font-style: normal; color: navy;  text-align: right; text-decoration: none; margin: 0; padding: 0 5px 0 5px; }               /* Für Info  p-Texte rechtsbündig, Schrift 90%   */
.pinro { font-family: arial, helvetica, verdana, sans-serif; font-size: 95%; font-style: normal; color: red;  text-align: left; text-decoration: none; margin: 0; padding: 0 5px 0 5px; }               /* Gilt für alle p-Texte der Info - Spalte   */

.red { font-family: arial, helvetica, verdana, sans-serif; font-size: 85%; font-style: normal; color: red; text-decoration: none; margin: 0 0 0 10px; } 

/*** SCHRIFT in CONTAINERN  - Klassen  für alle  p-Texte in kleinerer Schrift ***/
.pkleft { font-family: verdana, arial, helvetica, sans-serif; font-size: 75%; font-style: normal; color: black;  text-decoration: none; margin: 0 3px 0 10px; }
.pkleft70 { font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; font-style: normal; color: black;  text-decoration: none; margin: 0 3px 0 10px; }  
.pkbremabc { font-family: verdana, arial, helvetica, sans-serif; font-size: 71%; line-height: 100%; font-style: normal; color: black;  text-decoration: none; margin: 0 3px 0 10px; }  
             
.pkright{ font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; font-style: normal; color: black; text-align: right; text-decoration: none; margin: 0 3px 0 10px; }              
 /* Ende Kästchen - Klassen    */


/***** ÜBERSCHRIFTEN   ******/
h1 { font-family: verdana, arial, helvetica,  sans-serif; font-size: 90%; font-style: normal;
font-weight: bold; color: black; margin: 0px; padding: 5px 0 0 10px;}
h1.blu { font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; font-style: normal; color: blue; text-decoration: none; margin: 0 0 0 10px; } 
.h1blu { font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; font-style: normal; color: blue; text-decoration: none; margin: 0 0 0 10px; } 
.h1m { font-family: verdana, arial, helvetica,  sans-serif; font-size: 90%; font-style: normal;
font-weight: bold; color: maroon; margin: 0px; padding: 5px 0 0 10px;}
h2 { font-family: arial, helvetica, verdana, sans-serif; font-size: 85%; font-style: normal;
font-weight: bold; color: black; margin: 0px; padding: 5px 0 0 5px;}
.h2rb { font-family: arial, helvetica, verdana, sans-serif; font-size: 85%; font-style: normal;font-weight: bold; color: green; margin: 0px; padding: 5px 0 0 5px;}
.h2m { font-family: arial, helvetica, verdana, sans-serif; font-size: 85%; font-style: normal;
font-weight: bold; color: maroon; margin: 0px; padding: 5px 0 0 5px;}
.h2mm { font-family: arial, helvetica, verdana, sans-serif; font-size: 85%; font-style: normal;
font-weight: bold; color: maroon; text-align: center; margin: 0px; padding: 5px 0 0 5px;}
h3 { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; font-style: normal;
font-weight: bold; color: black; margin: 0px; padding: 5px 0 0 10px;}
.h3m { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; font-style: normal;
font-weight: bold; color: maroon; margin: 0px; padding: 5px 0 0 10px;}
h4 { font-family: arial, helvetica, verdana, sans-serif; font-size: 80%; font-style: normal;
font-weight: bold; color: black; margin: 0px; padding: 5px 0 0 5px;}
.h4m { font-family: arial, helvetica, verdana, sans-serif; font-size: 80%; font-style: normal;
font-weight: bold; color: maroon; margin: 0px; padding: 5px 0 0 5px;}
.h4right { font-family: arial, helvetica, verdana, sans-serif; font-size: 80%; text-align: right; font-style: normal;
font-weight: bold; color: black; margin: 0px; padding: 5px 0 0 5px;}
h5 { font-family: verdana, arial, helvetica,sans-serif; font-size: 75%; line-height: 125%; font-style: normal;
font-weight: bold; color: black; line-height:1.0; text-align: justify; margin: 0px; padding: 5px 10px 0 10px;}
.h5m { font-family: verdana, arial, helvetica,sans-serif; font-size: 75%; line-height: 125%; font-style: normal;
font-weight: bold; color: maroon; line-height:1.0; text-align: justify; margin: 0px; padding: 5px 10px 0 10px;}
.h5mm { font-family: verdana, arial, helvetica,sans-serif; font-size: 75%; line-height: 125%; font-style: normal;
font-weight: bold; color: maroon; line-height:1.0; text-align: center; margin: 0px; padding: 5px 10px 0 10px;}
.h5left { font-family: verdana, arial, helvetica,sans-serif; font-size: 75%; text-align: left; line-height: 125%; font-style: normal; font-weight: bold; color: black; line-height:1.0; margin: 0px; padding: 5px 10px 0 10px;}
.h5right { font-family: verdana, arial, helvetica,sans-serif; font-size: 75%; text-align: right; line-height: 125%; font-style: normal; font-weight: bold; color: black; line-height:1.0; margin: 0px; padding: 5px 10px 0 10px;}
h6 { font-family:arial, helvetica, verdana, sans-serif; font-size: 75%; font-style: normal;
font-weight: normal; color: black; margin: 0px; padding: 5px 0 0 10px}

hr.infolinieb {width: 80%; height: 1px; color:blue; text-align: left;}
hr.infolinies {width: 80%; height: 1px; color:black; text-align: right;}

hr.infoblack  {width: 80%; height: 1px;  color: red; text-align: center;}

ul { list-style-type: disc ; margin : 0 0 0 0px ; padding: 0 0 0 0px ; }
ul ul { list-style-type: square ; }
ul ul ul { list-style-type: none ; }
li { font-family: verdana, arial, helvetica, sans-serif; font-style: normal; font-size: 90%; color: black; 
text-decoration: none; padding: 0 0 0 0px ; }

/********************************************************/ 
/* Größen nur über HTML zu steuern!!!???????? */
/* LAYOUT NAVIGATION                                        */
/*******************************************************/
/*    KOPFNAVIGATION       */

/*Festlegung für den Abstand des äußeren Rahmens */
*html div #navkopf {height: 1.0em; /* Workaround gegen 3-Pixel-Bug beim IE*/}
#navkopf li { float: left; list-style: none; display: inline; margin: 2px 8.5px 0px 1px; padding: 5px 1px 5px 1px;} 
#navkopf a, ul#navkopf span { float: left; width: 7.1em; height: 1.5em; padding: 0px 1px; font-family: arial, helvetica, verdana, sans serif; 
font-size: 90%; text-decoration: none; font-weight: bold; color: black; background-color: #D8E8FE; border: 1px solid orange; 
border-left-color: orange; border-top-color: orange; /* background-color: RGB (254, 241, 140; */  }
#navkopf a:hover, #navkopf span { border-color: orange ; color:black ; background-color: #BCD7E9;}
#navkopf .akt { border-color: orange ; color: blue ; background-color: #8ACBFF;}

/* NAVLEISTE LINKS für Navigation und Suche  */
 
#navleist ul a:link, #navleist ul a:visited {display: block;}
#navleist ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navleist li {border-bottom: 0px solid #EEE;}
/* fix for browsers that don't need the hack */
*html>body #navleist li {border-bottom: none;} 

 /*  NAVIGATION LINKS           */
#navlinks h3 { padding: 2px 0px 2px 3px; }
#navlinks { float: left; width: 120px; /* background-color: #CDE0F9; */  margin: 0px; /*padding: 5px 0px 0px 0px*/ ; border: 1px solid #cccccc; font-size: 90%;} 
/* Padding verändert den Innenrahmen für alle Navi-punkte */
#navlinks a { display: block; border-top: 1px solid #CCCCCC ; padding: 7px 0px 3px 3px; width: 100%; }
/* padding ändert jede einzelne Zeile */
#navlinks a:hover { background-color: #CDE0F9; color: black; text-decoration: none; }
html>body #navlinks li a { width: auto; }    /* für IE bis 6 lt. CSS153 */
#suche { padding: 15px 0px 5px 0px; border-bottom: 1px solid #cccccc; font-size: 90%; }
#suche form { margin: 0px; padding: 0px; }
#suche label { display: block; margin: 0px; padding: 0px; }
#restsuche { float: left; width: 120px;  margin: 0px 0px 0px 0px ; padding: 5px 0px 0px 0px ;  } 


/***********************************************/
/* TABELLEN BOXEN */
/***********************************************/
box { width: 50em; height: 30em; color: red; border: dotted 1px; padding: 1em; }
#box05bl { width: 130px; height: 35px;  background-color: #E3EDF4; border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
#box06bl { width: 135px; height: 70px;  border-style: inset; border-color: aqua; background-color: #E3EDF4;  margin: 0 0 0 5px ; padding: 0 0 0 0px ; }
#box10 {float: left; top: 0px; width: 14em; height: 6em; overflow: visible; /* background-color: #FFFFCC;  */ border: 1px solid ; border-color: #CCCCCC ; margin: 2px 0px 0px 5px ; padding: 5px 0px 0px 0px; } 

#box10hrosa  {float: left; top: 0px; width: 14em; height: 8,5em; overflow: visible;  background-color: #FCEEEB; border: 1px solid; border-color: #CCCCCC; margin: 5px 0px 5px 10px; padding: 3px 0px 0px 0px;} 
#box11 {width: 15em; height: 5em; overflow: visible; /* background-color: #FFFFCC ; */ border: 1px solid ; border-color: #CCCCCC ; margin: 2px 0 0 7px ; padding: 5px 0 0 0px;} 
#box12 {float: right; top: 0px;  width: 14em; height: 6em; overflow: visible; /* background-color: #FFFFCC;  */; border: 1px solid ; border-color: #CCCCCC ; margin: 2px 5px 0 7px ; padding: 5px 0 0 0px; } 

#box12hrosa {float: right; top: 0px; width: 14em; height: 8,5em; overflow: visible;  background-color: #FCEEEB; border: 1px solid; border-color: #CCCCCC; margin: 5px 10px 5px 0px; padding: 3px 0px 0px 0px; } 
#box14 { width: 455px; height: 80px; /* background-color: #FFFFCC;  */ border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
.box15 { width: 455px; height: 110px; /* background-color: #FFFFCC;  */ border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
.box15hblau { width: 455px; height: 110px;  background-color: #E3EDF4; border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
.box15hgelb { width: 455px; height: 110px;  background-color: #FFFFCC; border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
.box15hgrau {width: 455px; height: 110px;  background-color: #DDD8D8; border: 1px solid; border-color: black; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}
.box15hgruen {width: 455px; height: 110px;  background-color: #EAF6EE; border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
.box15hlila { width: 455px; height: 110px;  background-color: #F4E0FA; border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
.box15hrosa { width: 455px; height: 110px;  background-color: #FCEEEB; border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
.box15htuerkis { width: 455px; height: 110px;  background-color: #C9FAFC; border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }
#box21bl { width: 395px; height: 30px;  background-color: #E3EDF4; border: 1px solid ; border-color: black ; margin: 10px 0 0 10px ; padding: 5px 0px 5px 0px ; }
#box22bl { width: 450px; height: 30px;  background-color: #E3EDF4; border: 1px solid ; border-color: black ; margin: 10px 0 0 10px ; padding: 5px 5px 5px 5px ; }
#box23bl { width: 454px; height: 30px;  background-color: #E3EDF4; border: 1px solid ; border-color: black ; margin: 10px 0 0 10px ; padding: 5px 5px 5px 5px ; }
#box25bl { width: 455px; height: 50px;  background-color: #E3EDF4; border: 1px solid ; border-color: black ; margin: 0px 0 0 10px ; padding: 0 0 0 0px ; }

box05 {float: left; top: 10px; width: 430px; height: 120px; max-height: 250px; overflow: visible;  /*background-color: #FFFFCC */; border: 1px solid ; border-color: #CCCCCC ; margin: 2px 0 0 5px ; padding: 5px ; } 


/***********************************************/
/* TEASER BOXEN */
/***********************************************/
.toplinie15hbl { width: 453px; height: 15px;  background-color: blue; margin: 0px; padding: 0 0 0 0px ; }


/************* FUSSNOTE styles ***************/
#fussnote { clear: both; border: 1px solid #cccccc; font-size: 80%; color: #cccccc; background-color:#CDE0F9; padding: 5px 50px 5px 130px; }
#fussnote img { padding: 4px 4px 4px 5px; vertical-align: middle; }