/*body CSS*/

/*----email popup----*/

#mailtext{
   z-index: 100;
   position: absolute;
	top: 271px;
	left: 302px;
	width: 188px;
	height: 80px;
	display: block;
	background-color: White;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
	visibility: visible;
   border-color: #8BA1D3;
	border-style: solid;
	border-width: 1px;
	border-top-width: 15px;
   padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	}

#schatten{
visibility: visible;
	z-index: 10;
   position: absolute;
	top: 274px;
	left: 305px;
	width: 205px;
	height: 107px;
	display: block;
	background-color: #C0C0C0;
	filter:alpha(opacity=60);
	opacity:0.6;
	}
	
	a.mailclose{
background-color: #8BA1D3;
padding: 4px;
	text-decoration:none; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#FFFFFF; 
	cursor: hand; 
	cursor: pointer;
	}
/*----email popup----*/


body{
background-image: url(bgtop.gif); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; color: Black; margin-bottom: 0px; 
margin-left: 0px; margin-right: 0px; margin-top: 0px;
}

.main{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: Black;
}

#leftcorner{
position: absolute; left: 0px; top: 37px;
}

#leftshadow{
display: block; position: absolute; left: 0px; top: 45px; width: 35px; height: 800px; background-image: url(leftshadowbg.gif); 
background-repeat: repeat-y;
}

#dachdeckerlogo{
position: absolute; top: 37px; left: 31px;
}

#headerimage{
position: absolute; top: 68px; left: 283px;	
}

#headline{
position: absolute; top: 105px; left: 606px;
}

h4{
font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #FFFFFF; margin-top: 0px;
}

#ticker{
position: absolute; top: 180px; left: 311px;
}

/* Menue horizontal */

ul#menu {
position: absolute; left: 283px; top: 31px; width: 650px; height: 30px; background: url("menu-bg.gif") top left repeat-x; font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; padding-bottom: 7px;
}

ul#menu li {
display: block; float: left; margin: 0 0 0 0px;
}

ul#menu li a {
height: 30px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0;
}

ul#menu li a:hover {
color: #FFFFFF;
}

ul#menu li a.current {
color: #FFFFFF; background: #FFF url("current-bg.gif") top left repeat-x; padding: 7px 15px 0;
}

/* Menue horizontal Ende */


/* Trennlinien oben */
#trenneroben1{
position: absolute; top: 208px; left: 284px; display: block; width: 475px; height: 1px; background-image: url(trenner.gif);
background-repeat: repeat-x;
}

#trenneroben2{
position: absolute; top: 208px; left: 791px; display: block; width: 200px; height: 1px;
background-image: url(trenner.gif); background-repeat: repeat-x;
}
/* Trennlinien oben Ende*/


/* Main Content und vertikales Menue Anfang!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#maincontent{
position: absolute; top: 222px; left: 1px; border: 0px solid #CCCCCC; min-height: 740px; width: 445px; padding-left: 301px; padding-bottom: 65px;  /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
}                                      /*!!!!!!!!!!!!!!!!!!!!!!!!! min-height:740px; !!!!!!!Mozilla!!!!!!!!!!!!!*/

#adresse{
position: absolute;
top: 22px;
left: 69px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #005AA9;
font-weight: normal;
}

/* vertikales Menu Anfang */
#menueheader{
position: absolute; top: 120px; left: 25px; z-index: 1000; 
}


ul {
list-style: none; margin: 0; padding: 0;
}

img {
border: none;
}

#menu2 {
position: absolute; top: 137px; left: 15px; width: 232px; margin: 10px; border-bottom: 1px solid #EAEAE9; z-index: 1000;
}

#menu2 li a {
height: 28px; height: 20px; text-decoration: none;
}

#menu2 li a:link, #menu2 li a:visited {
color: #666666; font-size: 12px; display: block; background:  url(menu2.gif) 0 0px; padding: 8px 0 0 32px;
}

#menu2 li a:hover, #menu2 li #current2 {
color: #005AA9; font-weight: bold; background:  url(menu2.gif) 0 -28px; padding: 8px 0 0 32px;
}
/* vertikales Menu Ende*/

/* Box Logo Innung */

#box_innung{
position: absolute; top: 658px; left: 51px; width: 215px; height: 100px; border: 0px solid;
}

#innung_txt1{
position: absolute; top: 25px; left: 101px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #005AA9;
}

#innung_txt2{
position: absolute; top: 70px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #005AA9;
}

#iconheadline{
position: absolute; top: 8px; left: 276px;
}

/* Content Bereich Anfang*/

/* HEADLINES MAIN CONTENT !!!! */
h1{
font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; color: #005AA9; margin-top: 0px;
}

h2{
font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #333333; margin-top: 0px;
}

#headline2{
position: absolute; top: 25px;
}

h3{
font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #333333; margin-top: 0px;	
}

#headline3{
position: absolute; top: 48px;
}
/* HEADLINES MAIN CONTENT ENDE !!!! */

/* Text Main Content Anfang */
#textmain{
display: block; width: 445px; position: absolute; top: 85px; text-align: justify; font-family: Arial, Helvetica, sans-serif;
font-size: 13px; font-weight: normal; border: 0px solid #CCCCCC;
}
/* Text Main Content Ende */


/* Boxen mit Bild Startseite unter Main Content */

a.boxstartlink{
color: #466074;
text-decoration: none;
}

a.boxstartlink:hover{
color: #466074;
text-decoration: underline;
}

/* VINYLIT*/
#boxvinylit{
position: absolute; top: 250px; left: 308px; width: 184px; height: 238px; background-color: #F0F4F7; font-family: Arial, Helvetica, sans-serif;
font-size: 13px; color: #466074;
}

#vinylit_head{
position: absolute; top: 2px; font-weight: bold; padding-left: 3px;
}

#vinylit_img{
position: absolute; top: 20px;
}

#vinylit_txt{
position: absolute; top: 172px; padding-left: 4px;
}

/* STEILDACH */
#steildach{
position: absolute; top: 250px; right: 7px; width: 184px; height: 238px; background-color: #F0F4F7;
font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #466074;
}

#steildach_head{
position: absolute; top: 2px; font-weight: bold; padding-left: 3px;
}

#steildach_img{
position: absolute; top: 20px;
}

#steildach_txt{
position: absolute; top: 172px; padding-left: 3px;
}

/* BALKON TERRASSE */
#balkon_terrasse{
position: absolute; top: 519px; left: 308px; width: 184px; height: 238px; background-color: #F0F4F7;
font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #466074;
}

#balkon_head{
position: absolute; top: 2px; font-weight: bold; padding-left: 3px;
}

#balkon_img{
position: absolute; top: 20px;
}

#balkon_txt{
position: absolute; top: 172px; padding-left: 3px;
}

/* SOLAR ENERGIE */

#sonne{
position: absolute; z-index: 1000; top: 710px; left: 685px;
}

#solar_energie{
position: absolute; top: 519px; right: 7px; width: 184px; height: 238px; background-color: #F0F4F7;
font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #466074;
}

#solar_head{
position: absolute; top: 2px; font-weight: bold; padding-left: 3px;
}

#solar_img{
position: absolute; top: 20px;
}

#solar_txt{
position: absolute; top: 172px; padding-left: 3px;
}

/* Boxen mit Bild Startseite unter Main Content Ende */
	

#footer{
position: absolute; bottom: 10px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;
}

a.footerlink{
color: #666666; text-decoration: none;
}

a.footerlink:hover{
color: #666666;
text-decoration: underline;
}

#shadowbottom{
position: absolute; left: 0px; bottom: 0px;
}

/* Main Content und vertikales Menue Ende!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */




/* Box 1: Thermografie rechts */
a.boxrightlink{
color: #FFFFFF;
text-decoration: none;
}

a.boxrightlink:hover{
text-decoration: underline;
}

#box1re{
position: absolute; top: 227px; left: 791px; display: block; width: 200px; height: 274px; background-image: url(box1bg.gif); background-repeat: repeat-x;
}

#box1head{
position: absolute; top: 5px; left: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;
}

#box1img{
position: relative; top: 24px;
}

#haekchen01{
position: absolute;
top: 166px;
left: 4px;
}

#haekchen02{
position: absolute;
top: 201px;
left: 4px;
}

#haekchen03{
position: absolute;
top: 220px;
left: 4px;
}

#box1text{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: normal; position: absolute; top: 168px; text-align: left; padding-left: 27px; padding-right: 7px;
}
/* Box 1 Thermografie rechts Ende*/


/* Box 2 Energiepass rechts */
#box2re{
position: absolute; top: 524px; left: 791px; display: block; width: 200px; height: 274px; background-image: url(box2bg.gif); background-repeat: repeat-x;
}

#box2head{
position: absolute; top: 5px; left: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;
}

#box2img{
position: relative; top: 29px; left: 1px;
}
/* Box 2 Energiepass rechts Ende*/


/* Box 3 Notdienst rechts */
#box3re{
position: absolute; top: 854px; left: 791px; display: block; width: 200px; height: 125px; background-image: url(box3bg.gif); 
background-repeat: repeat-x; padding-bottom: 45px; /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
}

#telefon{
position: absolute; top: 9px; left: 3px;
}

#box3head{
position: absolute; top: 5px; left: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;
}

#box3text{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; position: absolute; top: 47px; text-align: left;
padding-left: 10px; padding-right: 7px;
}
/* Box 3 Notdienst rechts Ende*/



/* CONTENT nach Seiten Inhalten */


/* Kontaktseite */

#feldnamen{
position: absolute; top: 257px; left: 305px; border: 0px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 13px;
line-height: 41px; font-weight: normal;
}

#formular{
position: absolute; top: 275px; right: 5px; border: 0px solid #000; font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}

.textfeld {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 270px; height: 14px;
}
	
.textarea {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 270px; height: 70px; vertical-align: top;
}

.sternchen{
color: #2681D0;
}

#route{
position: absolute; top: 590px; left: 305px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; display: block; width: 100%; text-align: justify;
padding-bottom: 75px;
}


/*-----Linkliste-----------------------------------------------------*/

.linkliste {
	color: #8BA1D3;
	text-decoration: underline;
	font-weight: bold;
	font-size: 13px;
}

.rowstyle {
   display: block;
	width: 100%;
	border-bottom: 1px solid #EAEAE9;
	}	
	

/* godino button */

#godino{
	position: absolute;
	top: 570px;
	left: 230px;
}

#extrarand{
 display: block;
	position: absolute;
	top: 500px;
	left: 0px;
	background-image: url(leftshadowbot.gif);
	width: 31px;
	height: 800px;
	}
	
	#counter{
		position: absolute;
		top: 777px;
		left: 52px;
	}