/*allgemeine Seiteneinstellung*/
body {
  background-image:url(../Bilder/mp2b.jpg);
  background-attachment:fixed;
    color: black; 
    background-color: white;
    font-size: 100.01%;
    font-family: Verdana, Tahoma, Arial, Helvetica, serif;
    width:1108px; margin:auto auto;
line-height:1.3em; }
/*padding-left:100px;*/
/*box für das Impressum, wird nur in home/Start verwendet*/
#box  {position:absolute;left:1011px;top: 0px; 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; float:left;box-shadow: black 0px 0px 16px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;}
#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;}

/*Sprachenwechsler*/
#language  {position: fixed;left:250px;top:-30px;width:124px; height:83px;}

/*Leitmotiv nur für home/Start: Zitat Urban*/
#leitmotiv{width:600px;margin-bottom:30px;margin-left:0px;padding:10px;border:4px solid #C8C8C8;background-image: url (Bilder/back.png);box-shadow: black 0px 0px 16px;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{border:4px solid #C8C8C8 ;background:#eee; position:fixed; width:1100px; top:0px;box-shadow: black 0px 0px 16px; -webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;height:110px; margin-top:0px;}
#header img{margin-left:20px; width:494px;}
#header a img{height:15px; width:20px; position:absolute; top:113px;left:800px;border-style:none;}


/*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;}

/*Infokasten */
#Info {box-shadow: black 0px 0px 16px; font-size: 1em; float: right; width: 250px; margin-right: 0px; margin-top:50px; margin-bottom:50px;
      border: 4px solid #C8C8C8 ; background-color: #eee;}
 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;}
/* Aufzaehlung */
div#aufzaehl {
float:right;
width: 600px;
}
/*Hauptseite, wenn Infokasten vorhanden home/Start*/
  div#Inhalthome {
margin-top: 50px;
/*text-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 {box-shadow: black 2px 3px 4px;
font-size: 1.2em;
float: right;
width:600px;
margin:10px;
line-height:2em;}

div#captionleft{ /*{box-shadow: black 2px 3px 4px;*/
font-size: 1.2em;
float: left;
margin:10px;
font-style:italic;
line-height:2em;}

/*normale Hauptseite*/
 div#Inhalt {
margin-left:15px; margin-top:50px;
  }
  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;
  }

  /*Fuer die Jobseite*/
#job {
    font-size: 1em;
    float: middle; 
    padding:1em; width:1000px; background-color: white; height:50px;
   }
/*grauer Kasten links*/
 div#left {box-shadow: black 0px 0px 16px;
    font-size: 1em;
    float: left; width: 350px;
    padding:1em;
    margin-top:60px;
     border: 4px solid #C8C8C8 ; background-color: #eee;
   }
div#left1{box-shadow: black 0px 0px 16px;
    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;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px; box-shadow: black 0px 0px 16px;
text-align:left;}
div#right0 li{ font-size: 1em;box-shadow:black 0px 0px 16px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;
   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;box-shadow: black 0px 0px 16px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;
   }
div#right2 { font-size: 1em; float:right; width: 350px;padding:1em; margin-top:30px;border: 4px solid #C8C8C8 ; background-color: #eee;box-shadow: black 0px 0px 16px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;
  }
 div#right { font-size: 1em; float:right; width: 300px;padding:1em; margin-top:-30px;border: 4px solid #C8C8C8 ; background-color: #eee;box-shadow: black 0px 0px 16px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;
   }
 div#right1 {font-size: 1em; float:right; width: 230px;padding:1em; margin-top:30px; border: 4px solid #C8C8C8 ; background-color: #eee;box-shadow: black 0px 0px 16px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;
   }
div #right1  p{text-align:left;}

#right4 { font-size: 1em; float:right; width:700px; padding: 1em; margin-top:0px; border: 4px solid #C8C8C8; background-image:url(Bilder/back.png);box-shadow: black 0px 0px 16px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;}

/*Kasten über die ganze Seitenbreite*/
#full1 {font-size: 1em; float:left; width:950px; padding: 1em; margin-top:0px; border: 4px solid #C8C8C8; 
			background-image:url(../Bilder/back2.png);box-shadow: black 2px 3px 4px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;}

/*Aufzählung*/
#Inhalt li {
   font-size: 1em;
   margin: 1em 0;
   text-align:justify;
list-style-position:inside;
  }
#inhaltfotos {width:820px;padding-left:15px;box-shadow: black 2px 3px 4px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;}
#inhaltfotos img {border:8px solid #eee;}
#fotos {width: 694px;border: 4px solid #eee;height:80px; float:left; background-image: url(Bilder/slideshow/background.jpg)}
#fotos li { float: left;  display: block; padding:5px; margin-right:200px;}
#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;}
#fotosgross { width: 500px; border:4px solid #eee; float: left;}
#fotosgross img {}
#fotos2 {border: 4px solid #eee;height:80px; float:left;}
#fotos2 li { float: left;  display: block; padding:5px; margin-right:200px;}
#fotos2 li span{display: block;  padding: 5px}
#fotos2 li a {display: block;  padding: 5px; background:#D2D2D2;}
#fotos2 a:hover   {background-color:#00FF00; }
#fotos2 img {width:82px; border:0;}
#fotosgross2 { border:4px solid #eee; float: left;}
#fotosgross2 img {}

div#Fusszeile {box-shadow: black 0px 0px 16px;-webkit-box-shadow:black 0px 0px 16px;-moz-box-shadow:black 0px 0px 16px;
  clear: both;
  margin-top: 50px; padding: 0.4em;
  border: 2px solid #C8C8C8 ; background-color: #eee; 
 }
  


#fotos_old {width:830px;border: 4px solid #eee;height:80px;}
#fotos_old li { float: left;  display: block; padding:5px;}
#fotos_old li span{display: block;  padding: 5px}
#fotos_old li a {display: block;  padding: 5px; background:#D2D2D2;}
#fotos_old a:hover   {background-color:#00FF00; }
#fotos_old img {width:82px; border:0;}