body{
background-color:#FFFFFF; 
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#4F6163;
margin:0px;
padding:0px;
}
table{
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#747474;
}
td{
vertical-align:top;
}
a:link{color:#8B212D; text-decoration:none;}
a:hover{color:#8B212D; text-decoration:none;}
a:visited{color:#8B212D; text-decoration:none;}
a:active{color:#8B212D; text-decoration:none;}
ul{
padding:0px;
margin-left:17px;
list-style:square;
margin-bottom:0px;
margin-top:0px;
}

/* Headers */
.header1{
text-transform:lowercase;
font-weight:bold;
font-size:14px;
color:#8B212D;
line-height:22px;
}
.header2{
font-weight:bold;
color:#8B212D;
}
.header3{
font-size:14px;
color:#8B212D;	
}

/* grey and red from "raum & kommunikation"*/
span.red{
color:#8B212D;
}
span.grey{
color:#4F6163;
}

/* grosse Hintergrundbilder */
.bgindex{
background-image:url(img/landscape3.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
background-color:#B5C3C9; 
}
.bg1{
background-image:url(img/landscape4.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
background-color:#FFFFFF; 	
}
.bg2{
background-image:url(img/landscape5.jpg);
background-position:0px 20px;
background-repeat:no-repeat;
background-color:#FFFFFF; 	
}

/* Main page structure */
div.parent{
position:relative;
}
div.raumundkommunikation{
position:absolute;
top:100px;
left:100px;
}
div.languages{
position:absolute;
top:30px;
left:570px;
font-size:11px;
}
.languages a:link, .languages a:hover, .languages a:visited, .languages a:active{
color:#4F6163; 
text-decoration:none;
}
span.lang_act{
color:#8B212D;
}

/* main menu */
div.mainmenu{
position:absolute;
top:140px;
left:150px;
}
table.mainmenu{
color:#8B212D;
text-transform: uppercase;
font-size:11px;
}
td.mainmenu, td.mainmenu_act{
padding: 0px 20px 0px 0px;		
}
.mainmenu a:link, .mainmenu a:hover, .mainmenu a:visited, .mainmenu a:active{
color:#4F6163; 
text-decoration:none;
}	
.mainmenu_act a:link, .mainmenu_act a:hover, .mainmenu_act a:visited, .mainmenu_act a:active{
color:#8B212D; 
text-decoration:none;
}

/* sub menu */
div.submenu{
position:absolute;
top:300px;
left:15px;
}
div.submenu2{
position:absolute;
top:350px;
left:15px;
}
table.submenu{
color:#8B212D;
text-transform: uppercase;
font-size:11px;
width:120px;
}
td.submenu, td.submenu_act{
padding: 0px 10px 10px 0px;		
}
.submenu a:link, .submenu a:hover, .submenu a:visited, .submenu a:active{
color:#4F6163; 
text-decoration:none;
}	
.submenu_act a:link, .submenu_act a:hover, .submenu_act a:visited, .submenu_act a:active{
color:#8B212D; 
text-decoration:none;
}

/* sub menu portfolio und publikationen */
div.submenu_portfolio{
position:absolute;
top:200px;
left:0px;
}
table.submenu_portfolio{
color:#8B212D;
text-transform: uppercase;
font-size:11px;
width:138px;
}
td.submenu_portfolio, td.submenu_portfolio_act{
padding: 3px 10px 3px 5px;	
vertical-align:middle;	
}
.submenu_portfolio a:link, .submenu_portfolio a:hover, .submenu_portfolio a:visited, .submenu_portfolio a:active{
color:#4F6163; 
text-decoration:none;
}	
.submenu_portfolio_act a:link, .submenu_portfolio_act a:hover, .submenu_portfolio_act a:visited, .submenu_portfolio_act a:active{
color:#8B212D; 
text-decoration:none;
}
td.submenu_portfolio_img_stadt{
background-color:#DAE4E6;	
padding:10px 3px 10px 3px;	
border-bottom:3px solid #FFFFFF;
}
td.submenu_portfolio_img_bau{
background-color:#C3D1D5;	
padding:10px 3px 10px 3px;	
border-bottom:3px solid #FFFFFF;
}
td.submenu_portfolio_img_umwelt{
background-color:#9BADB2;	
padding:10px 3px 10px 3px;	
border-bottom:3px solid #FFFFFF;
}
td.submenu_portfolio_img_sonstige{
background-color:#87969A;	
padding:10px 3px 10px 3px;	
border-bottom:3px solid #FFFFFF;
}

/* Textfelder */
div.content{
position:absolute;
top:200px;
left:150px;		
width:600px;
text-align:justify;
}

div.content2{
position:absolute;
top:295px;
left:150px;		
width:600px;
text-align:justify;
}
div.content3{
position:absolute;
top:200px;
left:150px;		
width:750px;
text-align:justify;
}

/* Archivbalken bei Projekte und Publikationen */
div.archivbalken{
position:absolute;
top:183px;
left:0px;			
}
table.archivbalken{
background-color:#EBECEC;
font-size:11px;
text-transform:uppercase;		
}
td.archivbalken{
border-left:3px solid #FFFFFF;	
text-align:center;	
}
.archivbalken a:link, .archivbalken a:hover, .archivbalken a:visited, .archivbalken a:active{
color:#4F6163; 
text-decoration:none;
}


/* Projektdetails */
div.projekttext{
	width:500px;
	line-height:150%;
	text-align:justify;
}
div.projektfakten{
	margin:20px 0px 0px 20px;
	line-height:150%;
}


	
/* Signs Startseite */
div.sign1{
position:absolute;
top:470px;
left:480px;
}
div.sign2{ /*stadt*/
position:absolute;
top:340px;
left:370px;
}
div.sign3{ /*bau*/
position:absolute;
top:380px;
left:180px;
}
div.sign4{ /*umwelt*/
position:absolute;
top:360px;
left:810px;
}
div.aktuellesprojekt{
position:absolute;
top:528px;
left:550px;
color:#FFFFFF;
width:250px;
}
.aktuellesprojekt a:link, .aktuellesprojekt a:hover, .aktuellesprojekt a:visited, .aktuellesprojekt a:active{
color:#FFFFFF; text-decoration:none;
}
div.stadtprojekte{
position:absolute;
top:437px;
left:394px;
width:160px;
height:20px;
}
.stadtprojekte a:link, .stadtprojekte a:hover, .stadtprojekte a:visited, .stadtprojekte a:active{ 
font-size:14px; color:#8B212D;
}
div.bauprojekte{
position:absolute;
top:490px;
left:176px;
width:160px;
height:20px;
}
.bauprojekte a:link, .bauprojekte a:hover, .bauprojekte a:visited, .bauprojekte a:active{
font-size:14px;
color:#8B212D;
}
div.umweltprojekte{
position:absolute;
top:483px;
left:786px;
width:160px;
height:20px;
}
.umweltprojekte a:link, .umweltprojekte a:hover, .umweltprojekte a:visited, .umweltprojekte a:active{
font-size:14px;
color:#8B212D;
}



/* overview projekte */
td.proj_overview_stadt{
vertical-align:middle;		
}
div.proj_overview_stadt{
margin:3px 0px 3px 10px;		
}
td.proj_overview_img_stadt{
background-color:#DAE4E6;	
padding:20px 6px 20px 6px;	
border-bottom:3px solid #FFFFFF;
}

td.proj_overview_bau{
vertical-align:middle;		
}
div.proj_overview_bau{
margin:3px 0px 3px 10px;		
}
td.proj_overview_img_bau{
background-color:#C3D1D5;
padding:20px 6px 20px 6px;		
border-bottom:3px solid #FFFFFF;	
}

td.proj_overview_umwelt{
vertical-align:middle;		
}
div.proj_overview_umwelt{
margin:3px 0px 3px 10px;		
}
td.proj_overview_img_umwelt{
background-color:#9BADB2;
padding:20px 6px 20px 6px;		
border-bottom:3px solid #FFFFFF;
vertical-align:middle;	
}
td.proj_overview_sonstige{
vertical-align:middle;		
}
div.proj_overview_sonstige{
margin:3px 0px 3px 10px;		
}
td.proj_overview_img_sonstige{
background-color:#87969A;
padding:20px 6px 20px 6px;		
border-bottom:3px solid #FFFFFF;
vertical-align:middle;	
}

/* overview publikationen */
td.pub_overview{
vertical-align:middle;		
}
div.pub_overview{
margin:3px 0px 3px 10px;		
}
td.pub_overview_img{
background-color:#DAE4E6;	
padding:20px 6px 20px 6px;	
border-bottom:3px solid #FFFFFF;
vertical-align:middle;
}