/* ----- begin Styles  -----*/ 
body { 
	margin: 0px; padding: 0px;
	background-color: #FFFFFF;
 	background-image:   url("images/background.gif");
	background-repeat: repeat-x;
	}
	
#startseite { 
	margin: 0px; padding: 0px;
	background-color: #FFFFFF;
 	background-image:   url("images/background_m_footer.gif");
	background-repeat: repeat-x;
	}
/* ----- begin pageHeader -----*/
/* ----- begin Header Hintergrund ohne Logo - Width: 800px, Height: 76px, xPos:0, yPos:0 -----*/ 
#h1headerbg {
	margin:0; padding:0;
	position:absolute; left:0px; top:0px; z-index:1;
	width:800px; height:76px;
	overflow:hidden;
	}
	
#h1headerbg span {
	display:block;
	position:absolute; left:0px; top:0px; z-index:1;
	width:800px; height:76px;
	margin:0; padding:0;
	background:url("images/header.jpg") top left no-repeat;
	}
/* ----- end Header Hintergrund ohne Logo -----*/
/* ----- begin Header Logo - Width: 116px, Height: 116px, xPos:672, yPos:14 -----*/ 

#h1logo {	
    margin:0; 	
    padding:0;	
    } 
	
#h1logo a {
	display:block;
	position:absolute; left:775px; top:14px; z-index:5;
	width:116px; height:116px;
	margin:0; padding:0;
	background:url("images/headerlogo.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
#h1logo a span { display:none }	
	
/* ----- end Header Logo -----*/

/* ----- begin navigation1 -----*/
#navigation1{
	width:775px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#navigation1 ul {	
	position:absolute; top:72px; left:0px; z-index:10;
	text-align: center;
	margin-left: 0;
	padding-left: 0;
	}

#navigation1 li {
	list-style-type: none;
	padding: 4px 4px;
	display: inline
	}

#navigation1 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	color: #FFFFFF;
	text-decoration: none;
	}

#navigation1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	color: #000000;
    text-decoration: underline;
	}
/* ----- end navigation1 -----*/
/* ----- end pageHeader -----*/

/* ----- begin pageContent -----*/
/* ----- begin infobereiche -----*/
#infobereiche {
	margin:0; padding:0;
	position:absolute; left:0px; top:90px; z-index:3;
	width:193px; height:496px;
	background: url("images/sidebar.gif") top left no-repeat;
	overflow:hidden;
	}
	
#startseite #infobereiche {
	margin:0; padding:0;
	position:absolute; left:0px; top:90px; z-index:3;
	width:193px; height:410px;
	background: url("images/sidebar.gif") top left no-repeat;
	overflow:hidden;
	}	

/* ----- begin infobereiche Button Planer & Architekten  - Width: 120px, Height: 37px, xPos:0, yPos:110 -----*/ 
#h2infoplaner {
	margin:0; padding:0;
	}

#h2infoplaner a {
	display:block;
	position:absolute; left:0px; top:110px; z-index:10;
	width:120px; height:37px;
	margin:0; padding:0;
	background: url("images/b_info_planer.jpg")  0 0 no-repeat;
	text-decoration: none;
	}
	
#h2infoplaner a:hover {
   background-position: -120px 0;
	}
	
#h2infoplaner a span { display:none }
/* ----- end infobereiche Button Planer & Architekten  -----*/ 
/* ----- begin infobereiche Fenster & Fassadenbauer  - Width: 120px, Height: 36px, xPos:0, yPos:147 -----*/ 
#h2infofenster {
	margin:0; padding:0;
	}

#h2infofenster a {
	display:block;
	position:absolute; left:0px; top:147px; z-index:10;
	width:120px; height:36px;
	margin:0; padding:0;
	background: url("images/b_info_fenster.jpg")  0 0 no-repeat;
	text-decoration: none;
	}
	
#h2infofenster a:hover {
   background-position: -120px 0;
	}
	
#h2infofenster a span { display:none }
/* ----- end infobereiche Button Fenster & Fassadenbauer  -----*/ 
/* ----- begin infobereiche Button Elektroplaner & Elektriker  - Width: 120px, Height: 36px, xPos:0, yPos:183 -----*/ 
#h2infoelektro {
	margin:0; padding:0;
	}

#h2infoelektro a {
	display:block;
	position:absolute; left:0px; top:183px; z-index:10;
	width:120px; height:36px;
	margin:0; padding:0;
	background: url("images/b_info_elektro.jpg")  0 0 no-repeat;
	text-decoration: none;
	}
	
#h2infoelektro a:hover {
   background-position: -120px 0;
	}
	
#h2infoelektro a span { display:none }
/* ----- end infobereiche Button Elektroplaner & Elektriker  -----*/ 
/* ----- begin infobereiche Button Instandhaltung & Wartung  - Width: 120px, Height: 36px, xPos:0, yPos:219 -----*/ 
#h2infowartung {
	margin:0; padding:0;
	}

#h2infowartung a {
	display:block;
	position:absolute; left:0px; top:219px; z-index:10;
	width:120px; height:36px;
	margin:0; padding:0;
	background: url("images/b_info_wartung.jpg")  0 0 no-repeat;
	text-decoration: none;
	}
	
#h2infowartung a:hover {
   background-position: -120px 0;
	}
	
#h2infowartung a span { display:none }
/* ----- end infobereiche Instandhaltung & Wartung  -----*/ 
/* ----- begin infobereiche Button DIN EN 12 102-Teil2  - Width: 120px, Height: 36px, xPos:0, yPos:255 -----*/ 
#h2dinen12101t2 {
	margin:0; padding:0;
	}

#h2dinen12101t2 a {
	display:block;
	position:absolute; left:0px; top:255px; z-index:10;
	width:120px; height:36px;
	margin:0; padding:0;
	background: url("images/b_info_din-en-12101.jpg")  0 0 no-repeat;
	text-decoration: none;
	}
	
#h2dinen12101t2 a:hover {
   background-position: -120px 0;
	}
	
#h2dinen12101t2 a span { display:none }
/* ----- end infobereiche DIN EN 12 102-Teil2  -----*/ 
/* ----- end infobereiche -----*/

/* ----- begin sidebar -----*/
#sidebar {
	margin:0; padding:0;
	position:absolute; left:0px; top:90px; z-index:3;
	width:193px; height:460px;
	background:  url("images/sidebar.gif") top left no-repeat;
	overflow:hidden;
	}
/* ----- end sidebar -----*/

/* ----- begin indexbg -----*/
#indexbg {
	margin:0; padding:0;
	position:absolute; left:119px; top:90px; z-index:2;
	width:680px; height:384px;
	overflow:hidden;
	}
	
#indexbg span {
	display:block;
	position:absolute; left:0px; top:0px; z-index:1;
	width:680px; height:384px;
	margin:0; padding:0;
	background:url("images/indexbg.jpg") top left no-repeat;
	}
/* ----- end indexbg -----*/
/* ----- begin flashnews -----*/
#flashnews {
	margin:0; padding:0;
	position:absolute; left:120px; top:440px; z-index:6;
	width:679px; height:60px;
	overflow:hidden;
	}
/* ----- end flashnews -----*/
/* ----- begin inhalt -----*/
#inhalt {
	display:block;
	position:absolute;
	left:0px;
	top:150px;
	z-index:2;
	width:95%;
	background-image: url(images/inhaltbg.gif);
	height: auto;
	}	
	
#inhalt p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	padding-left: 190px;
	}	
	
#inhalt h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	padding-left: 190px;
	}	
	
#inhalt ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	padding-left: 210px;
	}
	
#inhalt img {
	padding-left: 20px;
	}
			
#inhalt #lb{
	padding-left: 170px;
	}		
	
#flashscroller{
	padding-left: 190px;
	z-index:1;
	}
	
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 13px
}	

#marqueecontainer{
	position: relative;
	width: 585px; /*marquee width */
	height: 100px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: 3px solid orange;
	padding: 2px;
	padding-left: 4px;
	margin-left: 190px;
}
	
#kontaktformular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-left: 190px;
	}
/* ----- end inhalt -----*/
/* ----- end pageContent -----*/

/* ----- begin pageFooter -----*/
#pageFooter { position: relative; }
/* ----- begin bottombar -----*/
#bottombar {
	margin:0;
	padding:0;
	z-index:3;
	width:100%;
	height:90px;
	background:  url(images/footer.gif) repeat-x;
	position: absolute;
	left: 0px;
	bottom: 0;
	}
/* ----- end bottombar -----*/
/* ----- end pageFooter -----*/

/* ----- end Styles  -----*/