﻿@charset "utf-8";
@import url("reset.css");

/******************************************************************************************
** GRUND-FORMATIERUNG
******************************************************************************************/

*, html { margin:0; padding:0; }

body { 
	background:#ffd282 url(../images/layout/body_bg.jpg) repeat-x left top; 
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:13px;
	}


/******************************************************************************************
** ALLGEMEINES
******************************************************************************************/



h1 {
	text-indent:-5000px;
	font-size:1px;
	}

h2 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#8c1000;
	font-size:22px;
	margin-bottom:15px;
	}

h3 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#8c1000;
	font-size:13px;
	}

p {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:normal;
	margin:0 0 15px 0;
	letter-spacing:0.01em;
	line-height:1.7em;
	}
	
.adresse {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	margin:0 0 15px 0;
	letter-spacing:0.01em;
	line-height:1.7em;
	}


	
a {
	text-decoration:underline;
	color: #8c1000;
	}
	
a:hover, a:hover span { 
	text-decoration:none;
	}

.clear {
	clear:both;
	float:none;
	}
	
.imgborder {
	border: 1px solid #f8b761;
	float:left;
	padding: 2px;
	margin: 4px 8px 8px 0;
	background:#fff url(../images/layout/progress.gif) no-repeat center center;
	cursor: url(../images/layout/zoomin.cur) , pointer;
    outline: none;
	}

.imgborder:hover{
	border: 2px solid #f2a64c;
	padding: 1px;
	}

.imgbordernohover {
	border: 1px solid #f8b761;
	padding: 2px;
	background:#FFF url(../images/layout/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}


/******************************************************************************************
** SONSTIGES
******************************************************************************************/

/* Clearfix for stand-alone-divs */
.nofloat { float:none; clear:both; }

/* Clearfix für content-divs */
.clearfix:after { 
	content: 				"."; 
    display: 				block; 
    height: 				0; 
    clear: 					both; 
    visibility: 			hidden;
}
.clearfix {	display:inline-block; }
* html .clearfix { height:1%; }
.clearfix {	display:block; }


/******************************************************************************************
** AUFBAU
******************************************************************************************/

#outer_wrapper { 
	width:100%; 
	background:url(../images/layout/outer_wrapper_bg.jpg) no-repeat center top; 
	}

#wrapper { 
	margin:0 auto; 
	width:950px; 
	min-height:870px; 
	height:auto !important; 
	height:870px; 
	background:url(../images/layout/wrapper_bg.jpg) repeat left top; 
	}

#header #logo {
	width:950px;
	height:114px;
	float:left;
	background-image:url(../images/layout/logo.jpg);}
	
#header #logo h1 a {
	display: block;
	width: 950px;
	font-size: 0.1%;
	line-height: 0px;
	color:#FFFFFF;
	height: 114px;}

#header { 
	height:358px;
	}

/*HEAD GRAFIKEN*/
#header #index_head {
	width:950px;
	height:244px;
	float:left;
	}

#header .start_head {
	background-image:url(../images/layout/index_head.jpg);
	}

#header .foyer_head {
	width:950px;
	height:244px;
	float:left;
	background-image:url(../images/layout/foyer_head.jpg);
	}	
	
#header .fruehstueck_head {
	width:950px;
	height:244px;
	float:left;
	background-image:url(../images/layout/fruehstueck_head.jpg);
	}		
	
#header .einzel_stand_head {
	width:950px;
	height:244px;
	float:left;
	background-image:url(../images/layout/einzel_head.jpg);
	}		
	
#header .einzel_com_head {
	width:950px;
	height:244px;
	float:left;
	background-image:url(../images/layout/einzel_com_head.jpg);
	}		
	
#header .doppel_head {
	width:950px;
	height:244px;
	float:left;
	background-image:url(../images/layout/doppel_head.jpg);
	}		
	
#header .doppel_com_head {
	width:950px;
	height:244px;
	float:left;
	background-image:url(../images/layout/doppel_com_head.jpg);
	}					
	
#header .fuenfziger_head {
	width:950px;
	height:244px;
	float:left;
	background-image:url(../images/layout/fuenfziger_head.jpg);
	}	
/*HEAD GRAFIKEN ENDE*/

#index_head #language_case {
	width:565px;
	padding: 2px 0 0 385px;
	height:40px;
	float:left;}	


.language_de {
	width:100px;
	height:40px;
	float:left;
	text-align: center;}
	


.language_en {
	float:right;
	width:100px;
	height:40px;
	text-align: center;
	}

		
#topnavi { 
	float:left; 
	width:950px; 
	height:51px; 
	list-style:none; 
	background:url(../images/layout/navi_bg.jpg) no-repeat left top; 
	}
	
#topnavi li { 
	float:left; 
	}

#subnavi { 
	float:left; 
	width:225px; 
	min-height:334px; 
	height:auto !important; 
	height:336px; 
	text-align:left; 
	list-style:none; 
	background:url(../images/layout/subnavi_bg.jpg) no-repeat left top; 
	padding:40px 0 0 0;
	}
	
	/*SUBNAVI LISTE*/
	
	#subnavi ul#sub{
		display:block;
		width:178px;
		min-height:334px;
		padding-left:47px;
		}				
						
		#subnavi ul#sub li{
		margin:0;
		padding:0;
		}	
		
		#subnavi ul#sub li a		{
		display:block;
		width: 165px;
		height:25px;
		font-size:13px;
		font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
		color:#000;		
		text-decoration:none;
		line-height:25px;
		border-bottom:1px solid #8c1000;
		background-image:url(../images/layout/arrow_inactive.jpg);
		padding: 0 0 0 13px;
		background-repeat:no-repeat;
		background-position: center left;
		}	

		#subnavi ul#sub li a:hover		{
		background-image:url(../images/layout/arrow_active.jpg);
		}
		
		#subnavi ul#sub li a:active		{
		background-image:url(../images/layout/arrow_active.jpg);
		}
		
		.noborder {
		border:none !important;
		}
		
.clearer { clear:both; }
	
	/*SUBNAVI LISTE ENDE*/
	
#content { 
	float:left; 
	width:725px;
	}

#footer { 
	clear:both; 
	margin:0 auto; 
	width:950px; 
	height:29px; 
	background:url(../images/layout/footer.jpg) repeat-x left top; 
	}

.column_one {
		width:446px;
		float:left;
		position:relative;
		padding:40px 0 20px 20px;
		}
	
.column_two {
		width:240px;
		float:right;
		position:relative;
		padding:75px 0 0 0;
		}

/******************************************************************************************
** NAVIGATION
******************************************************************************************/
	
#topnavi li {
	float:	left;
}

#topnavi a {
	color: #fff;
	text-indent:-5000px;
	text-decoration:none;
	font-size: 1px;
	display:block;
	line-height: 37px;
	height: 40px;
	text-align: center;
	display: block;
}




						#topnavi a#home {
									background-image:url(../images/layout/home_off.jpg);
									width: 75px;
									height:51px;
									text-align: center;
									margin-left:225px;
									}
								
								#topnavi a#home:hover, .home #topnavi a#home {
									background-image:url(../images/layout/home_on.jpg);
									width: 75px;
									height:51px;
									}

#topnavi a#haus{
			background-image:url(../images/layout/unser_off.jpg);
			width: 112px;
			height:51px;
			text-align: center;
			}
		
		#topnavi a#haus:hover, .haus #topnavi a#haus {
			background-image:url(../images/layout/unser_on.jpg);
			width: 112px;
			height:51px;
			}
			
			
						#topnavi a#kontakt{
									background-image:url(../images/layout/kontakt_off.jpg);
									width: 84px;
									height:51px;
									text-align: center;
									}
								
								#topnavi a#kontakt:hover, .kontakt #topnavi a#kontakt {
									background-image:url(../images/layout/kontakt_on.jpg);
									width: 84px;
									height:51px;
									}	
	
#topnavi a#anfahrt{
			background-image:url(../images/layout/anfahrt_off.jpg);
			width: 86px;
			height:51px;
			text-align: center;
			}
		
		#topnavi a#anfahrt:hover, .anfahrt #topnavi a#anfahrt {
			background-image:url(../images/layout/anfahrt_on.jpg);
			width: 86px;
			height:51px;
			}	
			
					#topnavi a#impressum{
								background-image:url(../images/layout/impressum_off.jpg);
								width: 82px;
								height:51px;
								text-align: center;
								}
							
							#topnavi a#impressum:hover, .impressum #topnavi a#impressum{
								background-image:url(../images/layout/impressum_on.jpg);
								width: 82px;
								height:51px;
								}				
			


/******************************************************************************************
LANGUAGES
******************************************************************************************/

	#index_head #language_case ul#language{
		display:block;
		width:565px;
		height:40px;
		}		
		
		#index_head #language_case ul#language li{
		display: inline;
		height: 40px;}		
						
		#index_head #language_case ul#language li a{
		display: block;
		font-size: 0.01%;
		line-height: 0px;
		color: #FFFFFF;
		float:left;
		text-decoration: none;
		width: 100px;
		background-repeat:no-repeat; 
		height: 40px;}
		
		#index_head #language_case ul#language li a.de{
			background-image: url(../images/layout/de.jpg)}	
								
		#index_head #language_case ul#language li a.en{
			background-image: url(../images/layout/en.jpg)}	
/******************************************************************************************
LANGUAGES ENDE
******************************************************************************************/

	
/******************************************************************************************
 TABELLE
******************************************************************************************/

body_table {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #873f14;
	background: #eae9e6;
}

a_table {
	color: #c75f3e;
}

#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #873f14;
	border-right: 1px solid #dac7c1;
	border-bottom: 1px solid #dac7c1;
	border-top: 1px solid #dac7c1;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #e7a98e url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ffcdc1;
	background: none;
}

td {
	border-right: 1px solid #ffcdc1;
	border-bottom: 1px solid #ffcdc1;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #873f14;
}


td.alt {
	background: #dae3ec;
	color: #797268;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #58585a;
}

td.alt_white {
	background: #fff;
	color: #797268;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #58585a;
}

th.spec {
	border-left: 1px solid #ffcdc1;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #ffcdc1;
	border-top: 0;
	background: #dae3ec url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #58585a;
}
