/*Eric Meyers reset css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%; 
	/*line-height: 1;*/
	/*vertical-align: baseline;*/
	/*font: inherit;*/
}
	
body{
margin:0px;
display:block;
top: 0px;/*neu*/
left: 0px;/*neu*/
/*overflow:hidden;verhindert scrollbalken! beachten, ob es überall so Sinn macht!!!*/
}

.preload{
  width:0px;
  height:0px;
  display:none;
  }
  
td{
border:0px solid black;
}


/*Positionierung*/

#div_1{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}

#container_aussen{/*bringt viel,  abstimmen*/
height: 517px;
width: 100%;
/*background-color: red;*/
position:absolute;/*Pos bezug auf div 1*/
top:	50%;
margin: 0; 
margin-top:-260px;
padding: 0;	
}

#tab_1{
width:100%;
height:100%;
}


/*main tab*/

#tab_2{
width:100%;
height:100%;
}

#td_2_2, #td_2_5, #td_2_10{
width:1250px;/*1250 1200*/
}

#td_2_6, #td_2_8{
height:420px;
background-image:url(hg.jpg);/*durch gif ersetzen*/
background-repeat:repeat;
}

#td_2_5{
width:1250px;/*1200*/
height:23px;
vertical-align:top;
}

#td_2_10{
vertical-align:top;
}


/*Nav Zeile */

#tab_3{
width:100%;
height:20px;
font-weight:	600;
font-family:  	"Century Gothic", sans-serif;
font-size:		14px;
letter-spacing:1.1;
color:		#5c5c5c; 
}

/*Verweise*/
a{
font-weight:	600;
font-family:  	"Century Gothic", sans-serif;
font-size:		14px;
color:		#5c5c5c; 
text-decoration:none;
}
a:hover{
color:black;
font-weight:600;
font-size:14px;
text-decoration:underline;
}

/*Projekte*/
#td_3_1{
width:100px;

}
/*Buero, Kontakt*/
#td_3_2{
width:150px;

}
/*Link Facebook*/
#td_3_3{
width:915px;
height:20px;
}

/*main tab*/

#tab_4{
width:1250px;/*1200*/
height:420px;
background-color:#BDBDBD;
/*position:absolute;die Tabelle wird an die 0-Position des Elternelements gesetzt=Mitte des grauen Balkens */
}

/*Nav Picts*/
#td_4_1{
position:absolute;/*die picts positionieren sich von diesem bezugspunkt aus*/
width:250px;/*270*/
height:420px;
background-color:#BDBDBD;
border-top:5px;
border-top-color:#BDBDBD;
border-bottom:5px;
border-bottom-color:#BDBDBD;
z-index:100;
}

#pic1{
position:absolute;
top:1px;
left:0px;
}
#pic2{
position:absolute;
top:106px;
left:0px;
}
#pic3{
position:absolute;
top:211px;
left:0px;
}
#pic4{
position:absolute;
top:316px;
left:0px;
}



/*Textfeld*/
#td_4_2{
width:380px;
height:420px;
background-color:#BDBDBD;
padding:5px;
}

#td_5_1{
height:5px;/*35 55 75 80*/
width:

}
#td_5_2{
height:290px;/*250 300*/
}

#td_5_3{
height:10px;/*20*/
}

#td_5_4{
height:70px;/*60*/
}

h1{
font-family:  	"Century Gothic", sans-serif;
font-size:		18px;
letter-spacing:1.1;
margin-left:   5px;
margin-right:  5px;
margin-bottom:5px;
margin-top:15px;
text-align: 10px;
color:#424242;
line-height:17px;
}

p {
font-family:  	"Century Gothic", sans-serif;/*Verdana*/
font-size:		11px;
color:		black;
margin-left: 5px;
margin-right: 5px;
font-weight:	500;
letter-spacing:0px;/*0.9;neu*/
}
p a, p a:hover{
font-family:  	"Century Gothic", sans-serif;/*Verdana*/
font-size:		11px;
color:		black;
margin-left: 0px;/*geändert 5051112 wegen pdf, link war: 5px warum? an welcher stelle wichtig?*/
margin-right: 5px;
font-weight:	500;
letter-spacing:0px;/*0.9;neu*/
text-decoration:none;
}

/*FF und Chrome reagieren unterschiedlich auf Schriftgröße und -gewicht..*/

/*Unterüberschrift*/
span{
font-family:  	"Century Gothic", sans-serif;/*Verdana*/
font-size:		12px;
font-weight:    400;
color:white;
line-height:18px;
}

/*Foto, Buttons*/
#td_4_3{
width:600px;/*550*/
height:420px;
background-color:#BDBDBD;
}

#pos_foto{
position:relative;
bottom:3px;
right:0px;
/*width:600px;neu*/
z-index:1;
}

.pos_button{
width:35px;/*30*/
}