/* -- Accessibility Tweaks -- */


.hide {display: none;}

#skipNav {position: absolute; left: -9999px; font-size: small;}
#skipNav a:hover {color: #f00;}
#skipNav a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding: 10px; width: 15em; z-index: 1;}
#skipNav h2 {
margin: 0;
}

#skipNav h3, #skipNav h2 {display: none;}   

/* hidden text Ersatztext fŸr BildŸberschriften
--------------------------------- */
h1, h2, h3 {
  margin:0;
  background-repeat:no-repeat;
  background-position:left top;
  }
h1 span, h2 span, h3 span {display:none;}

img{border:0;}

table{
font-family:arial, verdana, helvetica, sans-serif;
font-size:100%;
padding:10px;
border:0;
width:100%;
}

/* Pages style
--------------------------------- */  

body {
  margin:0;
  padding:0;
  background:#ffffff url("../img/bg-body.gif") repeat-x left top;
  color:#666666;
  text-align:center;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:80%;
  
  } 

html>body {font-size:80%;}
  
#container {
  position:relative;
  width:732px;
  margin:0 auto;
  text-align:left;
  }
  
#intro {
  border:1px solid #666666;
  border-width:0 1px;
  }


/* header mit Bildelementen
--------------------------------- */
#pageHeader h1 {
  height:71px;
  background:url("../img/barbara-hendricks.gif") no-repeat 15px 42px;
  }

#pageHeader h2 {
  height:148px;
  background:url("../img/bg-spd.gif") no-repeat left top;
  }



/* Abstandhalter zwischen pageHeader und content*/

#quickSummary p.p1 {
  height:40px;
  margin:0;
  background:url("../img/trans.gif") no-repeat 35px 18px;
 
  }

/* nur fŸr IE Win*/

*html #quickSummary p.p1{  

height:43px; /* nur fŸr IE 5.0*/
h\eight:40px; /* nur fŸr IE 6.0*/

}
  
  

/* Wegweiser: relativ zum content nicht absolute*/

  #quickSummary p.p1 span {
  color:#333333;
  position:relative; /* relativ zum content nicht absolute*/
  top:10px;
  left:180px;
  width:500px;
  margin:0;
  font-size:85%;
  text-align:left;
  }

/* nur fŸr IE Win*/

*html #quickSummary p.p1 span {  

top:16px; /* nur fŸr IE 5.0*/
t\op:14px; /* nur fŸr IE 6.0*/

}
  
/* Hilfeleiste: Linkdefinitionen falls noetig */
  
  #quickSummary p.p1 span a:link, #quickSummary p.p1 span a:visited {
  white-space:nowrap;
  font:normal 100%/1.3em Arial,Verdana,Sans-serif;
  }
   #quickSummary p.p1 span a:hover, #quickSummary p.p1 span a:active {
  white-space:nowrap;
  font:normal 100%/1.3em Arial,Verdana,Sans-serif;
  }
  
   
/* Generische Navigation rechts oben Home Sitemap Imprint*/

#quickSummary p.p2 {
  position:absolute;
  top:45px;
  right:20px;
  width:400px;
  margin:0;
  font-size:85%;
  line-height:1.3em;
  text-align:right;
  color:#666;
  background-color:transparent;
  }
  
#quickSummary p.p2 a:link, #quickSummary p.p2 a:visited {
  white-space:nowrap;
  font-weight:400;
  text-decoration:none;
  }
  #quickSummary p.p2 a:hover, #quickSummary p.p2 a:active {
  text-decoration:underline;
  }


/* Newsbox, Position, Headlines und Trennlinie
--------------------------------- */
#preamble {
  position:absolute;
  top:265px;
  right:0;
  width:160px;
  }

#preamble strong, #preamble b {
  background:#ffffff url("../img/dot_off.gif") no-repeat 0px 50%; 
  display:block;
  text-decoration:none;
  height:1%;   /* IE Helper for 'block' and 'padding'*/
  padding:.6em 0 .5em 1.1em;/* controls heigth ofitems */
  color:#333;

  
  }
#preamble p {
  margin:0.5em 0;
  font-size:90%;
  color:#666;
  background-color:transparent;
  }
  
#preamble a p {
  margin:0;
 color:#666;
 text-decoration:underline;
  }
  


/* content text
--------------------------------- */
#supportingText {
  margin:0 170px;
  border:1px solid #666;
  border-width:0 1px;
  padding-bottom:1px;
  border-bottom:1px solid #666;

  }
#supportingText p {
  margin:0;
  padding:5px 10px 1px 10px;
font-size:93%;
  
  }
  
#supportingText a p {
 text-decoration:underline;
  padding:0!important;
font-size:100%;
  
  }
  
#supportingText h4 p {
  padding:0!important;
font-size:100%;
  
  }

/* Headline dotted
--------------------------------- */  

#supportingText h4{
 text-align: left; 
 font-size:90%; 
 font-weight: bold; 
 border-bottom: 1px dotted #666666; 
 margin:0 10px 0px;
 margin-top:10px;
 padding:0;
 width: 365px
}


/* Startseite grauer Header extra definitionen
--------------------------------- */

#tagebuch {
height:80px;
margin:0 0 10px;/* Abstand zum Contentrahmen oben rechts/links unten*/
border:1px solid #333333;
border-width:1px 0;
border-top-width:0;
background-color:#efefef;
padding-top:0px;

}
#tagebuch p{

font-size: 84%;
line-height:1em;
padding-top:0px;

}

#tagebuch p strong, #tagebuch p b {
  font-size: 100%;
  color:#993300;
  background-color:transparent;
  text-decoration:none;
  background:url("../img/dot_on.gif") no-repeat 2px 50%;
  padding:0 0 0 14px; /* Abstand zum dot*/
  line-height:2em;
  
  }
  
 #tagebuch span img{
 position:absolute;
 left:427px;
 
}

#tagebuch ul{
list-style:none;
font-size: 88%;
line-height:1.5em;
margin:0;
padding:10px;

}
#tagebuch li a:link, #tagebuch li a:visited {
    background:url("../img/dot_off-2.gif") no-repeat 2px 50%;
    padding:0 0 0 14px; /* Abstand zum dot*/
    color:#333;
    text-decoration:none;
 }
 
 #tagebuch li a:hover, #tagebuch li a:active {
  color:#993300;
  text-decoration:none;
 }
  
/* Aktive Kategorie*/

#tagebuch li strong, #tagebuch li b {
  color:#993300;
  background-color:transparent;
  text-decoration:none;
  background:url("../img/dot_on.gif") no-repeat 2px 50%;
  padding:0 0 0 14px; /* Abstand zum dot*/
  
  }


/* diverse Klassen Content Bilder die nebeneinander stehen
--------------------------------- */


.photorechts {border: 0px; float : right;}

.bildrechts {
    float:right;
    padding-left:10px;
    
    } 
    
.bildlinks{
float:left;
padding-right:10px;
}

.icon{
padding-right:5px;
}



#bilder {
height:152px;
margin:0 0 10px;/* Abstand zum Contentrahmen oben rechts/links unten*/
padding-top:10px;
padding-bottom:10px;

}
#bilder p{

line-height:1em;
padding-top:0px;

}

  
  #bilder span.text {
  position:absolute;
 left:420px;
  
  }
  
  
 #bilder span img{
 position:absolute;
 left:420px;
 
}
 
/* Content Anfang: Graue Box, Contentnavigation und Flie§text
--------------------------------- */
#grauebox ul{
min-height:60px;/* bestimmt Hšhe des Grauen Kasten*/
background-image:url("../img/blank-60px.gif");
margin:0 0 10px;/* Abstand zum Contentrahmen oben rechts/links unten*/
border:1px solid #333333;
border-width:1px 0;
border-top-width:0;
background-color:#efefef;
padding:10px;
list-style:none;
}

/* nur fŸr IE Win, da diese den Tag min-height nicht interpretieren*/

*html #grauebox ul{  
height:60px; /* nur fŸr IE 5.0*/
h\eight:60px; /* nur fŸr IE 6.0*/

}

 #grauebox li{
   margin:0 0 .5em;
   line-height:1.0em;
   font-size:88%;
height:auto;
  
  }
 
/* Kategorielink Definitionen*/  

#grauebox li a:link, #grauebox li a:visited {
    background:url("../img/dot_off-2.gif") no-repeat 2px 50%;
    padding:0 0 0 14px; /* Abstand zum dot*/
    color:#333;
    text-decoration:none;
 }
 
 #grauebox li a:hover, #grauebox li a:active {
  color:#993300;
  text-decoration:none;
 }
  
/* Aktive Kategorie*/

#grauebox li strong, #grauebox li b {
  color:#993300;
  background-color:transparent;
  text-decoration:none;
  background:url("../img/dot_on.gif") no-repeat 2px 50%;
  padding:0 0 0 14px; /* Abstand zum dot*/
  
  }


/* link list
--------------------------------- */
#linkList {
  position:absolute;
  top:265px;
  left:0;
  width:165px;
  }
  
#linkList ul {
  margin:0;
  padding:0;
  font-size:92%;
  list-style:none;
  }
  
#linkList li {
  padding:0; /* Opera wants this*/
  margin:0;/* bestimmt Abstand der aktiven grauen bg 0 0 0.2em*/
  line-height:.8em;/* bestimmt die Linienhšhe der Links*/
  display:inline;
  }

/* Definition der Liste fŸr alle Ebenen*/

#linkList li a, #linkList li a:link, #linkList li a:visited {
  background:#ffffff url("../img/dot_off.gif") no-repeat 5px 50%; 
  display:block;
  text-decoration:none;
  height:1%;   /* IE Helper for 'block' and 'padding'*/
  padding:.6em 0 .5em 1.8em;/* controls heigth of menu items */
  }
  
 /* Mouse-over Effekte Level 1 und aktive Kategorie 1*/

#linkList li a:hover, #linkList li a:active{
  background:#efefef url("../img/dot_off-2.gif") no-repeat 5px 50%;  
  text-decoration:none;
  color:#333;
  
  }
#linkList li strong, #linkList li b {
  background:#efefef url("../img/dot_off-2.gif") no-repeat 5px 50%; 
  display:block;
  text-decoration:none;
  height:1%;   /* IE Helper for 'block' and 'padding'*/
  padding:.6em 0 .5em 1.8em;/* controls heigth of menu items */
  color:#333;
  
  }
  
/* Links von Level 2*/

#linkList li.sec {
  border-bottom:1px solid #333333;
  display:block;
  margin:0;
  padding:0 0 .1em 0;/* controls heigth of menu items */
  

  }

#linkList li.sec a, #linkList  li.sec a:link, #linkList  li.sec a:visited {
  background:#ffffff url("../img/dot_off.gif") no-repeat 5px 50%; 
  text-indent:10px;
  text-decoration:none;
 font-weight:300;
 font-size:.9em;

  }
 
  /* Mouse-over Effekt Level 2 und aktive Kategorie Level 2 */ 
  
#linkList  li.sec a:hover, #linkList  li.sec a:active{
  background:#ffffff url("../img/dot_on.gif") no-repeat 5px 50%; 
  text-indent:10px;
  text-decoration:none;
  font-weight:300;
  color:#993300;

  }
  
#linkList  li.sec strong, #linkList  li.sec b {
  background:#ffffff url("../img/dot_on.gif") no-repeat 5px 50%; 
  text-indent:10px;
  text-decoration:none;
  font-weight:300;
  color:#993300;
  font-weight:bold;
  font-size:.9em;

  }
    


/* footer
--------------------------------- */
#footer {
  background:#ffffff;
  margin:1.75em 0 0;
  padding:10px 20px;
  border-top:1px solid #333333;
  border-width:1px 0;
  font:85%;
  text-align:left;
  }
#footer a:link, #footer a:visited {
  padding:0 5px;
  font-weight:normal;
  text-decoration:none;
  }
  
  #footer a:hover, #footer a:active {
  text-decoration:underline;
  color:#333;
  }


 /* Listendefinition fŸr Sitemap*/

.sitemap .level0 {
        list-style-type: none;
       font-size:90%;
}

.sitemap li {
        list-style-type: none;
       font-size:90%;
}

.sitemap .level1 {
     list-style-type: circle;
        padding: 3px 3px 3px 10px;
}



a.sitemap  , a.sitemap  a:link, a.sitemap  a:visited {
  color:#666;
  background-color:transparent;
  font-weight:100;
  text-decoration:underline;
font-size:90%;
 
  }
a.sitemap a:hover {
  color:#333;
  background-color:transparent;
  text-decoration:none;
  }


/* globale links
--------------------------------- */
a:link, a:visited {
  color:#666;
  background-color:transparent;
  font-weight:bold;
  text-decoration:underline;
 
  }
a:hover {
  color:#333;
  background-color:transparent;
  text-decoration:none;
  }


/* search box form
--------------------------------- */
form 
{

margin:0;}

    
    #searchBox label {font-size: 11px;
    color: #333333;}
    
    .search #searchBox .advanced label {display: inline;}

    
    .button1 {
    background-color:#efefef; 
    color:#333; 
    width:auto; 
    border:1px solid #333;
    padding:1px; 
    }
    
input, select, textarea
   { font-size:11px; font-family:Verdana,sans-serif; font-weight:normal;}