/* (c) mike rupprecht main style sheet          */
/* ============================================ */
/* version:  10.2.1   last rev date: 27-06-2009 */
/* validated css2 level                         */
/* author :  mail (at) mike-rupprecht.de        */
/* uri    :  http://www.mike-rupprecht.de       */
/************************************************/

body {
background: #354e59;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
font-family: tahoma, verdana, arial, sans-serif;
margin: 0px auto;
text-align: center;
width: 844px;
}

#head {
background: #132a3a;
text-align: right; 
padding-top: 10px;
padding-bottom: 10px;
margin-top: 15px;
margin-bottom: 2px;
border: 1px solid gray;
width: 842px;
}

#menue {
background: #24373C;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid gray;
width: 842px;
}

#main {
  margin-top: 2px;
  /*  background: #006699; */
  text-align:center;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid gray;
  width: 842px;
}

#content {
  margin-top: 2px;
  background-image: url(../images/bgw.jpg);
  text-align:left;
  padding: 15px;
  border: 1px solid gray;
  width: 812px;
  }

#footer {
  text-align: right;
  font-size: 10px; 
  color: #ffffff; 
  width: 842px;
  padding-top: 2px;
  padding-bottom: 20px;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}


.leftbox {
  float:left;
  width: 200px;
  border-right: 1px dotted gray;
  padding: 5px;
  margin: 0 20px 20px 0;
}


/* counter floating left without frame */
img.counter { 
  color: #CCCCCC;
  float: left; 
  margin: 4px; 
  border: 0px; 
}

.leftfotobox {
  float:left;
  width: 400px;
  border-right: 1px dotted gray;
  padding: 5px;
  margin: 0 20px 20px 0;
}

.rahmen {padding: 2px; border: 1px solid black; }
.rotrahmen {padding: 2px; border: 2px solid red; }
.kasten {background: #faf0e6; padding: 5px; border: 1px dotted black; }
.kasteneq {background: #f0ffff; padding: 5px; border: 1px dotted black; }
.kastenbl {background: #006699; padding: 5px; border: 1px solid black; }
.orbital {background: #f0f8ff; padding: 5px; border: 1px dotted black; width:400px; }

.pic { font-family:verdana, arial, sans-serif; font-size: 10px; color: #708090; text-decoration: none;}


/* aus kompatibilitätsgründen zu noch nicht umgestellten seiten */
.main {
padding: 20px;
background: #f3f3f3;
text-align:left;
margin: 0px auto;
width: 842px;
}


/* schriften */

h1, h2, h3, h4, h5, h6 { color: #132a3a;}
pre, code {font-size:13px;}

a {font-size:0.84em; color: #000033; text-decoration: underline; font-weight: bold; }
a:hover { color: #0000ff; }
a:active {color: #0000ff; }


#content p, li, dd, td, th , em {font-size:0.84em; line-height:1.36em; max-width:760px;}
#content small {font-size:11px; }

#content th {font-weight: bold;}
#content dt {font-size:13px;color: #ccffff; background-image: url(../images/headline.jpg);}

#content a { font-size:0.9em; color: #000033; text-decoration: underline; font-weight: bold; }
#content a:hover { color: #0000ff; }
#content a:active {color: #0000ff; }

#head a { font-size: 11px; color: #ffffff; text-decoration: none; font-weight: normal;}
#head a:hover { color: #00ffff; }
#head a:active { color: #00ffff; }

#menue a {color: #ffffff; font-size:15px; text-decoration: none; font-weight: bold; }
#menue a:hover { color: #00ffff; }
#menue a:active { color: #00ffff;  }

#footer a { font-size: 10px; color: #ffffff; text-decoration: none; font-weight: normal;}
#footer a:hover { color: #00ffff; }
#footer a:active { color: #00ffff; }

a.boldfooter:link { font-family:verdana, arial, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold;}
a.boldfooter:visited { font-family:verdana, arial, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold;}
a.boldfooter:hover { font-family:verdana, arial, sans-serif; font-size: 11px; color: #0000ff; text-decoration: none; font-weight: bold;}
a.boldfooter:active { font-family:verdana, arial, sans-serif; font-size: 11px; color: #0000ff; text-decoration: none; font-weight: bold;}


p.pic {text-align: center; font-size: 13px; color: white;font-weight: bold; }
p.pictitle {text-align: center; font-size: 14px; color: white;font-weight: bold; }

blockquote
{
     font: 14px georgia, verdana, arial, sans-serif;
     font-style: italic;
     margin: 1em;
     padding: 0 0 10px 60px;
     background: url(../images/blockquote.gif) no-repeat left top;	
}


/* bilder  */

#head img {
  border:0px ;
}

#footer img {
  border:0px ;
}


/* text floating around left image without frame */
img.floatLeft { 
  float: left; 
  margin: 0 20px 5px 0;
  border: 0px; 
}

/* text floating around right image without frame */
img.floatRight { 
  float: right; 
  margin: 0 15px 5px 20px;
  border: 0px;
} 

/* text floating around left image with frame */
img.floatLeftFrame { 
  float: left; 
  margin: 0 20px 5px 0;
  border: 1px solid black; 
}

/* text floating around right image with frame */
img.floatRightFrame { 
  float: right; 
  margin: 0 15px 5px 20px;
  border: 1px solid black; 
} 



/* --------------------------------------------------------------------------------------------------- */
/* OVERVIEW LAYOUTS                                                                                    */
/* --------------------------------------------------------------------------------------------------- */

td.active {
  background-color: #EBF1DD;
  width: 180px;
  height: 40px;
}

td.inactive {
  background-color: #FDEADA;
  width: 180px;
  height: 40px;
}

td.deorbit {
  background-color: #C0C0C0;
  width: 180px;
  height: 40px;
}

td.planned {
  background-color: #DBEEF3;
  width: 180px;
  height: 40px;
}



table.overview { 
  margin-top: 15px;
}

table.overview tr td.image {
  background-image: url( ../images/frame.gif );
  width: 128px;
  height: 128px;
  padding: 0px;
  text-align: center;
}

table.overview tr td.empty {
  text-align: center;
}

/* --------------------------------------------------------------------------------------------------- */
/* DETAIL LAYOUTS                                                                                      */
/* --------------------------------------------------------------------------------------------------- */

div.image {
  margin-top: 15px;
  text-align: center;
}