/* ===========================================
Stylesheet 100-webverzeichnisartikel
---------------------------------------------
Aufbau:
  1. Kalibrierung
  2. Allgemeine Styles
  3. Styles fuer Layoutbereiche
  4. Sonstige Styles
==============================================*/

/* ==========================================================================================================
  1. Kalibrierung
=============================================================================================================*/
* {padding:0; margin:0;}
p, ul, li, h2, h3 {margin-bottom:1em;}
ul {list-style-type:disc;}
li {margin-left:2em;}
h1 {margin-bottom:3px;}

/* ==========================================================================================================
  2. Allgemeine Styles
=============================================================================================================*/
html {height:101%;}

/* Nur fuer IE6 
* html  */

body {
  background-color: #37321A; 
  background-image: url(Hintergrund-Bilder/Hintergrund-Sand.gif);
  color: black; 
  padding:0px;
  border: 0px;
  margin: 0px;
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height: 1.4em;
  overflow: visible;
  position: relative;
}


/*==================================== aussenrand ====================================*/
#aussenrand {
  background-color: #DDDDDD;
  color: black;
  width: 950px;
  height:auto;
  padding:0px;
  border:0px solid #000000;
  margin:20px auto;
  margin-top: 0px;
}

/*==================================== wrapper ====================================*/
#wrapper {
  padding:0px;
  border:0px;
  margin: 0px;
}

/*==================================== contentbereich ====================================*/
#contentbereich-aussen {
  background-color:#FFE677; 
  overflow:hidden;
  position:relative;
  color:black;
}

#contentbereich-innen {
  padding: 0px;
  border:0px;
  margin-top: 0px;
  margin-right: 50px;
  margin-bottom: 0px;
  margin-left: 250px;
}

/*==================================== raender ====================================*/
#rand-oben, #rand-rechts, #rand-unten, #rand-links {
  background-color:#000000; 
  color: black;
  overflow: hidden;
  padding:0px; 
  border:0px;
  margin:0px;
}

#rand-links {
  background-image: url(Hintergrund-Bilder/rand-links.jpg);
  position: absolute;
  left: 0px;
  width: 250px;
  height: 100%;
  line-height: 16px;
}

#rand-rechts {
  background-image: url(Hintergrund-Bilder/rand-rechts.jpg);
  position: absolute;
  right: 0px;
  width: 50px;
  height: 100%;
}

#rand-oben {
  background-image: url(Hintergrund-Bilder/rand-oben.jpg);
  position:relative;
  height: 150px;
}

#rand-unten {
  background-image: url(Hintergrund-Bilder/rand-unten.jpg); 
  position:relative;
  height: 150px;
}

/*==================================== ecken ====================================*/

#ecke-ol, #ecke-or, #ecke-ul, #ecke-ur {
  position: absolute;
  
  padding:0px;
  border:0px;
  margin:0px;
}

#ecke-ol {width:250px; height:150px; left:0px; top:0px; background-image: url(Hintergrund-Bilder/ecke-ol.jpg); line-height: 16px;
}

#ecke-or {width:50px; height:150px; right:0px; top:0px; background-image: url(Hintergrund-Bilder/ecke-or.jpg);}

#ecke-ul {width:250px; height:150px; left:0px; bottom:0px; background-image: url(Hintergrund-Bilder/ecke-ul.jpg);}

#ecke-ur {width:50px; height:150px; right:0px; bottom:0px; background-image: url(Hintergrund-Bilder/ecke-ur.jpg);}



/* ==========================================================================================================
  3. Styles fuer Layoutbereiche
=============================================================================================================*/


/*==================================== Ueberschriften ====================================*/
h1 {
font-size: 48px; 
color: #000000;
font-weight: bold;
line-height: 1.2em;
text-align: center;
margin-top: 40px;
}

h2 {font-size:130%; text-align:center; padding:5px;}

h2, h3, #zum-index a {background-color:#f6f6f6; color: #000000;}

h3 {
  font-size:16px;
  text-align:center;
  font-weight:bold; 
  padding:2px;
}

/*==================================== Hyperlinks ====================================*/
a {
  font-weight:bold; 
  font-size: 12px;
  letter-spacing: -1px;  
}

#contentbereich-innen a {font-size: 14px;}


a:link {color:#011FFD; font-weight:bold; } /* nicht besuchte Links */
a:visited { color: #111111; font-weight: bold; } /* besuchte Links */
a:active {background-color:#ffffbb; color: #500000; font-weight:bold;}
a:hover a:focus {color: #500000; background-color:white;}



/*==================================== kopfbereich ====================================*/
#kopfbereich {
  color:black;
  width:auto;
  height:auto;
  overflow: hidden;
  padding:6px;
  margin-top: 0px;
  margin-right: 50px;
  margin-bottom: 0px;
  margin-left: 250px;
}

/* Nur fuer IE6 */
* html #kopfbereich {
}

#inhaltsverzeichnis {
  background-color: #f6f6f6; /* ganz helles Grau */
  color: black; 
  position: relative;
  overflow:hidden;
  width:572px;
  padding:0px;
  border-top:1px solid #E5E5E5;
  border-right:1px solid #CDCDCd;
  border-bottom:1px solid #C1C1C1;
  border-left:1px solid #D9D9D9;
  margin:10px auto;
}

#inhaltsverzeichnis li {
  list-style-type: none;
}

.block-inhalte {
  background-color: #f6f6f6; /* ganz helles Grau */
  color: black; 
  font-size:11px;
  letter-spacing: -1px;
  line-height:1.3em;
  float: left;
  height: auto;
  width: 270px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 6px;
  border:0px;
  margin:0px;
}

#ads-2x-250x250 {
  background-color: #eeeeee; /* ganz helles Grau */
  color: black; 
  position: relative;
  overflow:hidden;
  width:572px;
  padding:0px;
  border-top:1px solid #E5E5E5;
  border-right:1px solid #CDCDCd;
  border-bottom:1px solid #C1C1C1;
  border-left:1px solid #D9D9D9;
  margin:10px auto;
}

.ads-250x250 {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  float: left;
  height: 250px;
  width: 250px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 25px;
  border:0px;
  margin:0px;
}



/*================================================= fussbereich =================================================*/
#fussbereich {
  font-size:12px;
  line-height:1.3em;
  font-family: Helvetica;
  text-align:center;
  padding:6px; 
  margin-top: 0px;
  margin-right:50px;
  margin-bottom: 0px;
  margin-left: 250px;
}



#fusszeile ul li a {
  background-color:#ffe677; 
  color:#1f1271;
  text-decoration:none;
  padding:0; 
  border:0;
  margin:0;
}

#fusszeile ul {list-style-type:none;}


#startseiten-ips {
  font-weight:bold; 
  text-align:center;
  padding:0; 
  border:0;
  margin:0;
} 

#zum-index {
  position:fixed;
  bottom:14px;
  left:38%;
  color:#E7E7F0;
  font-weight:bold; 
  font-size:100%;
  padding:0px;
}

#zum-index a {
  font-size: 14px;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight:bold; 
  padding:3px;
  border-top: 4px solid #ddd;
  border-right: 4px solid #aaa;
  border-bottom: 4px solid #666;
  border-left: 4px solid #ccc;
}

#zum-index a:hover, #zum-index a:focus {
  background-color:white;
  color:#011FFD;
  font-weight:bold; 
  padding:3px;
  border-top: 4px solid #ddd;
  border-right: 4px solid #aaa;
  border-bottom: 4px solid #666;
  border-left: 4px solid #ccc;
}

#zum-index a:visited {
  font-weight:bold; 
 
}


#sponsor-seiten {
  position: absolute;
  right: 0px;
  bottom: 0px;
  color:black;
  font-size:9px;
  line-height:1em;
  font-family: Helvetica;
  text-align:right;
  padding: 1px 6px; 
}

#copyright {
  font-size:12px;
  line-height:1.3em;
  font-family: Helvetica;
  text-align:center;
  padding:6px; 
}


/*==================================== diverse Klassen ====================================*/

.autor {
  font-style: italic;
  font-size: 80%; 
  margin-top: -1.3em;
}

.liste-einfach {list-style-type: none}


.clearen {clear:both;}
/* Nur IE6 */ * html .clearen {clear:both; background-color:FFE985;}/* Nur IE6 */


.wichtig {display:inline; background-color:#ffe677; font-weight:bold; font-size:110%;}
/* Nur IE6 */ * html .wichtig {display:inline; background-color:#cad9e8; font-weight:bold; font-size:110%;}/* Nur IE6 */


.zentrieren {text-align:center;}
.linksbuendig {text-align: left;}



/*================================================= google-adsense ============================================*/




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

/*==================================== Kontaktformular ====================================*/

.textfeld-formular {
  width:500px;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #ddd;
  border-right: 4px solid #aaa;
  border-bottom: 4px solid #666;
  border-left: 4px solid #ccc;
  margin:10px auto;
}

form {
  background-color:#F7FFC0; 
  color:black;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  width:100%%;
  padding:15px 15px 15px 20px;
  border:1px solid #8c8c8c;
  border-right:0px solid #8c8c8c; 
}

label {display:block; margin-right: 20px; text-align: center;}

input#pseudonym, input#absender-name, input#absender-email, textarea {
  background-color:#f4f4f4; 
  color:black;
  width:98%; 
  border:1px solid #8c8c8c; 
  margin-bottom:1em;
  cursor:pointer;
}

textarea {height:65px;}

input#pseudonym:focus, input#absender-name:focus, input#absender-email:focus, textarea:focus {
  background-color:white; 
  color:black;
}

#Partnerseiten {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 11px;
  font-weight: bold;
	
}


#Partnerseiten a {
  font-size: 11px;
  font-weight: bold;
	
}

.Statistik {
  font-size: 11px;
  font-weight: bold;
}


/* ==========================================================================================================
  ENDE DES STYLESHEETS
=============================================================================================================*/