/*****************************************************************************/
/****************** 	General 		**************************************/

body, div, p, img, span, ul, li, a, table, h1, h2, h3, h4, h5, h6{
	padding:0px;
	margin:0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #009999;
	color:#666666;
	background-image:url(fotos/hg_contentTestBodyBGStripe2.gif);
	background-repeat:repeat-y;
	background-position:top center;
}

h1 {
	font-size: 16px;
	text-align:left;
	margin-bottom:10px;
	margin-top:20px;
	color:#009999;
	font-weight:normal;
}


h2{
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: bold;
}

h3{
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 1px;
	font-weight: bold;
}

h4{
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 7px;
	font-weight: bold;
}

ul{
	padding-left:28px;
	list-style-position:outside;	
	
}
li {
	/* padding-top:10px;*/
}

ul div{
	 border: 1px solid #ffffff; /*has to be 'visible', otherwise IE did not change pic, when moving on layer*/
	 padding-top:7px;
}

a:link {
	text-decoration: none;
	color: #666666;	
}
a:visited {
	text-decoration: none;
	color: #666666;	
}
a:focus {
	color: #009999;
	text-decoration: none;	
}
a:hover {
	color: #009999;
	text-decoration: none;	
}
a:active {
	text-decoration: none;	
	color: #009999;
}

.ActiveLink{
	color: #009999;
}

/*****************************************************************************/
/****************** 	Hauptebene 		**************************************/

#MainDiv{
	/*border: 1px solid #000000;*/
	position: absolute;	
	left: 50%;
	margin-left: -461px;
	top:0px;
	height:auto;
	width: 922px;
	background-image:url(fotos/hg_content_neu.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	/*background-color:#ffffff;*/
}

#MinHeightDiv {
	height: 670px;
	width: 1px;
	position: relative;
	float: left;
	/*border: 1px solid #FF0000;*/
}

#HeaderDiv {
	/*border: 1px solid #808080;*/
	right:0px;
	height:174px;
	width: 100%;
	position:absolute;
	top: 0px;
	font-size:11px;
/*	background-image:url(fotos/headerbilder.jpg);
	background-repeat:no-repeat;*/
	z-index:50;
}

#Slogan {
	position: absolute;
	font-size:18px;
	font-style:italic;
	left: 425px;
	top: 91px;
}

#LogoDiv{
	/*border: 1px solid #808080;*/
	position:absolute;
	color:#000000;
	top:0px;
/*	background-image:url(fotos/logo_elektro_bonacker.gif);
	background-repeat:no-repeat;*/
	width:495px;
	height:174px;
	right: 0px;
}

#LogoDiv p {
	position: absolute;
	left: -4px;
	bottom: 2px;
}

/*****************************************************************************/
/****************** 	Navigation 		**************************************/
	/********************************/
	/****	main navigation		*****/

.NaviTopDiv {
	/*border: 1px solid #000000;*/
	font-style:normal;	
	font-size:12px;
	height:17px;
	position:absolute;
	font-weight: normal;
	color: #003366;
	left:20px;
	bottom:-40px;
	padding-left:0px; 		/*zusammen*/ /*padding-left wg. IE6, der ansonsten das margin-left verdoppelt*/
	width:auto;			/*zusammen*/
}

.linkLeft{
	float:left;
}


	/********************************/
	/****	sub navigation		*****/
#NaviSubContainer {  /*eigener Containter, damit die einzelnen Unternavigationen relativ gesetzt werden können*/
	border: 1px solid #ff9933;
	left:20px;
	width: 207px;
	height: 257px;
	position: absolute;
	top: 220px;
	z-index:100;
	padding-left:0px;
	background-image: url(fotos/hg_subnavi.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.NaviSubDivTitle {
	color:#000000;
	position:relative;	
	margin-bottom:5px;
	height: 21px;
	padding-left: 10px;
	padding-top:2px;
	font-size:13px;
	font-weight:normal;
}

#NaviSubDiv {
	/*border: 1px solid #000000;*/
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}

.NaviSubPicDiv{
	/*border: 1px solid #e3001b;*/
	width: 209px;
	height: 160px;
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	left:-1px;
	bottom:-170px;
}
#NaviSubDivPic1 {
	background-image:url(fotos/uwe_bonacker.jpg);
}
#NaviSubDivPicLicht {
	background-image:url(fotos/dummyLichtimGarten.jpg);
}
#NaviSubDivPicBeleuchtung {
	background-image:url(fotos/dummyBeleuchtungstechnikund.jpg);
}
#NaviSubDivPicEnergie {
	background-image:url(fotos/dummyEnergiespartechnik.jpg);
}
#NaviSubDivPicElektroInst {
	background-image:url(fotos/dummyElektroinstallation.jpg);
}
#NaviSubDivPicWomen {
	background-image:url(fotos/dummyWomenonly.jpg);
}
#NaviSubDivPicKomfort {
	background-image:url(fotos/dummyKomfortloesungen.jpg);
}

#NaviSubDiv a:link {
	text-decoration: none;
	color: #666666;	
}
#NaviSubDiv a:visited {
	text-decoration: none;
	color: #666666;	
}
#NaviSubDiv a:focus {
	text-decoration: none;
	color: #009999;
}
#NaviSubDiv a:hover {
	text-decoration: none;
	color: #009999;
}
#NaviSubDiv a:active {
	text-decoration: none;
	color: #009999;
}

/*****************************************************************************/
/****************** 	Content 		**************************************/

.ContentDiv {
	/*border: 1px solid #00abc5;	*/
	position:relative;
	width:600px;
	height:auto;
	left:270px;
	margin-top:200px;
	float:left;
}

#ContentDivHomepage {
	width:610px;
	left:340px;	
}

.ContentDiv p {
	margin-top:10px;
}

.ContentDiv li{
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top:10px;
}

.ContentDiv ul {
	margin-bottom: 10px;
}

.ActiveLinkContent{
	color: #00abc5;
}

.ContentDiv a:link {
	text-decoration: none;
	color: #009999;	
	text-align:right;
}
.ContentDiv a:visited {
	text-decoration: none;
	color: #009999;	
}
.ContentDiv a:focus {
	text-decoration: none;
	color: #009999;
}
.ContentDiv a:hover {
	text-decoration: none;
	color: #009999;
}
.ContentDiv a:active {
	text-decoration: none;
	color: #009999;
}

.bildRechts {
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
}

.bildLinks {
	float: left;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 10px;
}