@charset "utf-8";
/* CSS Document für Urs-Beratung */

html, body {
		height:100%;
		margin-bottom:1px;
}

html, body, #tutti {height:100%;background-color:#e8e8e8;}
body > #tutti {height:auto; min-height:100%;}

body {
	margin:0;
	padding:0;
	background-color:#e8e8e8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80.01%;
	font-size:100.01%;
	color:#333;
	line-height:1.3em;
	width:85%;
	min-width:904px;
	max-width:1100px;
	text-align:center;
	margin:auto;
}
/*Anfangswerte */
div, p, h1, h2, h3, h4, ul, dl, ol, li, form, table {
	padding:0;
	margin:0;
}

h1, h2, h3 {
	line-height:1.4em;
	font-size:1.3em;
	font-weight:300;
	margin-bottom:1.2em;
	color:#ee7423;	
	color:#5a5a5a;
}
h1 {
	color:#EA6C06;
	font-size:1.5em;
	margin-bottom:1.5em;
}
h3 {font-size:1em; font-weight:bold;}

h1 a, h2 a, h3 a {color:#5a5a5a;}

h1 .untertitel {font-size:0.8em;}

#fliesstext strong {color:#5a5a5a;} 


/* *******LINKS ******* */

a img {border:0;}
a {
color:#ee7423; 
color:#EA6C06;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h2 a:hover {text-decoration:none;}



#tutti {
	position:relative;
	background-color:#fff;
	background-image:url(../bilder/schattenHGRe.jpg);
	background-repeat:repeat-y;
	background-position:right;
	font-size:0.8em;
	text-align:left;
	width:100%;
	}
	
/**/body > #tutti {height:auto; min-height:100%;}
#zweitnav, #inhalt, #fuss {text-align:left;}

#schattenLi {
	position:absolute;
	left:0;
	top:0;
	width:35px;
	/**/height:100%;
	background-color:#FFF;
	background-image:url(../bilder/schattenHGLi.jpg);
	background-repeat:repeat-y;
	}
	body > #schattenLi {height:auto; min-height:100%;}

	
#kopf {
	width:100%;
	height:150px;
	background-color:#fff;
	position:relative;
	background-image:url(../bilder/schattenHGRe.jpg);
	background-repeat:repeat-y;
	background-position:right;
	text-align:left;
	}
#logo {margin-left:58px;}

/*   NAVI  */

#navi {
	position:relative;
	color:#fff;
	width:100%;
	position:relative;
	background-image:url(../bilder/HG_navi.png);
	background-repeat:repeat-x;
	text-align:center;
	height:78px;
	 }
#maskeNaviLi {
	width:35px;
	height:78px;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../bilder/schattenHGRe.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
ul#hauptnav {
padding-left:270px;
padding-top:18px;
	 }

ul#hauptnav li{
	list-style-type:none;
	font-weight:bold;
	padding-right:15px;
	float:left;
	position:relative;
	}

ul#hauptnav a {text-decoration:none; color:#fff;}
ul#hauptnav a:hover, ul#hauptnav a:focus {color:#f7941e;}
ul#hauptnav a.aktiv {color:#f7941e;}

ul#hauptnav ul a {color:#666;}
ul#hauptnav ul a:hover, ul#hauptnav ul a:focus, ul#hauptnav ul a.aktiv {
	color:#f80;
	background-image:url(../bilder/HG_subNav_aktiv.png); 
	background-position: center top; 
	background-repeat:no-repeat;
	padding-top:8px;
	}

#sub1, #sub5 {
	width:800px;
	position:absolute;
	left:-205px;
	font-size:0.9em;
	z-index:1000;
	}
	#sub5 {
	width:24em;
	left:-145px;
	
	}
	
	#sub1 li, #sub5 li {line-height:45px;margin-top:-1px;padding-top:1px;}
	

/* ein- ausblenden*/

ul#hauptnav  li ul {display:none; padding-bottom: 5px;}

ul#hauptnav  li:hover ul {display:block; }

#sub1 li a, #sub5 li a {background-color:#eee;margin-top:8px;}

#sub1 li a:hover,#sub5 li a:hover {padding-top:8px;}

#sub1.aktiv, #sub5.aktiv {display:block;}
#zweitnav {
	position:absolute;
	width:auto;
	bottom:0px; 
	right:55px;
	color:#666; 
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	}
	
#zweitnav a {text-decoration:none;color:#666}
#zweitnav a:hover, ul#hauptnav a:focus {color:#F90;}
#zweitnav a.aktiv {	color:#f90;}
	
	
#inhalt {
	position:relative;
	background-color:#FFF;
	padding-bottom:30px; /*definierte Höhe des Fußes*/
	margin-left:35px; /* für den Abstand der Schattengrafiken */
	margin-right:35px;
	width:92%;/* zum Ausdehen für schmale fließtexte, Listen usw. */
}

#inhaltInnen {
	position:relative;
	background-color:#FFF;
	padding:0 30px;	
	}
	/**** alles für die Seitenspalte ************/
	
#extras{
	width:270px;
	float:right;
	padding-top:1em;
	background-color:#fff;
	}
	
#extras img {padding:2px; border:1px solid #ccc;}
#extras img.oben {margin-left:20px;}
#extras img.social {border:0; padding-right:10px;}

#extras ul {
	margin-left:1.5em;
	list-style-image:url(../bilder/bullets.gif)
}

#extras p.kategorie {color:#7a7a7a;font-weight:bold;padding-bottom:0px;margin-bottom:5px;} 

.textbox {margin-bottom:1em;
}
.textbox .tbTitel {
	margin: 0;
	padding-left: 25px;
	margin-bottom:1em;
	background-image:url(../bilder/extras_kreis.png);
	background-position:left;
	background-repeat:no-repeat;
	
}
.textbox .tbTitel p {
	/*text-transform:uppercase;*/
	font-weight:bold;
	color:#7a7a7a;
	padding:0;
	border-bottom:2px solid #7a7a7a;
}


.textbox .thema {
	border-left:1px dotted #ccc;
	margin-left:9px;
	padding-left:18px;
}
.textbox p {
	padding-bottom:1em;
	width:99%;
}
.textbox li{margin-left:-6px;}
/*.textbox p.thema {
	border-left:1px dotted #ccc;
	margin-left:9px;
	padding-left:18px;
}*/

/******* alles für die Hauptspalte *****************/
	
#fliesstext {
	padding-right:315px;
	padding-top:45px;
}

#fliesstext a:target {background-color:#efefef; border:1px solid #878787}
#fliesstext li a:target {background-color:#efefef; border:1px solid #878787; font-weight:bold; padding:0 3px;}

	
#inhalt p {margin-bottom:15px;}
#inhalt ul, #inhalt ol {margin-left:20px;margin-bottom:15px;}

#fuss {
	position:relative;
	padding-bottom:30px;
	margin-bottom:0;
	margin-top:-30px;
	height:30px;
	background-color:#fff;
	background-image:url(../bilder/schattenHGRe.jpg);
	background-repeat:repeat-y;
	background-position:right;
	clear:both;
	}
#fusszeile {
	display:none;
}
p.fuss {
	border-top:2px solid #efefef;
	font-size:0.8em;
	padding-left:65px;
}	
	
/**/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	position:relative;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-block;}

/*** Liste für die Sitemap **/

ul#sitemap ul, ul#sitemap li {list-style-type:none;}
ul#sitemap li {font-weight:bold;}
ul#sitemap ul li {font-weight:normal;}
ul#sitemap ul ul {border-left:2px solid #ededed;padding:8px;}

/** **************  FORMULAR ****************** **/
form {font-family:Verdana, Geneva, sans-serif;}
#vMail, #vName, #vAnlass, #vNachricht, #vDaten {
	width:350px;
}

/*  ** VERSCHIEDENES  **/

.kasten{
	display:block;
	margin:1em 0;
	padding:1em;
	border:1px solid #F7941E;
	border-left-width:5px;
	background-color:#F4F4F4;
}

.orange {color:#EA6C06;}
.gruen {color:#006600; font-weight:bold;}
.grauText {color:#333;}
.kleiner {font-size:smaller}
.kleinGrau  {font-size:0.85em; color:#8F8F8F}
.kleinerGrau  {font-size:smaller; color:#8F8F8F}
.kursiv {font-style:italic}
.enger {line-height:1.3em;}
.seitenanfang {
	margin-top:-1em;
	text-align:right;
	font-size:0.8em;
}
.caps {font-variant:small-caps;}
.capsWichtig {font-variant:small-caps; font-weight:bold;}
.todo {color:#006; font-weight:bold;background-color:#F90;}
.futsch {display:none;}