/*   http://www.solarkochschule.de   */
/*   Version fuer Nicht-MSIE-Browser*/

/* get rid of default margins/paddings */
* {
    padding: 0;
    margin:  0;
}


BODY {
    background-image:url(grafik/bg.gif);
    background-color: #FFF8AC;
    background-repeat:repeat-y;
    COLOR: #A45409;
    FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
    /* 1em = 10px */
    font-size: 100.1%%;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
}
BODY.start {
    background-image:url(grafik/bg-start.gif);
    background-repeat:repeat-y;
    COLOR: #A45409;
    FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
    /* 1em = 10px */
    font-size: 100.1%;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
}

#rahmen{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 1000px;
   PADDING-BOTTOM: 0px;
   PADDING-LEFT: 0px;
   PADDING-RIGHT: 0px;
   PADDING-TOP: 0px;

}

#kopf{
   background-color: #FFF8AC;
   position: absolute;
   top: 0px;
   left: 214px;
   width: 600px;
   height: 120px;
   COLOR: #fff;
   border-bottom: 0px solid #C46B17;
   z-index:2;
}

#logohome{
   position: absolute;
   top: 10px;
   left: 57px;
   width: 216px;
   height: 100px;
}

#logo{
   position: absolute;
   top: 10px;
   left: 16px;
   width: 216px;
   height: 100px;
}

#logotext{
   position: absolute;
   top: 27px;
   left: 300px;
   width: 460px;
   height: 100px;
}

#flagge{
   position: absolute;
   top: 15px;
   left: 880px;
   width: 67px;
   height: 40px;
}

b.arial{FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 0.8em;
   line-height: 1.0em;
   margin-left:50px;
}
b.garamond{
   FONT-FAMILY: Garamond, Times, Times New Roman, serif;
}
#weisselinie1{
  position: absolute;
  top: 69px;
  left: 2px;
  width: 998px;
  height: 2px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

#navi{
   position: fixed;
   top: 210px;
   left: 10px;
   width: 216px;
   height: 390px;
   font-size: 0.8em;
   font-weight: bold;
   line-height: 2.0em;
   text-align: left;
   z-index:1;
}

#Klimabotschafterinnen{
   position: fixed;
   top: 5px;
   left: 5px;
   width: 200px;
   height: 184px;
   font-size: 0.8em;
   font-weight: bold;
   line-height: 2.0em;
   z-index:3;

}
#adresse{
   position: fixed;
   top: 440px;
   left: 10px;
   width: 216px;
   height: 180px;
   line-height: 1.8em;
   font-size: 0.8em;
   line-height: 1.2em;
   COLOR: #FFF8AC;
   text-align: left; 
}

#titelseite{
   position: absolute;
   top: 180px;
   left: 250px;
   width: 550px;
   height: 404px;
   border: 0px solid red;
   font-size: 0.9em;
   line-height: 1.2em;

}

#fotounten{
   position: absolute;
   top: 478px;
   left: 216px;
   width: 289px;
   height: 180px;
}

#fotountenrechts{
   position: absolute;
   top: 477px;
   left: 818px;
   width: 182px;
   height: 181px;
}

#vertretung{
   position: absolute;
   top: 490px;
   left: 520px;
   width: 270px;
   height: 180px;
   font-size: 0.8em;
   line-height: 1.2em;
}

#news{
   position: absolute;
   top: 10px;
   left: 825px;
   width: 165px;
   height: 400px;
   font-size: 0.8em;
   line-height: 1.2em;
   text-align: center;
   color: #FFF8AC;
}

#bootsklassen{
   position: absolute;
   top: 343px;
   left: 825px;
   width: 170px;
   height: 300px;
   font-size: 1.0em;
   line-height: 1.8em;
   width:168px;
   font-weight: bold;
   color: #fff;
}

#inhalt{
   position: absolute;
   top: 130px;
   left: 230px;
   width: 720px;
   color: #000;
   border: 0px solid red;
   font-size: 0.8em;
   line-height: 1.2em;
   border: 0px solid red;
   text-align: left;
}

img.news{
   margin-right: 10px;
   margin-top: 10px;
}

img{border: 1px solid #A45409;}

img.rechts10{margin-right: 10px; margin-top: 5px;}

img.links10{margin-left: 10px; margin-top: 5px;}
img.beide10{margin-left: 10px;margin-right: 10px; margin-top: 5px;}
img.ohne{border: 0px solid #000;}

h1.header{
   FONT-FAMILY: Garamond, Times, Times New Roman, serif;
   font-size: 1.4em;
   line-height: 1.7em;
   color: #A45409;
   margin-bottom: 10px;
}
h1.header2{
   FONT-FAMILY: Garamond, Times, Times New Roman, serif;
   font-size: 1.8em;
   line-height: 1.7em;
   color: #A45409;
   margin-bottom: 10px;
}
h2.header{
   FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 1.0em;
   line-height: 1.0em;
   color: #A45409;
   margin-bottom: 5px;
}

h2.news{
   FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 1.3em;
   line-height: 1.0em;
   text-align:left;
}
h2.yachten{
   FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 1.0em;
   line-height: 1.0em;
   margin-bottom:5px;
}



#navi a:link{
   text-decoration: none;
   COLOR: #FFF8AC;
}


#navi a:visited{
   text-decoration: none;
   COLOR: #FFF8AC;
}
#navi a:hover{
   text-decoration: none;
   COLOR: #000;
}
a:link.schwarz, a:visited.schwarz{
   text-decoration: underline;
   COLOR: #000;
}

a:hover.schwarz{
   text-decoration: underline;
   COLOR: #D60201;
}
a:link.unterstrichen, a:visited.unterstrichen{
   text-decoration: underline;
   COLOR: #D60201;
}

a:hover.unterstrichen{
   text-decoration: underline;
   COLOR: #C46B17;

}
#start_text{
 margin-left: 10px;
 margin-top: 10px;
}
ul{
  margin-left: 15px;
}

td.gebraucht{
   margin-bottom: 10px;
}
.trenner{
 margin-bottom: 10px;
 padding-left: 5px;
 background-color: #000;
 COLOR: #fff;
 FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 1.0em;
   line-height: 1.5em;
   width: 100%
}

#counter{
visibility:hidden;
position: absolute;
top:-1000;
left:-1000;
width:200px;
height:200px;
}

#slideshow {
 height:375px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
 margin-left: 20px;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}

b.Datum{
   color: #A45409;

}