/*===============================================================*/
/*=== ÜBER CSS UND DIESEM STYLESHEET ===*/
/*=== In erste Abschnitt gibt default values vor ===*/
/*=== Um farben zu ändern für alle h1 ===*/
/*=== Andern bestehend mit gewünschte hexidecimal number ab  ===*/
/*=== Styles beginnend mit "." (z.B. .bold) beziehen sich auf ein class ===*/
/*=== Styles beginnend mit "#" (z.B. #content) beziehen sich auf ein ID ===*/
/*=== Ein ID darf nur einmal pro seite vorkommen ===*/
/*=== #content img = "diese regeln gelten nur für===*/
/*=== <img> elementen innerhalb den ID "content"===*/
/*=== CSS TUTORIALS ===*/
/*=== http://www.staff.uni-marburg.de/~aumann/workshops/css/ === */
/*===============================================================*/

/*=== DEFAULT STYLES ===*/

body {background-color: #00000; color: #00000;
      font-family : "arial", arial, sansserif; font-size : 15px;
      margin: 0; padding: 0;
}

h1 {border-bottom: 1px solid;
    color : #0033ff;
    font-family : "arial", arial, sans-serif; font-size : 130%; font-weight : bold;
    margin: 0;
    padding : 1em 1em 0.2em 0;}

h2 {color : #0033ff;
    font-family : "arial", arial, sans-serif; font-size : 120%;}
h3 {color : #0033ff;
    font-family : "arial", arial, sans-serif; font-size : 110%;}

p, li {font-size : 90%;}

a, a:visited, a:hover, a:active {color: #0000FF; text-decoration: underline;}


.bold {font-weight: bold;}

.clearleft {clear: left;}
.clear    {clear: both;}

.center {text-align: center;}

.tinytext {font-size : 80%;}


#leftcol {
   clear : left;
   float : left;
   margin: 0 0 2em 0.5em;
   padding: 0;
   width: 20%;}


#leftcol ul {list-style-type: none;}

/* === STYLES FOR THE NAVIGATION - LEFT COLUMN ===*/

.nav {background-color : #000000;
      border-color : #A36209;
      color : ##0D0408;
      font-size : 90%;
      font-weight: bold;}

ul#navigation    {margin: 0; padding: 0;font-size: 110%;}

ul#navigation li {background-color : ##5958EB; margin: 2px 0; }

ul#navigation  a         {background-color : #E2E4E7; display: block; padding: 6px 10px; text-decoration: none;}
ul#navigation  a:visited {background-color : #E2E4E7; text-decoration: none;}
ul#navigation  a:hover   {background-color : #C0C0C0;}
ul#navigation  a:active  {background-color : #C0C0C0; text-decoration: none;}


ul#navigation li.navhead {background-color : #0033ff;
                          color: #ffffff;
                          font-size: 120%; font-weight: bold;
                          margin: 2px;
                          padding: 4px;}

ul#flyout     {background-color : #0033ff;
                  position: absolute;
                  left: 21%; /* IE */
                  top: 195px;
                  margin: 0;
                  padding: 0 1px 0 1px;}

ul#flyout li  {background-color : #D1D0F3;}

ul#flyout1     {background-color : #0033ff;
                  position: absolute;
                  left: 10%; /* IE */
                  top: 210px;
                  margin: 0;
                  padding: 0 1px 0 1px;}

ul#flyout1 li  {background-color : #D1D0F3;}



/* === STYLES FOR THE CONTENT AREA ===*/

#content {margin: 0% 10% 2% 23%;}

#content img {float: left;margin: 10px 10px 5px 0;}

#content li {margin: 0% 4% 0% 8%;}


#content a {color: #27313F; font-size: 100%; font-weight: bold;}


#content td    {font-size : 90%; vertical-align: middle; padding: 5px;}
#content td.tdhead {background-color : #ECECF9;}
#content td img   {border: 0px; display: block; margin: 0; padding: 2px 5px;}

#content p.downloadpdf {background: url(images/acrobat.gif) no-repeat; margin: 10px 4%; padding: 0 38px;}

#content table.contact {width: 40%;}
#content table.sigekobau {border: 1px solid #A36209;}

#content table.projekt {width: 100%;}
#content table.projekt td {text-align: center;}
#content table.projekt p {clear: left; width: 280px;}

#content .topOfPage {float: right;
                     font-size: 90%; font-weight : bold; font-variant : small-caps;
                     padding: 0 1em;
                     text-decoration: none;}



/* === KONTAKT FORMULAR ===*/

#kontaktformular  {margin: 0 10%;}


td.formlabel  {text-align: right; margin: 0; padding: 0;}

label {margin: 0 0 0 10px;}

input, textarea {background-color: #E2E4E7; border: 1px solid #000000;
                 font-size: 12px;
                 margin: 0;
                 padding: 0 3px;}
/*
Page
*/
div#navt, div#navb {
 margin-top: 1em;
 margin-bottom: 1em;
}
div#navt a, div#navb a {
 text-decoration: none;
}
div.content {
 background: #fff;
 border: 1px solid #999;
 margin: 1em auto 1em auto;
}
div.content#pic {
 padding: 10px;
}
div.content#caption {
 min-width: 160px;
 padding: 5px 10px 5px 10px ;
}
/*
Thumbs zu Bilderseiten Projekte
*/
#thumb table {
 margin: 0% 10% 2% 23%;
 background: #fff;
 border: 1px solid #999;
 padding: 2px;
}
#thumb td {
 background: #eee;
 border: 1px solid #999;
 width: auto;
 line-height: 110%;
 vertical-align: baseline;
}
#thumb caption {
 font-size: 90%;
}


/* === FOOTER ===*/

#footer {background-color : #E2E4E7;
         clear : left;
         color : #4449B4;
         font-size : 90%;
         margin: 0 0.5em 2em 0.5em;
         padding : 5px 0;
         text-align : center;
}