/* CSS Document */

/*--------------news geteased----------------*/
.news_short, .news_short table {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-decoration: none;
line-height: 13px;
padding-left:0px;
padding-top:0px;
}
.news_short hr {
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #666666;
 border-bottom: solid 1px #ffffff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 background-color: #ffffff;
 width:100%;
 padding-left:0px;
}
.news_short p {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
line-height: 13px;
padding-left:0px;
}
.news_short H1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding-left:0px;
line-height: 13px;
}
.news_short A:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size: 10px;
text-decoration: none;
line-height: 13px;
}
.news_short A:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size: 10px;
text-decoration: none;
}
.news_short A:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#666666;
font-size: 10px;
text-decoration: none;
}
.news_short A:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#666666;
font-size: 10px;
text-decoration: none;
}
/*---------news-------------*/
.news, .news table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
line-height: 14px;
padding-left:20px;
padding-right:30px;
padding-top:20px;
}
.news H1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
}
.news H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
}
.news A:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size: 10px;
text-decoration: none;
line-height: 14px;
}
.news A:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size: 10px;
text-decoration: none;
}
.news A:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#666666;
font-size: 10px;
text-decoration: none;
}
.news_short A:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#666666;
font-size: 10px;
text-decoration: none;
}

/*--------kontaktdaten startseite-------------*/
.contact {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
padding-top: 25px;
padding-left: 50px;
}
.contact H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #848E98;
line-height: 10px;
}
.contact H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #848E98;
line-height: 10px;
}
.contact A:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
line-height: 13px;
}
.contact A:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
line-height: 13px;
}
.contact A:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
text-decoration: none;
line-height: 13px;
background-color: #666666;
}
.contact A:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
line-height: 13px;
}
/*-----------maintext--------------*/
.maintext, .maintext table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 100;
color: #666666;
letter-spacing: 0px;
line-height: 14px;
}
.maintext{
font-weight: 100;
font-variant:normal;
font:normal;
}
.maintext strong{
font-weight:normal;
}
.maintext a:link {
color: #666666;
text-decoration: none;
}
.maintext a:visited {
color: #666666;
text-decoration: none;
}
.maintext a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #666666;
}
.maintext a:active {
color: #FFFFFF;
text-decoration: none;
background-color: #666666;
}
/*
.maintext ul li {
list-style-type:none;
}*/
.maintext ul li a:link {
color: #666666;
text-decoration: none;
}
.maintext ul li a:visited {
color: #666666;
text-decoration: none;
}
.maintext ul li a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #666666;
}
.maintext ul li a:active {
color: #FFFFFF;
text-decoration: none;
background-color: #666666;
}
.maintext H1 {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 20px;
}
.maintext H2 {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
letter-spacing: 1px;
line-height: 16px;
}
.maintext hr {
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #666666;
 border-bottom: solid 1px #ffffff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 background-color: #ffffff;
 width:100%;
 padding-left:0px;
}
/*--------------ausgewählte Projekte Startseite---------------*/
.projekte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration:none;
padding-left: 0px;
padding-right: 0px;
color: #666666;
}
.projekte H1 {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-decoration:none;
color: #666666;
}
.projekte H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
text-decoration:none;
color: #666666;
}
.projekte a:link {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 10px;
font-weight: bold;
text-decoration:none;
color: #666666;
}
.projekte a:visited {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 10px;
font-weight: bold;
text-decoration:none;
color: #666666;
}
.projekte a:hover {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 10px;
font-weight: bold;
text-decoration:none;
color: #ffffff;
background: #666666;
}
.projekte a:active {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 10px;
font-weight: bold;
text-decoration:none;
color: #ffffff;
background: #666666;
}
/*--------------projektübersichtsseite (gesamtliste)----------------*/
.maintext span a:link {
color: #666666;
text-decoration: none;
text-transform:uppercase;
}
.maintext span a:visited {
color: #666666;
text-decoration: none;
text-transform:uppercase;
}
.maintext span a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #666666;
text-transform:uppercase;
}
.maintext span a:active {
color: #FFFFFF;
text-decoration: none;
background-color: #666666;
text-transform:uppercase;
}

/*--------------projektseite links----------------*/
.pro_links {
background-color: #ffffff;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-decoration: none;
line-height: 13px;
padding-left:0px;

}
.pro_links hr {
 border: 0px; /* Für Firefox und Opera */
 border-top: dotted 1px #ffffff;
 border-bottom: solid 1px #666666; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 background-color: #ffffff;
 width:100%;
 padding-top:0px;
 padding-bottom:0px;
}
.pro_links h1 {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
font-weight: bold;
padding-bottom:3px;
}
.pro_links A:link {
color:#666666;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
line-height: 13px;
padding-top:3px;
padding-bottom:3px;
}
.pro_links A:visited {
color:#666666;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
line-height: 13px;
padding-top:3px;
padding-bottom:3px;
}
.pro_links A:hover {
color:#ffffff;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
background-color: #666666;
line-height: 13px;
padding-top:3px;
padding-bottom:3px;
}
.pro_links A:active {
color:#ffffff;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
background-color: #666666;
line-height: 13px;
padding-top:3px;
padding-bottom:3px;
}
/*----------footer-------------*/
.footer {
background-color: #ffffff;
/*
border-top-style: solid;
border-top-width: 1px;
border-top-color: #848E98;
*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
padding-top: -1px;
}
.footer A:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
text-decoration:none;
color: #666666;
}
.footer A:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
text-decoration:none;
color: #666666;
}
.footer A:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
text-decoration:none;
color: #FFFFFF;
background-color:#666666
}
.footer A:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
text-decoration:none;
color: #FFFFFF;
background-color:#666666
}
/*---------- icons ----------*/
.icons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
}
.icons a:link, .icons a:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 text-decoration:none;
 }
.icons a:hover, .icons a:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #ffffff;
 background-color: #666666;
 text-decoration:none;
}
.icons hr {
 border: 0px; /* Für Firefox und Opera */
 border-top: dotted 1px #ffffff;
 border-bottom: solid 1px #666666; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 background-color: #ffffff;
 width:100%;
 padding-top:0px;
 padding-bottom:0px;
}
/*------------ subnavigation --------------- */
.subnavigation {
background-color: #ffffff;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
text-decoration: none;
line-height: 13px;
padding-left:0px;
}
.subnavigation H1 {
font-family: sans-serif, Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
font-weight: bold;
}
.subnavigation A:link {
color:#666666;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
}
.subnavigation A:visited {
color:#666666;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
}
.subnavigation A:hover {
color:#ffffff;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
background-color: #666666;
}
.subnavigation A:active {
color:#ffffff;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
background-color: #666666;
}
/*-------- DRUCKANSICHT ----------*/
.header {
/*
background-image:url(../images/logo.png);
background-repeat:no-repeat;
*/
border-bottom: solid 1px #7D7D7D;
}
.projektgruppe H1 {
padding: 5px 15px;
font-size: 16px;
font-weight: bold;
color: #7D7D7D;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 20px;
}
.projekttitel {
padding: 8px 15px;
font-size: 14px;
color: #7D7D7D;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 16px;
}
.projektbeschreibung {
padding: 10px 15px;
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 14px;
}
.projektbeschreibung p {
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 14px;
}
.projektfakten {
padding: 10px 15px;
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 14px;
}
.projektfakten p {
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 14px;
}
.projektfakten hr {
 border: 0px; /* Für Firefox und Opera */
 border-top: dotted 1px #ffffff;
 border-bottom: solid 1px #7D7D7D; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 background-color: #7D7D7D;
 width:100%;
 padding-left:0px;
}
/*
.footer {
border-top: solid #000000 1px;
}*/
/* navigation dropdown */
.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type: none;
overflow: hidden;
width: 100%;
}
.mattblackmenu li{
display: inline;
margin: 0;
}
.mattblackmenu li a:link, .mattblackmenu li a:visited{
float: left;
display: block;
text-decoration: none; 
margin: 0;
padding: 6px 0px;
color: #666666;
}
.mattblackmenu li a:hover{
color: #666666;
}
.mattblackmenu li a:hover{
color: #666666;;
}

.mattblackmenu a.selected, .mattblackmenu a:active{
color: #666666;
}
.mattblackmenu_activ, .mattblackmenu_activ a{
color: #666666;
}
/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ 
font: bold 10px Verdana;
color:#666666;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background-image:url(../image_navi/bg.png);
background-repeat:repeat;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}


.ddsubmenustyle li a{
display: block;
/*width: 160px;*/
color: #666666;
background-color: none;
text-decoration: none;
padding: 2px 4px;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color:#fff;
color: #666666;
}
/* subsub*/
.ddsubmenustyle li ul li a{
display: block;
width: 160px;
color: black;
background-color: #fff;
text-decoration: none;
padding: 4px 5px;
}

* html .ddsubmenustyle li ul li a{ /*IE6 CSS hack*/
display: inline-block;
}

/* ######### Neutral CSS  ######### */

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
.navigation {
background-image:url(../grafik/header.jpg);
background-repeat:no-repeat;
}

*+html form{
margin-top:10px;
position:absolute;
}
/* Projekte smooth div scroll */
#makeMeScrollable{
width:560px;
height: 155px;
position: relative;
}
#makeMeScrollable div.scrollableArea img {
position: relative;
float: left;
margin: 0;
padding: 0;
}
/*
#team a img, #team a:visited img {
padding:2px;
filter:alpha(opacity=70); 
-moz-opacity: 0.70; 
opacity: 0.70;
}
#team a:hover img {
padding:2px;
filter:alpha(opacity=100); 
-moz-opacity: 1.00; 
opacity: 1.0;
}*/
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 10px;
	width: 555px;
}
ul.thumb li {
	margin: 0; 
	padding: 2px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 65px;
	height: 65px;
	border:none;
}
ul.thumb li img {
	width: 65px; height: 65px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: none;
	padding: 2px;
	background: none;
	position: absolute;
	left: 0; top: 0;
	filter:alpha(opacity=70); 
-moz-opacity: 0.70;
opacity: 0.70;
}
*+html ul.thumb li img{
background-color:#fff;
}
ul.thumb li img.hover {
	border: none; /* Get rid of border on hover */
	filter:alpha(opacity=100); 
-moz-opacity: 1.00; 
opacity: 1.0;
background-color:#fff;
}
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #fff;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 0;
	border: none;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	letter-spacing: 0px;
	line-height: 14px;
	position: fixed;
	top: 50%; 
	top:392px;
	left: 50%;
	left:585px;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
	/*--CSS3 Rounded Corners--
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
}
*+html .popup_block{
border: 1px solid #efefef;
}
.popup_block img.big{
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
padding-right:35px;
float:left;
}
.popup_block a{
text-decoration:none;
color:#666;
}
.popup_block h3{
margin:0;
padding:0;
padding-top:5px;
font-size:10px;
font-weight:bold;
}
img.btn_close {
	float: right;
	margin: -11px -11px 0 0;
	border:none;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade, *+html #fade {
	position: absolute;
		z-index: 0;
}
*html .popup_block, *+html .popup_block {
	position: absolute;
		z-index: 99999;
}
#Layerlog{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#a9a9a9;
}
#Layerlog a:link, #Layerlog a:visited{
text-decoration:none;
color:#a9a9a9;
}
#Layerlog a:hover, #Layerlog a:active{
text-decoration:none;
color:#a9a9a9;
}