/* ++++++++++ STYLESHEET BREMER-BAEDER.DE / CONSTRUKTIV GMBH 2005 / TG ++++++++++ */

html,body 
 {
  width:100%; 
  height:100%; 
  font-family:Verdana,sans-serif;
  color:#262626;
  background:#FFFFFF url(../_bilder/hintergrund.jpg);

/* SCROLLBAR-DEFINITION FUER IE */
  scrollbar-base-color:#FFFFFF;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#FFFFFF;
  scrollbar-face-color:#004D81;
  scrollbar-highlight-color:#004D81;
  scrollbar-shadow-color:#004D81;
  scrollbar-track-color:#FFFFFF;
 }

* 
 {
  margin:0;
  padding:0;
  border:0;
 }
 
/* ++++++++++ PNG-TRANSPARENZ FUER IE ++++++++++ */
img
 {
  border:0px;
  /*behavior:url(http://195.100.100.199/bremer-baeder/_bilder/pngbehavior.htc);*/
  /*behavior:url(/customer/secure/bremer-baeder/_bilder/pngbehavior.htc);*/
  behavior:url(/_bilder/pngbehavior.htc);
 }
 
table
 {
  font-size:0.7em;
  width:315px;
 }

th
 {
  text-align:left;
  vertical-align:top;
 }
 
td
 {
  vertical-align:top;
 }

 
/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
  position:absolute;
  top:0px;
  left:0px;
  width:1000px;
  height:580px; 
 }

#oben 
 {
  position:absolute;
  top:0px;
  left:0px;
  width:1000px;
  height:170px;
 }

#mitte 
 {
  position:absolute;
  top:170px;
  width:1000px;
  height:350px;
  background-color:#FFFFFF;
 }

#unten
 {
  position:absolute;
  top:520px;
  width:1000px;
  height:60px;
 }
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ STARTSEITE ++++++++++ */
#herzlich-willkommen
 {
  position:absolute;
  top:110px;
  left:15px;
 }
 
#tauchen-sie-ein
 {
  position:absolute;
  top:110px;
  left:750px;
  z-index:100;
 } 

#inhalt-links-start
 {
  float:left;
  width:185px;
  height:100px;
  margin-top:170px;
  margin-left:80px;
  display:inline;
 }
 
#inhalt-mitte-start
 {
  float:left;
  margin-left:-5px;
  width:400px;
  height:380px;
 }
 
#inhalt-rechts-start
 {
  float:right;
  width:334px;
  height:205px;
  margin-top:85px;
  margin-right:0px;
  display:inline;  
 }
/* ++++++++++ ENDE STARTSEITE ++++++++++ */


/* ++++++++++ OBERE ZEILE ++++++++++ */
#kopf
 {
  position:absolute;
  top:0px;
  left:0px;
  width:1000px;
  height:170px;
  background-image:url(../_bilder/hintergrund-kopf.gif);
 }
 
#link-startseite
 {
  position:absolute;
  top:12px;
  left:12px;
  width:100px;
  height:80px;
  z-index:50;
 }
 
#paradice
 {
  position:absolute;
  top:5px;
  left:755px;
  width:250px;
  height:50px;
 }

 #paradice_2
 {
  position:absolute;
  top:5px;
  left:823px;
  width:182px;
  height:50px;
 }
 
#vital 
 {
  position:absolute;
  top:0px;
  left:618px;
  width:137px;
  height:50px;
 }
 
 #vital_2
 {
  position:absolute;
  top:0px;
  left:686px;
  width:137px;
  height:50px;
 }
#vital_3
 {
  position:absolute;
  top:0px;
  left:616px;
  width:207px;
  height:50px;
 }
#navigation
 {
  position:absolute;
  top:68px;
  left:470px;
  height:50px;
  z-index:50;
 }
 
#subnavigation
 {
  position:absolute;
  top:96px;
  left:485px;
  width:505px;
  height:25px;
  z-index:50;
 }
 
#bitte-hier-waehlen
 {
  position:absolute;
  top:70px;
  left:448px;
 }

#baederauswahl
 {
  position:absolute;
  top:143px;
  left:345px;
 }

#baederauswahl select
 {
  width:160px;
  font-family:Verdana,sans-serif;
  font-size:0.7em;
 }
/* ++++++++++ ENDE OBERE ZEILE ++++++++++ */ 
 

/* ++++++++++ MITTLERE ZEILE ++++++++++ */
#ueberschrift-inhalt
 {
  position:absolute;
  top:0px;
  left:5px;
 }

#inhalt-links
 {
  float:left;
  width:335px;
  height:275px;
  margin-top:75px;
  margin-left:35px;
  padding-right:5px;
  display:inline;
  overflow:auto;
 }
 
#inhalt-mitte
 {
  float:left;
  width:170px;
  height:275px;
  margin-top:77px;
  margin-left:22px;
 }
 
#inhalt-rechts
 {
  float:right;
  width:405px;
  height:325px;
  margin-right:18px;
  text-align:right;
  display:inline;  
 }
 
.teaser-bild
 {
  margin-bottom:3px;
 }
 
#teaser-1
 {
  position:absolute;
  left:605px;
  top:6px;
  width:130px;
  height:83px;
 }

#teaser-2
 {
  position:absolute;
  left:605px;
  top:114px;
  width:130px;
  height:83px;
 }
 
#teaser-3
 {
  position:absolute;
  left:605px;
  top:223px;
  width:130px;
  height:83px;
 } 

#teaser-1 p,#teaser-2 p,#teaser-3 p
 {
  line-height:1.4em;
 }
 
#newsletter
 {
  position:absolute;
  left:445px;
  top:7px;
  width:130px;
  height:10px;
  vertical-align:top;  
 }
 
#newsletter input
 {
  width:100px;
  border:1px solid #295D7F;
 }
 
#tabelle
 {
  width:300px;
  font-size:0.6em;
 }
 
#tabelle td.eins
 {
  padding:2px;
  background-color:#E6F1F9;
  vertical-align:top;
 }

#tabelle td.eins-rechts
 {
  padding:2px;
  background-color:#E6F1F9;
  vertical-align:top;
  text-align:right;   
 } 

#tabelle td.zwei
 {
  padding:2px;
  background-color:#CCE3F3;
  vertical-align:top;  
 }

#tabelle td.zwei-rechts
 {
  padding:2px;
  background-color:#CCE3F3;
  vertical-align:top;
  text-align:right;  
 }
 
#tabelle-in-tabelle
 {
  font-size:1.0em;
 }
/* ++++++++++ ENDE MITTLERE ZEILE ++++++++++ */


/* ++++++++++ UNTERE ZEILE ++++++++++ */
#fuss
 {
  width:1000px;
  height:60px;
 }
 
#navigation-unten
 {
  position:absolute;
  left:584px;
  top:2px;
 }
/* ++++++++++ ENDE UNTERE ZEILE ++++++++++ */
/* ++++++++++ LAYOUT ENDE ++++++++++ */


/* ++++++++++ CONSTRUKTIV ++++++++++ */
#construktiv
 {
  position:absolute;
  left:435px;
  top:7px;
  width:130px;
  height:10px;
  vertical-align:top;
 }
/* ++++++++++ CONSTRUKTIV ENDE ++++++++++ */ 
 
 
/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */
h1
 {
  font-size:0.8em;
  font-weight:bold;
  font-family:Verdana,sans-serif;
  line-height:1.4em;
  color:#004D81;
  border-bottom:1px dotted #004D81;
  margin-bottom:1.0em;
 }
 
h2
 {
  font-size:0.7em;
  font-weight:bold;
  line-height:1.5em;
  margin-top:1.5em;
  margin-bottom:0.5em;   
 }
 
p
 {
  font-size:0.7em;
  line-height:1.5em;
  margin-bottom:1.0em;
 }
 
a:link 
 {
  color:#004D81;
  text-decoration:underline;
 }
 
a:visited 
 {
  color:#004D81;
  text-decoration:underline;
 }
 
a:hover 
 {
  color:#E77800;
  text-decoration:none;
 } 
 
ul
 {
  margin-top:5px;
  margin-left:15px;
  margin-bottom:15px;
  font-size:0.7em;
  line-height:1.5em;
 }

li
 {
  margin-left:6px;
 }
 
#liste-pdfs
 {
  list-style-image:url(../_bilder/pdf.gif);
  vertical-align:top;
  list-style-type:disc;
  /*background-color:#f00;*/
 }
 
#inhalt-mitte-liste
 {
  /*margin-top:5px;
  margin-bottom:8px;
  font-size:0.8em;*/
  color:#004D81;
  list-style-type:circle;
 }
 
#inhalt-mitte a 
 {
  display:block;
  font-size:0.7em;
  color:#004D81;
  font-weight:bold;
  text-decoration:none;
  margin-top:0px;
  margin-bottom:0.5em;
 }
 
#inhalt-mitte a:hover 
 {
  color:#E77800;
  text-decoration:none;
 }
 
#inhalt-mitte a.subnavigation-mitte 
 {
  display:block;
  font-size:0.6em;
  color:#004D81;
  font-weight:normal;
  text-decoration:none;
  margin-left:10px;
  margin-top:0px;
  margin-bottom:0.4em;
 }
 
#inhalt-mitte a.subnavigation-mitte:hover 
 {
  color:#E77800;
  text-decoration:none;
 }
 
.achtung
 {
  font-size:0.7em;
  font-weight:bold;
  color:#E77800;
 }
 
.hinweis
 {
  font-size:0.9em;
 }
 
.seite-drucken
{
 font-size:0.55em;
}

.abstand
 {
  font-size:0.5em;
 }
/* ++++++++++ TEXTFORMATIERUNGEN ENDE ++++++++++ */


/* ++++++++++ FORMULARFORMATIERUNGEN ++++++++++ */
input,select
 {
  font-family:Verdana, sans-serif;
  font-size:0.9em;
  padding:1px; 
  border-bottom:1px solid #00508D;
  background-color:#FFFFFF;
 }
 
.button
 {
  font-weight:bold;
  border:1px solid #00508D;
 }

.checkbox
 {
  border:0;
 }
 
textarea
 {
  font-family:Verdana, sans-serif;
  font-size:0.9em; 
  border:1px solid #00508D;
 }
/* ++++++++++ FORMULARFORMATIERUNGEN ENDE ++++++++++ */