/*
blau: #3DB8E1
grau: #999999

hellblau: #3DB8E1
*/

body {
    color: black; background-color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0; padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

a      {color: #3DB8E1; text-decoration: none;}


div#wrapper {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 900px;
    padding-left: 20px; padding-right: 20px;
    border: 0px solid #666666; z-index: 40;
    background-image: url(/images/bg-wrapper-new.jpg); background-repeat: repeat-y;
  }
  html>body div#wrappper {
    border-color: gray;
  }


div#header {
    z-index: 41;
    font-size: 1.1em;  width: 900px; height: 180px;
    margin: 0; padding: 10px; padding-top: 10px; padding-right: 10px;
    background:  url(/images/bg-img-header-2.jpg); background-repeat: no-repeat;
    text-align: right;
  }

div#header p {
             margin: 0.2em; padding: 0.3em; text-align: right; font-size: 0.9em;
             }
div#mainnav      {
                   height: 35px;
                   text-align: center;
                   padding: 12px;
                   }


div#headnav      {
                   z-index: 42;
                   height: 50px;
                   text-align: right;
                   padding: 0px;
                   margin: 0px;
                   font-size: 11px;
                   position: relative; bottom: -90px; right: 50px;
                   }

div#logo      {
                   height: 50px;
                   text-align: left;
                   padding: 0px;
                   margin: 0px;
                   font-size: 11px;
                   position: relative; top: -60px; left: 50px;
                   }

div#headline1      {
                   height: 50px;
                   text-align: center;
                   padding: 0px;
                   margin: 0px;
                   font-size: 11px;
                   position: relative; left: -40px;
                   }
div#headline1 h1 {
             margin: 0.2em; padding: 0.5em; padding-top: 22px; *padding-top: 32px; padding-left: 10px;
             text-align: left; font-size: 1.9em;
             color: white; font-family: trebuchet ms, arial, verdana, sans-serif;
             font-weight: normal; text-align: center;
             }




#tabmenue {
  padding: 0px;
  margin-bottom: 9px;
  margin-top: 10px;
  }

#tabmenue li {
  display: inline;
  width: 350px;
  height: 40px;
  padding-left: 40px; padding-right: 40px;
  text-align: center;
  margin: 0px;
  margin-bottom: 0px;
  padding: 0px;
  margin-left: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-variant:small-caps;

}

#tabmenue li a {
  padding: 1em;
  padding-top: 9px;
  margin-left: 0px;
  padding-left: 25px; padding-right:28px;
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  text-align: center;
  text-decoration: none;
  background:  url(/images/bg-img-topnav-hover.jpg); background-repeat: no-repeat;
  color: #fff;
}

#tabmenue li a:hover {
  padding: 1em;
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  padding-top: 9px;
  padding-left: 25px; padding-right: 28px;
  margin-left: 0px;
  text-decoration: none;
  background:  url(/images/bg-img-topnav-hover.jpg); background-repeat: no-repeat;
  color: #000;
}


img.right-floating {float:right; margin: 5px; }

/*div#headnav a:hover {background: #ccc; color: black; }*/


div#lang           {float:right; padding: 2px; margin:0; height:14px; }

div#lang p         {padding: 0; margin: 0;}

div#status, div#status a, div#status a:link, div#status a:visited, div#status a:active, div#status a:hover {
           background: #fff; color: blue;
           padding: 5px; padding-bottom: 9px;
           font-family: verdana, arial, helvetica, sans-serif;
           font-size: 0.95em;
           margin:0px;
           text-decoration:none;
           }

div#footer {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.3em; margin-top: 30px; padding-top: 80px;
    text-align: center;
    background-color: #FFF;
    color: #3DB8E1;
  }

div#footer a.footer, a.footer:link,  a.footer:active, a.footer:visited, a.footer:hover {
           text-decoration: none; color: #3DB8E1; background-color: white;
           font-size: 1.0em;
           }


div#left   {border: 0; padding: 0; float:left; width: 180px; margin-left: 6px}

div#left p {
           font-size: 0.85em; font-family: Verdana, Arial, Sans-Serif;
           line-height: 1em; text-align: left;
           margin: 5px;
           }

div#left h1 {
         color: black; background-color: #CCCCCC; text-decoration: none;
         border-left: 4px solid #12A646;
         font-size: 0.9em;
         font-weight: normal;
         margin: 0;
         padding: 10px;
         }

div#content {
    margin-left: 180px; margin-right: 0px; margin-top: 0; margin-bottom: 0;
    padding: 0em;
    font-size: 1.2em;
    width:710px;
    color: #666;
    z-index: 5;

  }
  * html div#content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
    text-align: left;
  }

div#content td {vertical-align: top;
               font-size: 0.85em; }

textarea, input       {border: 1px solid #666; }

div#text  {width: 480px; float: left; font-size: 1.0 em;}

div#text h2   {font-size: 1.1em;
              margin: 1em 0;
              }


div#text h3   {font-size: 0.9em;
              margin: 1em 0;
              margin-bottom: 0px;
              padding-bottom: 0px;
              }

div#text h5   {font-size: 0.8em;
              margin: 0.5em 0;
              margin-bottom: 0px;
              padding-bottom: 0px;
              }

div.projekt   {margin-top:25px; }

div#text p.text {  font-size: 1.2 em;
              margin: 1em 0;
              text-align: justify;
              line-height: 1.5em;
              font-family: arial, verdana, sans-serif;
              }

div#text ul.vorteile {  font-size: 12px;
              margin: 1em 0;
              text-align: left;
              line-height: 8px;
              font-family: arial, verdana, sans-serif;
              padding-left: 20px;
              }

li.vorteile  {  font-size: 12px;
              margin: 1em 0;
              text-align: left;
              line-height: 8px;
              list-style: round #3DB8E1;
              font-family: arial, verdana, sans-serif;
              padding-left: 3px;
              }


div#content p.text {  font-size: 1.2 em;
              margin: 1em 0;
              text-align: left;
              line-height: 1.5em;
              font-family: arial, verdana, sans-serif;
              }

div#right   {padding: 0; width: 190px; height: 30px; float: right;
             margin-left: 10px; margin-right: 0px; margin-top: 10; margin-bottom: 0;
             font-size: 11px; text-align: right;
            }

div.zitat {
  padding: 12px;
  padding-left: 12px;
  padding-right: 30px;
  font-size: 11px;
  line-height: 16px;
  margin-left: 60px;
  width: 290px;
  height: 170px;
  text-align: left;
  text-decoration: none;
  color: #3DB8E1;
  background:  url(/images/bg-img-zitate.gif); background-repeat: no-repeat; }

div.referenz {
  padding: 12px;
  padding-left: 12px;
  padding-right: 30px;
  font-size: 11px;
  line-height: 16px;
  margin-left: 0px;
  width: 290px;
  height: 170px;
  text-align: left;
  text-decoration: none;
  color: #3DB8E1;
  float: right;
  background:  url(/images/bg-img-zitate.gif); background-repeat: no-repeat; }

div#content a {color: #3DB8E1; text-decoration: none; border-bottom: 1px dotted #3DB8E1}

div#content a:hover {color: ##3DB8E1; text-decoration: none; border-bottom: 1px solid #000000;}

div#content a.img     {border-bottom: 0px;}

div#content a.img:hover     {border-bottom: 0px;}

div#right-teaser {
                 width: 100px;
                 border: 3px double #ccc;
                 margin: 0 0 1em 710px;
                 float: right:
}


.thumbshot {float: left; margin: 5px; }

.url    {font-size: 0.8em; color: #666666; }

.left-ads {background-color: #eee; text-align:center; padding:15px; margin:0px; border:0px;}

.left-ads-small {background-color: #FFFFFF; text-align:center; padding:25px; margin:0px; border:0px;}

p          {
           text-align: center; font-family: verdana, arial, helvetica, sans-serif;
           font-size: 0.8em; margin:1em;
           }

/* für die Footer-Links */


div#formular       {text-align:left;
                   padding:0.6em;
                   font-size: 0.9em;
                   line-height: 1.3em;
                   }

div#formular h1    {
                   font-size: 1.1em;
                   color: #12A646;
                   }

div#formular td.right    {
                   text-align:right; vertical-align:top;
                   }



/* Definition der Navigation - Links */

a.menu 		{
		display:block;
		width:170px; max-width:170px; min-width: 170px;
                height: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		font-variant:small-caps;
		text-align:left;
		margin-bottom: 3;
		padding:10px; padding-left: 10px;
		}

a.menu:link, a.menu:visited, a.menu:active
              	{color: #fff; background-color: #999999;
                 background:  url(/images/bg-img-leftnav-out.png); background-repeat: no-repeat;
                 text-decoration: none;}

a.menu:hover 	{color: black; background-color: #3DB8E1; text-decoration: none;
                 background:  url(/images/bg-img-leftnav-hover.png); background-repeat: no-repeat;
                 }

.gal_img {margin: 5px 0 5px 5px; cursor:pointer; float:left; height: 84px; width:84px; text-align: center; background-color: #F1F1F1; border: solid #CCC 1px;}