/* CSS Document */

/* HTML BODY Styles */

html, body{
	width:100%; 
	height:100%;
}
body{
	width:100%; 
	height:100%; 
	background-image:url(/img/html_background.gif); 
	background-position:top left;	
	background-repeat:repeat-x;	
	background-color:#4A0001;	
	margin:0; 
	padding:0; 
	text-align:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:15px;
	color:#000000;
}
html > body{
	min-height:100%;
	height:auto;
}
h1{
	height:27px;
	line-height:27px;
	background-image:url(/img/h1_background.gif);
	background-position:top left;
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	padding:0 10px;
	margin:0 0 20px 0;
	border-top:20px solid #fff;
}
h2{
	font-size:12px;
	padding:0 10px; 
	font-weight:bold; 
	margin:0;
}
h3{
	font-size:11px; 
	font-weight:bold; 
	margin:0;
}
a, 
a:link, 
a:active, 
a:visited, 
a:hover { 
	color:#000;
}
p{
	padding:0 10px 20px 10px ;
	margin:0;
}
hr {
	line-height:1px;
	height:1px;
	font-size:1px;
	border:none;
}

/* Site Styles */
#site_body{ 
	width:900px; 
	margin:10px auto;
}
html > body #site_body{ 
	margin:0px auto;
	padding:10px 0;
}

#site_shadow_top{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/shadow_header.png", sizingMethod="");
	height:10px;
	width:920px;
}
html > body #site_shadow_top{
	background-image:url(/img/shadow_header.png);
}

#site_body #site{
	width:880px;
	padding:10px 20px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/shadow_main.png", sizingMethod="scale");
}
html > body #site{
	background-image:url(/img/shadow_main.png);
}
/* Header Styles */

#site #header{
	width:880px; 
	height:163px; 
	background-image:url(/img/header_image.jpg); 
	background-position:top left;	
	background-repeat:no-repeat;
}

/* Left Coloumn Styles */

#site #leftCol{
	width:600px; 
	float:left;
}
/* Navigation Styles */


/* Navigation */

#site #leftCol #navigation{ 
	width:100%;
	height:27px;
	background-color:#FFFFFF;
}

ul#nav {
	height:27px; 
	padding:0; 
	margin:0 -3px 0 0;
	list-style:none;
	background-image:url(/img/navigation_background.gif); 
	background-position:center left;	
	background-repeat:repeat-x; 
	}

ul#nav li {
	display:block; 
	margin:0;	
	float:left;
	position:relative;
	background-image:url(/img/spacer.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

ul#nav li a {
	padding:7px 7px 7px 6px;
	text-decoration:none;
	color:#FFFFFF;
	height:27px;
	line-height:27px;
	margin:0 2px 0 0;
	background-image:url(/img/navigation_background.gif);
	background-position:center left;
	background-repeat:repeat-x;		
}

ul#nav li a:hover { 
	background-image:url(/img/navigation_a_hover.gif);
	background-position:center left;
	background-repeat:repeat-x;	

} /* Hover Styles */

ul#nav li a.menu0_act { 
	background-image:url(/img/navigation_a_hover.gif);
	background-position:center left;
	background-repeat:repeat-x;	
} /* Aktivzustand */

ul#nav li ul {
	position:absolute;
	top:27px;
	left:0;
	display:none;
	list-style: none;
	padding:0;
	margin:0;
	width:170px;
	background-color:#3f3f3f;
}

ul#nav li:hover ul, li.over ul { 
	display: block;
}

ul#nav li ul li { 
	width:100%;
	background-image:none;
	padding:0;
	background-color:#3f3f3f;
}

ul#nav li ul li a {
	width:100%;
	height:auto;
	line-height:16px;
	color:#FFFFFF; 
	padding: 5px 10px 6px 10px;
	margin:0;
	display:block;
	border-top:1px solid #5c5c5c;
	background-image:none; 	
	background-color:#3f3f3f;
}

ul#nav li ul li a:hover { 
	height:auto;
	background-image:none;
	background-color:#8c0e00;
}  
ul#nav li a.menu1_act { 
	background-color:#8c0e00;	
}	/*Aktivzustand*/

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li{ float: left; height: 1%; }
* html  ul#nav li a { height: 1%; }
/* End */	


/*Navigation Ende*/
/* Content Container Styles */

#site #leftCol #content_container{
	margin:40px 30px 30px 15px; 
	padding:0;
	clear:both;
}
/* Content Styles */

#site #leftCol #content_container #content {
	margin:-20px 0 0 0; 
	padding:0; 
	background-color:#EFEFEF;
}
#site #leftCol #content_container #content a img {
	border:none;
}
#site #leftCol #content_container #content ul{
	margin-left:17px;
	padding:0 10px 20px 10px;
}
#site #leftCol #content_container #content ol{
	margin-left:40px;
	padding:0 10px 20px 10px;
}
#site #leftCol #content_container #content ul li,
#site #leftCol #content_container #content ol li{ 
	margin-left:0;
}	

#site #leftCol #content_container #content p table p,
#site #leftCol #content_container #content p table ul,
#site #leftCol #content_container #content p table ol,{ 
	padding:7px 0;
}

/*Tables f�r Firefox*/
html > body #site #leftCol #content_container #content table{ 
	padding:0 10px 20px 10px;
	margin-top:-20px;
}
html > body #site #leftCol #content_container #content table p{ 
	padding:0;
}
html > body #site #leftCol #content_container #content table ul{ 
	padding:0;
}
html > body #site #leftCol #content_container #content table ol{ 
	padding:0;
}

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

#content .h1_special{
	/*display:none; */	/*aktiviert, falls keine �berschrift ben�tigt, deaktiviert zeigt �berschrift (Regelfall)*/
	margin:0;
}	
#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{ 
	width:555px;
	margin:0;
	padding:0;
} 
#content #container.gallery_special{ 	
	width:535px;
	margin:0;
	padding:20px 10px;
} 
#content #container p{ 
}
#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 #cbcbcb;
	clear:both;
	display:none;	/*aktiviert f�r Listen ohne Linien, deaktiviert f�r Listen mit Linien*/
} 
/*List-Items-Block*/
#content #container .news1,
#content #container .news2,/*2. Klasse zur Definition z. B. wechselnder BG-Farben aufeinander folgender Items*/
#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 10px;
	margin:0;
	font-size:10px; 
	background-color:#efefef;
} 
#content #container .news2,
#content #container .events2,
#content #container .jobs2,
#content #container .gallery_folder2{
	background-color:#f9f9f9;
} 
/*Abstands-Block*/
#content #container .abstand{
	margin:12px 0 15px 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; 
	width:100%;
}
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 15px 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:20px 0 3px 0;
}
#content #container .abstand .headline{ 
	margin:0 0 3px 0;
}
/*... Definitionen f�r Detailansichten ...*/
 
/*--- News, Veranstaltungen, und Jobs ---*/

#content #container .time_place{
	padding-bottom:0;
	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:-40px; /*Wert entspricht in der Regel dem Abstand zwischen den Thumbs*/
}
#content #container #image_container #images{ 
	width:110px;
	float:left; 
	margin:0 20px 0 0; /*Rand-Wert berechnen (und tpl anpassen)*/
}
#content #container #pano_container{  
	margin-right:-40px; /*Wert entspricht in der Regel dem Abstand zwischen den Thumbs*/
}
#content #container #pano_container #panorama_images{ 
	width:224px;
	float:left; 
	margin:0 20px 0 0;/*Rand-Wert berechnen (und tpl anpassen)*/
}
#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 -----*/

/* Rechte Spalte */

#site #rightCol{
	width:280px;
	float:left;
	margin:0;
	padding:0;
	font-size:10px;
}

/* Event Styles */

#site #rightCol #event{
	padding:0 0 34px 0;
	margin:0;
	background-image:url(/img/event_bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#site #rightCol #event #event_background{
	background-color:#fef2cc;
	background-image:url(/img/event_background.gif);
	background-position:left top;
	background-repeat:repeat-y;
	padding:20px 10px 0 10px;
	margin:0;
}
#site #rightCol #event #event_background h2{
	padding:0;
	margin:0;
}
#site #rightCol #event #event_background .img{
	text-align:center;
}
#site #rightCol #event #event_background img{
	border:5px solid #fff;
}

#site #rightCol #event #event_background .headline{ 
	display:block;
	padding:0; 
	margin:0 0 3px 0;
}

#site #rightCol #event #event_background a{
	line-height:21px;
}
#site #rightCol #event #event_background p{
	padding:15px 0 0 0;
	margin:0;
}

/* Sponsorship Styles */
#site #rightCol #sponsorship{
	margin:10px 0;
}
#site #rightCol #sponsorship p{
	padding:0 10px;
	margin:0 0 10px 0;
}
#site #rightCol #sponsorship #sponsor{
	border:1px solid #808080;
	text-align:center;
	padding:18px;
}
#site #rightCol #sponsorship #sponsor img{
	border:none;
	margin:8px 0;
}

/* Footer Styles */

#site #footer{
	height:15px;
	line-height:15px;
	font-size:10px;
	clear:both;
	color:#FFFFFF;
	margin:0;
	padding:20px 10px 10px 14px;
	background-color:#720000;
}
#site #footer a{
	color:#FFFFFF;
}
#site #footer .left{
	float:left;
	width:90%;
}

#site #footer .right{
	float:right;
	width:10%;
	text-align:right;
}

#site_shadow_bottom{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/shadow_footer.png", sizingMethod="");
	height:10px;
	width:920px;
	margin-bottom:10px;
}
html > body #site_shadow_bottom{
	background-image:url(/img/shadow_footer.png);
	margin-bottom:0;
}

.clear {clear: both;
}


.error {
	background-color: #ffa0a0:
}

.ev_style1{
	padding:10px; 
	margin: 0px; 
	background-color: #f6f6f6;
}
.ev_style2{
	padding:10px; 
	margin: 0px; 
}