/**
** Holzbau Effenberger Stylesheet
** Date: 24.06.2008
** Author: Esther Hengge
** ---------------------------------------------------------
** Tested in 
** 	Version: 0.1
** 	Browser: Internet Eplorer 6 / Internet Eplorer 7 / Firefox 3 / Opera 9.5
** ---------------------------------------------------------
**/


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

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

/* OVERALL --------------------------------------------*/
.clear{
	clear:both;
}
.error{
	border:1px solid #d50000;
	background-color:#f9e2d8;
}
a, a:link, a:active, a:visited { 
color : #565656;
} 
a:hover{ 
	color : #000;
}

h1 {
	font-size:13px;
	color:#bb4c51; 
	text-transform:uppercase;
}

h2 {
	font-weight:bold;
	font-size:12px;
	color:#565656;
}
p{ 
	margin:14px 0;
}
/*Schatten oben ----------------------------------------*/

#shadow_top {
	width:1000px;
	height:20px;
	margin:0 auto 0 auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_top.png', sizingMethod=''); 
}
html > body #shadow_top{
	background:url(/img/shadow_top.png) top left no-repeat; 
}

/*SEITE---------------------------------*/
#site{
	width:900px;
	padding:0 50px 0 50px;
	margin:0 auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow.png', sizingMethod='scale'); 
}
html > body #site{
	background:url(/img/shadow.png) top left repeat-y; 
}

/*Header*/

#header{
	height:80px;
	background:url(/img/logo.gif) 10px 15px no-repeat;
}

#header_right {
	float:right;
}
/*meta*/
#meta{
	color:#a0a0a0;
	text-align:right;
}
#meta a{
	color:#a0a0a0;
	text-decoration:none;
}
#meta a.metam{
	color:#d5d5d5;
}
#meta a:hover,
#meta a.meta_act{
	color:#a0a0a0;
}

/*Suche*/

#search{
	text-align:right;
	color:#a0a0a0;
	margin:30px 0 0 0;
}
#search form{
	padding:0;
	margin:0;
}
#search input{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input#search_field{
	width:122px;
	background-color:#f0f0f0;
	border-top:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-right:none;
	border-bottom:none;
	height:19px;
	line-height:19px;
	padding:0 4px;
}
input#search_button{
	background-color:#FFFFFF;
	text-align:right;
	color:#a0a0a0;
	border:none;
	width:85px;
	line-height:20px;
}

/*Main Frame*/

#main_frame {
	width:880px;
	background-color:#eaeaea;
	padding:10px;
}
#main_frame_bg {
	position:relative;
	width:880px;
	background:url(/img/mf_bg.gif) top left repeat-y;
}
#border_bottom{
	margin-top:-1px;
}
/*Navi*/
#navi{ 
	float:left;
	height:100%;
	width:189px;
	font-size:11px;
	padding:15px 0 0 10px;
	background-color:#dfdfdf;
	border-right:1px solid #c9c9c8;
}
#navi ul{ 
	list-style:none;
	padding:0;
	margin:0;
}
#navi ul li{ 
	background:url(/img/mainm.gif) 0px 6px no-repeat;
	padding:0 0 9px 15px;
	display:block;
}
#navi ul li.main_act{ 
	background:url(/img/main_act.gif) 0px 6px no-repeat;
}
#navi ul li a{
	width:174px;
	border-bottom:1px dashed #c6c6c5;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#707070;
	padding:0 0 1px 0;

}
#navi ul li a:hover{
}


/*Sub_navi*/
#navi ul li ul{ 
	margin-bottom:0;
}
#navi ul li ul li{ 
	background-image:none;
	padding:0;
}
#navi ul li ul li a{	
	width:165px;
	font-weight:normal;
	line-height:15px;
	font-size:10px;	
	padding:0 0 2px 9px;
	background:url(/img/subm.gif) 0px 7px no-repeat;
	color:#707070;
}
#navi ul li ul li.sub_act a{
	background:url(/img/sub_act.gif) 0px 7px no-repeat;
	color:#bb4c51;
}
#navi ul li ul li a:hover{
	background:url(/img/sub_act.gif) 0px 7px no-repeat;
	color:#bb4c51;
}


/*Sub_sub_navi*/
#navi ul li ul li ul{ 
	margin:0;
}
#navi ul li ul li ul li{ 
}
#navi ul li ul li.sub_act ul li a{
	width:157px;
	font-size:9px;
	padding:0 0 2px 17px;
	background:url(/img/sub_subm.gif) 9px 7px no-repeat;
	color:#929292;	
}
#navi ul li ul li.sub_act ul li.sub_sub_act a{ 
	background:url(/img/sub_act.gif) 9px 7px no-repeat;
	color:#bb4c51;
}
#navi ul li ul li ul li a:hover{
	background:url(/img/sub_act.gif) 9px 7px no-repeat;	
	color:#bb4c51;
}

/*Navi_Ende*/


/*HAUPTINHALT---------------------------------*/

#content_frame {
	float:right;
	width:670px;
}

/* Bild */
#content_frame #visual {
	height:190px;
	background-color:#868686;
}
#content_frame #breadcrumb {
	height:23px;
	line-height:22px;
	background-color:#868686;
	color:#d8d5d5;
	padding:0 0 0 20px;
}
/* CONTENT------------------------------- */


#site #content{ 
	float:left;
	width:420px;
	height:200px;
	margin:0 0 0 0;
	padding:20px 20px 0 20px;
	background-color:#FFFFFF;
} 
html > body #site #content{
	min-height:200px;
	height:auto;
}
 
/*ab hier immer die letzte div-Box um den Content angeben*/
#site #content p{ 
	margin:14px 0;
}

#site #content h1{ 
}
#site #content h2{ 
}
#site #content ul{ 
	margin-left:16px;
	padding:0;
}
html > body #site #content ul{ 
	margin-left:13px;
	padding:0;
}
#site #content a{ 
}
#site #content a:hover{ 
}
#site #content table{ 
}
#site #content p.bottom{
	margin-bottom:-15px;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:35px;
}
#site #content .padding {
	height:15px;
	line-height:15px;
}
/*----- 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;
	background:url(/img/hl.gif) center left repeat-x;
	border-bottom:none;
	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; 
	width:100%;
}
/*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:-30px; /*Wert entspricht in der Regel dem doppelten Abstand zwischen den Thumbs*/
}
#content #container #image_container #images{ 
	float:left; 
	width:130px; /*Wert berechnen (und tpl anpassen)*/
	margin:0 15px 0 0; 
}
#content #container #pano_container{  
	margin-right:0px; /*Wert entspricht in der Regel dem Abstand zwischen den Thumbs*/
}
#content #container #pano_container #panorama_images{ 
	float:left; 
	width:338px; /*Wert berechnen (und tpl anpassen) */
	margin:0 0 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:24%; 
	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:24%; 
	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;
}
input, select, textarea {
	border:1px solid #3a3f43;
}
/*----- SPECIAL CONTENT END -----*/

/*Rechte Spalte / News*/ 

#content_right {
	float:right;
	width:200px;
	padding:0;
	margin:0;
	border-top:10px solid #eaeaea;
	background:url(/img/rc_border.gif) top right repeat-y #dfdfdf;
}
#content_right h1{
	background-color:#aaaaa9;
	color:#f1f1f1;
	font-size:10px;
	padding:3px 10px 0 10px;
	height:20px;
	margin:0;
}
.news_box{
	border-bottom:1px dashed #c6c6c5;
	margin:10px 0 0 10px;
	padding-right:10px;
	display:block;
}
.news_box p{ 
	margin:0 0 15px 0;
}
/*FOOTER*/
#footer{ 
	width:680px;
	height:23px;
	line-height:22px;
	padding:0 0 0 220px;
	margin:10px 0 0 0;
	background-color:#aaaaa9;
	color:#f1f1f1;
}
#footer p{ 
	padding:0;
	margin:0;
}
/*Schatten bottom ----------------------------------------*/

#shadow_bottom {
	width:1000px;
	height:20px;
	margin:0 auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_bottom.png', sizingMethod=''); 
}
html > body #shadow_bottom{
	background:url(/img/shadow_bottom.png) top left no-repeat; 
}