/* basics
########## */
html{
	width:100%; 
	height:100%; 
	overflow: -moz-scrollbars-vertical;
}
body { 
	width:100%; 
	height:100%; 
	background: #188a1d url(/img/bg_body.gif) repeat-x;
	margin:0;
	padding:0;
	text-align:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color : #000; 
	line-height: 1.5em;
}
html > body{
	min-height:100%;
	height:auto;
}
A,
A:link,
A:active,
A:visited,
A:hover {
	text-decoration:underline;
	color: #000;
}

IMG {
	border:0;
}

P	{
	margin:1.3em 0;
}

hr {
	line-height:1px;
	font-size:1px;
	height:1px;
	color:#000;
	background-color:#000;
	border:none;
}
h1 
{
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
h2 
{
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.clear {clear: both;}

/* site layout */
#site {	
	width:977px;
	margin:0px auto;
	padding:32px 0;
}

/* header
############### */
#header {
	width:977px;
	height:98px;
	text-align:left;
/*	border:1px solid #fff;*/
}
#bg_top_left {
	float:left;
	width:19px;
	height:98px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_top_left.png');
}
*>#bg_top_left {
	background-image:url(/img/shadow_top_left.png);
}
#bg_top_center {
	float:left;
	width:939px;
	height:98px;
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_top_center.png',sizingMethod='scale');
}
*>#bg_top_center {
	background-image:url(/img/shadow_top_center.png);
}
#logo {	
	margin: 40px 0 0 28px;
}
#bg_top_right {
	float:right;
	width:19px;
	height:98px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_top_right.png');
}
*>#bg_top_right {
	background-image:url(/img/shadow_top_right.png);
}


#content_frame {
	margin:0; 
	padding:0; 
	width:977px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg_content.png',sizingMethod='scale');
}
*>#content_frame {
	background-image:url(/img/bg_content.png);
}

/* leftColumn */
#content_frame #left-column {
	position:relative;
	float:left;
	width:172px;
	padding-left: 15px;
	voice-family:"\"}\"";
	voice-family:inherit;
 	width:187px;}
html>body #left-column {width:187px;
}

/* Navigation

############# */
#navigation {
	float:left;
	width: 187px;
}
#navigation DIV {
	clear: both;
}
#navigation A,
#navigation A:link,
#navigation A:active,
#navigation A:visited{
	display: block;
	text-decoration:none;
	width: 187px;
	color:#124078;
	line-height: 23px;
	font-weight: bold;
	text-indent: 32px;
}
#navigation A:hover {
	color: #fff;
	background-color: #124078;
}

#navigation a.main_act,
#navigation a.main_act:link, 
#navigation a.main_act:active, 
#navigation a.main_act:visited  {
	float:left;
	width: 187px;
	color: #fff;
	text-decoration:none;
	display: block;
	line-height: 23px;
	font-weight: bold;
	text-indent: 32px;
	background-color: #124078;
}

#navigation A.subm,
#navigation A.subm:link,
#navigation A.subm:active,
#navigation A.subm:visited,
#navigation A.subm:hover {
	font-weight: normal;
	color: #fff;
	text-decoration:none;
	text-indent: 32px;
	line-height: 23px;
	background-color: #416d93;
}
#navigation A.subm:hover {
	background: #416d93 url(/img/bg_subnavi.gif) 22px 10px no-repeat;
}
#navigation a.sub_act,
#navigation a.sub_act:link,
#navigation a.sub_act:active,
#navigation a.sub_act:visited,
#navigation a.sub_act:hover {
	font-weight: normal;
	color: #fff;
	text-decoration:none;
	line-height: 23px;
	text-indent: 32px;
	background: #416d93 url(/img/bg_subnavi.gif) 22px 10px no-repeat;
}


/* centerColumn */
#content_frame #center-column {
	position:relative;
	float:left;
	width:562px;
	color: #41414;
	padding: 0 0 0 8px;
	voice-family:"\"}\"";
	voice-family:inherit;
 	width:554px;}
	html>body #center-column {width:554px;
}

#center-column #keyvisual {
	width:554px;
	margin-bottom: 24px;
}
#center-column #headline {
	width:554px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	text-indent: 31px;
	margin-bottom: 12px;
	background: #fff url(/img/bg_ueberschrift.jpg) no-repeat;
}
#center-column #text {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color : #000; 
	line-height: 1.5em;
	display: block;
	width:504px;
	margin: 0 0 10px 31px;
	height:280px;
}
html > body #center-column #text {
	min-height:280px;
	height:auto;
}

#center-column #text p{ 
	margin:1.3em 0;
}
hr {
	line-height:1px;
	font-size:1px;
	height:1px;
}
h1 
{
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
h2 
{
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
#content_main_header #text a,
#content_main_header #text a:link,
#content_main_header #text a:active,
#content_main_header #text a:visited,
#content_main_header #text a:hover {
	text-decoration:underline;
	color: #000;
}
#content_main_header #text table{ 
	width:100%;
}
#center-column #text ul{
	margin-left:17px;
	padding-left:0;
}
#center-column #text ol{
	margin-left:40px;
	padding-left:0;
}
#center-column #text ul li,
#center-column #text ol li{ 
	margin:0;
}
/*#textblock {
	display: block;
	width:500px;
	margin: 0 10px 0 10px;
	line-height: 1.5em;
}*/

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

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

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

/*Liniengestaltung*/
#text #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 #cbcbcb;
	clear:both;
	display:none;	/*aktiviert für Listen ohne Linien, deaktiviert für Listen mit Linien*/
} 
/*List-Items-Block*/
#text #container .news1, /*2. Klasse zur Definition z. B. wechselnder BG-Farben aufeinander folgender Items*/
#text #container .news2,
#text #container .events1,
#text #container .events2,
#text #container .jobs1,
#text #container .jobs2,
#text #container .gallery_folder1,
#text #container .gallery_folder2,
#text #container .faqs,
#text #container .searchResults{
	padding:0;
	margin:0; 
}
/*Abstands-Block*/
#text #container .abstand{
	margin:7px 0 10px 0; 
	padding:0;
	float:left;
}  
/*#text #container .events1 .abstand,
#text #container .events2 .abstand,*/
#text #container .gallery_folder1 .abstand,
#text #container .gallery_folder2 .abstand{
	margin:0; 
	height:88px; 
}
/*html > body #text #container .events1 .abstand,
html > body #text #container .events2 .abstand,*/
html > body #text #container .gallery_folder1 .abstand,
html > body #text #container .gallery_folder2 .abstand{ 
	min-height:88px;
	height:auto;
} 
#text #container .faqs .abstand{
	padding:0; 
	margin:0 0 12px 0;
	float:none; 
} 
#text #container .searchResults .abstand{
	padding:0; 
	margin:0 0 12px 0;
}
/*Allgemeine Abstandsformate*/
#text #container .abstand p{ 
	padding:0; 
	margin:0;
} 
#text #container ul,
#text #container ol{
	padding:0; 
} 
#text #container #thumb{ 
	width:88px; 
	float:left; 
	margin:12px 20px 10px 0;
}
#text #container #thumb img{ 
	width:88px; 
}
#text #container #short_info{ 
	margin:8px 0 10px 0;
}
#text #container .headline{ 
	display:block;
	padding:0; 
	margin:0 0 3px 0;
}
 
/*... Definitionen für Detailansichten ...*/
 
/*--- News, Veranstaltungen, und Jobs ---*/

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

/*--- Bildergalerien ---*/

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

/* Galerie ausgewählt, Bilderübersicht + Panoramabilder_Übersicht*/
 
#text #container #image_container{  
	margin-right:-20px; /*Wert entspricht in der Regel dem doppelten Abstand zwischen den Thumbs*/
}
#text #container #image_container #images{ 
	float:left; 
	width:110px; /*Wert berechnen (und tpl anpassen)*/
	margin:0 20px 0 0; 
}
#text #container #pano_container{  
	margin-right:-40px; /*Wert entspricht in der Regel dem Abstand zwischen den Thumbs*/
}
#text #container #pano_container #panorama_images{ 
	float:left; 
	width:224px; /*Wert berechnen (und tpl anpassen) */
	margin:0 20px 0 0;
}
#text #container #images .description{ 
	height:32px; /*Wert gleich doppelte line-height*/
}
#text #container #link_overview{ 
	height:25px;
	margin-top:10px;
	clear:both;
}
/* Bild ausgewählt */

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

/* Search Results */

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

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

/* rightColumn */
#content_frame #right-column {
	position:relative;
	float:left;
	width:190px;	
	margin-left: 8px;
	padding:0;
}

DIV.newsbox {
	float:left;
	width:170px;
	background-color: #c9eec9;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0 10px 15px 10px;
	overflow:hidden;
	background: #c9eec9 url(/img/bg_news.gif) repeat-x;
	voice-family:"\"}\"";
	voice-family:inherit;
}

DIV.newsbox H1 {
	color: #fff;
	font-weight: bold;
	line-height: 23px;
	margin: 0 0 15px 0;
	padding:0;

}

DIV.newsbox LI {
	margin: 5px 0 5px -25px;

}
DIV.newsbox hr {
	line-height:2px;
	font-size:1px;
	height:1px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	border:none;
}
/*DIV.newsbox .headline {
	width:160px;
	background-color: #54ca58;
	color: #fff;
	font-weight: bold;
	line-height: 23px;
	text-indent: 8px;
	margin-bottom: 15px;
}
DIV.newsbox .text {
	width:145px;
	margin: 15px 0 15px 8px;
	line-height: 1.5em;
	overflow:hidden;
}*/

A.weiter,
A.weiter:link,
A.weiter:active,
A.weiter:visited,
A.weiter:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #414141;
}

/* footer */
#footer {
	width:977px;
	height:49px;
	margin:0;
	padding::0;
}

#bg_bottom_left {
	float:left;
	width:19px;
	height:49px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_bottom_left.png',sizingMethod='scale');
}
*>#bg_bottom_left {
	background-image:url(/img/shadow_bottom_left.png);
}

#bg_bottom_center {
	float:left;
	width:939px;
	height:49px;
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_bottom_center.png',sizingMethod='scale');
}
*>#bg_bottom_center {
	background-image:url(/img/shadow_bottom_center.png);
}

#bg_bottom_right {
	float:right;
	width:19px;
	height:49px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_bottom_right.png',sizingMethod='scale');
}
*>#bg_bottom_right {
	background-image:url(/img/shadow_bottom_right.png);
}

#copyright {
	float:left;
	width:340px;
	margin-top: 12px;
	padding-left: 190px;
	color: #124078;
	voice-family:"\"}\"";
	voice-family:inherit;
 	width:180px;}
html>body #copyright {width:180px;
}

#metanavi {
	float:right;
	width:240px;
	margin: 12px 0 0 0;
	color: #124078;
}


/* END */