/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #e1ddd9;
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#FFEDCC;
padding:0px;
margin:0px;
}
a {color: #FFEDCC;}
a:visited {color:#FFEDCC;}
a:hover {color: #FFFFFF;}
a:active { color:#000000;}

h1 {
font-size: 24px;
font-variant:small-caps;
padding:15px 15px 15px 15px;
margin:0px }

h5 {
font-size: 14px;
padding:15px 15px 0px 15px;
margin:0px }



h2 {
font-size:11px;
font-style:italic;
font-weight: normal;
padding: 5px;
margin-left: 15px;
margin-right: 15px;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:#990000;
text-align:right;
}s

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 660px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-image:url(bilder/bgrot.jpg);
background-repeat:repeat-y;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
padding: 0px;
margin: 0px; }

#banner img {
margin-right:7px;
margin-top:30px;
} 

/* ----------outer und inner----------------- */
#outer{ 
border-left: 0px;  /* linke Menue Spalten Farbe  */ 
/* background-color: #ffffff;  Farbe fuer Inhalt Spalten  */
 } 

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 

/* --------------left navigavtion------------- */
#left {
 width:110px; 
 float:left; 
 position:relative; 
 margin-left:-21px; 
 margin-top:-225px;
 _margin-top:-228px;
 margin-right:1px;
 background-image:url(bilder/klammer.jpg);
 background-repeat:no-repeat;
 height:800px;
 }

/* -----------------Inhalt--------------------- */
#content{ 
background-image:url(bilder/mainbg.gif);
background-repeat:repeat-y;
position: relative; 
margin: 0px; 
margin-left: 132px;
padding-right: 0px;
height:auto;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

/*  ----------------menu---------------------- */ 

#rollover {
 width: 520px;
 height: 36px;
 background:url(bilder/menu.png);
 margin: 0px; padding: 0;
 position: relative;
 margin-left:1px;
 _margin-left:-2px; /*  IE Workaround */
}


#rollover li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#rollover li, #rollover a {height: 36px; display: block;}
#panel1b {left: 0; width: 126px;}
#panel2b {left: 126px; width: 96px;}
#panel3b {left: 222px; width: 110px;}
#panel4b {left: 332px; width: 101px;}
#panel5b {left: 433px; width: 87px;}

#panel1b a:hover {background: transparent url(bilder/menu.png) 0 -36px no-repeat;}
#panel2b a:hover {background: transparent url(bilder/menu.png) -126px -36px no-repeat;}
#panel3b a:hover {background: transparent url(bilder/menu.png) -222px -36px no-repeat;}
#panel4b a:hover {background: transparent url(bilder/menu.png) -332px -36px no-repeat;}
#panel5b a:hover {background: transparent url(bilder/menu.png) -433px -36px no-repeat;}

ul {
padding:0px;
margin: 0px;
border-width: 0px;
}

p{
width:400px;
padding:10px 10px 5px 15px;
line-height: 1.5em;
margin:0px; }

.hoerprob {
font-variant:small-caps;
line-height:2em;
}

/* fotogalerie */
#fotogal {
  width: 500px;
  padding: 10px 0;
  border: 2px solid #C8CDD2;
  }
#fotogal dl {
  margin: 10px 20px;
  padding: 0;
  }
#fotogal dt {
  margin: 0;
  padding: 0;
  font-size: 130%;
  letter-spacing: 1px;
  color: #627081;
  }
  
#fotogal dd.img img {
  float: left;
  margin: 0 8px 0 0;
  padding: 4px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;

  }