/* CSS Document */

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

body {
	height:100%;
	width:100%;	
	margin:0; 
	padding:0; 
	text-align:left;
	font-family:Verdana; 
	font-size:10px; 
	color:#000000; 
	background:top left url(/img/bg.jpg) repeat-x;
	background-color:#042b3e; 	

}
	
h1{font-size:12px; color:#367293; text-transform:uppercase; margin-bottom:16px;}
h2{font-size:11px; color:#02436b; margin-top:22px; }
h3{font-size:10px; color:#367293; text-transform:uppercase;}

a,
a:link,
a:visited,
a:active{ 
	color:#367293; 
	text-decoration:none;
}	
a:hover{ 
	color:#02436b; 
	text-decoration:underline; 
}

#frame{
	width:809px;	
	margin:0 auto;	
	text-align:left;
	padding-bottom:35px;
}

/* header */
#frame #header{ 
	height:281px; 
	background-color:#83aaba;	
	background-image:url(/img/logo.gif); 
	background-position:48px 78px; 
	background-repeat:no-repeat;
}
html > body #frame #header{ 
	background-position:48px 73px; 
}
/* meta */
#frame #header #meta_navi{ 
	color:#FFFFFF; 
	margin:85px 49px 28px 0; 
	text-align:right;
}	
html > body #frame #header #meta_navi{
	height:40px; 
	margin:0 49px 0 0; 
	padding:80px 0 0 0;
}
#frame #header #meta_navi a,
#frame #header #meta_navi a:link,
#frame #header #meta_navi a:visited,
#frame #header #meta_navi a:active,
#frame #header #meta_navi a:hover{
	color:#FFF;  
	text-decoration:none;
}
#frame #header #meta_navi a.meta_act{
	font-weight:bold;
}
#frame #header #meta_navi .separator{
	padding:0 11px;
}

/* header image */
#frame #header #header_img{	
	width:809px; 
	height:131px;
	clear:both;
}

/* msin navigation */
#frame #header #main_navi{
	height:30px; 
	background-color:#FFFFFF; 
	padding:0 0 0 49px;
}
#frame #header #main_navi div{
	float:left;
}
#frame #header #main_navi a,
#frame #header #main_navi a:link,
#frame #header #main_navi a:visited,
#frame #header #main_navi a:active,
#frame #header #main_navi a.mainm {
	text-decoration:none; 
	line-height:30px; 
	margin-right:14px; 
	font-weight:bold;
	color:#02436b;
}
#frame #header #main_navi a.main_act, 
#frame #header #main_navi a:hover {
	color:#367293;
}

/* content frame */
#frame #content_frame { 
	margin:10px 0 0 0; 
	width:810px; 
	background-color:#FFFFFF; 
	display:table;
}

/* sub navigation */
#frame #content_frame #sub_navi{
	width:224px; 
	float:left;
}
#frame #content_frame #sub_navi ul{
	margin:40px 0 0 50px;
	padding:0;
}	
*:lang(de) #frame #content_frame #sub_navi ul{
	margin:43px 0 0 10px;
}
#frame #content_frame #sub_navi ul li{
	list-style-type:none; 
	padding:5px 0;
}
#frame #content_frame #sub_navi ul li a,
#frame #content_frame #sub_navi ul li a.subm{ 
	font-weight:normal; 
	color:#02436b; 
	text-decoration:none;
}
#frame #content_frame #sub_navi ul li a.sub_act, 
#frame #content_frame #sub_navi ul li a:hover{
	font-weight:bold;
}

/* content */
#frame #content_frame #content{ 
	width:534px; 
	margin:0 0 0 8px; 
	float:left; 
	height:220px; 
	padding:44px 0px 30px 0;
}	
html > body #frame #content_frame #content{ 
	min-height:220px; 
	height:auto; 
	padding:39px 42px 34px 0; 
}
#frame #content_frame #content p{ 
	line-height:16px; 
	margin:0 0 1.4em 0;
}
#frame #content_frame #content a img{ 
	border:1px solid #02436b;
}
#frame #content_frame #content ul{
	margin-left:17px;
	padding-left:0;
}
#frame #content_frame #content ol{
	margin-left:40px;
	padding-left:0;
}
#frame #content_frame #content ul li,
#frame #content_frame #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:0;
} 
#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 #e0e9ee;
	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 .faqs,
#content #container .searchResults{
	padding:0;
	margin:0; 
}
/*Abstands-Block*/
#content #container .abstand{
	margin:7px 0 10px 0; 
	padding:0;
	float:left;
}  
/*#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 .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; 
	margin:12px 20px 10px 0;
}
#content #container #thumb img{ 
	width:88px; 
}
#content #container #short_info{ 
	margin:8px 0 10px 0;
}
#content #container .headline{ 
	display:block;
	padding:0; 
	margin:0 0 3px 0;
}

/*... Definitionen für Detailansichten ...*/
 
/*--- News, Veranstaltungen, und Jobs ---*/

#content #container .time_place{
	margin-bottom:30px;
}

/*--- Bildergalerien ---*/

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

/* Galerie ausgewählt, Bilderübersicht + Panoramabilder_Übersicht*/
 
#content #container #image_container{  
	margin-right:-20px; /*Wert entspricht in der Regel dem doppelten Abstand zwischen den Thumbs*/
}
#content #container #image_container #images{ 
	float:left; 
	width:110px; /*Wert berechnen (und tpl anpassen)*/
	margin:0 20px 0 0; 
}
#content #container #pano_container{  
	margin-right:-40px; /*Wert entspricht in der Regel dem Abstand zwischen den Thumbs*/
}
#content #container #pano_container #panorama_images{ 
	float:left; 
	width:224px; /*Wert berechnen (und tpl anpassen) */
	margin:0 20px 0 0;
}
#content #container #images .description{ 
	height:32px; /*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{ 
	width:25%; 
	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 -----*/

#frame #footer{ 
	width:810px; 
	height:115px; 
	margin:10px 0 0 0; 
	background-image:url(/img/footer_bg.gif); 
	background-repeat:repeat; 
}