@charset "utf-8";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #888888;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
		background-image:url(bg_pixel.jpg);
		background-repeat:repeat-x;
    }
	
    #container {  
		background-image:url(rahmen_background.jpg);
		background-repeat:no-repeat;
	    width: 942px; 
		height: 640px;
    	text-align: left;
		margin: 0 auto;
    }
	
	#inhalt{
		margin: 0 0 0 0;
	}
	
	/*###################### NAVIGATION ######################*/
	
    #navi {
		width:343px;
		height:358px;		
    	float: left;
    	margin: 60px 0 0 16px;
    }
	
	ul#navigation {
		padding: 0;
		list-style: none;
	}
	
	ul#navigation li {
		padding-bottom:1px;
	}
	
	ul#navigation li a {
		cursor: pointer;
		background-image:url(navi_bg.png);
		display: block;
		height: 22px;
		width: 343px;
		text-decoration: none;
		color: #333333;
	
	}
	
	ul#navigation li a:hover {
		background-color: #FFFFFF;
	}	
	
	ul#navigation li .isActive {
		background-color: #FFFFFF;
	}

	/*###################### CONTENT RECHTS ######################*/
	
    #mainContent { 
		margin: 0 0 0 359px;
		position:relative;
		top:60px;
		height:358px;	
		width:546px;
		background-image:url(content_bg.jpg);
		background-repeat:no-repeat;
		border-left: 5px solid #FFFFFF;
		line-height:15px;
	}
	
	#mainContentGooglemap { 
		margin: 0 0 0 359px;
		position:relative;
		top:60px;
		height:358px;	
		width:546px;
		border-left: 5px solid #FFFFFF;
	}	
	
	#mainContentOnlinebuchung { 
		margin: 0 0 0 359px;
		position:relative;
		top:60px;
		height:358px;	
		width:546px;
		background-image:url(content_bg.jpg);
		background-repeat:no-repeat;
		border-left: 5px solid #FFFFFF;
	}
	
	#mainContentInner {
		padding: 20px;
		padding-top:130px;
		text-align: center;
		color:#FFFFFF;
		font-size:0.8em;
		
	} 

	/*###################### FORMULAR ######################*/

	#formularContainer{	
	
	}

	#formulartxt{	

	}

	#formularLeft{
		padding-left:0px;
		float:left; 
		width:260px;
		padding-top:21px;
		
	}
	
	#formularRight{	
		padding-top:21px;
	
	}
	
	#sendenbutton{	
	}
	
	.formAll{
		font-size:0.8em;
		color:#FFFFFF;	

	}
	
	/*###################### PHOTOS ######################*/
	
	#photos{
		padding-top:5px;
	}
	
	#photos img{
		border: 1px solid #FFFFFF;
		margin:2px;
	}

	/*###################### FOOTER ######################*/	
	#footer {
    }
	
	/*###################### KLASSEN ######################*/
	
	h1.headline {
	  font: 100% Verdana, Arial, Helvetica, sans-serif;
	  font-size:1em;
	  color: #FFFFFF;
	  margin:0;
    }
	
	h1.headline2 {
	  font: 100% Verdana, Arial, Helvetica, sans-serif;
	  font-size:1.2em;
	  font-weight:bold;
	  color: #FFFFFF;
	  margin:0;
	}
	
	h1.contenttext {
	  font: 100% Verdana, Arial, Helvetica, sans-serif;
	  font-size:0.8em;
	  color: #FFFFFF;
	  margin:0;
	  padding-left:40px;
	  padding-right:40px;
	}
	
	
	.navitxtausrichtung{
	  font: 100% Verdana, Arial, Helvetica, sans-serif;
	  font-size:0.9em;
	  padding-top:2px;
	  color: #000000;
	  float:right;
	  margin-right:8px;
	}


	h1.contactcontent {
	  font: 100% Verdana, Arial, Helvetica, sans-serif;
	  font-size:0.8em;
	  color:#FFFFFF;
	  text-align: center; 
	  padding-bottom:7px;
	
	}

	h1.contactinfo {
	  font: 100% Verdana, Arial, Helvetica, sans-serif;
	  font-size:0.6em;
	  color:#FFFFFF;
	  text-align: left; 
	}