/* Stylesheet für die Website des Ingenieurbüros Heiner Stuckenberg, Seiten auf die Startseite folgend*/


* {margin: 0;padding: 0;border: 0;}


a:link { text-decoration:none; font-weight:normal; color:#000000; }
a:visited { text-decoration:none; font-weight:normal; color:#000000; }
a:hover { text-decoration:none; font-weight:normal; color:#000000;border-color: #ffffff;}

.rund {
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
      }


/*---------------------- logo ---------------------*/

#logo  {
	width:30%; 
	text-align:left;
	margin-left: 4em;
	margin-top:2.5em;
	margin-bottom:3em;
	}

h1.hauptueberschrift {
	font-family: "Helvetica Neue", "Verdana", sans-serif;
	font-size: 250%;
}

h2.untertitel {
	font-family: "Helvetica Neue", "Verdana", sans-serif;
	font-size: 92%;
}


/*---------------------- hauptauswahl ---------------------*/

#hauptauswahl-2 {
	          width: auto;
	          padding: 0px;
			  margin-top: 2em;
			  margin-bottom: 2em;
			  text-align:center;
			  font-family: "Helvetica Neue", "Verdana", sans-serif;
              }

.box1-2, .box2-2, .box3-2        {
	        width: 134px;
			font-size: 90%;
			margin:0 1em;
			padding: 4px;
			float:left;
            }

#hauptauswahl-2   h4  {
	        width: 134px;
			margin-bottom:0.3em;
			margin-top:0.3em;
			font-size: 100%;
			font-weight: bold;
			}	
			
#hauptauswahl-2   img  {
	        width: 104px;
			margin:5px 15px;
			margin-top:5px
			}	


hr         {
	 clear:both;
	 padding-bottom:5px;
     }

/*---------------------- nebenauswahl ---------------------*/

#nebenauswahl-2 {
	          width: 60%;
	          padding: 0;
			  margin:1em auto;
			  margin-top: 2em;
			  text-align:center;
              }
			  
#nebenauswahl-2 img {
			  border-radius: 15px;
			  padding-left: 0.3em;
			  padding-right: 0.3em;
              }			  

.box4-2, .box5-2, .box6-2  {
	        width: auto;
			margin:0 2.6em;
			padding: 0.3em;
			border: 1px solid rgb(130,130,130);
			border-radius: 15px;
			box-shadow: 1px 1px 3px 2px rgb(230,230,230);
			float:left;
            }

.nodek {
	list-style: none;
	margin-left: -0.8em;
	}

#kontaktformular {margin:1em;}
#kontaktformular li {	
	list-style: none; line-height: 1.5em;}
#kontaktformular label{margin-right: 1em;font-size: 85%;}
#kontaktformular input{width: 200px;margin-right: 1em;border: 1px solid silver; line-height: 2em;font-size: 100%;margin-bottom:1em;}
#kontaktformular textarea{font-size: 100%;margin-right: 1em;border: 1px solid silver; line-height: 1.5em;margin-bottom:2em;}

#kontaktformular {font-size:16px;}
#kontaktformular #abschicken {width: 100px;font-size: 85%;border:1px solid gray;border-radius: 15px;
			box-shadow: 1px 1px 3px 2px rgb(230,230,230);}

#kontakt h4{margin:1em 0.5em; text-decoration:underline;}
#kontakt li{list-style: none;line-height:1.5em;margin:0em 4em;}
#kontakt p {margin-left: 1em;}

#map_canvas {
        width: 600px;
        height: 500px;
        margin: 2em 180px;
      }

	
#lp_einfach table{margin:1em 0em; text-align:center;list-style:none;}
	  
#db1, #db2, #db3, #db4 {
    display:none;
    background-image: url("bgimg/box-bg.gif");
    text-align:center;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 2px 2px 9px #CCC;
    -webkit-box-shadow: 2px 2px 9px #CCC;
    box-shadow: 2px 2px 9px #CCC;
    position: absolute;
    font-size: 90%;
}


#db1 {width: 26em;}
#db2 {width: 23em;margin-left: 25em;}
#db3 {width: 35em;}
#db4 {width: 54em;margin-left: 7em;}

#db1 th{padding:0.5em 1em;}

#db2 th{padding:0.5em 1.5em;}
#db2 td{padding:0em 0.7em;}
#db2 table{padding:0.5em 1em;}

#db3 th{padding:0.5em 1em;}

#db4 th{padding:0.5em 1.5em;}
#db4 table{padding:0.5em 1.5em;width="100%";}
#db4 td{padding:0.5em 0.5em;white-space: nowrap;}

#b1, #b2, #b3, #b4 {background-color:#ffffff;
         padding: 0.5em;
		 }
		 
#lp_einfach {
	margin: 1em 3em;
	}
	
.lp_r {
	margin: 1em 2em 1em 23em;
	}
	
.lp_l {
	margin: 1em 2em 1em 2em;
	}

#lp_einfach h4{
	margin: 2em 2em;
	padding-top: 0em;
	}

#lp_einfach img{
	margin: 2em 6em 2em 2em;
	padding-top: 0em;
	}
	
#lp_einfach input{
	margin: 0 0 3em 3em;
	background-color:#DFF;
	border:1px solid #6FF;
	border-radius: 15px;
	box-shadow: 1px 1px 3px 2px rgb(230,230,230);
	}

#lp_einfach ul {margin:0.5em 2em;}	
#lp_einfach li{list-style:none;text-align: left;margin-left: 3em;}

#gf_einfach {
	margin: 1em 3em;
	}

#gf_einfach h4{
	margin: 2em 2em;
	padding-top: 0em;
	}

#gf_einfach img{
	margin: 2em 6em 2em 2em;
	padding-top: 0em;
	}

#gf_einfach p{
	margin-left: 2em;
	}

#vr_einfach {
	margin: 1em 3em;
	}

#vr_einfach h4{
	margin: 2em 2em;
	padding-top: 0em;
	}

#vr_einfach img{
	margin: 2em 6em 2em 2em;
	padding-top: 0em;
	}
	
#vr_einfach p{
	margin-left: 2em;
	}

#bw_einfach {
	margin: 1em 3em;
	}

#bw_einfach h4 {
	margin: 2em 2em;
	}

#bw_einfach img{
	margin: 2em 6em 2em 2em;
	}	

#hb_einfach {
	margin: 1em 3em;
	}

#hb_einfach h4{
	margin: 2em 2em;
	}
	
#hb_einfach img{
	margin: 2em 2em;
	}

#hb_einfach p{
	margin: 0em 2em;
	}

#im_einfach {
	margin: 3em;
	}

#im_einfach p{
	margin: 1em;
	}

#im_einfach strong{
	margin: 0 1em;
	}

#im_einfach li{
	margin: 0em 2em;
	}

#im_einfach strong{
	font-weight: bold;
	}