/* =========================================================================== */
/* HTML TAGS */
body {
background-color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
color: #4b4b4b;
margin: 0px;
padding: 0px;
}
a{color: #000; text-decoration:none;}
a:visited{color: #000; text-decoration:none;}
a:hover{color: #868b94; text-decoration:none;}
img{margin:0px; padding:0px; border:0px;}
form{margin:0px; padding:0px; border:0px;}
fieldset{margin:0px; padding:0px; border:0px;}
/* table{vertical-align: top; text-align:left; color: inherit; font-size: inherit; line-height:inherit; margin:0; padding:0; border:0;} 
td{margin:0; padding:0; border:0; vertical-align: top;} */
th{margin:0; padding:0; border:0;}
ul{margin:0; padding:0;}
li{margin:0; padding:0;}
p{margin-top: 10px; margin-bottom: 0px;}

/* 
h1{font: normal normal 18px/19px Arial, sans-serif; margin-top: 0px; margin-bottom: 0px; color: #868b94;}
h2{font: normal normal 16px/30px Arial, sans-serif; margin-top: 0px; margin-bottom: 0px; color: #333;}
*/

hr{
height:1px;
border-style:none;
border-top:1px solid #adb4bf;
margin: 0;
padding: 0;
display:block;
clear:both;
}
small{
font-size: 12px;
line-height: 13px;
margin:0px;
}

.clear{clear:both; height:0; width:0;font-size:1px;line-height:0px; float:none !important;}


/* =========================================================================== */

#wrapper{
width: 974px;
margin: 0px auto 20px auto;
border:0px solid black;
}
.top{
padding-top:30px;
width: 974px;
border:0px solid green;
vertical-align: text-bottom;
} 
/*
.top{
margin-top:14px;
margin-bottom:14px;
width:100%;
border:1px solid pink;
}
*/
#header{
float:right;
padding-top:0px;
height: 50px;
width:450px;  /*size of the img logo */
/* clear:both;
overflow:hidden;  */
border:0px solid blue;
}

#navigation{
float:left;
padding-top:0px;
height: 30px;
position:relative;
top:20px;
bottom:0px;
width:450px;  /*size of the menu*/
/* clear:both;
overflow:hidden;  */
border:0px solid red;
}

#navigation a{
text-decoration:none; 
}
#subNavigation a{
text-decoration:none; 
}


.menu_space{
margin-left:0px;
margin-right:0px;
border:0px solid blue;
}

.menu_space_2{
margin-left:0px;
margin-right:0px;
}


#flashintro{
width: 974px;
height: 425px;
}

#img_show{
width: 974px;
/* height: 560px; */
border: 0px solid red; 
padding-top:0px;
}


#teaserRow{
width:255px;
/* height:560px; */
float:left;
border:0px solid green;
padding-top:0px;
}
.projektTeaser{
clear:both;
}
.projektTeaser h2{
color:#4b4b4b;
font-size:12px;
text-decoration:none; 
font-weight:bold; 
margin-bottom:0px;
display:inline;
}
.projektTeaser img{
float:left;
margin: 0px 8px 10px 10px;
}


#show_img_12{
width:709px;

border:0px solid black;

}
.show_img_12 h1{
padding-left:0px;
margin-left:0px;
}
.td_4{
padding-left:0px;
border:0px solid red;

font-size:12px;
font-family: Arial, sans-serif;

}
#td_44{
padding-left:12px;
padding-top:0px;
padding-right:0px;
margin-top:0px;
border:1px solid red;
width:305px;
font-size:12px;
font-family: Arial, sans-serif;

}
.td_4 h1{
color:#4b4b4b;
font-size:17px;
text-decoration:none; 
font-weight:lighter; 
line-height:21px;

}
#td_44 h1{
color:#4b4b4b;
font-size:17px;
text-decoration:none; 
font-weight:lighter; 
line-height:21px;

}
.td_4 h2{
color:#4b4b4b;
font-size:12px;
text-decoration:none; 
font-weight:bold; 
margin-bottom:0px;


}
#td_44 h2{
color:#4b4b4b;
font-size:12px;
text-decoration:none; 
font-weight:bold; 
margin-bottom:0px;
border:1px solid blue;
}

.td_5{
height:50px;
padding-left:6px;
border:0px solid red;
padding-top:0px;
vertical-align:top;
}

.td_5 h2{
text-decoration:none; 
font-weight:bold; 
padding:0px; 
display:inline;

}

.a6{
color:white;
font-size:15px;
text-align:center;
padding:0px;
float:left;
text-decoration:none;
background-color:#b6b6b6;
}

.a7{
text-decoration:none;
color:white;
background-color:#b6b6b6;

}

#grey_2{
color:#b2b1b1;
font-weight:bold;
width:580px;
}

/* ******************************************************** */
#mitte{   /* containing img and text */
margin-top:14px;
margin-bottom:14px;
width:450px;
border:0px solid blue;
float:left;
}
#mitteProjekt{
margin-top:14px;
}
.mitte_img { /*img div */ 
width:100%;
border:0px solid blue;
}
#mitte p{
 
}

.a1{
color:#4b4b4b;
text-decoration:none;
font-weight:bold; 
line-height:25px;
marging-left:50px;
}

#mitte h1{

}

#mitte h2{
color:;

}

#m1{
float:left;
border:0px solid red; 
background-color: ; 
width:100%;
padding-left:0px;
padding-top:10px;
}

#m2{  /* del */
float:left;
border:0px solid blue;
background-color:; 
width:325px;
}
#m3{
float:left;
}




#sp1{
background-color:blue; 
border:1 px solid red;
}


.spacer{
clear:both;
margin:0px; 
padding:0px;
overflow:hidden;
border:0px solid red;
}
.spacer2{
clear:both;
margin:0px; 
padding:0px;
overflow:hidden;
height:10px;
border:0px solid red;
}

.arial16{
font-size:12px;
line-height:15px;
padding-bottom:15px;
}
.arial16 a{
color:#b2b1b1;
}

.arial12{
font-size:12px;
padding-bottom:12px;
padding-left:0px;
margin-left:0px;
}
.arial12 p{
padding:0px;
}
.arial13{
font-size:11px;
color:#b2b1b1;
}
.arial13 a{
color:#b2b1b1;
}
.grey{
color:#b2b1b1
text-decoration:none;
}
.grey a{
color:#b2b1b1;
text-decoration:none;
}

#fourCols{
margin-top:14px;
margin-bottom:14px;
width:100%;
}

#col1of4{
float:left;
width: 243px;
}

#col2of4{
float:left;
width: 243px;
}

#col3of4{
float:left;
width: 243px; 
}

#col4of4{
float:left;
width: 243px;
}
.m1_1{
float:left;
background-color: ; 
width:265px;
padding-left:0px;
padding-right:30px;
border:0px solid red; 
}
.m1_1 h1{
color:#4b4b4b;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:lighter; 
}

.m1_2{
float:left;
color:#4b4b4b;
background-color: ; 
width:100%;
padding-left:0px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:19px;
border:0px solid red;


}
.m1_2 h3{
font-size:12px;
font-weight:bold;
}
.m1_2 a{
color:#acacac;
text-decoration: underline;

}
.m1_2 p{
padding-left:0px;
padding-right:0px;
margin-left:0px;

}

.m1_2_1{
float:left;
color:#4b4b4b;
background-color: ; 
width:590px;  /* width .mitte + width img */
padding-left:0px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:19px;
border:0px solid red; 
}

.bottom_line{
color:#999999;
margin-top:10px;
margin-bottom:14px;
margin-left:0px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border:0px solid pink;
}
#year_1{
color:#999999;
font-weight:bold;
}
#year_2{
color:#999999;
font-weight:bold;
}
.black{
color:#000000;
text-decoration:none;
}

.block_menu{
border:1px solid red;
width:705px;
}
.block_1{
float:left;
width:450px;
border:0px solid blue;
}

.block_2{
float:right;
width:250px;
text-align:right;
border:0px solid green;
}
.block_2 a{
color:#FFFFFF;
text-decoration:none;
text-align:center;
vertical-align:middle;
}



.style_1{
background-color:#b6b6b6;
width:20px;
float:left;
height:20px;
list-style-type: none;
}
.style_1 a{
color:#FFFFFF;
text-decoration:none;
}
.style_2{
background-color:#000000;;
width:20px;
float:left;
height:20px;
list-style-type: none;
}
.style_2 a{
color:#FFFFFF;
text-decoration:none;
}


#projektContainer{
width:715px;
float:left;
}
#projektCt{
width:709px;
height: 355px;
overflow:visible;
border: 0px solid green;
}
#projektCt em{
font-style:normal;
line-height: 6px;
font-size: 9px;
}
#projektnavigation{
height: 30px;
font-family: Helvetica, Verdana, sans-serif;
margin-right: 9px;
margin-top: 3px;
clear:both;
float:right;
font-weight:normal;
font-size: 14px;
line-height: 16px;
overflow:hidden;
}

.projektnav{
margin:0px;
}
.projektnav li{	/* General layout article in list */
list-style-type:none;
height: 18px;
width: 14px;
margin-right: 1px;
cursor: pointer;
text-decoration:none;
float:left;
padding: 0px 0px 0px 4px;
color: #fff;
background-color: #bbb;
}
.projektnav li.articleMouseOver{	/* Mouse over article in list - layout */
	color: #fff;
	background-color: #bbb;
}

#projektnav li:hover{
color: #333; 
}

.projektnav li.articleClick{	/* Active article in list - layout */
color:#fff;
background-color: #000;
color:#fff;
}