/* 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;}

#disclaimer{
		width: 700px;
   		text-align: center;
   		font: 10px Verdana, Arial, sans-serif;
		color: #7e6942;
   		margin: 0 auto;
   		padding: 10px 0px 10px 0px;
		overflow: hidden;
			}

#disclaimer p{margin: 10px 0px 10px 0px;padding: 10px;}
#disclaimer h1{font: 14px Verdana, Arial, sans-serif; color: #ffffff; text-decoration: underline;}
				
/* 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;}