/* Definition der "globalen" Eigenschaften wie Hintergrundfarbe etc... */

body{
     font: 13px Verdana, Arial, sans-serif;
     color: #7e6942;
     background: #000000;
     }

/* Null-Setzen aller vordefinierten Werte, anschließend werden alle Eigenschaften neu definiert.
padding: Innenabstand , margin: Außenabstand 
4 Werte bei padding = oben --> rechts --> unten --> links */

*{
     margin: 0;
     padding: 0;
	}

/* Definition eines Rahmens bzw. Containers für den eigentlichen Seiteninhalt.
Das Margin-Attribut 0px zentriert den Rahmen auf der Seite */

#container{
      width: 854px;
      margin: 0px auto;
      background: url("../imgs/background.png");
      padding:0px auto;
      overflow: hidden;
	}

/* Head stellt die Logozelle bzw. die Überschrift oder den Teaser der Site dar */

#head{
        width: 854px;
        height: 158px;
        border-top: 2px solid #ffffff;	
        background: url("../imgs/head.png");
        overflow: hidden;
	}

#head span{
			display:none;
			}


/* Definition des Navigationsmenüs, list-style:none entfernt alle Listensymbole, 
display:block wandelt ein Element in ein Blockelement um, display:inline in ein Inlineelement.
display:none blendet ein Element aus */

#navicontainer {
            	background: black;
            	overflow: hidden;
            	}

#navigation {
            	background: black;
            	overflow: hidden;
            	list-style: none;
            	}

#navigation ul{
            list-style: none;
            }

#navigation li{
            float: left;
            }

#navigation li a{
            display:block;
            height: 43px;
            background-repeat:no-repeat;
            }

#navigation li span{
            display:none;
            }

/* Homebutton */									
            
#navigation #home a {background-image: url("../imgs/home.png");width: 92px;}							
#navigation #home a:hover {background-image: url("../imgs/homeo.png");width: 92px;}

/* Aboutbutton */									

#navigation #about a {background-image: url("../imgs/about.png");width: 96px;}
#navigation #about a:hover {background-image: url("../imgs/abouto.png");width: 96px;}

/* Datesbutton */									

#navigation #dates a {background-image: url("../imgs/dates.png");width: 100px;}							
#navigation #dates a:hover {background-image: url("../imgs/dateso.png");width: 100px;}
									
/* Gallerybutton */									

#navigation #gallery a {background-image: url("../imgs/gallery.png");width: 132px;}							
#navigation #gallery a:hover {background-image: url("../imgs/galleryo.png");width: 132px;}

/* Mediabutton */									

#navigation #media a {background-image: url("../imgs/media.png");width: 98px;}
#navigation #media a:hover {background-image: url("../imgs/mediao.png");width: 98px;}

/* linksbutton */									

#navigation #links a {background-image: url("../imgs/links.png");width: 87px;}
#navigation #links a:hover {background-image: url("../imgs/linkso.png");width: 87px;}

/* contactbutton */									

#navigation #contact a {background-image: url("../imgs/contact.png");width: 128px;}
#navigation #contact a:hover {background-image: url("../imgs/contacto.png");width: 128px;}

/* guestsbutton */									

#navigation #guests a {background-image: url("../imgs/guests.png");width: 121px;}
#navigation #guests a:hover {background-image: url("../imgs/guestso.png");width: 121px;}


/* Definition der Inhaltsbox, Linksausrichtung mit float:left */

#inhalt{
   width: 460px;
   min-height: 300px;
   padding: 10px 15px 10px 20px;
	float:left;
	overflow: hidden;
	}

#inhalt h1{
			color: white;
			font: 13px Verdana, Arial, sans-serif;
			font-weight: normal;
			text-transform: uppercase;
			border-bottom: #FFFFFF 1px solid;
			letter-spacing: 0.25em;
			padding: 10px 0px 10px 0px;
			}

#inhalt p{
			font: 12px Verdana, Arial, sans-serif;
			color: #7e6942;
			padding: 10px 0px 10px 0px;
			}
			
#inhalt img{
			padding: 0px;
			margin: 0 auto;
			float: left;
			}			
			
#inhalt a{
			font: 12px Verdana, Arial, sans-serif;
			color: #ffffff;
			text-decoration: none;
			}

#inhalt a:hover{
			font: 12px Verdana, Arial, sans-serif;
			color: #7e6942;
			font-weight: bold;
			}

/* Definition der Newstickerbox, Rechtsausrichtung mit float:right */

#newletter{
   margin: 0 auto;
	overflow: hidden;
	padding:10px;
	}

#newsletter a{
				color: white;
				text-decoration: none;
				}
#newsletter a:hover{
			color: #7e6942;
			font-weight: bold;
			}
				

#newsticker{
   width: 339px;
	float:right;
	overflow: hidden;
	padding-top:15px;
	padding-right: 15px;	
	}

#newsticker p{
					padding-top: 10px;
				}
				
#newsticker a{
				border: 0px;
				color: black;
				text-decoration: none;
				}

/* Definition des Footers. clear:both beendet float und macht die Seitenaufteilung rückgängig 
Man unterscheidet zwischen clear:left (macht nur float:left rückgängig) und clear:right */

#footer{
	width:854px;
	height: 47px;
	clear: both;
	font: 10px Verdana, Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	background: url("../imgs/footer_background.png");
	overflow: hidden;
	border-bottom: 2px solid #ffffff;
	}
#footer a {font: 10px Verdana, Arial, sans-serif;color: #ffffff;text-decoration: none;}