/** **********************************************************************
  * CSS für das Projekt HSG Gedern - Nidda
  * Beinhaltet grafische Formatierungen und Positionierungen der div 
  * container aller Seitentypen, ausser Print.
  *
  * @CSS_Hack Tanteks Boxm modell hack. Schliesst IE<6 aus = voice-family: "\"}\"";voice-family:inherit;
  * @CSS_Hack Selektor hack. Schliesst IE bis 6 aus = html>body ELEMENT {}
  *
  * @author Sascha Nos <sascha.nos@web.de>
  * @version 1.0 - DD:MM:YYYY
  * 
  * @color
  */

/* Grundelemente ****************************************************** */
* {
	margin:0;
	padding:0;	
}
body{
	margin:0;
	padding:0;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100.1%;
	text-align:left;
	color:#000;
	background:url("images/bg_body.gif") repeat-x #D9D9D9;
}
table{	border-collapse:collapse;	}
td{
	padding:2px;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body td{
	/* Mozilla */
	font-size:100%;
}
th{
	text-align:left;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body th{
	/* Mozilla */
	font-size:100%;
}
p{}
div{}
img{
	border:none;
	font-family:Verdana,sans-serif;
}
h1{font-size:140%;}
h2{font-size:120%;}
h3,h4,h5,h6{font-size:100%;}

/* Formularemente ****************************************************** */
form{line-height:200%;}
form br{clear:both;}
hr{visibility:hidden;}
input,select{
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	margin:0.3em 0 0.3em 0;
}
textarea{
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	width:150px;
	height:100px;
}
label,select{ 
	cursor:pointer;
} 
label.left{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px; 
} 
label.left_error{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px;
	color:#F00; 
} 
input.error{
	background:#FCC;
} 
/* Submit button */
input.right{ 
	margin-left:162px; 
}
/* CMS-Formatierungen ****************************************************** */  
/* Galerie ****************************************************** */  
.galerie{
	width:219px;
	height:209px;
	text-align:center;
	padding-top:20px;
	float:left;
	margin:0 5px 5px 0;
	
	voice-family: "\"}\"";voice-family:inherit;
	height:170px;
}
.galerie a{
	text-decoration:none;
}
#content .galerie img{
	float:none;	
}
#content .galerie p{
	margin-top:0.4em;
	font-size:90%;
}
#content .galerie a{
	color:#000;
	text-decoration:none;
}
#content .galerie .datum{
	font-weight:bold;
}
.galerie_klein{
	width:120px;
	height:130px;
	text-align:center;
	padding-top:20px;
	float:left;
	margin:0 5px 5px 0;
	
	voice-family: "\"}\"";voice-family:inherit;
	height:110px;
}
.galerie_klein a{
	text-decoration:none;
}
/* Gästebuch ****************************************************** */  
table.gbentry {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.gbentry td.gbtitle {
  font-weight: bold;
  padding: 0 5px 0 5px;
  background-color: #FFFF00;
  color: #000;
}
table.gbentry td.gbcontent {
  padding: 5px; 
  background-color: #FFFFFF;
  color: #000000;
}

img.button {
  vertical-align: bottom;
}
#content img.smiley_class{
	padding:0;
	margin:0;
	float:none;	
}
/* float clearing */
#logo:after, #subnavi:after, #content:after, form:after, form div:after, ul#breadcrumb:after {
    content:		".";
    display:		block;
    visibility:		hidden;
    clear:			both;
    height:			0;
}
* html #navi, * html #content, * html form, * html form div {
	height:			1%;
}
/* Layout ****************************************************** */  
#outer{
    margin:			0 auto 0 auto;
	width:			61.6em;
	background:url("images/shadow_left_all.gif") repeat-y left top #FFF;
}
#outer1{
	width:			61.6em;
	background:url("images/shadow_left_top.gif") no-repeat left top;
}
#outer2{
	width:			61.6em;
	background:url("images/shadow_right_all.gif") repeat-y right top;
}
#outer3{
	width:			61.6em;
	background:url("images/shadow_right_top.gif") no-repeat right top;
}
#outer4{
	padding:		0 31px 0 31px;
}
#header{
	height:			185px;
	background:		url("images/bg_header.gif") #353636 repeat-x;
}
#header_right{
	float:			right;
	width:			535px;
}
#heading{
	height:			49px;
	background:		#F9B300;
}
#heading #teaser{
	width:			354px;
	height:			49px;
	background-color:#006E69;
	border-right:	1px solid #FFF;
	float:			left;
}
#heading h1{
	margin:			0 0 0 389px;
	padding:		14px 0 0 0;
	color:			#FFF;
	font-size:		115%;
}
#navi{
	width:			535px;
	margin-top:		73px;
}
#navi ul{
	margin:			0 0 0 0;
	padding:		0 34px 0 0;
	float:			right;
}
#navi ul li{
	float:			left;
	display:		block;
	list-style:		none;
	margin-right:	1px;
}
#navi ul li a{
	margin:			0;
	padding:		9px 10px 7px 10px;
	background:		#006E69;
	display:		block;
}
#subnavi{
	float:			left;
	font-size:		80%;
	padding-left:	90px;
	padding-top:	10px;
	width:			261px;
}
#subnavi ul{
	margin:			0 0 0 15px;
	padding:		0;
}
#subnavi ul ul{
	margin:			0 0 0 45px;
}
#subnavi ul li{
	padding-top:	4px;
	padding-bottom:	4px;
	list-style:		square;
}
#subnavi ul li a{
	text-decoration:none;
	color:			#000;
	list-style:		square;
}
#subnavi li.menu-first{
	padding-top:10px;
}
#subnavi ul li.menu-parent a{
	font-weight:	bold;
	color:			#006E69;
}
#subnavi ul li.menu-current a{
	color:			#006E69;
	font-weight:	bold;
}
#subnavi ul li.menu-current a, #subnavi ul li.menu-parent a{
	background:				#FFF;
	font-weight:			bold;
}
#subnavi ul ul li.menu-current a, #subnavi ul ul li.menu-parent a, #subnavi ul ul li.menu-parent ul li.menu-current a, #subnavi ul li.menu-parent ul li.menu-parent ul li.menu-parent a, #subnavi ul li.menu-parent ul li.menu-parent ul li.menu-parent ul li.menu-parent a, #subnavi ul li.menu-parent ul li.menu-parent ul li.menu-parent ul li.menu-current a, #subnavi ul li.menu-parent ul li.menu-parent ul li.menu-parent ul li.menu-parent ul li.menu-current a, #subnavi ul li.menu-parent ul li.menu-parent ul li.menu-current a, #subnavi ul li.menu-parent ul li.menu-current a, #subnavi ul li.menu-parent ul li.menu-parent a{
	font-weight:			bold;
	color:					#006E69;
}
#subnavi ul li.menu-parent ul li.menu-current ul li a, #subnavi ul li.menu-parent ul li.menu-parent ul li.menu-parent ul li a, #subnavi ul li.menu-parent ul li.menu-parent ul li.menu-parent ul li.menu-parent ul li a, #subnavi ul li.menu-parent ul li.menu-parent ul li a, #subnavi ul li.menu-current ul li a, #subnavi ul li.menu-parent ul li a{
	font-weight:			normal;
	color:					#000;
}
#content{
	margin:			0 0 0 388px;
	font-size:		80%;
	padding:		0 34px 10px 0;
}
#content h2{
	color:			#006E69;
}
#content a{
	color:			#000;
}
#content a:hover{
	color:			#006E69;
}
#content li{
	list-style:		square;
}
#content img{
	float:			right;
	margin:			0 0 5px 1em;
}
#content #teamfotos{
	float:			right;
	margin-top:		20px;
	margin-bottom:	10px;
	margin-left:	10px;
	background:		#000;
	color:			#FFF;
	width:			250px;
	font-size:		80%;
}
#content #teamfotos #foto_tf{
	width:			250px;
	height:			165px;
}
#content #teamfotos #foto_tf img.blank{
	width:			250px;
	height:			165px;
}
#content #teamfotos p{
	padding:		8px 20px 8px 40px;
	margin:			0;
}
#content .teaser{
	height:			100px;
}
#content h1, #content h2{
	margin:			1em 0 0.5em 0;
}
#content p{
	margin:			0.7em 0 0.7em 0;
}
#content a{
	text-decoration:underline;
	color:			#393939;
}
#content ul, #content ol{
	margin:			0.7em 0 0.7em 0;
}
#content ul li, #content ol li{
	margin-left:	3em;
}
#claim{}
#footer{
	clear:			both;
	font-size:		80%;
	background:		#000;
}
#footer p{
	color:			#FFF;
	text-align:		right;
	padding:		5px 34px 5px 0;
}
.ergebnisHSG{
	height:5em;
	border-bottom:1px solid #006E69;
}
.ergebnisHSG .right{
	font-weight:bold;
	font-size:130%;
	padding-top:1.4em;
}
.ergebnisHSG .left{
	font-size:400%;
	float:left;
	font-weight:bold;
	width:3.5em;
	color:#006E69;
}
.ergebnisHSG .dp_right{
	color:#006E69;
}