/*Dieser css-code entstand unter Einfluss genialer Seiten wie http://selfhtml.teamone.de , meyerweb.com , http://wwwbs.informatik.htw-dresden.de/svortrag/ai99/Kuehne/s2602_CSS_Vortrag/Inhaltsverzeichnis.html*/

/* ################################################################################################*/
/*					Global options						   */
/* ################################################################################################*/

body {
  position: relative; margin: 0; padding: 0;
  background-attachment: fixed;
}

/*########################################################################################*/
/*                                      Section 'logo'                                    */
/*########################################################################################*/

div#logo {
  position: fixed; top: 15px;
  background-attachment: fixed;
  z-index: 9;
}

div#logo img{
  border: 0px;
  margin-right: 5px;
}

/*########################################################################################*/
/*                                      Section 'blind'                                    */
/*########################################################################################*/


div#blind {
  position: fixed; top: 0px;
  margin-top: 0px;
  height: 95px;
  width: 100%;
  z-index: 3; 
}

/*########################################################################################*/
/*                                      Section 'head'                                    */
/*########################################################################################*/

div#head {
  position: fixed; left: 255px; right: 15px; top: 15px;
  height: 65px;
  background-color: #0067a6; 
  z-index: 4; 
}

div#head h1 {
  max-height: 65px;
  text-align: right; 
  color: #d3d4d5;
  margin-top: 30px;
  margin-right: 100px;
  font: lighter 25px sans-serif;
}

/* ################################################################################################*/
/*					Section 'content'					   */
/* ################################################################################################*/

div#content {
  position: absolute; top: 95px; left: 255px; right: 15px;
  padding-left: 30px;
  padding-top: 30px;
  padding-right: 30px;
  color: black; font: 13px verdana, sans-serif;
  background-attachment: fixed;
  z-index: 1;
	min-width:200pt;
}
/* 2010-04-09 AJP Peter Schwabe will ein min width haben */
/*########################################################################################*/
/*					Section 'menu'					  */
/*########################################################################################*/

div#menu {
  position: fixed; top: 95px; 
  background-attachment: fixed;
  margin-left: 0; 
  width: 255px;
  height: 100%;
  font: 16px helvetica, sans-serif;
  z-index: 5;
}


div#menu .holder { 
  /* background: #0067a6 none repeat scroll 0%; */
  background-color: #0067a6;
  padding-left: 20px; 
  font-weight: bold; 
  color: #b3b4b7; 
  margin-bottom: 5px; 
  width: 150px; 
  height: 30px; 
  display: block; 
  float: left; 
  text-decoration: none;  
  overflow: hidden; 
}

div#menu .single { 
  /* background: #0067a6 none repeat scroll 0%; soll das? */
  background-color: #0067a6;
  padding-left: 20px; 
  font-weight: bold; 
  color: #b3b4b7; 
  margin-bottom: 5px; 
  width: 150px; 
  height: 30px; 
  display: block; 
  float: left; 
  text-decoration: none;  
  overflow: hidden; 
}

/* Freudigs Ausfalten von Unterlinks, wenn der Mauszeiger drüber ist*/
/*
div#menu .holder:hover { 
  zzbackground: #2a3faa none repeat scroll 0%; 
  background: #779ec9 none repeat scroll 0%; 
  height: auto; 
  cursor: pointer;  
}
*/

div#menu a.outer {
  margin-bottom: 5px;
}

div#menu a.inner {  
  font: 12px helvetica, sans-serif;
  font-weight: bold;
  margin-left: 10px; 
  display: block; 
  margin-bottom: 5px;
  width: 120px; 
  text-decoration: none; 
}


div#menu a {
  display: block; text-align: left; 
  font-weight: bold;
  border-width: 0;
  text-decoration: none;
  margin-top: 7px;
  color: #b3b4b7;
} 
div#menu a:hover {
  color: white;
}

/*########################################################################################*/
/*                                      Section 'footer'                                  */
/*########################################################################################*/

div#footer {
  position: absolute; 
  /*top: 100px; left: 30px;*/
  margin-top: 100px;
  vertical-align: bottom;
  margin-bottom: 30px;
  min-width:360px;
  position: relative; 
  background-color: #dce1f2; 
  z-index: 4
}

div#w3cval {
  position: absolute; 
  /*top: 100px; left: 30px;*/
  margin-top: 20px;
  vertical-align: bottom;
  margin-bottom: 30px;
  min-width:360px;
  position: relative; 
  background-color: #dce1f2; 
  background-color: #00FF00; 
  z-index: 4
}

a:link    {color:#003786; text-decoration:none; background-color:transparent}
a:visited {color:#0067a6; text-decoration:none; background-color:transparent}
a:active  {color:#002746; background-color:transparent}
a:active  {color:#FF0000; background-color:transparent}
a:hover   {color:#0097d6; background-color:transparent}
a:hover   {color:#003786; text-decoration:underline; background-color:transparent}