@charset "utf-8";

/*    Styles fuer www.wohnen-am-deich.com      */
/*     24.06.2010 by Torben Frodermann         */
/*              www.tfsite.de                  */
/***********************************************/

/* Globale Definitionen */

*{ font-family: verdana, Helvetica, sans-serif; margin: 0; padding: 0px;}

body{ font-family: Verdana, Helvetica, sans-serif; font-size: 11px; background: url(images/streifen.jpg) top center no-repeat #FFF;}

h1{ font-size: 15px; font-weight: bold; color: #006633; margin-bottom: 20px;}
h2{ font-size: 11px; font-weight: bold; color: #006729; line-height: 16px;}

p{ color: #666; line-height: 16px; margin-bottom: 18px;}

a{ color: #666;}
a:hover{ color: #FFF;}
a img{border: none;}


/* Grundgeruest */

#grundgeruest{ position: absolute; width: 900px; margin-left: -450px; top: 0px; left: 50%; }
#kopfbereich{ position: relative; width: 900px; height: 168px; top: 0px; left: 0px; background-color: #064824;}
#kopfbereich img{ margin: 0px;}

#streifen-links{ position: relative; width: 191px; height: 785px; margin: 8px -191px 0px 0px; left: 0px; float: left; background-color: #FFF; }
#streifen-links a img,
#streifen-links img{ margin-top: 9px;}
#menubereich{ position: relative; width: 191px; /*height: 150px;*/ padding-bottom: 25px; background-color: #DCE000; }

#inhaltsbereich{ position: relative; width: 683px; top: 8px; left: 217px; }

#streifen-rechts{ position: absolute; width: 237px; top: 0px; right: 0px; }
#streifen-rechts a img{ margin-bottom: 7px;}
#sponsoren{ position: relative; width: 235px; text-align: center; padding: 15px 0px 40px 0px; border: 1px solid #DCE000;}
#sponsoren img, #sponsoren a img{ margin-bottom: 20px;}


/* Navigation */

#menubereich ul{ padding: 18px 0px 0px 10px; }
#menubereich li{ list-style: none; margin-bottom: 6px; }
#menubereich li a{ font-size: 11px; font-weight: bold; text-decoration: none; letter-spacing: 1px; color: #333; padding: 0px 40px 0px 40px;}
#menubereich li a.menu-aktiv,
#menubereich li a:hover{ font-size: 11px; font-weight: bold; text-decoration: none; letter-spacing: 1px; color: #FFF; padding: 0px 40px 0px 40px;}

#menubereich ul li ul{ padding: 4px 0px 5px 10px; }
#menubereich li ul li{ list-style: none; margin-bottom: 4px; }
#menubereich li ul li a{ font-size: 10px; font-weight: bold; text-decoration: none; letter-spacing: 1px; color: #333; padding: 0px 0px 0px 40px;}
#menubereich li ul li a.menu-aktiv,
#menubereich li ul li a:hover{ font-size: 10px; font-weight: bold; text-decoration: none; color: #FFF; padding: 0px 0px 0px 40px;}


/* Inhalt */

#inhalt-startseite{ position: relative; width: 390px; background-color: #FFF; padding: 18px 10px 70px 20px;}
#inhalt-fotos,
#inhalt-kontakt,
#inhalt-agb,
#inhalt-impressum{ position: relative; width: 370px; background-color: #DCE000; color: #666; padding: 18px 20px 70px 30px;}
#inhalt-anmeldung{ position: relative; width: 370px; height: 900px; background-color: #DCE000; color: #666; padding: 18px 20px 70px 30px;}

#inhalt-startseite a,
#inhalt-kontakt a,
#inhalt-impressum a{ color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
#inhalt-startseite a:hover,
#inhalt-kontakt a:hover,
#inhalt-impressum a:hover{ color: #064824;}

#inhalt-kontakt a img{ border: none;}

#inhalt-agb p,
#inhalt-impressum p{font-size: 10px; line-height: 15px;}


/* Galerie */

td.foto-thumb{ width: 115px; height: 97px; background-color: #FFF; text-align: center; vertical-align: middle;}
td.foto-abstand{ width: 7px;}
td.foto-thumb-leerzeile{ height: 5px;}

td.foto-thumb img{margin-bottom: 4px; }

#simpleTooltip { padding: 7px 7px 10px 7px; border: 1px solid #006633; background: #FFF; }

a.foto-download{ font-size: 9px; text-decoration: none; }
a.foto-download:hover{ color: #999;  }


/* Kontaktformulare */

#inhalt-anmeldung h2{ font-size: 11px; font-weight: bold; color: #666; margin: 7px 0px 25px 0px;}
#inhalt-anmeldung td{ vertical-align: top; font-size: 11px; color: #666; padding-bottom: 9px; }
#inhalt-anmeldung td a:hover{ color: #333}
#inhalt-anmeldung td.feldbez{ width: 108px; font-weight: bold; padding-top: 2px;}
#inhalt-anmeldung input{ width: 215px; height: 18px; border: 1px solid; border-right: none; border-bottom: none; border-color: #C2C2C2;}
#inhalt-anmeldung input.anmeldung-knopf{
	 width: 66px; 
	 height: 19px; 
	 font-size: 9px; 
	 font-weight: bold;
	 color: #006633;
	 border: none; 
	 background: url(images/knopf_hintergrund.png) top left;
	 padding-bottom: 2px; 
}

#fehlermeldung{ width: 326px; border: 2px solid; border-color: #990000; text-align: center; margin: 0px 0px 20px 0px; padding: 2px 0px 2px 0px;}
#fehlermeldung p{ color: #990000; font-weight: bold; margin:0px;}