/* =====================================
Stylesheet 
Dieser Stylesheet wurde von mir erstellt
Bitte nicht kopieren und oder weitergeben
ohne vorherige Nachfrage unter:
post@redmoon7.de
Danke

Aufbau: 1. Kalibrierung
		2. Allgemeine Styles
		3. Styles für Layoutbereiche
		4. Sonstige Styles

===================================== */


/*======================================
 1. Kalibrierung
======================================*/
* { padding: 0; margin: 0; }
ol ul {margin-bottom: 0; }
a img { border:none; }
/*======================================
 2. Allgemeine Styles
======================================*/
  html {height: 101%; }
  
  body {
  padding:0px;
  margin:0px;
  background-color:#d7d7d7;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size: 80%;
  color:#000000;
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

 h1 {
font-size: 110%;
color:#d7d7d7;
background-color: #666;
border-top:1px solid #3a5d92;
border-bottom:1px solid #3a5d92;
margin:0px;
padding:2px 0px 3px 10px;
}

h2 {
font-size: 105%;
color:#d7d7d7;
background-color: #666;
border-top:1px solid #3a5d92;
border-bottom:1px solid #3a5d92;
margin:0px;
padding:2px 0px 3px 10px;
}
h3 {
font-size: 105%;
color:#900;
text-align:center;
margin:0px;
padding:2px 0px 3px 10px;
}

img.download {vertical-align:middle;}
 
/*===========================
Hyperlinks
===========================*/

a {color: #3a5d92;
   text-decoration: none; 
    outline: none;}
a:visited {color:#952d2a;}
a:hover {color: #fff;}
a:active { color:#ff0000;}

/*===========================
Klassen und ID´s
===========================*/
.skiplink {
  position: absolute;
  top: -5000px;
  left: -5000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/*======================================
 3. Styles für Layoutbereiche
======================================*/
/* ----------container to center the layout---------- */
#container {
width: 1000px;
min-height: 550px;
padding:0px;
background-color:#d7d7d7;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 
/* ---------------navi-------------------- */

#navi{
color:#000000;
font-size:120%;
list-style-type: none;
font-family:Georgia, "Times New Roman", Times, serif;
}  
#navi ul{
padding: 8px 8px 8px 0px;
 }  
#navi li{
margin-right: 12px;
display:inline;
 } 
  #navi a,
  #navi span {
  color:#8c8c8c;
  }
  #navi a:hover,
  #navi a:focus {
  color:#3a5d92;
  }
  
  #navi01 span,
  #navi02 span,
  #navi03 span,
  #navi04 span,
  #navi05 span, 
  #navi06 span {
  color: #3a5d92;
  border-bottom-color: #dfce02;
  }
/* ----------------kopf-------------- */
#kopp {
  margin:0px 10px 0px 0px;
}

/* ----------mitte----------------- */
#mitte {
	min-height:500px;
  position:relative;
  width:100%;
}
/* --------------inhalt------------- */
#inhalt {
  min-width:150px;
  padding:5px;
  margin:15px 180px;
}
#inhalt ul{
padding: 8px 70px 8px 0px;
 }  
#inhalt li{
margin: 15px 0px 0px 20px;
display:block;
 } 
  #inhalt a,
  #inhalt span {
  color:#8c8c8c;
  }
  #inhalt a:hover,
  #inhalt a:focus {
  color:#3a5d92;
  }
  
  #inhalt01 span,
  #inhalt02 span,
  #inhalt03 span,
  #inhalt04 span,
  #inhalt05 span, 
  #inhalt06 span {
  color: #3a5d92;
  border-bottom-color: #dfce02;
  }
 #inhalt-hover {
   color: #3a5d92;
   margin:30px 0px 0px 0px;
} 
#inhalt-hover a:link span,
#inhalt-hover A:visited span {
   display: none;
   color:#360;
   }
#inhalt-hover ul{
padding: 0px 7px 0px 0px;
 }  
#inhalt-hover li{
margin: 3px 0px 0px 2px;
display:block;
 } 
#inhalt-hover A:hover span,
#inhalt-hover A:focus span {
   font-size: 105%;
   text-align:center;
   line-height: 20px;
   color:#d7d7d7;
   background-color:#666;
   padding:5px 5px 5px 5px;   
   height: 20px;
   width: 400px;
   display: block;
   position: absolute;
   top: 210px;
   left: 192px;
   }

#inhalt-person {
  min-width:120px;
  padding:5px;
  margin:15px 180px;
  text-align:justify;
}
#inhalt-buecher-bilder{
	min-width:120px;
	position:absolute;
	top:180px;
	left:199px;
	width:100px;
	height:300px;
	text-align:left;
	padding:5px;
	margin:0px;
}
#inhalt-buecher-person{
	text-align:right;
	margin:0px 20px 0px 0px;
}
#inhalt-buch-bilder{
  min-width:120px;
  position:absolute;
  top:140px;
  left:200px;
  width:100px;
  height:300px;
  text-align:left;
  padding:5px;
  margin:0px;
}
#inhalt-buecher-bilder ul,
#inhalt-buch-bilder ul{
padding: 0px 150px 0px 0px;
 }  
#inhalt-buecher-bilder li,
#inhalt-buch-bilder li{
	min-height:130px;
margin: 0px 0px 0px 20px;
display:block;
 } 
  #inhalt-buecher-bilder a,
  #inhalt-buecher-bilder span {
  color:#8c8c8c;
  }
  #inhalt-buecher-bilder a:hover,
  #inhalt-buecher-bilder a:focus {
  color:#3a5d92;
  }
  
  #inhalt-buecher01 span,
  #inhalt-buecher02 span,
  #inhalt-buecher03 span,
  #inhalt-buecher04 span,
  #inhalt-buecher05 span, 
  #inhalt-buecher06 span {
  color: #3a5d92;
  border-bottom-color: #dfce02;
  }
  #inhalt-buch-text{
	min-width:120px;
	position:absolute;
	top:140px;
	left:300px;
	width:360px;
	height:1px;
	text-align:left;
	padding:5px;
	margin:0px;
} 
  #inhalt-buecher-text {
	min-width:10px;
	position:absolute;
	top:180px;
	left:300px;
	width:360px;
	height:1px;
	text-align:left;
	padding:5px;
	margin:0px;
}
#inhalt-buecher-text ul,
#inhalt-buch-text ul{
padding: 0px 10px 0px 0px;
 }  
#inhalt-buecher-text li,
#inhalt-buch-text li {
	min-height:130px;
margin: 0px 0px 0px 20px;
display:block;
 } 
  
  #inhalt-buecher01 span,
  #inhalt-buecher02 span,
  #inhalt-buecher03 span,
  #inhalt-buecher04 span,
  #inhalt-buecher05 span, 
  #inhalt-buecher06 span {
  color: #3a5d92;
  border-bottom-color: #dfce02;
  }
  #inhalt-buecher-alle {
	min-width:10px;
	width:560px;
	height:1px;
	text-align:left;
	padding:20px 0px 0px 0px;
	margin:0px;
}
 #inhalt-buch-bilder-alle{
  
} 
 #inhalt-buch-bilder-alle ul{
padding: 0px;
 }  
#inhalt-buch-bilder-alle li{
margin-right: 0px;
display:inline;
 } 
  #inhalt-buch-bilder-alle a,
  #inhalt-buch-bilder-alle span {
  color:#8c8c8c;
  }
  #inhalt-buch-bilder-alle a:hover,
  #inhalt-buch-bilder-alle a:focus {
  color:#3a5d92;
  }
  
  #inhalt-buch-bilder-alle01 span,
  #inhalt-buch-bilder-alle02 span,
  #inhalt-buch-bilder-alle03 span,
  #inhalt-buch-bilder-alle04 span,
  #inhalt-buch-bilder-alle05 span, 
  #inhalt-buch-bilder-alle06 span {
  color: #3a5d92;
  border-bottom-color: #dfce02;
  } 
  
/* -----------------links--------------------- */
#links {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:120%;
  position:absolute;
  top:100px;
  left:0px;
  width:160px;
  height:300px;
  text-align:left;
  border:0.1em solid #3a5d92;
}
 #links ul{
padding: 8px 8px 8px 0px;
 }  
#links li{
margin: 15px 0px 0px 20px;
display:block;
 } 
  #links a,
  #v span {
  color:#8c8c8c;
  }
  #links a:hover,
  #links a:focus {
  color:#3a5d92;
  }
  
  #links01 span,
  #links02 span,
  #links03 span,
  #links04 span,
  #links05 span, 
  #links06 span {
  color: #3a5d92;
  border-bottom-color: #dfce02;
  }
/* -------------------rechts---------------------- */
#rechts {
  position:absolute;
  top:100px;
  right:10px;
  width:160px;
  height:300px;
  text-align:center;
  border:0.1em solid #3a5d92;
}

/* -----------------back---------------- */
#back {
  padding:15px;
  text-align:center;
}
#back a {
  color:white;
  font-size:0.8em;
  font-weight:600;
}
/*  ----------------footer---------------------- */ 
#fuss {
	text-align:center;
	color:#d7d7d7;
  height:18px;
  padding:2px 0px 2px 0px;
  background-color:#666;
  border-top:1px solid #3a5d92;
  border-bottom:1px solid #3a5d92;
}

/*======================================
 4. Sonstige Styles
======================================*/


pre {
  font-size:12px;
  padding:10px 15px;
}
td {
  padding:2px 3px;
}
/*==================================================
===============================Das Kontaktformular*/



/*======================================
 Ende des Styles
======================================*/