/**
** Photint Stylesheet
** Date: 04.12.2007
** Author: Esther Hengge
** ---------------------------------------------------------
** Tested in 
** 	Version: 0.1
** 	Browser: Internet Eplorer 6 / Internet Eplorer 7 / Firefox 2 / Safari for Windows 3.03
** ---------------------------------------------------------
**/


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:11px; 
	color:#343434; 
	line-height:17px; 
	background: url(/img/bg.jpg); 
	background-position:top left;
	background-repeat:repeat-x; 
	background-color:#eef1f4;
}
html > body{
	height:auto;
	min-height:100%;
}

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

a:hover { 
color : #343434;
} 

h1 {
	font-weight:bold;
	font-size:14px;
	color:#204379;
}

h2 {
	font-weight:normal;
	font-size:14px;
	color:#5f5f5f;
	margin-top:19px;
	margin-bottom:-3px;
}
table, ul, ol {
	margin-top:19px;
	margin-bottom:19px;
}

/*SEITE*/
#site{
	position:relative;
	width:980px;
	margin:0 auto;
	padding:20px 0 10px 0;
}

/*HEADER*/
#main_frame{
	width:100%;
	height:580px;
	background-image : url(/img/site_bg.jpg);
	display:block; 
	background-position : bottom left; 
	background-repeat : repeat-x; 
	background-color:#ffffff;
}
html > body #main_frame {
	height:auto;
	min-height:580px;
}
/*Header*/

#main_frame #header{
	width:100%;
	height:114px;
}
#main_frame #header #logo{
	float:left;
	display:inline;
	margin:30px 20px 0 20px;
	width:185px;
}

/*Hauptnavigation*/

#main_frame #header #main_navi{ 
	float:left;
	display:inline;
	margin:12px 0 0 0;
	padding:0 0 0 20px;
	height:49px;
	width:auto;
	font-size:13px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
#main_frame #header #main_navi div{ 
	float:left;
	width:92px;	
	border-left:1px solid #cfd6dc;
	padding-left:9px;
}

#main_frame #header #main_navi a,
#main_frame #header #main_navi a:link,
#main_frame #header #main_navi a:active,
#main_frame #header #main_navi a:visited{ 
	padding:33px 0 0 0;
	float:left;
	display:block;
	text-decoration:none; 
	color:#5f5f5f; 

}		
#main_frame #header #main_navi a:hover{ 
	font-weight:bold;
	color:#3c5e82;
}
#main_frame #header #main_navi a.main_act,
#main_frame #header #main_navi a:link.main_act,
#main_frame #header #main_navi a:active.main_act,
#main_frame #header #main_navi a:visited.main_act {  
		color:#3c5e82;
		font-weight:bold;

}

/*Sprachwahl*/
/*#sprache{
	width:102px;
	margin:12px 20px 0 0 ;
	float:right;
	display:inline;
	height:15px;
	padding-top:34px;
	text-align:right;
}
#sprache a{
	text-decoration:none;
}
#sprache a.meta_act,
#sprache a:link.meta_act,
#sprache a:active.meta_act,
#sprache a:visited.meta_act{
	font-weight:bold;
	color:#3c5e82;
}*/
/* CONTENT_FRAME */
#main_frame #content_frame{ 
	width:100%;
}

/*Subnavi*/

#main_frame #content_frame #sub_navi{ 
	width:175px;
	height:100px;
	margin:-8px 0 0 0;
	padding:0 20px 0 30px;
	float:left;
	font-size:11px;
	color:#656565;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
html > body #main_frame #content_frame #sub_navi{
	height:auto;
	min-height:100px;
}
#main_frame #content_frame #sub_navi ul{ 
	list-style:none; 
	padding:0;
	margin:0;
}

#main_frame #content_frame #sub_navi ul li { 
}
/*#main_frame #content_frame #sub_navi ul li img{ 
	float:left;
	padding-top:8px;
}*/
#main_frame #content_frame #sub_navi ul li span{ 
	width:175px;
}
#main_frame #content_frame #sub_navi ul li a,
#main_frame #content_frame #sub_navi ul li a:link,
#main_frame #content_frame #sub_navi ul li a:active,
#main_frame #content_frame #sub_navi ul li a:visited,
#main_frame #content_frame #sub_navi ul li a:hover,
#main_frame #content_frame #sub_navi .subm a{ 
	text-decoration:none;
	height:13px;
	line-height:24px;
	padding:0 0 0 25px;
	margin:0;
	color:#656565;	
	width:150px;
}

#main_frame #content_frame #sub_navi .subm a:hover{ 
	font-weight:bold; 
	background-image:url(/img/arrow_navi.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
#main_frame #content_frame #sub_navi .sub_act a{ 
	font-weight:bold; 
	background-image:url(/img/arrow_navi.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

/*Sub_sub_navi*/
#main_frame #content_frame #sub_navi ul li ul{ 
	list-style:none; 
	padding:0;
	margin:0 0 7px 0;
}
#main_frame #content_frame #sub_navi ul li ul li a,
#main_frame #content_frame #sub_navi ul li ul li a:link, 
#main_frame #content_frame #sub_navi ul li ul li a:active, 
#main_frame #content_frame #sub_navi ul li ul li a:visited, 
#main_frame #content_frame #sub_navi ul li ul li a:hover,
#main_frame #content_frame #sub_navi .sub_subm a, 
#main_frame #content_frame #sub_navi .sub_subm a:link, 
#main_frame #content_frame #sub_navi .sub_subm a:active, 
#main_frame #content_frame #sub_navi .sub_subm a:visited, 
#main_frame #content_frame #sub_navi .sub_subm a:hover { 
	padding:0 0 0 26px;
	font-weight:normal;
	font-size:9px;
	color:#797979;
	line-height:17px;
	background-image:none;
	text-transform:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;  
}	

#main_frame #content_frame #sub_navi .sub_subm a:hover{ 
	font-weight:bold;
}
#main_frame #content_frame #sub_navi .sub_sub_act a, 
#main_frame #content_frame #sub_navi .sub_sub_act a:link, 
#main_frame #content_frame #sub_navi .sub_sub_act a:active, 
#main_frame #content_frame #sub_navi .sub_sub_act a:visited, 
#main_frame #content_frame #sub_navi .sub_sub_act a:hover{ 
	font-weight:bold;
	text-transform:none;

}

/*Subnavi_Ende*/

#site #main_frame #content_frame #content_box{
	float:left;
}
#main_frame #content_frame #content_box #image{
	margin:0 0 0 20px;
	padding-bottom:30px;
}	
/* CONTENT */	
#main_frame #content_frame #content_box #content{ 
	float:left;
	width:470px; 
	padding:0 20px 30px 20px;
	font-size:11px;
	margin:0;
} 
 
#main_frame #content_frame #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;
}
#main_frame #content_frame #content img{ 

}
#main_frame #content_frame #content h1{ 

}
#main_frame #content_frame #content h2{ 

}
#main_frame #content_frame #content a{ 

}
#main_frame #content_frame #content a:hover{ 

}
#main_frame #content_frame #content table{ 
	width:100%;
}
#main_frame #content_frame #content ul{
	margin-left:17px;
	padding-left:0;
}
#main_frame #content_frame #content ol{
	margin-left:40px;
	padding-left:0;
}
#main_frame #content_frame #content ul li,
#main_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: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:none;
	background:url(/img/hr.gif) center left repeat-x;
	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 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:0 0 3px 0;
}
#content #container .date_bottom{ 
	text-align:right;
}
/*... 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:-60px; /*Wert entspricht in der Regel dem Abstand zwischen den Thumbs*/
}
#content #container #image_container #images{ 
	width:136px;/*Wert berechnen (und tpl anpassen)*/
	float:left; 
	margin:0 30px 0 0; 
}
#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{ 
	height:34px; /*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 -----*/

/*Mobile applet*/
#content #contentViewer{
	margin:0;
	padding:0;
	position:relative;
}
#content #contentViewer applet{
	position:absolute;
	/*top:344px;
	left:435px;	*/
	top:55px;
	left:21px;
}

/*Produktübersicht*/

#content .box1 h1,
#content .box1 h2,
#content .box2 h1,
#content .box2 h2,
#content .box3 h1,
#content .box3 h2,
#content .box4 h1,
#content .box4 h2{
	color:#fff;
	padding:0;
	margin-top:0;
}
#content .box1 a,
#content .box2 a,
#content .box3 a,
#content .box4 a{
	font-size:11px;
	color:#fff;
	text-decoration:none;
}
#content .box1 a.more,
#content .box2 a.more,
#content .box3 a.more,
#content .box4 a.more{
	display:block;
	padding:0 0 0 10px;
	margin:0;
	background:url(/img/arrow_link.gif) 0px 4px  no-repeat;
}
#content .box1{
	padding:15px;
	float:left;
	width:195px;
	height:139px;
	font-size:11px;
	color:#fff;
	background:url(/img/cnt_box1_bg.jpg) top left no-repeat;	
	margin:0 20px 20px 0;
}
#content .box2{
	padding:15px;
	float:left;
	width:195px;
	height:139px;
	font-size:11px;
	color:#fff;
	background:url(/img/cnt_box2_bg.jpg) top left no-repeat;	
	margin:0 0 20px 0;
}
#content .box3{
	padding:15px;
	float:left;
	width:195px;
	height:139px;	
	font-size:11px;
	color:#fff;
	background:url(/img/cnt_box4_bg.jpg) top left no-repeat;		
	margin:0 20px 0 0;
}
#content .box4{
	padding:15px;
	float:left;
	width:195px;
	height:139px;
	font-size:11px;
	color:#fff;
	background:url(/img/cnt_box3_bg.jpg) top left no-repeat;	
}

/*Rechte Spalte*/
#main_frame #content_frame #content_right{
	float:left;
	width:205px;
	padding:0 20px 20px 20px;	
}
/*Kasten_rechts*/
#main_frame #content_frame #content_right .box{	
	width:205px;
	margin-bottom:15px;
	background-color:#edf1f4;
}
#main_frame #content_frame #content_right .box h1{	
	height:17px;
	line-height:17px;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	background-color:#d4dde6;
	color:#204379;
}
#main_frame #content_frame #content_right .box p{
	padding:6px 10px 8px 10px;
	margin:0;
}
#main_frame #content_frame #content_right .box p.hl_bot{
	padding:6px 10px 8px 10px;
	border-bottom:1px solid  #fff;
}
#main_frame #content_frame #content_right .box a{	
	text-decoration:none;
	color:#274470;
}
#main_frame #content_frame #content_right .box a:hover{	
	text-decoration:underline;
}
/*Boxen_Home*/
#site #boxes_home{
	display:none;
}

/*SCHATTEN*/
#site #shadow_top{
	width:996px;
	height:18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_top.png'); 
}
html > body #site #shadow_top{
	background:url(/img/shadow_top.png) top left no-repeat;
}
#site #shadow{
	width:980px;
	padding:0 8px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow.png', SizingMethod='scale'); 
}
html > body #site #shadow{
	background:url(/img/shadow.png) top left repeat-y;
}
#site #shadow_bottom{
	width:996px;
	height:18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow_bottom.png'); 
}
html > body #site #shadow_bottom{
	background:url(/img/shadow_bottom.png) bottom left no-repeat;
}
/* FOOTER */

#site #footer{ 
	width:100%;
	background-image : url(/img/footer.gif); 
	background-position :0 35px;
	background-repeat : repeat-x; 
	padding-top:40px;
	margin:0 8px;
	font-size:10px;
	color:#707070;
}
html > body #site #footer{
	padding-bottom:15px;
}
#site #footer a{ 
	color:#707070;
}
#site #footer #copyright{
	float:left;
} 
#site #footer #madeby{
	display:inline;
	float:right;
	text-align:right;
}