/*
blau-tuerkis #09c;
dklblau-tuerkis #069

gruen  #99cc33=#9c3;
dklgruen #690;

anthrazit #333;

Standardschriftgroesse 12px
Standardschriftart Verdana, Arial, sans-serif;
Standardüberschrift 1. Ordnung 16px;
Standardüberschrift 2. Ordnung 14px;
*/



body{
         font-family:verdana, arial, sans-serif;
         font-size:12px;
         background:#9c3 url('../bilder/design/hintergrundbild_kanal.jpg') no-repeat;
         color:#333;
         text-align:center;
}

h1{
         font-size:16px;
         color:#09c;
}



a{
         text-decoration:none;
         color:#09c;
         border-bottom:1px dotted #09c;
}



#seite{
         width:800px;
         margin:0px auto;
}

#hauptnavi{
         width:760px;
         background-color:#fff;
         padding-top:10px;
         padding-bottom:10px;
         padding-left:20px;
         padding-right:20px;
         margin-bottom:20px;
}

#hauptnavi ul{
         padding:0px;
         margin:0px;
         list-style:none;
         border-bottom:1px #fff;
         }

#hauptnavi-links{
float:left;
}

#hauptnavi-rechts{
float:right;
}

#hauptnavi li{
         float:left;
         margin-right:10px;
         border:0px solid #f00;
}

#hauptnavi li a{
display:block;
padding:10px;
text-decoration:none;
border-bottom:none;
}

#hauptnavi-links li a:hover{
background:#09c;
color:#fff;
}

#hauptnavi-rechts li a{
padding:0px;
}

#hauptnavi-rechts li a img{
border:none;
padding-top:5px;
}

#hauptnavi-rechts li img{
border:none;
padding-top:5px;
}

/* ------------die Übersichtsseiten--------------------------------------  */

#unternehmen-ueberblick {
         width:760px;
         background:#fff;
         padding:20px;
         text-align:left;
}

#projekt{
         width:760px;
         background:#fff;
         padding:20px;
         text-align:left;
}

.parambox-uebersicht{
         background:#eee;
         padding:0px;
         margin-bottom:20px;
         border:0px solid #f00;
         min-height:170px;
 }

.parambox-uebersicht2, .parambox-uebersicht3, .parambox-uebersicht4, .parambox-uebersicht5, .parambox-uebersicht6, .parambox-uebersicht7, .parambox-uebersicht8, .parambox-uebersicht9, .parambox-uebersicht10{
         background:#eee;
         padding:0px;
         margin-bottom:20px;
         border:0px solid #f00;
         min-height:170px;
         }

.firmendaten{
         float:left;
         width:400px;
         color:#666;
        border:10px solid #eee;
        }

.projektdaten{
         float:left;
         width:400px;
         color:#666;
         margin-bottom:20px;
        }

.projektbild{
 float:right;
 width:290px;
 border:solid 0px #f00;
        }

.linktitel{
font-weight:bold;
}


.linktitel a{
text-decoration:none;
color:#000;
border:none;
}

.vorschaubildgrau{
float:right;
width:200px;
height:150px;
background-color:#ccc;
text-align:center;
margin:0px;
border:10px solid #eee;
}

.vorschaubild  a{
         border-bottom:none;
}
/* ------------------------------die Detailseiten---------------------------------------------------------*/
#steckbrief{
         width:760px;
         background:#fff;
         padding:20px;
         text-align:left;
}

#kanalkarte{
         width:800px;
         background:#9c3;
         position:relative;
}

#kanalnachbarschaften{
font-size:28px;
color:#09c;
font-weight:bold;
position:absolute;
left:0px;
top:400px;
text-align:center;
width:800px;
/* margin-top:-100px;*/
/*height:100px*/
}



#parambox{
         background:#eee;
         padding:10px;
         margin-bottom:20px;
}




#firmendaten{
         float:left;
         width:400px;
         color:#666;
         margin-bottom:20px;
         }

#firmendaten h2{
font-size:14px;
color:#9c3;
}

#firmenadresse{
         float:right;
         width:280px;
}

#firmenadresse p{
         padding:0px;
         margin:0px;
}


#firmeninfos{
 float:left;
 width:410px;
 border:solid 0px #f00;
          }
#firmeninfos .zitat{
display:block;
font-style:italic;
color:#069;
text-align:justify;
}

#firmeninfos .zitatquelle{
display:block;
color:#069;
margin-bottom:20px;
}

#firmenbild{
 float:right;
 width:290px;
 border:solid 0px #f00;
  }




/*  *****************  *********  */



/* ------------------------------die Seite Geschichte und Architektur---------------------------------------------------- */

#geschichte{
         width:760px;
         background:#fff;
         padding:20px;
         text-align:left;
}

#geschichteuebersicht{
         background:#eee;
         padding:10px;
         margin-bottom:30px;
}

#geschichteuebersicht h1{

         font-size:14px;
         color:#9c3;
}

#plagwitzinhalt{
         width:760px;
         border:solid 0px #f00;
}

#plagwitztext{
         float:left;
         width:500px;
         text-align:left;
}

#plagwitztext h1{
         font-size:16px;
         color:#09c;
}

#plagwitzbild{
         float:right;
         width:200px;
         border:solid 0px #f00;
}

#architekturinhalt{
         width:760px;
         border:solid 0px #f00;
}

#architekturtext{
         float:left;
         width:500px;
         text-align:left;
}

#architekturbild{
         float:right;
         width:200px;
         border:solid 0px #f00;
}

/* ------------------------------Ende Seite Geschichte und Architektur---------------------------------------------------- */


/* ------------------------------Seite Projekt ---------------------------------------------------- */

#projekt{
         width:760px;
         background:#fff;
         padding:20px;
         text-align:left;
}

#projektuebersicht{
         background:#eee;
         padding:10px;
         margin-bottom:30px;
}

#projektuebersicht h1{

         font-size:14px;
         color:#9c3;
}

#projektinhalt{
         width:760px;
         border:solid 0px #f00;
}

#projekttext{
         float:left;
         width:450px;
         text-align:left;
}

#projekttext h1{
         font-size:16px;
         color:#09c;
}

#projektbild{
         float:right;
         width:250px;
         border:solid 0px #f00;
}



/* ***********************  Ende Seite Projekt  *********************************  */

#footer{
         width:760px;
         padding:20px;
         background:#fff;
         padding-top:10px;
         padding-bottom:10px;
         padding-left:20px;
         padding-right:20px;
         margin-top:20px;

}

#footer li a{
display:block;
padding:10px;
border-bottom:none;
}

#footer li a:hover{
 background:#09c;
 color:#fff;
}
#footer-navi-links{
 padding:0px;
 margin:0px;
 list-style:none;
 float:left;
}

#footer-navi-rechts{
 padding:0px;
 margin:0px;
 list-style:none;
 float:right;
 }

 #footer-navi-rechts li{
 float:left;
 margin-right:10px;
 }

 #footer-navi-rechts .last-li{
 margin-right:0px;
 }
 
 
.stopFloat{
         clear:both;
         display:block;
         float:none;
         clear:both;
         height:0px;
         font-size:0px;
         line-height:0px;
}