/* Getting the new tags to behave */


body {
	/*font-family: 'Walter Turncoat', cursive;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#353535;
	background:#d8d8d8 url(../layout_bilder/bg.jpg);
	background-repeat:repeat;
	/*background-attachment:fixed;*/
	height:100.01%;
	}

	
/*********************************header*************************************/
#wrapper {	
		height: auto; 
		width:972px; 
		padding: 0; 
		margin: 0;
		font-size:12px;
		font-color:#353535;
		margin:0 auto; 
		position: relative;
		
		}

#flash_a12 {
	    height: auto; 
		width:870px; 
		background-image:url("../images arbeiten/Arbeiten_2012/3D_Visualisierung_modelldigital_Hamburger-Hochbahn_EM.jpg");
		position: relative;	
		z-index:0;
		
		}
		
#header {	
		height:105px; 
		width:972px; 
		padding: 0; 
		margin: 10px 0 0 0; 
		/*background-color:#CCC;*/
		background-image:url("../layout_bilder/header_bild.jpg");
		position: relative;
		}


#logo {	
		height: 51px; 
		width: 153px; 
		vertical-align: middle;
		position:absolute;
		margin: 40px 30px 30px 30px; 
		}


#menu {float:right; padding:0px 0px 0 3px; margin: 65px 0px 0px 0px;}
#menu li {float:right; font-size:11px; line-height:37px; padding-right:12px;}
#menu li a {display:block; color:#000000; text-decoration:none; text-transform:uppercase;}
#menu li #active {color:#e5e5e5; text-decoration:underline;}
#menu li a:hover {color:#f9f9f9;text-decoration:none;} 
#menu #item { background:url(../layout_bilder//menu-marker.png) 0 14px no-repeat; padding-left:12px;}


#menu_gal {
	float:right;
	padding:0px 0px 0 0px;
	margin: 75px 0px 0px 0px;
	top: 0px;
	bottom: 0px;
	font-size: xx-small;
}
#menu_gal li {float:right; font-size:11px; line-height:37px; padding-right:12px;}
#menu_gal li a {display:block; color:#000000; text-decoration:none; text-transform:uppercase;}
#menu_gal li #active {color:#ffffff; text-decoration:none;}
#menu_gal li a:hover {
	color:#f9f9f9;
	text-decoration:none;
	
} 
#menu_gal #item { background:url(../layout_bilder//menu-marker.png) 0 14px no-repeat; padding-left:12px;}



#menu_gal-s {float:right; padding:0px 0px 0 3px; margin: 15px 0px 0px 0px;}
#menu_gal-s li {float:right; font-size:11px; line-height:37px; padding-right:12px;}
#menu_gal-s li a {display:block; color:#000000; text-decoration:none; text-transform:uppercase;}
#menu_gal-s li #active { color:#d6d6d6; text-decoration:none;}
#menu_gal-s li a:hover {color:#f9f9f9;text-decoration:none;} 
#menu_gal-s #item { background:url(../layout_bilder//menu-marker.png) 0 14px no-repeat; padding-left:12px;}





#verweis1 a:link    { color: #000000; font-size:14px; text-decoration: none; font-weight: 
           bold; font-style:bold } 
#verweis1 a:visited { color: #000000; font-size:14px; text-decoration: none; font-weight: 
           bold; font-style:bold } 
#verweis1 a:active  { color: #000000; font-size:14px;text-decoration: none; font-weight: 
           bold; font-style:bold } 
#verweis1 a:hover   {
	color: #000000;
	font-size:14px;
	text-decoration: underline;
	font-style: italic;
} 

#verweis2 a:link    { color: #000000; font-size:14px; 
    text-decoration: underline; font-weight: bold; font-style:bold } 
#verweis2 a:visited { color: #000000; font-size:14px; text-decoration: none; font-weight: 
           bold; font-style:bold } 
#verweis2 a:active  { color: #000000; font-size:14px;text-decoration: none; font-weight: 
           bold; font-style:bold } 
#verweis2 a:hover   {
	color: #000000;
	font-size:14px;
	text-decoration: underline;
	font-style: italic;
} 

/***************** seite 1 ******************/
#content {	
		height: 608px; 
		width: 972px; 
		padding: 0; 
		margin: 0; 
		background-color:#000;
		background-image:url("../layout_bilder/bg_index.jpg");
		position: relative;
		}
#content-1 {	
		height: 608px; 
		width: 972px; 
		padding: 0; 
		margin: 0; 
		background-color:#000;
		background-image:url("../layout_bilder/bg_index.jpg");
		position: relative;
		}#content_kontakt {	
		min-height: 607px; 
		width: 972px; 
		padding: 0; 
		margin: 0; 
		background-image:url("../layout_bilder/bg_kontakt.jpg");
		/*background-color:#e1e1e1;*/
		position: relative;
		}		

#content_ueber_uns {	
		min-height: 607px; 
		width: 972px; 
		padding: 0; 
		margin: 0; 
		background-image:url("../layout_bilder/bg_ueber_uns.jpg");
		/*background-color:#e1e1e1;*/
		position: relative;
		}	


#content_galerie_unten {	
		min-height: 607px; 
		width: 100%; 
		padding: 0; 
		margin: 0; 
		background-color:#fffff7;
		position: relative; 
		z-index:-10
		
}

#content_arbeiten {	
		min-height: 607px; 
		width: 972px; 
		padding: 0; 
		margin: 0; 
		background-color:#fffff7;
		position: relative;
}

#content_impressum {	
		min-height: 607px; 
		width: 972px; 
		padding: 0; 
		margin: 0; 
		/*overflow:scroll;*/
		background-image:url("../layout_bilder/bg_ueber_uns.jpg");
		background-color:#e1e1e1;
		position: relative;
		}

#schatten {
	height: 30px;
	width: 972px;
	padding: 0;
	margin: 0;
	position: relative;

		}

#footer{
	width:100%;
	height: 11px;
	background:none;
	text-align:right;
	padding: 0;
	margin: 0;
	position: relative;
	color: #666;

	}

#footer2{
	width:100%;
	height: 11px;
	background:none;
	text-align:right;
	padding: 0;
	margin: 0;
	position: relative;
	color: #919191;

	}


#kontakt {	
		min-height: 500px; 
		width: 400px; 
		padding: 50px; 
		margin: 0; 
		background-color:none;
		position: relative;
		}	
		
		
#ueber_uns {
	min-height: 500px;
	width: 870px;
	padding: 55px 50px 50px 50px;
	margin: 0;
	background-color:none;
	position: relative;
		}	

#arbeiten {	
		min-height: 500px; 
		width: 872px; 
		padding: 55px 50px 50px 50px; 
		margin: 0; 
		background-color:none;
		position: relative;
		}	

#bilder {	
		height: 66px; 
		width: 188px; 
		margin-left: 10px; 
		background-color:none;
		position: relative;
		}	


#impressum {	
		min-height: 500px; 
		width: 872px; 
		padding: 50px; 
		margin: 0; 
		background-color:none;
		position: relative;
		}	



#outline{}

.thumbnails a{}
.thumbnails a img{ border: solid 1px #353535; }
.thumbnails a:hover img{ border: solid 1px #acacac }