@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#37509a;
}

/*-------------Slider-----------------*/



/*-------------Slider Ende------------*/

.clear{
	clear:both;
}

#page{
	background-image:url(../bilder/background.jpg);
	background-repeat:no-repeat;
	width:1024px;
	min-height:768px;
}

#termine{
	float: left;
    height: 75px;
    padding-left: 45px;
    padding-top: 102px;
    width: 160px;
	text-align:right;
	
}

#nav{
	padding-top:130px;
	height:40px;
}

#nav ul{
	padding:0;
	margin:0;
	height:50px;
	margin-left:330px;
}

#nav ul li{
	float:left;
	margin:20px;
	list-style-type:none;
	background-image:no-image; //image (img) aus html raus holen, hier hin setzen als background image pro listenpunkt, listenpunkten klassen geben (im css mit li.klassenname ansprechen) dann text zwischen a im html 			
								schreiben, hier "text-indent:-9999px; bei jedem listenpunkt
								-> ist eine Methode um Text-Links zu haben, aber den Text nicht anzuzeigen, wenn man background-images hat
								
}


#content{
	width:600px;
	height:440px;
	margin-left:345px;
	overflow:auto;
}

#galerie{

text-align:center;

}

#nav img {

border-style:none;

}

#galerie img{
border-style:none;
}

#content img{

border-style:none;

}