/* Allgemeines */
body { 
	background-color: #fff;
	background-image:url(../img/bg.gif);
	background-repeat:no-repeat;
	color:#9f6d2d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	margin:20px 0px 30px 0px;
}

.clear {clear:both;}
p {margin:10px 0px 0px 0px;}
a {color: #9f6d2d;}

/* Menu-BodyBackgrounds */
.hotel {
	background-image:url(../img/bg_hotel.gif);
	text-align:left;
}
.restaurant {
	background-image:url(../img/bg_kulinarium.gif);
	text-align:left;
}
.events {
	background-image:url(../img/bg_events.gif);
	text-align:left;
}
.impressum {
	background-image:url(../img/bg_impressum.gif);
	text-align:left;
}
.kontakt {
	background-image:url(../img/bg_kontakt.gif);
	text-align:left;
}
.start {
	background-image:url(../img/bg_start.gif);
	text-align:left;
}
.tagungen {
	background-image:url(../img/bg_tagungen.gif);
	text-align:left;
}
.shop {
	background-image:url(../img/shop.gif);
	text-align:left;
}
.feierlichkeiten {
	background-image:url(../img/bg_feierlichkeiten.gif);
	text-align:left;
}


/* Intro */
#rh_link {
	position:absolute;
	top:20px; 
	right:20px; 
	z-index:10;
}

#rh_link img {border:none;}

#intro {
	width:550px;
	height:400px;
	background-image:url(../img/intro_bg.jpg);
	background-repeat:no-repeat;
	border:1px solid #dcb37b;
	margin: 60px auto 0px auto;
}
#intro_skipper {
	width:550px;
	height:400px;
	margin:0px auto;
	text-align:right;
}
#intro_skipper a {
	text-decoration:none;
	color: #9f6d2d;
	line-height:20px;
}
#intro_skipper a:hover {
	text-decoration:underline;
}

/* Bilder */
img {
	border:5px solid #f8f1e6;
}

#flash_img {
	border:5px solid #f8f1e6;
	width:182px;
	background-image:url(../img/restfood_12.png);
}
#flash_img_2 {
	border:5px solid #f8f1e6;
	width:182px;
	background-image:url(../img/restfood_12.png);
	float:left;
}

.img_whole {
	width:430px;
	margin:0;
}
.img_left{
	float:left;
	margin:10px 20px 10px 0px;
}
.img_right {
	float:right;
	margin:10px 10px 10px 25px;
}
.img_right2 {
	clear:right; float:right;
	margin:10px 10px 10px 25px;
}

.img_right_lunch {
	float:right;
	margin:10px 0px 10px 10px;
}

.img_left_unten {
	float:left;
	margin:10px 10px 10px 0px;
}


.img_right_unten {
	float:right;
	margin:40px 100px 10px 25px;
}

/*SPAETLESE INFO*/

#spaetlese_info {
	position:absolute;
	left:670px;
	top:50px;
	z-index:100000;
}

#spaetlese_info img {
	border:none;
}

/* Anfahrtskizze: Flash */
#anfahrt_flash {
	width:120px;
	height:100px;
	border:1px solid #dda74f;
	background-image:url(../img/anfahrt.gif);
	background-repeat:no-repeat;
}

/* Headlines */
h1 {
	font-family: "Times New Roman", Times, serif;
	color:#dda84f;
	font-weight:500;
	font-size:24px;
	font-style:oblique;
	margin:0px 0px 5px 0;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#dda84f;
	font-weight:500;
	font-size:13px;
	font-style:normal;
	margin:15px 0px 5px 0;
}

.special {
	font-family: "Times New Roman", Times, serif;
	color:#dda84f;
	font-weight:500;
	font-size:24px;
	font-style:oblique;
	margin:0px 0px 5px 0;
	}
	

/* siteForms */
#main_container {
	width:900px;
	margin:0px 0px 30px 30px;
	padding:0px 0px 30px 0px;	
	min-height:400px;
}

/* KarpfenLogo */
#logo_container {
	width:210px;
	height:150px;
	float:left;
}
#logo {
	width:210px;
	height:150px;
	background-image:url(../img/logo.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#logo_anim {
	width:210px;
	height:150px;
	margin:0 0 0 0;
	border:0;
}

/* Navigation */
#menuhead {
	width:690px;
	height:150px;
	float:left;
	margin:0px 0px 0px 0px;
}
#main_menu {
	width:690px;
	height:30px;
	background-color:#fff;
	margin:115px 0px 0px 0px;
}

#main_menu ul { margin:0px; padding:0px; list-style-type:none;}
#main_menu li{ display: none; }
#main_menu a {display:block;}
#main_menu ul div {float:left;}

#item0 a{height: 30px; width: 50px; background-image:url(../img/main_menu.gif); background-position: 0px 30px;float:left;}
#item0 a:hover{ background-position: 0px 0px;}
#item0 a.menu_act {height: 30px; width: 50px; background-image:url(../img/main_menu.gif); background-position: 0px 0px;}

#item1 a{height: 30px; width: 54px; background-image:url(../img/main_menu.gif); background-position: -50px 30px;float:left;}
#item1 a:hover{ background-position: -50px 0px;}
#item1 a.menu_act {height: 30px; width: 54px; background-image:url(../img/main_menu.gif); background-position: -50px 0px;}

#item2 a{ height: 30px; width: 84px; background-image:url(../img/main_menu.gif); background-position: -104px 30px;float:left;}
#item2 a:hover{ background-position: -104px 0px;}
#item2 a.menu_act {height: 30px; width: 84px; background-image:url(../img/main_menu.gif); background-position: -104px 0px;}

#item3 a{ height: 30px; width: 79px; background-image:url(../img/main_menu.gif); background-position: -188px 30px;float:left;}
#item3 a:hover{ background-position: -188px 0px;}
#item3 a.menu_act{height: 30px; width: 79px; background-image:url(../img/main_menu.gif); background-position: -188px 0px;}

#item4 a{ height: 30px; width: 65px; background-image:url(../img/main_menu.gif); background-position: -267px 30px;float:left;}
#item4 a:hover{ background-position: -267px 0px;}
#item4 a.menu_act {height: 30px; width: 65px; background-image:url(../img/main_menu.gif); background-position: -267px 0px;}

#item5 a{ height: 30px; width: 112px; background-image:url(../img/main_menu.gif); background-position: -330px 30px;float:left;}
#item5 a:hover{ background-position: -330px 0px;}
#item5 a.menu_act{height: 30px; width: 112px; background-image:url(../img/main_menu.gif); background-position: -330px 0px;}

#item6 a{ height: 30px; width: 55px; background-image:url(../img/main_menu.gif); background-position: -442px 30px;float:left;}
#item6 a:hover{ background-position: -442px 0px;}
#item6 a.menu_act{height: 30px; width: 55px; background-image:url(../img/main_menu.gif); background-position: -442px 0px;}

#item7 a{ height: 30px; width: 70px; background-image:url(../img/main_menu.gif); background-position: -497px 30px;float:left;}
#item7 a:hover{ background-position: -497px 0px;}
#item7 a.menu_act{height: 30px; width: 70px; background-image:url(../img/main_menu.gif); background-position: -497px 0px;}

#item8 a{ height: 30px; width: 90px; background-image:url(../img/main_menu.gif); background-position: -567px 30px;float:left;}
#item8 a:hover{ background-position: -567px 0px;}
#item8 a.menu_act{height: 30px; width: 90px; background-image:url(../img/main_menu.gif); background-position: -567px 0px;}

#flashhead {
	position:absolute; 
	z-index:99; 
	margin: 50px 0px 0px 100px;
}

/* Content */
#content-1 {
	float:left;
	width:210px;
	margin:20px 0px 0px 0px;
}
#content-2 {
	float:left;
	width:660px;
	margin:20px 0px 0px 10px;
	text-align:left;
}

#content-2_reservation{
	background: url(../img/tischreservation.jpg);
	float:left;
	width:660px;
	margin:20px 0px 0px 10px;
	text-align:left;
}


#content_text {
	float:left;
	width:450px;
}
#content_text_var2 {
	float:left;
	width:380px;
}

#content_text_var3 {
	float:left;
	width:390px;
	margin:0px 0px 0px 30px;
}

#content_text_var4 {
	float:left;
	width:100%;
	margin:25px 0px 0px 0px;
}

.inp_radio {
	width:20px;
	margin:0px 2px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
	
#listblock{
	width:80px;
	float:left;
	margin:16px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}
	
*html #listblock{
	width:80px;
	margin:14px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}

#anrede {
	width:20px;
	margin:0px 2px 0px 0px;
	padding:0px 0px 0px 0px;
	}

#uhrzeit {
	width:100px;
	}
		
#personenanzahl {
	width:50px;
	}
	
#datum {
	width:100px;
	}


	
.info{ font-size:11px; }


label {
	width: 100px;
	float: left;
	margin: 0px 0px 0px 0px;
}

input { width: 200px;border:1px solid #d2a66e; }

textarea { border:1px solid #d2a66e; }

form { margin:0; }

.formbutton {
	width: 120px;
	float: left;
	line-height: 18px;
	margin: 0px 0px 0px 100px;
	padding: 0px;
	color:#9f6d2d;
	background-color:#FFFFFF;
	border: 1px solid #9f6d2d;	
}

*html .formbutton {
	width: 120px;
	float: left;
	line-height: 18px;
	margin: 0px 0px 0px 103px;
	padding: 0px;
	color:#9f6d2d;
	background-color:#FFFFFF;
	border: 1px solid #9f6d2d;	
}

.nlbutton {
	width: 142px;
	float: left;
	line-height: 18px;
	margin: 8px 0px 0px 100px;
	padding: 0px;
	color:#9f6d2d;
	background-color:#FFFFFF;
	border: 1px solid #9f6d2d;	
}
*html .nlbutton {
	width: 142px;
	float: left;
	line-height: 18px;
	margin: 8px 0px 0px 103px;
	padding: 0px;
	color:#9f6d2d;
	background-color:#FFFFFF;
	border: 1px solid #9f6d2d;	
}

input.kontakt {
	border: 1px solid #a5acb2;}


#fonbox { display:block; width:240px; }
.adr1 { display:block; float:left; width:40px; }
.adr2 { display:block; float:left; width:200px; }


p.light_lunch {margin:0px 0px 0px 30px;}

.menupreis {
	font-weight: bold; text-align:right;
	margin:0px;
	padding:5px 0px 15px 0px;
	width:410px;
	}
	
/*** LIGHTBOX IMG**/

#bgalerie {height:40px;margin:0px 0px 13px -30px;padding:0px 0px 0px 0px;}
*html #bgalerie {height:40px;margin:0px 0px 0px -30px;padding:10px 0px 0px 0px;}

#bildergalerie ul li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#bildergalerie li {display: none;}
	
#bildergalerie a {
	display:block;
 	background-image: url(../img/bildergalerie_button.gif);
	width:132px;
	height:36px;
	padding:0px 0px 0px -15px;
	}
#bildergalerie a:hover {
 	background-image: url(../img/bildergalerie_button.gif);
	background-position: 0px -39px;
	height:36px;
	padding:0px 0px 0px 0px;
	}



#bildergalerie_design ul li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#bildergalerie_design li {display: none;}
	
#bildergalerie_design a {
	display:block;
 	background-image:url(../img/bildergalerie_button_design.gif);
	width:250px;
	height:36px;
	padding:0px 0px 0px -15px;
	}
#bildergalerie_design a:hover {
 	background-image:url(../img/bildergalerie_button_design.gif);
	background-position: 0px -39px;
	height:36px;
	padding:0px 0px 0px 0px;
	}
	
#bildergalerie_klassi ul li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#bildergalerie_klassi li {display: none;}
	
#bildergalerie_klassi a {
	display:block;
 	background-image:url(../img/bildergalerie_button_klassi.gif);
	width:250px;
	height:36px;
	padding:0px 0px 0px -15px;
	}
#bildergalerie_klassi a:hover {
 	background-image:url(../img/bildergalerie_button_klassi.gif);
	background-position: 0px -39px;
	height:36px;
	padding:0px 0px 0px 0px;
	}