/**
** ph5 Büro für Gestaltung Stylesheet
** Date: 31.05.2007
** Author: Daniel Sailer
** ---------------------------------------------------------
** Tested in 
** 	Version: 0.1
** 	Browser: Internet Eplorer 6 / Firefox 2 / Safari 2
** ---------------------------------------------------------
**/


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

body{ 
	width:100%; 
	height:100%; 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:11px; 
	color:#4f5652; 
	background-image:url(/img/bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#c9c8c6;
	line-height:16px; 
}
html > body{
	height:auto;
}

/* OVERALL */
h1{ 
	font-size:12px; 
	font-weight:bold; 
}
h2{
	font-size:11px; 
	font-weight:bold;  
}

a, a:link, a:visited,a:active, a:hover{ 
	color:#4f5652;
}


/* FRAME */
#frame{ 
	width:723px; 
	margin:0 auto; 
	padding:18px 0; 
	text-align:left; 
}

/* HEADER */
#frame #header{ 
	width:723px; 
	height:121px; 
	margin:0; 
	padding:0; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/header.png'); 
}
html > body #frame #header{ 
	background:url(/img/header.png) top left no-repeat; 
}

/* CONTENT_FRAME */
#frame #content_frame{ 
	width:723px; 
	height:400px; 
	margin:0; 
	padding:2px 0 0 0; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/content.png',sizingMethod='scale'); 
	display:table;
}
html > body #frame #content_frame{ 
	background:url(/img/content.png) top left;
	background-repeat:repeat-y; 
	min-height:400px; 
	height:auto; 
}
	
	/* NAVIGATION */
#frame #content_frame #navigation{ 
	display:block;
	width:176px; 
	margin:0px;
	padding:0 0 0 7px;
	float:left;
}

#frame #content_frame #navigation ul{ 
	list-style:none; 
	padding:0 0 2px 0;
	margin:0 20px 0 25px;
	background:url(/img/hr.gif) bottom left repeat-x; 
	line-height:0;
}

#frame #content_frame #navigation ul li { 
}
#frame #content_frame #navigation ul li a{ 
	text-decoration:none;
	height:35px;
	display:block;
	line-height:35px;
}
#frame #content_frame #navigation .mainm a,
#frame #content_frame #navigation .mainm a:link,
#frame #content_frame #navigation .mainm a:active,
#frame #content_frame #navigation .mainm a:visited,
#frame #content_frame #navigation .mainm a:hover { 
	background:url(/img/hr.gif) top left repeat-x; 
	padding:0 0 0 4px; 
}
#frame #content_frame #navigation .mainm a:hover{ 
	font-weight:bold;
}
#frame #content_frame #navigation .main_act a,
#frame #content_frame #navigation .main_act a:link,
#frame #content_frame #navigation .main_act a:active,
#frame #content_frame #navigation .main_act a:visited,
#frame #content_frame #navigation .main_act a:hover{ 
	font-weight:bold; 
	background:url(/img/hr.gif) top left repeat-x;  
	height:35px;
	padding:0 0 0 4px;
}
#frame #content_frame #navigation ul li ul{ 
	list-style:none; 
	padding:0;
	margin:-4px 0 6px 0 ;
	line-height:0;
	background:none;
}
#frame #content_frame #navigation ul li ul li a{ 
	text-decoration:none;
	height:11px;
	display:block;
	line-height:11px;
}	
#frame #content_frame #navigation .subm a, 
#frame #content_frame #navigation .subm a:link, 
#frame #content_frame #navigation .subm a:active, 
#frame #content_frame #navigation .subm a:visited, 
#frame #content_frame #navigation .subm a:hover{ 
	padding:0 0 6px 14px;
	height:11px; 
	line-height:11px;
	font-weight:normal;
	background:none;
}
#frame #content_frame #navigation .subm a:hover{ 
	padding:0 0 6px 14px;
	background:url(/img/arrows.gif) 5px 4px no-repeat; 
	font-weight:normal; 
}
#frame #content_frame #navigation .sub_act a, 
#frame #content_frame #navigation .sub_act a:link, 
#frame #content_frame #navigation .sub_act a:active, 
#frame #content_frame #navigation .sub_act a:visited, 
#frame #content_frame #navigation .sub_act a:hover{ 
	padding:0 0 6px 14px;
	height:11px; 
	line-height:11px;
	background:url(/img/arrows.gif) 5px 4px no-repeat; 
	font-weight:normal;
}
	
	
/* CONTENT */	
#frame #content_frame #content{ 
	display:block;
	width:432px; 
	height:360px; 
	padding:9px 79px 25px 29px;
	float:right;
} 
html > body #frame #content_frame #content{ 
	min-height:360px; 
	height:auto;
} 

#frame #content_frame #content hr{ 
	width:100%; 
	height:1px; 
	line-height:1px; 
	background-color:none; 
	color:#cbcccb; 
	clear:both;
	margin:0;
	padding:0;
}
#frame #content_frame #content p{ 
}
#frame #content_frame #content h1{ 
	font-weight:bold;
	font-size:12px;
}
#frame #content_frame #content h2{ 
	font-weight:bold;
	font-size:11px;
}
#frame #content_frame #content a{ 
	color : #4f5652;
}
#frame #content_frame #content a:hover{ 
	color : #4f5652;
}
#frame #content_frame  #content table{ 
	width:100%;
}
#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: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;
}
 
/*... 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:-41px; /*Wert entspricht in der Regel dem Abstand zwischen den Thumbs*/
}
#content #container #image_container #images{ 
	width:131px;
	float:left; 
	margin:0 20px 0 0; /*Rand-Wert berechnen (und tpl anpassen)*/
}
#content #container #pano_container{  
	margin-right:-41px; /*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 -----*/

/* FOOTER */
#frame #footer{ 
	width:723px; 
	height:57px; 
	margin:0; 
	padding:0; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/footer.png',sizingMethod='scale'); 
}
html > body #frame #footer{ 
	background:url(/img/footer.png) top left no-repeat; 
	padding:0 0 0 0; 
}
	
#frame #footer span{ 
	line-height:54px;
	font-size:10px;
	width:719px; 
	padding:0 0 0 183px;
}