/* Stylesheet für die Website des Ingenieurbüros Heiner Stuckenberg*/

/*---------------------- Aufbau ---------------------*/


* {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;}
a:active { text-decoration:none; font-weight:normal; color:#000000; }
a:focus { text-decoration:none; font-weight:normal; color:#000000; }


html, body {height:100%;}

body    {
	    color: #000000;
		font-size: 100%;
        width: 100%;
	    min-height: 96%;
		min-width:1000px;
		background-image:url(bgimg/bg-body7.gif);
        background-color: #ffffff;
	    background-position:top left;
		overflow-y: scroll;
        }

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

.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

/*---------------------- inhalt ---------------------*/
 
#inhalt     {
	width: 960px;
	min-height: 96%;
	margin: 0 auto;
	padding-bottom:50px;
	background-image:url(bgimg/bg-inhalt.gif);
    border: 1px solid rgb(130,130,130);
	box-shadow: 0px 0px 30px 1px rgb(130,130,130);
	border-top: 0px;
	border-bottom: 0px;
			 }

  #inhalt p {
	margin: 0.5em 0;
	text-align:left;
	}
 
   #inhalt span {
	padding: 0.1em 0.5em;
	font-size: 100%;	
	font-weight: bold;
	}
/*---------------------- header ---------------------*/


#kopf     {width: 100%; margin: 0px auto; padding: 8px 0;}


/*---------------------- menu1 ---------------------*/

#menu1       {
	padding-right: 1em;
	text-align: right; 
	width: 100%;		
    font-size: 85%;
	font-weight: normal;
	 }

#menu1 li {
	display: inline;
	width: auto;	
	list-style: none;
	margin-left: 2em;
	margin-right: 2em;
	}

#menu1 a:hover {
	color:#aaa;
  }
	
.ausgewaehlt_top {text-decoration: underline;}

.ausgewaehlt {
			border: 1px solid rgb(130,130,130);
			border-radius: 15px;
			box-shadow: 1px 1px 3px 2px rgb(230,230,230);
			background-color: #eee;
			color: #aaa;
			}

/*---------------------- menu0 ---------------------*/

#menu0       {
	margin-left: 3em;
	margin-top:-1em;
	 }

.img1, .img2 {
        margin-left: 1em;
      }
	 
#menu0 a:hover {
	filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
  }

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

#logo  { 
	text-align:left;
	margin-left: 4em;
	margin-right: 2em;
	margin-top:2.5em;
	margin-bottom:3em;
	float:left;
	}

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

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

h3 {margin:1em 0.5em;}
/*---------------------- hauptauswahl ---------------------*/

#hauptauswahl {
	          clear:left;
	          width: 960px;
	          padding: 0px;
			  margin-top: 10px;
			  text-align:center;
			  font-family: "Helvetica Neue", "Verdana", sans-serif;
              }

.box1, .box2, .box3        {
	        width: 234px;
			font-size: 100%;
			margin:0;
			padding: 4px;
			float:left;
            }

#hauptauswahl   h4  {
	        width: 234px;
			margin-bottom:0.5em;
			margin-top:0.5em;
			font-size: 100%;
			font-weight: bold;
			}	
			
#hauptauswahl   img  {
	        width: 204px;
			margin-bottom:10px;
			margin-top:10px;
			}	
			
	
			
.box1        {margin-left:60px;}

.box2        {margin-left:55px;}

.box3        {margin-left:55px;}

hr         {
	 clear:both;
     }

/*---------------------- hauptauswahltext ---------------------*/

#hauptauswahltext {
	         width: 960px;
	         padding: 0px;
	         font-family: "Helvetica Neue", "Verdana", sans-serif;
			 margin-top: 1em;
			 text-align:center;
              }

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

#nebenauswahl {
	          width: 960px;
	          padding: 0;
			  margin-top: 5em;
			  margin-bottom: 2em;
			  text-align:center;
              }
			  
#nebenauswahl img {
	          margin-bottom: 0.5em;
			  border-radius: 15px;
              }			  

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

.box4        {margin-left:100px;}

.box5        {margin-left:130px;}

.box6        {margin-left:130px;}

.hei         {	
		    border: 1px solid rgb(130,130,130);
			border-radius: 15px;
			background-color: rgba(255,153,0,0.1);
			box-shadow: 1px 1px 3px 2px rgb(230,230,230);
             }

.lo          {
	        width: 234px;
			font-size: 90%;
			padding: 4px;
			float:left;
	        height:9em;
			  }

.lo ul {
	list-style: circle;
	margin-left: 1.5em;
	margin-top: 0.5em;
	text-align:left;
	}

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

.hei:hover, .neben:hover  {
	        background-color: #eee;
			color: #aaa;
			}
				
/*---------------------- footer ---------------------*/

#footer     {
	clear: both;
	width: 960px;
	line-height:2em;
	margin: 0 auto;
	margin-top:-40px;
	text-align: center;}

.unten:hover {color: #aaa;}