/*allgemeine Seiteneinstellung*/
body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Verdana, Tahoma, Arial, Helvetica, serif;
    width:830px;
line-height:1.3em; }


/*box für das Impressum, wird nur in home/Start verwendet*/
#box  {position:absolute;left:753px;top:26px; z-index:2;}
#box a {color:black;background:#C8C8C8;font: 12px Garamond, serif;text-decoration:none;display:block;padding:0.5em;border:4px solid #eee;}

#box a:hover {color:black;background:#eee;width:20em;}
#box a span {display:none;}
#box a:hover span {color:black;background:#ffffff;font:normal 12px Garamond, serif;border:4px solid #C8C8C8;display:block;padding:0.5em;}

/*Leitmotiv nur für home/Start: Zitat Urban*/
#leitmotiv{width:460px;margin-bottom:30px;margin-left:0px;padding:10px;border:4px solid #C8C8C8;background:#eee;font:bold;font-size:1.1em;font-style:oblique;line-height:1.4em;}
#leitmotiv1 a {font-style:italic;font-size:0.5em;}
#leitmotiv1{width:760px;margin-bottom:30px;margin-left:0px;padding:10px;border:4px solid #C8C8C8;background:#eee;font:bold;font-size:1.1em;font-style:oblique;line-height:1.4em;}

/*grauer Kasten mit CEOS-Logo*/
#header{width:830px;border:4px solid #C8C8C8 ;background:#eee;}
#header img{margin-left:20px; width:494px;}
#header a img{height:15px; width:20px; position:absolute; top:113px;left:800px;border-style:none;}

/*Navigationsleiste*/
#Navigation {width:830px;border: 4px solid #eee;background:#D2D2D2;height:32px;}
#Navigation li { float: left;  display: block; padding-top:5px;padding-right:22px;}
#Navigation li a {display: block;  padding: 5px;  font-weight: bold; background:#D2D2D2;}
#Navigation li a:hover{background-color:#00FF00; }
#Navigation span{color:red;display: block;  padding: 5px;  font-weight: bold; }
#Navigation  img{left:815px;height:13px;padding-top:0px;border-style:none;}
 /*Navigationsleiste*/

#Navigation2 { width:830px;border:4px solid #C8C8C8;background:#eee;height:40px;}
#Navigation2 li {float: left;  display: block;padding:2px; padding-right:25px; font-weight:bold;}
#Navigation2 li a {font-size:80%;display: block; background:background:#eee;}
#Navigation2 li a:hover{background-color:#00FF00; }
#Navigation2 span{color:red;font-size:80%;display:block;}


/*Darstellung aller links*/
 a:link    {    color: black; background-color: #eee;}
 a:visited {    color: #666; background-color:  #eee;}
 a:hover   {    color: black; background-color:#00FF00;  }
 a:active  {    color: white; background-color: gray;  }

/*kleine Schrift für zB read more*/
small {font-size:0.3em;}

/*grauer Kasten rechts */
 div#Info {
    font-size: 1em;
    float: right; width: 250px;
margin-right: -8px;
    margin-top:5px;
margin-bottom:5px;
     border: 4px solid #C8C8C8 ; background-color: #eee;  }

div#aufzaehl {
float:right;
width: 600px;
}

 div#Info strong { font-size: 1.2em; margin:0.5em;color:red;}
 div#Info p { font-size: 1em;  margin: 0.5em; }
 div#Info a {  padding: 0em; font-weight: bold; color:red;}

/*Hauptseite, wenn Infokasten vorhanden home/Start*/
  div#Inhalthome {
margin-top: 0px;
align: center;
margin-left:15px;
margin-right:300px;
  }
div#Inhalthome h1 {
font-size: 1.3em;
margin: 1.2em 0 0.5em;
line-height: 1.2em;
 }
  div#Inhalthome h2 {
    font-size: 1.1em;
    margin: 0.2em 0;
line-height: 1.1em;
  }
 
  div#Inhalthome p {
   font-size: 1em;
    text-align:justify;
  }
  div#Inhalthome li {
   font-size: 1em;
   margin: 1em 0;
   text-align:justify;
  }
#Inhalthome img{border:2px solid #eee}

/*Bildbeschriftung*/
div#caption {
font-size: 1.2em;
float: right;
width:600px;
margin:10px;
line-height:2em;}

div#captionleft {
font-size: 1.2em;
float: left;
margin:10px;
font-style:italic;
line-height:2em;}

/*normale Hauptseite*/
 div#Inhalt {
margin-left:15px;
  }
  div#Inhalt h1 {
font-size: 1.3em;
    margin: 1.2em 0 0.5em;
line-height: 1.2em;
align:left;
     }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin-top: 2em;
line-height: 1.1em;
  }
div#Inhalt h3 {
 font-weight: bold;
    font-size: 1.0em;
    margin-top: 2em;
line-height: 1 em;
  }
  div#Inhalt p {
   font-size: 1em;
   margin: 1em 0;
   text-align:  left;
   text-align:justify;
overflow: visible;
  }

/*grauer Kasten links*/
 div#left {
    font-size: 1em;
    float: left; width: 350px;
    padding:1em;
    margin-top:60px;
     border: 4px solid #C8C8C8 ; background-color: #eee;
   }
div#left1{
    font-size: 1em;
    float: left; width: 450px;
    padding:1em;
    margin-top:30px;
     border: 4px solid #C8C8C8 ; background-color: #eee;
   }

/*grauer Kasten rechts, unterscheiden sich durch Breite/oberer Abstand*/
 div#right0 { font-size: 1em; float:right; width: 300px;padding:1em; margin-top:20px;border: 4px solid #C8C8C8 ; background-color: #eee;
text-align:left;}
div#right0 li{ font-size: 1em;
   margin: 1em 0;
 list-style-position:inside;}

 div#right3 { font-size: 1em; float:right; width: 350px;padding:1em; margin-top:60px;border: 4px solid #C8C8C8 ; background-color: #eee;
   }
div#right2 { font-size: 1em; float:right; width: 350px;padding:1em; margin-top:30px;border: 4px solid #C8C8C8 ; background-color: #eee;
  }
 div#right { font-size: 1em; float:right; width: 300px;padding:1em; margin-top:-30px;border: 4px solid #C8C8C8 ; background-color: #eee;
   }
 div#right1 {font-size: 1em; float:right; width: 230px;padding:1em; margin-top:30px; border: 4px solid #C8C8C8 ; background-color: #eee;
   }
div #right1  p{text-align:left;}

/*Aufzählung*/
  div#Inhalt li {
   font-size: 1em;
   margin: 1em 0;
   text-align:justify;
list-style-position:inside;
  }
#inhaltfotos {width:820px;padding-left:15px;}
#inhaltfotos img {border:8px solid #eee;}
#fotos {width:830px;border: 4px solid #eee;height:80px;}
#fotos li { float: left;  display: block; padding:5px;}
#fotos li span{display: block;  padding: 5px}
#fotos li a {display: block;  padding: 5px; background:#D2D2D2;}
#fotos a:hover   {background-color:#00FF00; }
#fotos img {width:82px; border:0;}

div#Fusszeile {
  clear: both;
  margin-top: 20px; padding: 0.4em;
  border: 2px solid #C8C8C8 ; background-color: #eee; 
 }