/*	Projekt : Gräfliches Parkhotel
	Datei   : main.css
	
	made by Novagraphix
*/

@charset "utf-8";

html {
	height:100%;
	overflow-y:scroll;
}

body { 
	height:100%;
}

body {
	margin:0;
	padding:0;
	background-color: #dde6e5;
}

#page_holder {
	position:absolute;
	width:1020px;
	left:50%;
	margin-left:-510px;
	z-index:0;
}

#page_header {
	width:1020px;
	height:186px;
}

#page_footer {
	width:1020px;
	text-align:center;
}

#page_footer_over {
	position:absolute;
	width:440px;
	left:50%;
	margin-left:-220px;
	z-index:2;
}

#page_footer_under {
	position:absolute;
	width:440px;
	left:50%;
	margin-left:-220px;
	font-size:1px;
	z-index:1;
}

#snow {
	z-index:5000;
}

#page_content {
	margin:0;
	padding:0;
	vertical-align:top;
	z-index: 0;
}

#head_navi {
	margin:0;
	padding:0;
	vertical-align:top;
	background-image:url(../images/head_navi_bg.jpg);
	background-repeat:no-repeat;
	width:1020px;
}

#container {
	background-image:url(../images/site_bg.jpg);
	background-repeat:repeat-y;
	width:1020px;
}

#container_end {
	background-image:url(../images/site_container_end.jpg);
	background-repeat:no-repeat;
	width:1020px;
	height:53px;
	padding-top:8px;
}

#main_end {
	background-image:url(../images/main_container_end.jpg);
	background-repeat:no-repeat;
	width:1020px;
	height:53px;
	padding-top:8px;
}

#footer_end {
margin: 0;
padding: 0;
margin-top:10px;
}


#main_mittsommer { 
height: 497px;
width: 1020px;
margin: 0;
padding: 0;
}

#main { 
background-image: url(../images/main.jpg);
background-repeat: no-repeat;
height: 497px;
width: 1020px;
margin: 0;
padding: 0;
}


#main_navi { 
height: 37px;
width: 234px;
margin: 0;
padding: 0;
display: block;
margin-left: 390px;
margin-top: 430px;
position: absolute;
}


#main_left { 
background-image: url(../images/de_01.png);
background-repeat: no-repeat;
height: 37px;
width: 118px;
display: block;
float: left;
padding: 0;
margin: 0;
}

#main_left a:hover { 
background-image: url(../images/de_02.png);
background-repeat: no-repeat;
height: 37px;
width: 118px;
display: block;
padding: 0;
margin: 0;
}

#main_right { 
background-image: url(../images/en_01.png);
background-repeat: no-repeat;
height: 37px;
width: 116px;
display: block;
float: right;
padding: 0;
margin: 0;
}

#main_right a:hover { 
background-image: url(../images/en_02.png);
background-repeat: no-repeat;
height: 37px;
width: 116px;
display: block;
padding: 0;
margin: 0;
}

#main_home { 
background-image: url(../images/main_bg.jpg);
background-repeat: no-repeat;
height: 436px;
width: 1020px;
margin: 0;
padding: 0;
}

#main_box { 
height: 367px;
width: 1020px;
margin: 0;
padding: 0;
padding-top: 30px;
margin-left: 32px;
display: block;
}


/* Main Div DE */
.boxOuter {
position:relative;
height: 367px;
width: 156px;
display: block;
float: left;
padding: 0;
margin: 0;
margin-right: 4px;
overflow:hidden;
}


#box_1_de { 
background-image: url(../images/box/menu_1_de.png);
background-repeat: no-repeat;
margin-left:1px;
}

#box_2_de { 
background-image: url(../images/box/menu_2_de.png);
background-repeat: no-repeat;
}

#box_3_de { 
background-image: url(../images/box/menu_3_de.png);
background-repeat: no-repeat;
}

#box_4_de { 
background-image: url(../images/box/menu_4_de.png);
background-repeat: no-repeat;
}

#box_5_de { 
background-image: url(../images/box/menu_5_de.png);
background-repeat: no-repeat;
}

#box_6_de { 
background-image: url(../images/box/menu_6_de.png);
background-repeat: no-repeat;
margin: 0;
}

#box_1_de:hover { 
background-image: url(../images/box/menu_1_r_de.png);
background-repeat: no-repeat; 
}

#box_2_de:hover { 
background-image: url(../images/box/menu_2_r_de.png);
background-repeat: no-repeat; 
}

#box_3_de:hover { 
background-image: url(../images/box/menu_3_r_de.png);
background-repeat: no-repeat; 
}

#box_4_de:hover { 
background-image: url(../images/box/menu_4_r_de.png);
background-repeat: no-repeat; 
}

#box_5_de:hover { 
background-image: url(../images/box/menu_5_r_de.png);
background-repeat: no-repeat; 
}

#box_6_de:hover { 
background-image: url(../images/box/menu_6_r_de.png);
background-repeat: no-repeat; 
}

/* Main Div EN */
#box_1_en { 
background-image: url(../images/box/menu_1_en.png);
background-repeat: no-repeat;
margin-left:1px;
}

#box_2_en { 
background-image: url(../images/box/menu_2_en.png);
background-repeat: no-repeat;
}

#box_3_en { 
background-image: url(../images/box/menu_3_en.png);
background-repeat: no-repeat;
}

#box_4_en { 
background-image: url(../images/box/menu_4_en.png);
background-repeat: no-repeat;
}

#box_5_en { 
background-image: url(../images/box/menu_5_en.png);
background-repeat: no-repeat;
}

#box_6_en { 
background-image: url(../images/box/menu_6_en.png);
background-repeat: no-repeat;
margin: 0;
}

#box_1_en:hover { 
background-image: url(../images/box/menu_1_r_en.png);
background-repeat: no-repeat; 
}

#box_2_en:hover { 
background-image: url(../images/box/menu_2_r_en.png);
background-repeat: no-repeat; 
}

#box_3_en:hover { 
background-image: url(../images/box/menu_3_r_en.png);
background-repeat: no-repeat; 
}

#box_4_en:hover { 
background-image: url(../images/box/menu_4_r_en.png);
background-repeat: no-repeat; 
}

#box_5_en:hover { 
background-image: url(../images/box/menu_5_r_en.png);
background-repeat: no-repeat; 
}

#box_6_en:hover { 
background-image: url(../images/box/menu_6_r_en.png);
background-repeat: no-repeat; 
}


.box_navi { 
position:absolute;
height: 250px;
width: 157px;
display: block;
top: -800px;
}

.boxOuter:hover .box_navi {
top: 80px;
}

.box_navi a { 
height: 18px;
width: 143px;
display: block;
padding: 0;
margin: 0;
background-color: #216870;
text-transform:uppercase;
font-size:11px;
color:#fff;
text-decoration:none; 
padding-left: 14px; 
padding-top: 5px;
margin-bottom: 1px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif; 
font-weight: bold;
filter:alpha(opacity=90); /* IE */
opacity:0.9; /* allgemein */
-moz-opacity:0.9; /* Mozilla */
-khtml-opacity:0.9; /* KTHML */
-opera-opacity:0.9; /* Opera */
}

.box_navi a:hover { 

background-color: #10535a;
color:#ce6845;
}

.box_link { 
position:absolute;
left:0;
bottom:0;
height: 38px;
width: 157px;
padding: 0;
margin: 0;
}

#clear
{
clear: both;
line-height: 0px;
height: 0px;
padding: 0px;
border: none;
}

#left_navi {
	padding-left:32px;
	width:158px;
	float:left;
}
#left_navi_holder {
	display:block;
	height:480px;
}
#middle_content {
	width:633px;
	float:left;
}
#right_navi {
	padding-left:1px;
	width:166px;
	height:100%;
	float:left;
}
#right_navi_holder {
	display:block;
	min-height:480px; 
	height: auto !important;   
	height:480px;
}

.trivago_rating {
	background-color:transparent !important;
}

.trivago_partner_title {
	font-size:10pt !important;
}

.trivago_certificate, .trivago_no_certificate {
	display:none;
	background-color:transparent !important;
}

.trivago_widget_portrait {
	font-size:12pt !important;
	background-color:transparent !important;
	border:0 !important;
}

.trivago_partner a, .trivago_partner_title {
	width:180px !important;
	font-weight:bold !important;
}

.trivago_partner_rating {
	width:79px !important;
}

.trivago_partner_rating_value {
	background-color:transparent !important;
	color:#666666 !important;
}

.trivago_partner_rating_graph {
	background-image:url("../images/rating_circles_small.png") !important;
	background-position:0px 1px !important;
	width:30px !important;
}

.trivago_partner_rating_graph div {
	background-image:url("../images/rating_circles_small.png") !important;
	background-position:0px -10px !important;
}

.trivago_claim {
}