@media all
{
	html, body {
		width:100%;
		height:100%;
		padding:0;
		margin:0;	
		background-color:#fff;
		text-align:left;
		font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		font-size:12px;
		color:#4F3E28;
	}
	
	#mainbox{
		width:970px;
		margin-top: 1px;
		margin-left: -485px;
		left:50%;
		height:736px;
		position:absolute;
		background-color:#fff;
	}
	
	#path{
		width:770px;
		position:relative;
		height:20px;
		float:left;
		color:#94908a;
	}
	
	#fl{
		width:300px;
		position:relative;
		height:12px;
		font-size:10px;
		float:right;
		right:4px;
		text-align:right;
		color:#94908a;
	}
	
	#header	{
		clear:both;
		width: 970px;
		height:200px;
		position:relative;
	}
	
	#header img {border:0; margin:0; padding:0;}
	
	#navi{
		position:relative; 
		float:left; 
		height:20px; 
		top:0px; 
		/*padding:0 0 6px 0;
		margin:4px 0px 0px 220px; */
		padding:0;
		margin:0 0 0 300px;
		width:420px;
		z-index:1000;
		background: #fff url("../img/menue/menue_bg.gif") no-repeat 0px 4px;
	}	

	#navi ul {
		width:420px;
		height:20px;
		position:relative;
		white-space: nowrap;
		margin:0 0 0 0;
		padding:0 0 0 0 !important;
		list-style:none;
		float:left;
		/*border:1px solid #f00;*/
	}	
	
	#navi li {
		width:140px;
		height:20px;
		float:left;
		padding:0;
		margin:4px 0 0 0;
		float:left;
		padding: 0px 0px 0px 0px !important;
		 /*padding: 1px 0 2px 1px; nur fuer den IE */
	
		/*border:1px solid #0ff;*/
	}
	
	#content_top{
		clear:both;
		width:970px;
		height:25px;
		position:relative;
		background: #fff url("../img/content/content_top01.jpg") no-repeat 0 0;
	}	
	
	#content_mid{
		clear:both;
		width:970px;
		height:439px;
		position:relative;
		background: #fff url("../img/content/content_mid01.jpg") repeat-y 0 0;
	}
	
	#left_col{
		float:left;
		width:200px;
		margin:10px 10px 0px 24px;
		padding:0px 0px 0px 10px;
		height:420px;
		color:#4f3e28;
		/*border:1px solid #f00;*/
	}

    #first_block { position:relative; margin:65px 0 0 0; padding:0;}
	/*#first_block { position:relative; height:65px; margin:65px 0 0 0; padding:0; }
	#second_block { position:relative; height:120px; margin:0; padding:0; }
	#third_block { position:relative;  height:120px; margin:0; padding:0; }*/
	
	#right_col{
		float:right;
		width:688px;
		margin:10px 24px 0px 0px;
		padding:0px 10px 0px 0px;
		height:420px;
		color:#4f3e28;
		/*border:1px solid #0f0;*/
	}

	#leftSubCol{position:relative; width:200px; height:350px; float:left;}
	#rightSubCol{position:relative; width:450px; height:350px; float:right; top:-10px;}
	
	#gemap{
		position:relative;
		width:278px;
		height:373px;
		float:left;
		background: url("../img/thumbs/ge_map.jpg") no-repeat top left;
	}

	#gemap_bundesl{
		position:relative;
		top:0px;
		left:0px;
		width:400px;
		height:370px;
		float:left;
		/*border:1px solid #f00;*/
	}

	#fotocenter{
		position:relative;
		top:0px;
		left:0px;
		width:374px;
		height:354px;
		background: url("../img/thumbs/hotels/hotel01.jpg") no-repeat center center;

		padding:4px 4px 4px 4px;
		margin:4px 4px 4px 4px;
		border:1px solid #CFCFCF;
		background-color:#ffffff;
	}

	#fotocenter2{
		position:relative;
		top:0px;
		left:0px;
		width:298px;
		/*height:160px;*/
		height:194px;
		background: url("") no-repeat center center;
		padding:0;
		margin:0;
		border:1px solid #CFCFCF;
		background-color:#ffffff;
		text-align:center;
	}

    #fotocaption{
	    width:298px;
	    padding-top:4px;
        clear:both;		
        font-weight:bold; 
        font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 
        font-size:14px; 
        line-height:14px; 
        color:#516025;	
        text-align:center;	
    }
	
	#shortdescr{
		position:relative;
		float:left;
		top:0px;
		left:0px;
		width:278px;
		height:180px;
		padding:5px 10px 10px 10px;
		margin:5px 0 20px 0;
	}
	
	#hoteldetails{
		position:relative;
		width:680px;
		height:370px;
	}
	
	#hotelinfo{position:relative; width:300px; height:350px; float:left;}
	#handlungsfelder{position:relative; width:360px; height:350px; float:right;}
	
	#routenplaner{
		position:relative;
		width:200px;
		height:300px;
		float:left;
	}

	#anfahrtsskizze{
		position:relative;
		width:200px;
		height:300px;
		float:left;
		margin-left:20px;
	}

	#hoteldetails_det01{
		position:relative;
		width:680px;
		height:150px;
	}

	#hoteldetails_det02{
		position:relative;
		width:680px;
		height:220px;
	}
	
	#hoteldetails_panels
	{
		position:absolute;
		top:350px;
		width:688px;
		height:30px;
		float:left;
		left:0px;
		/*border:1px solid #f00;*/
	}
	
	.errlayer
	{
	    position:absolute;
	    width:400px;
	    height:250px;
	    left:50%;
	    margin-left:-200px;
	    background-color:#fff;
	    border:1px solid #941a0f;
	    z-index:2000;
	}
	
	#schnellauswahl{
		position:relative;
		top:0px;
		left:0px;
		width:280px;
		height:370px;
		float:right;
	}
	
	#schnellauswahlnavi{
		text-align:right;
		position:relative;
		top:214px;
		left:0px;
		width:200px;
		height:25px;
		float:right;
	}
	
	#hotelkurzbeschr{width:280px; height:265px;}
	
	#atmap{
		position:relative;
		width:400px;
		height:207px;
		float:left;
		background: url("../img/thumbs/at_map.jpg") no-repeat top left;
	}
	
	#content_bottom{
		clear:both;
		width:970px;
		height:16px;
		position:relative;
		background: #fff url("../img/content/content_bottom.jpg") no-repeat 0 0;
	}
	
	#footer{
		clear:both;
		width:970px;
		margin-left: -485px;
		left:50%;		
		height:20px;
		position:relative;
		color:#94908a;
		text-align:center;
		font-size:10px;
	}
}