/* CSS Document */

* {
	margin:0;
	padding:0;
}


BODY {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
FONT-SIZE: 12px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
COLOR: #fff; 
/* PADDING-TOP: 10px; */
width:100%;
background:#8b847b;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center; /* horizontale zentrierung fuer IE Win quirks */
}


#rahmen{
	margin: 0px auto; /* zum zentrieren des inhalts! alle ausser iexpl */
	background:#3e4e64;
	width:980px;
	background: #3e4e64 url(../bilder/hgrohnelogo.gif) 20% 30px repeat-y;
	text-align:left;
	min-width:900px;
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;
}

#firma{
	width:980px;
	background:#8b847b;	
	height:30px;
}

#sprachwahl{
	width:222px;
	float:left;
	padding-top:8px;
	background:#8b847b;
}
#firmatxt{
	width:758px;
	float:left;

	padding-top:8px;
	background:#8b847b;
}

#spalteli {
float:left;
/* width:20%; */
width:196px;
position:relative;
}



#logo{
	position:absolute;
	top:24px;
	right:-1px;
}


#spalteliinh {
padding:10px;
padding-right:25px;
padding-top:130px; /* 150 */
}


#hauptnaviliste{
	text-align:left;
	width:100%;
}


#hauptnaviliste ul{
	padding:0px;
	margin:0px;
	margin-right:30px;	
}



#hauptnaviliste ul li{
	padding:0px;
	margin:0px;
	list-style:none;

}

	

#spaltere {
position:relative;
float:right;
/* width:80%; */
width:784px;
}


#hauptnavi{
	padding:0px;
	margin:0px;
}

#hauptnavi li{
	list-style:none;
	padding:0px;
	margin:0px;
	font-weight:bold;
	color:#FFCC00;
}

#hauptnavi li a{
	color:#FFCC00;
	border:none;
	text-decoration:none;
}

#hauptnavi li.aktiv{
	position:relative;
}

/*  ********************************* Hauptnavigation Unternavigation Beginn ****************************** */


#hauptnavi ul{
	padding-left:20px;
	margin:0px;
}



#hauptnavi li{
	line-height:22px;	

}



#hauptnavi li li{
	list-style:none;
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	padding-bottom:10px;
	padding-right:20px;
}

*html #hauptnavi li li{
	padding-right:5px;
}


#hauptnavi li li a{
	color:#FFF;
	border:none;
	text-decoration:none;
}


#hauptnavi li li.aktiv a{
	color:#FFCC00;
	border:none;
	text-decoration:none;
}

/*  ********************************* Hauptnavigation Unternavigation Ende ****************************** */


.punktaktiv{
	position:absolute;
	right:-6px;
	top:5px;
}

*html .punktaktiv{
	position:absolute;
	right:18px;
}

#spalterekopf{
	position:relative;
	height:95px;
	width:100%;
	background:url(../bilder/kopf2.jpg) repeat-y;
}



#globalnavi{
	position:absolute; /* relative */
	bottom:5px;
	left:15px;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	text-indent:2px;
}





#globalnavi ul{
	padding:0px;
	margin:0px;
}

#globalnavi li{
	list-style:none;
	float:left;
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	background:url(../bilder/navistrich.gif) no-repeat right 1px;
}

#globalnavi li a{
	color:#fff;
	text-decoration:none;
	
}

#firmierung{
	position:absolute;
	top:5px;
	right:20px;
	font-size:13px;
}


#inhinh{
	padding:20px;
	padding-left:25px;
	padding-right:0px;
}

#inhinh a{
	color:#fc0;
}

#inhinh .download{
	color:#fc0;
}


#pfad{
	color:#fff;
	font-size:0.9em;
	width:98%;
	border-bottom:1px solid #6f8098;
	padding-bottom:5px;
}


#inhinhoberkasten{
	margin-top:20px;
	margin-right:20px;
}


#inhinhoberkasten h1{
	color:#FFCC00;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}


#inhinhoberkasten #inhrespalte h1{
	color:#fff;
	font-size:1.1em;
}

#inhinhoberkasten img{
	margin-bottom:30px;
}

.inhinhkasten{
	color:#3e4e65;
	width:98%;
	margin-right:1%;
	font-size:13px;
	position:relative;
	margin-bottom:20px;
}

.inhinhkasten .titel{
	border-bottom:1px solid #3e4e65;
	background:#93a4b8;
	padding:5px;
	font-weight:bold;
	padding-left:10px;
}


.punkt{
	position:absolute;
	top:8px;
	left:-5px;
}

.inhinhpadd {
	padding:5px;
	
	/* height:60px; */
}

.inhinhpadd p a{
	color:#f8b433;
}


.gbkastenkontakt{
	padding:5px;
	margin-bottom:20px;
}


#rahmen #spaltere #inhinh #inhinhoberkasten #inhlispalte{
	/* letter-spacing:1px; */

}

*html .inhinhpadd {
	padding:5px;
	margin-bottom:0px;
}

.inhinhpadd img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#kontaktkasten{
	margin-top:30px;
	width:98%;
}

#kontaktkasteninh{
	width:300px;
	border:1px solid #ccc; /* #6f8098 */
}

#kontaktkasteninh .titel{
	display:block;
	background:#f9b331;
	color:#2d3948;
	padding:4px;
}

#kontaktkasteninh .inhalt{
	display:block;
	padding:4px;
}

#ecke{
	position:absolute;
	bottom:0px;
	right:0px;
	

}


*html #ecke{
	position:absolute;
	bottom:-1px;
	right:-1px;

}

.stopFloat {
	display: block;
	float: none;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.stopFloat1 {
	display: block;
	float: none;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	width:900px;
}



/* ************************ Anpassen von Typo3-Inhalten   *****************************   */


/********************************/
/* Frames, spacing, link-to-top */
/********************************/

P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

/* *************** Diesen Bereich unge䮤ert in das eigene CSS ?hmen */
DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }

DIV.csc-frame-frame1 { 
	width:450px;
	margin-bottom:20px;
	margin-top:0px;
}

DIV.csc-frame-frame1 ul{
	margin:0px;
	padding:0px;
}

DIV.csc-frame-frame1 ul li{
	list-style:none;
	background:url(../bilder/punkt_li.gif) 5px 3px no-repeat;
	padding-left:10px;
	padding-bottom:15px;
}




DIV.csc-frame-frame2 { 
	width:100%;
	border:1px solid #6e7f97;
	padding:0px;
	margin:0px;
	background:url(../bilder/kontakthgr.gif);
	padding-bottom:10px;
	margin-bottom:20px;
}

DIV.csc-frame-frame2 a{
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fc0;
 }

DIV.csc-frame-frame2 h1{ 
	background:#2d3948; 
	color:#fff;
	padding:4px;
	font-size:1.0em;
	margin-top:-3px;
}

DIV.csc-frame-frame2 DIV.csc-header-n3 h1{
	color:#fff;
}

DIV.csc-frame-frame2 p.bodytext{ 
	padding:4px;
}


h2.csc-firstHeader{
	color:#fc0;
	font-size:13px;
	margin-bottom:20px;
}


DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }
/* ****** Ende zu ?hmender Teil ****************/

/* ***************  ***********************  */

#inhlispalte{
width:70%;
float:left;

}


#inhrespalte{
width:25%;
float:right;
}



#inhlispalte  a{
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fc0;
}



#inhlispalte ul li{

	line-height:18px;

}


/*  *************************    typo anpassungen der vom system generierten styles        ************************  */


#rahmen #spalteli #spalteliinh .csc-frame csc-frame-frame1{

	border:1px solid #fff;

}

#rahmen #spalteli #spalteliinh .csc-frame csc-frame-frame1 .csc-header csc-header-n1 h1.csc-firstHeader{

	font-size:14px;
}


#rahmen #spaltere #inhinh #inhinhoberkasten #inhlispalte div.csc-frame csc-frame-frame1{

	border:1px solid #fff;

}


.bodytext{
	margin-bottom:20px;
	line-height:20px;
}

#spaltere  img{
margin:0px;
padding:0px;
margin-bottom:5px;
}


#spaltere a{

	text-decoration:none;
	border-bottom:dotted 1px #fc0;
}





.csc-textpic-caption{
display:block;
font-size:11px;
padding-bottom:10px;
}

#pfad a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border:none; /*  ************* 13.08.2008 ***************** */
}



.druckversion{
	display:blocK;
	text-align:center;
}