body  { 
background-color: #ffffff;
background-image: url(img/bodybackground.gif); 
background-repeat: repeat;
font-size: 62.5%; 
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Sans-Serif; 
margin-top: 40px;
padding: 0px;
}

a:link  { color: #369; text-decoration: none }
a:visited  { color: #369; text-decoration: none }
a:hover  { color: #369; text-decoration: underline }
a:active  { color: #369; text-decoration: none }
a img  { color: #369; border: none }

h1  { color: #369; font-size: 1.3em; font-weight: 800 }
h2  { color: #369; font-size: 1.2em; font-weight: 800 }
h3  { color: #369; font-size: 1.1em; font-weight: 800 }

#content  { 
font-size: 1.3em; 
background-color: #fff; 
background-image: url("img/content_background.png"); 
background-repeat: repeat-y; 
margin-left:auto; 
margin-right:auto;
width: 770px;
}

#header {
  height: 136px;
  background-image: url(img/header_background.png);
  background-repeat: no-repeat;
}

#headerblog {
  height: 136px;
  background-image: url(img/header_backgroundblog.png);
  background-repeat: no-repeat;
}

#middle  { background-color: #fff; margin: 0 auto; width: 740px }

#footer  { background-color: #fff; background-image: url("img/footer_background.png"); background-repeat: no-repeat; margin: 0 auto; width: 770px; height: 10px }

/* Navigationsmenue */
#navigation  { margin: -19px auto 0 auto; height: 45px; width: 700px;
}

#navigation ul {
  width: 760px;
  height: 19px;
  list-style: none;
  margin: 0px auto;
  padding: 0;
}

#navigation li {
  margin: 0px 6px 0px 6px;
  font-size: 1em;
  float: left;
}

#navigation li a  { color: #369; line-height: 1.5em; text-decoration: none; background-color: #ffffff; text-align: center; display: block; padding: 0 4px; height: 18px; float: left; border-style: solid solid none; border-width: 1px 1px medium; border-color: #aeaeae #aeaeae  }

#navigation li a:hover  { color: #ffffff; background-color: #369 }

/* Navigation Ende */

/* Navigation Links */
#nav_left  { width: 160px; float: left }

#nav_left ul  { list-style: none; margin: 0 0 8px 5px; padding: 0 0 3px; border-bottom: 1px dashed #369 }

#nav_left li  { margin: 0; padding: 0 }

#nav_left li a   { color: #369; text-decoration: none; display: block; padding: 0 0 0 2px }
#nav_left li a:before  { content: "\00BB  " }

#nav_left li a:hover   { color: #ffffff; background-color: #369 }

/* Navigation Links EOF */

/* Content */
#contents_container  { background-image: url("img/contents.png"); background-repeat: repeat-y; width: 580px; float: right;
}

#contents {
  background-image: url(img/contents_header.png);
  background-repeat: no-repeat;
  padding: 30px 30px 0px 30px;
  line-height: 1.4em;
}

#contents_footer {
  height: 70px;
  background-image: url(img/contents_footer.png);
  background-repeat: no-repeat;
  padding: 0px 30px 0px 30px;
  text-align: center;
}

#contents_footer p { padding: 25px; }
/* EOF Content */

#shortkeys {
  float: right;
  margin-top: -10px;
  text-align: right;
}

#shortkeys2 {
  float: center;
  margin-top: -10px;
  text-align: center;
}

/* Diverse Klassen und Formatierungen */
#middle p:first-letter { font-weight: 800; }
.clearer { clear: both; }
.helper { cursor: help; }
.alignleft { float: left; margin: 4px; }
.alignright { float: right; margin: 4px; }
.centered { text-align: center; }
.table_ecommerce_odd { background-color: #CCCCCC; }
.table_ecommerce_even  { background-color: #fff }
.table_ecommerce  { font-size: 0.8em; background-color: #fff; margin: 0 auto; border: solid 1px #cccccc }

/* Definition Quellcodeformatierung */
pre.source {
  border: 1px solid #CCCCCC;
  background-color: #FAFAFA;
  font-family: "Courier New", Courier, mono;
  font-size: 0.9em;
  white-space: pre;
  line-height: 1.2em;
}
pre.source code:before {
  content: attr(class);  
  margin: 0 0.5em 0 0.5em;
  padding: 0;
  border-right: 1px solid #EEEE77;
  color: #777777;
  background-color: #FFFFEE;
}
pre.source:hover code:before { content: '\20\20\20'; }
#lightbox{
	background-color:#FFF;
	padding: 30px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1.4em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url("img/overlay.png"); }
* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url("img/blank.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
    }