/* CSS Document */

html{
	width:100%; 
	height:100%; 
	overflow: -moz-scrollbars-vertical;
}

body { 
	width:100%; 
	height:100%; 
	margin:0;
	padding:0;
	text-align:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color : #333; 
	line-height:18px;
	background:url(/img/bg.gif) repeat-x top left #fef8e8; 
}

.clear {
	clear:both;
}
a, a:link, a:active, a:visited { 
color : #333;
} 

a:hover { 
color : #333;
} 

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:1px;
	color:#333;
	margin-top:0;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1px;
	color:#333;
}

#site_border{ 
	width:978px;
	height:100%;
	margin:0 auto;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	background:url(/img/inner_border.gif) 4px 0px repeat-y #d8d7d7;
}
html > body #site_border{
	min-height:100%;
	height:auto;
}
#site{ 
	width:968px; 
	height:100%;
	margin:0 auto;
	background:url(/img/site_bg.gif) top left repeat-x #fff;
}


/*Headerbereich*/

#site #header{ 
	height:230px;
	background:url(/img/header_back.jpg) no-repeat top left;
}
#site #header #logo{ 
	float:left;
	width:190px;
	padding:60px 0 0 20px;
}
#site #header #header_img{ 
	float:left;
	padding-top:10px;
}
/*Metanavigation*/
#site #header #lang{
	width:160px;
	padding:10px 40px 0 20px;
	float:right;
}
#site #header #lang a,
#site #header #lang a:link,
#site #header #lang a:active,
#site #header #lang a:visited,
#site #header #lang a:hover{
	text-decoration:none;
	font-size:11px;
	color:#555658;
}
#site #header #lang a.meta_act{
	font-weight:bold;
}

/*Hauptnavigation*/

#site #navi {
	float:left;
	display:inline;
	width:170px;
	margin:0 0 0 20px;
}
#navi ul{
	margin-left:4px;
	margin-top:-6px;
	padding:0;
	list-style:none;
}
#navi ul li{
	line-height:30px;
	min-height:30px;
	padding-left:15px;
	background:url(/img/bullet.gif) 0 12px no-repeat;
}
#navi ul li a{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
	letter-spacing:0.05em;
	text-decoration:none;
}
#navi ul li a:hover {
	font-weight:bold;
}
#navi ul li.main_act a {
	font-weight:bold;
}
#navi ul li ul{
	margin-top:-3px;
	margin-bottom:3px;
	margin-left:0;
}
#navi ul li ul li.subm,
#navi ul li ul li.sub_act {
	background:none;
	padding-left:0;
	line-height:18px;
	min-height:18px;
}
#navi ul li.subm a,
#navi ul li.sub_act a{
	font-size:11px;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
#navi ul li.subm a {
	color:#333;
	font-weight:normal;
}
#navi ul li.subm a:hover,
#navi ul li.sub_act a {
	font-weight:bold;
}
/*Hauptinhalt*/

#content{ 
	float:right;
	display:inline;
	width:698px;
	padding:0 0 40px 0;
	margin:0 40px;
}

#site #content p{ 
	margin: 13px 0;
}
#site #content hr{ 
	height:1px;
	line-height:2px;
	background:url(/img/hr.gif) center left repeat-x;
	border:none;
	color:#000000;
	font-size:1px;
	border:none;
}
#site #content img{ 
	border-color:#999999;
}
#site #content h1{ 

}
#site #content h2{ 

}
#site #content a{ 

}
#site #content a:hover{ 

}
#site #content table{ 
}
#site #content table img{ 
}
#site #content ul{
	margin-left:17px;
	padding-left:0;
}
#site #content ol{
	margin-left:40px;
	padding-left:0;
}
#site #content ul li,
#site #content ol li{ 
	margin:0;
}						

/*----- SPECIAL CONTENT -----*/

#content .h1_special{
	/*display:none; */	/*aktiviert, falls keine Überschrift benötigt, deaktiviert zeigt Überschrift (Regelfall)*/
}	
#content .clear_lists,
#content .clear_default{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}
#content .clear_lists{		
	display:none; /*aktiviert, für Liste mit Linien, deaktiviert für Listen ohne Linien*/
}	
#content #container{ 
	padding:0;
	margin:20px 0 0 0;
} 
#content #container.gallery_special{ 	
} 
#content #container p{ 
	padding-left:0;
}
#content #container a{ 
} 
#content #container strong{ 
} 

/*... Definitionen für Listenansichten ...*/

/*Liniengestaltung*/
#content #container .hl{ 
	margin:0;
	padding:0; 
	height:1px;
	line-height:1px;
	font-size:1px;
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #ddd;
	clear:both;
	/*display:none;*/	/*aktiviert für Listen ohne Linien, deaktiviert für Listen mit Linien*/
} 
/*List-Items-Block*/
#content #container .news1, /*2. Klasse zur Definition z. B. wechselnder BG-Farben aufeinander folgender Items*/
#content #container .news2,
#content #container .events1,
#content #container .events2,
#content #container .jobs1,
#content #container .jobs2,
#content #container .gallery_folder1,
#content #container .gallery_folder2,
#content #container .product_row,
#content #container .faqs,
#content #container .searchResults{
	padding:0;
	margin:0; 
	width:100%;
}
/*Produkt-Reihe Block*/
#content #container .product_row .product,
#content #container .product_row .product_last{
	float:left;
	width:212px;
	margin:0 31px 10px 0;
}
#content #container .product_row .product_last{
	margin:0 0 10px 0;
}
/*Abstands-Block*/
#content #container .abstand{
	margin:7px 0 10px 0; 
	padding:0;
	float:left;
	width:100%;
}  
#content #container .events1 .abstand,
#content #container .events2 .abstand,
#content #container .gallery_folder1 .abstand,
#content #container .gallery_folder2 .abstand{
	margin:0; 
	height:88px; 
}
html > body #content #container .events1 .abstand,
html > body #content #container .events2 .abstand,
html > body #content #container .gallery_folder1 .abstand,
html > body #content #container .gallery_folder2 .abstand{ 
	min-height:88px;
	height:auto;
}
#content #container .product_row .abstand{
	margin:0; 
	padding:0;
}

#content #container .faqs .abstand{
	padding:0; 
	margin:0 0 12px 0;
	float:none; 
} 
#content #container .searchResults .abstand{
	padding:0; 
	margin:0 0 12px 0;
}
/*Allgemeine Abstandsformate*/  
#content #container .abstand p{ 
	padding:0; 
	margin:0;
}
#content #container ul,
#content #container ol{
	padding:0; 
} 
#content #container #thumb{ 
	width:88px; 
	float:left;
	padding:10px;
	border:1px solid #999;
	margin:15px 15px 13px 0;
}
#content #container #thumb img{ 
}
/*thumb_product - Hack für vertikale Zentrierung*/
#content #container #thumb_product { 
	margin:5px 0 8px 0;
	height:190px;
	width:190px;
border:1px solid #999;
	padding:10px;
	display:table;
}
#content #container #thumb_product #thumb_wrapper{ 
	display:table-cell;
	vertical-align:middle;
	text-align:center;	
}
#content #container #thumb_product #thumb_wrapper img{ 
/*	border:1px solid #999;
	padding:9px;*/
/*	margin:1px;*/
}
*html #content #container #thumb_product { 
	height:190px;
	overflow: hidden; 
	position: relative;
}
*html #content #container #thumb_product #thumb_wrapper{ 
 	position: absolute;
 	top:50%;
	left:50%;
}
*html #content #container #thumb_product #thumb_wrapper img{ 
	position: relative;
	top:-50%;	
	left:-50%;
}
*:first-child+html #content #container #thumb_product { 
	height:190px;
	overflow: hidden; 
	position: relative;
}
*:first-child+html #content #container #thumb_product #thumb_wrapper{ 
 	position: absolute;
 	top:50%;
	left:50%;
}
*:first-child+html #content #container #thumb_product #thumb_wrapper img{ 
	position: relative;
	top:-50%;	
	left:-50%;
}
/*End-Hack*/
#content #container #short_info{ 
	margin:11px 0 13px 0;
}
#content #container #short_info_product{ 
	margin:0;
}
#content #container #short_info_product a{ 
	text-decoration:none;
}
#content #container #short_info_product a:hover{ 
	text-decoration:underline;
}
#content #container .headline{ 
	display:block;
	width:100%;
	padding:0; 
	margin:0 0 3px 0;
	line-height:18px;
}
#content #container .headline .id{ 
	float:left;
	width:553px;
	margin: 0 0 13px 0;
} 
#content #container .headline .details{ 
	float:right;
	width:115px;
	margin: 0 0 13px 0;
} 
/*... Definitionen für Detailansichten ...*/
 
/*--- News, Veranstaltungen, und Jobs ---*/

#content #container .time_place{
	margin-bottom:30px;
}
/*--- Bildergalerien/Products ---*/

#content #container .description{ 
	height:25px;
	margin-bottom:10px;
} 
#content #container .description span{ 
	line-height:25px;
}

/* Galerie/Product ausgewählt, Bilderübersicht + Panoramabilder_Übersicht*/
 #content #container .gallery_special{ 
	margin:0;
	padding:0;
} 
#image_box{
	float:left;width:553px;	margin-right:30px;
}
#image_big{
	width:553px;
}
#image_big #info{
	margin-top:10px;	
	margin-bottom:25px;
}
#image_box #image_big #info .desc{
	width:553px;

}

#content .gallery_special #image_row #images,
#content .gallery_special #image_row #images_last{ 
	width:212px;/*Wert berechnen (und tpl anpassen)*/
	margin:0 31px 0 0; 
	float:left;
}
#content .product_special #image_row #images,
#content .product_special #image_row #images_last{ 
	width:115px;
	margin:0;
	float:none;
}
#content .product_special #image_row{ 
	width:115px;
	float:right;
}
#content .gallery_special #image_row #images_last,
#content .product_special #image_row #images_last{ 
	margin:0;  
}
/*Hack für vertikale Zentrierung Galerie-Bilderübersicht*/
#content #container #img{
	margin:5px 0 8px 0;
	height:190px;
	width:190px;
border:1px solid #999;
	padding:10px;
	display:table;
}
#content #container #img #img_wrapper {
	display:table-cell;
	vertical-align:middle;
	text-align:center;	
}
*html #content #container #img { 
	height:190px;
	overflow: hidden; 
	position: relative;
}
*html #content #container #img #img_wrapper{ 
 	position: absolute;
 	top:50%;
	left:50%;
}
*html #content #container #img #img_wrapper img{ 
	position: relative;
	top:-50%;	
	left:-50%;
}
*:first-child+html #content #container #img { 
	height:190px;
	overflow: hidden; 
	position: relative;
}
*:first-child+html #content #container #img #img_wrapper{ 
 	position: absolute;
 	top:50%;
	left:50%;
}
*:first-child+html #content #container #img #img_wrapper img{ 
	position: relative;
	top:-50%;	
	left:-50%;
}
/*End-Hack*/
#content #container #img_product { 
	position:relative; /*new*/
}
#content #container #img_product a:hover{ 
 cursor:pointer;
}
/*product mouseover*/
/*#content #container #img_product span{ 
 display:none;
}

#content #container #img_product a:focus span, 
#content #container #img_product a:hover span {
 display:block;
 position:absolute;
right:-1px;
top:-1px;
 width:210px;
 height:210px;	
 text-align:center;
 z-index:100;
}
#content #container #img_product a span {visibility:hidden}
#content #container #img_product a:hover span {visibility:visible}
#content #container #img_product a:hover{visibility:visible;}
#content #container #img_product img{ 

}
#content #container #img_product img.preview{ 

}*/
/*product mouseover - Hack für vertikale Zentrierung mouseover*/
#content #container #box,
#content #container #box_p,
#content #container #box_b { 
	margin:0;
	height:95px;
	width:95px;
	border:1px solid #999;
	padding:9px;
	background-color:#FFFFFF;
	display:table;
}
#content #container #box_p { 
	height:190px;
	width:190px;
}
#content #container #box_b { 
	height:533px;
	width:533px;
}
#content #container #box #wrapper,
#content #container #box_p #wrapper,
#content #container #box_b #wrapper{ 
	display:table-cell;
	vertical-align:middle;
	text-align:center;	
}
*html #content #container #box,
*html #content #container #box_p,
*html #content #container #box_b
{ 
	height:95px;
	overflow: hidden; 
	position: relative;
}
*:first-child+html #content #container #box,
*:first-child+html #content #container #box_p,
*:first-child+html #content #container #box_b 
{ 
	height:95px;
	overflow: hidden; 
	position: relative;
}

*html #content #container #box_p{ 
	height:190px;
}
*:first-child+html #content #container #box_p { 
	height:190px;
}
*html #content #container #box_b{ 
	height:533px;
}
*:first-child+html #content #container #box_b { 
	height:533px;
}
*html #content #container #box #wrapper,
*html #content #container #box_p #wrapper,
*html #content #container #box_b #wrapper{ 
 	position: absolute;
 	top:50%;
	left:50%;
}
*:first-child+html #content #container #box #wrapper,
*:first-child+html #content #container #box_p #wrapper,
*:first-child+html #content #container #box_b #wrapper{ 
 	position: absolute;
 	top:50%;
	left:50%;
}
*html #content #container #box #wrapper img,
*html #content #container #box_p #wrapper img,
*html #content #container #box_b #wrapper img{ 
	position: relative;
	top:-50%;	
	left:-50%;
}
*:first-child+html #content #container #box #wrapper img,
*:first-child+html #content #container #box_p #wrapper img,
*:first-child+html #content #container #box_b #wrapper img{ 
	position: relative;
	top:-50%;	
	left:-50%;
}
/*End_mouseover*/
#content #container #imgage_box #details{  
	width:553px;
}
#content #container #pano_container{  
	margin-right:-58px; /*Wert entspricht in der Regel dem Abstand zwischen den Thumbs*/
}
#content #container #pano_container #panorama_images{ 
	width:222px;/*Wert berechnen (und tpl anpassen)*/
	float:left; 
	margin:0 29px 0 0;
}
#content #container #images .description,
#content #container #images_last .description,
#content #container #panorama_images .description,
#content #container #panorama_images_last .description{ 
	margin:5px 0 0 0;  /*Wert gleich doppelte line-height*/
}
#content #container #link_overview{ 
	height:25px;
	margin-top:10px;
	clear:both;
}
/* Bild ausgewählt */

#content #container .gallery_image {
	padding:0;
	margin:0;
}
#content #container .gallery_image .img{ /*Größe im tpl anpassen, Breite = Breite #content*/
	text-align:center; 
}
#content #container .gallery_image .left{ 
	width:75%;
	float:left;
	text-align:left;
}
#content #container .gallery_image .right{  
	float:right;  
	text-align:right;
}
#content #container #image_steps { 
	background-color:#e3e3e3; 
	padding:0 10px;
	height:25px;
}
#content #container #image_steps span{ 
	float:left; 
	line-height:25px;
} 
#content #container #image_steps .prev_image{ 
	width:25%; 
	text-align:left; 
}
#content #container #image_steps .overview_image{ 
	width:50%;
	text-align:center;  
}
#content #container #image_steps .next_image{ 
	width:25%; 
	text-align:right; 
}

/* Search Results */

#content #container .searchResultNumber{ 
	float:left; 
	width:25px; 
	margin:0;
	padding:0;
}
#content #container .searchResultTitle{ 
	float:left;
	margin:0;
	padding:0;
}
#content #container .searchResultDesc{ 
	clear:both;
	padding:3px 0 0 25px;
	margin:0;
}

/*----- SPECIAL CONTENT END -----*/



/*Rechte Spalte*/

#site  #content_right{ 
	float:right;	
	display:inline;
	width:160px;
	margin:0 40px 0 0;
}