/* ===========================================
Stylesheet Spiritreff
---------------------------------------------
Datei: Bildschirm.css
Datum: 2007-12-22
---------------------------------------------
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%;}

body {
  background-color: #999; /* dunkeles Grau */
  
  background-image: url(../Bilder/Papier-Hintergrund.gif);
  color: black; 
  padding:15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  line-height: 1.4em;
  min-width: 1020px;
  max-width: 1200px;
  margin: 1px auto;
}

h1 {font-size:150%; line-height: 1.2em;}
h2 {font-size:130%;}
h3 {font-size:110%;}

/*==================================== Hyperlinks ====================================*/
a {font-weight:bold;}
a:link { color: #1f1271; } /* nicht besuchte Links */
a:visited { color: #1f1271; } /* besuchte Links */
a:active { background-color: #1f1271; color: white;}
a:hover a:focus { background-color:white;}

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


 
#textbereich-1 h2, #textbereich-2 h2 {
  clear:both;
  overflow:hidden;
  background-color: #47FF47; /* hellgrün */
  color: #011FFD; 
  line-height: 1.2em;
  text-align:center;
  padding:7px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1% 1% 0% 1%;
}

/* Nur fuer IE6 */
* html  #textbereich-1 h2, * html #textbereich-2 h2 {
  background-color: #47FF47;
}


#textbereich-1 h3, #textbereich-2 h3 {
  text-align:center;
  background-color:#47FF47; /* hellgrün */
  color: #011FFD; 
  font-weight:bold; 
  font-size:110%;
  padding:2px;
}

/* Nur fuer IE6 */
* html #textbereich-1 h3, * html #textbereich-2 h3 {
  text-align:center;
  background-color:#47FF47;
  font-weight:bold; 
  font-size:110%;
  padding:2px;
}

#textbereich-1 h3 a, #textbereich-2 h3 a {
  color: #011FFD; 
}

#textbereich-1 h4, #textbereich-2 h4 {
 display: inline;
 border-bottom: #47FF47 4px solid;
}

.extratext-weiss {
  color: white; 
  font-weight:bold;
  text-align:center;
  padding:0;
  margin:0;
}

/* Nur fuer IE6 */
* html .extratext-weiss {color: black;}

.extratext-schwarz {
  color: black; 
  text-align:center;
  font-weight:bold;
  padding:0;
  margin:0;
}

.extratext-autor {
  color: black; 
  text-align:center;
  font-weight:normal;
  font-size: 11px;
  padding:0;
  margin:0;
}

.textfeld-startseite {
  color: black; 
  text-align:center;
  font-weight:bolder;
  font-size: 1.1em;
  line-height: 1.5em;
  padding:3%;
  margin:0;
}


#abstandhalter-navi { 
  float: left;
  background-color: transparent;
  width:2px;
  overflow:hidden;
  height:500px;
  padding:0;
  border:0;
  margin:0;
  margin-right:-3px;
}

/* Nur fuer IE6 */
* html #abstandhalter-navi {background-color: transparent;}

.einzeltextfeld {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  overflow:hidden;
  float: left;
  width:auto;
  padding:10px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1%;
}

.textfeld-1a {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  float: left;
  width:44%;
  overflow:hidden;
  padding:10px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1%;
}

.textfeld-1 {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  float: left;
  width:41%;
  overflow:hidden;
  padding:10px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1%;
}

.textfeld-ad {
  background-color: transparent;
  color: black; 
  float: left;
  width:41%;
  overflow:hidden;
  padding:10px;
  border-top:1px solid transparent;
  border-right:1px solid transparent;
  border-bottom:1px solid transparent;
  border-left:1px solid transparent;
  margin:1%;
}

.textfeld-ips {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  float: left;
  width:auto;
  height:auto;
  overflow:hidden;
  padding:10px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1%;
}


.textfeld-1b {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  float: left;
  width:44%;
  overflow:hidden;
  padding:10px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1%;
}

/* Nur fuer IE6 */
* html .textfeld-1a, * html .textfeld-1b, * html .textfeld-1  {width:40%;}

.textfeld-2 {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  float: left;
  width:28%;
  overflow:hidden;
  padding:10px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1%;
} 

/* Nur fuer IE6 */
* html .textfeld-2 {width:27%;}

.textfeld-zentrum {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  float: left;
  width:90%;
  overflow:hidden;
  padding:10px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:3%;
}

/* Nur fuer IE6 */
* html .textfeld-zentrum {margin:10px;}

.textfeld-zentrum-aussen {
  width:99%;
  overflow:hidden;
  padding:0;
  border:0;
  margin:0;
} 

.textfeld-gedicht {
  background-color: #C1C1B8; /* grau */
  color: black; 
  font-family: Verdana;
  line-height: 2em;
  font-weight:bold;
  font-size: 18px;
  text-align: center;
  width:auto;
  padding:1em;
  border-top:3px solid #E5E5E1;
  border-right:3px solid #CDCDC6;
  border-bottom:3px solid #C1C1B8;
  border-left:3px solid #D9D9D3;
  margin:1% 17%;
} 

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

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

.clearen-strich {clear:both; border-bottom: #47FF47 2px solid;}
/* 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;}




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


/*==================================== aussenrand ====================================*/
#aussenrand {
  width:auto;
  height:auto;
  padding:0;
  margin:0 19px 0 0;
}

/* Nur fuer IE6 */
* html  #aussenrand {
  width:1016px;
  height:auto;
  padding:0;
  margin:0 39px 0 0;
}

/*==================================== wrapper ====================================*/
#wrapper {
  background-color:#081607;
  color: black;
  padding:3px;
  width:100%;
  height:auto;
  margin:0;
}

/* Nur fuer IE6 */
* html #wrapper {
  background-color:#FFFF47;
  color: black;
  padding:0px;
  border:10px solid #33FFFF; 
  width:100%;
  height:auto;
  margin:0;
}

/*==================================== kopfbereich ====================================*/
#kopfbereich {
  position:relative;
  background-image: url(../Bilder/farbverlauf-kopf.jpg);
  background-repeat:repeat-x;
  background-color: #0080FF;
  color: #80FF00;
  height:200px;
  padding:10px 10px 10px 10px;
  overflow:hidden;
}

/* Nur fuer IE6 */
* html #kopfbereich {
  margin-bottom: -12px;
}

#startseite #kopfbereich {
  position:relative;
  background-color: #0080FF;
  color: #80FF00;
  padding:10px 10px 10px 10px;
}
  
#kopf-schriftzug {
  position:absolute;
  bottom:0px; 
  right:33%;
  background-image: url(../Bilder/farbverlauf-kopf.jpg);
}

/* Nur fuer IE6 */
* html #kopf-schriftzug {
  top:0px; 
  right:33%;
}

#kopfbereich #kopf-schriftzug img {
padding: 0px;
border: 0px;
margin: 0px;
}

#kopfbild-links {
  position:absolute;
  bottom:0px; 
  left:0;
  overflow:hidden;
}

/* Nur fuer IE6 */
* html #kopfbild-links {
  position:absolute;
  bottom:0px; 
  left:0px;
}


#kopfbild-links-2 {
  position:absolute;
  top:0px; 
  left:120px;
}

/* Nur fuer IE6 */
* html #kopfbild-links-2 {
  position:absolute;
  top:2px; 
  left:-5px;
}

#kopfbild-links-3 {
  position:absolute;
  bottom:-60px; 
  left:170px;
  overflow:hidden;
}

/* Nur fuer IE6 */
* html #kopfbild-links-2 {
  position:absolute;
  top:2px; 
  left:-5px;
}


#kopfbild-rechts {
  position:absolute;
  bottom:0px; 
  right:0px;
  overflow:hidden;
}

/* Nur fuer IE6 */
* html #kopfbild-rechts {
  position:absolute;
  top:10px; 
  right:10px;
}

/*==================================== contentbereich ====================================*/
#contentbereich {
  overflow:hidden;
  position:relative;
  background-color:#FFFF99;
  background-image: url(../Bilder/farbverlauf-content.jpg);
  background-repeat:repeat-x;
  border-top: solid #081607 3px;
  color:black;
}

#contentbereich a:hover, #contentbereich a:focus {background-color:white;}

/*==================================== textbereich-1 ====================================*/
#textbereich-1 {
  overflow:hidden;
  padding:12px 6px 0px 6px; 
  margin-left:212px;
  margin-right:200px;
}

/* Nur fuer IE6 */
* html #textbereich-1 {
  background-color:transparaent;
  overflow:hidden;
  padding:0px 6px 0px 6px; 
  margin-left:212px;
  margin-right:224px;
}

/*#textfeld-ips {
  background-color: #E5FFFE;
  background-image: url(Bilder/ips-allgemein2.gif);
  color: black; 
  float: left;
  width:500px;
  height:300px;
  overflow:hidden;
  padding:0px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1%;
}*/

#textfeld-email-adresse {
  background-color: #E5FFFE; /* ganz helles Grau */
  background-image: url(../Bilder/ips-email-adresse.gif);
  color: black; 
  float: left;
  width:500px;
  height:100px;
  overflow:hidden;
  padding:0px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:1%;
}

#email-adresse {
  color: black; 
  font-family: Arial;
  font-size: 19px;
  padding-top: 59px;
  padding-left: 90px;
  padding-right: 0px;
  padding-bottom: 0px;
  border:0px;
  margin:0px;
}


/*==================================== textbereich-2 ====================================*/
#textbereich-2 {
  overflow:hidden;
  min-width:765px;
  clear:both;
  padding:12px 0px 12px 12px; 
  margin:0;
}

/* Nur fuer IE6 */
* html #contentbereich {
  background-color:transparent;
  background-image:none;
  overflow:hidden;
  min-width:765px;
  clear:both;
  padding:12px 0px 12px 12px; 
  margin:0;
}


/*==================================== navibereich ====================================*/
#navibereich {
  position:absolute;
  top:0px;
  left:0px;
  width:194px;
  padding:10px 6px; 
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background:#47FF47; /* hellgrün */
  color: #011FFD; 
  border:4px solid #aeb1c5;
}

/* Nur fuer IE6 */
* html #navibereich {
  top:12px;
  left:-12px;
  width:194px;
  padding:10px 6px; 
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background:#47FF47; 
  border:4px solid #aeb1c5;
}


#navibereich h3 {font-size:90%;}

#navibereich-ips {font-size:70%;}

#navibereich ul li{
  display:block;
  overflow:hidden;
  background-color:#E5FFFE; color:black;
  padding:0; 
  border:1px solid #8c8c8c;
  margin:5px 0;
}

#navibereich a {
  text-decoration: none;
  line-height: 1.2em;
  display:block;
  padding:3px;
  border:0;
  margin:0;
}
#navibereich a:link a:link {color: #1f1271; font-weight:bold;} 
#navibereich a:visited a:visited {color: black; font-weight:normal;} 
#navibereich a:hover a:focus {background-color:white; color:#1f1271;}
#navibereich a:active a:active  {background-color:#ffffbb; color: #1f1271; font-weight:bold;} 



/*==================================== navizeile ====================================*/
#navizeile {
  background-color:#47FF47; /* hellgrün */; 
  color:black;
  text-decoration: none;
  padding:5px 10px 5px 10px; 
  border:2px solid #aeb1c5;
  border-top: 0px solid #aeb1c5;
  border-right: 0px solid #aeb1c5;
  margin-top:0;
  margin-left:212px;
  margin-right:0px;
  padding-right:199px;
}

/* Nur fuer IE6 */
* html  #navizeile {
  background-color: #47FF47; /* ganz helles grau */
  margin-left:202px;
  margin-right:214px;
}

#navizeile h1 {
  color:#011FFD;
  font-size:180%;
  padding:0; 
  border:0; 
  margin:1%;
}

#navizeile h1 a {
  text-decoration: none;
  color:#011FFD;
  font-size:110%;
  padding:0; 
  border:0; 
  margin:1%;
}

/*================================================= Google-Werbeblock ============================================*/

#ads-2x-250x250 {
  background-color: #E5FFFE; /* ganz helles Grau */
  color: black; 
  position: relative;
  overflow:hidden;
  width:572px;
  padding:0px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:10px auto;
}

.ads-336x280 {
  background-color: #47FF47; /* ganz helles Grau */
  color: black; 
  height: 302;
  width: 358px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:10px auto;
}

/*================================================= navibox-rechts ============================================*/
#navibox-rechts {
  position:absolute;
  bottom:0px;
  right:0px;
  width:99%;
  padding:10px 6px; 
  margin-bottom:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background:#47FF47; /* hellgrün */
  color: #011FFD; 
  text-align: center;
}

#navibox-rechts ul li {
  display: inline;
  padding:1px;
}

#navibox-rechts a {
  text-decoration: none;
  display: inline;
  padding:1px;
  border:0;
  margin:0;
}
#navibox-rechts a:link {color: #1f1271; font-weight:bold;} 
#navibox-rechts a:visited {color: black; font-weight:normal;} 
#navibereich a:focus, #navibox-rechts a:hover, #navibox-rechts a:focus {background-color:white; color:#1f1271;}
#navibox-rechts a:active  {background-color:#ffffbb; color: #1f1271; font-weight:bold;} 



#navibox-rechts-alt {
  position:absolute;
  top:0px;
  right:0px;
  width:194px;
  padding:10px 6px; 
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background:#47FF47; /* hellgrün */
  color: #011FFD; 
  border:4px solid #aeb1c5;
}


/* Nur fuer IE6 */
* html #navibox-rechts {
  top:12px;
  right:0px;
}

/*================================================= fusszeile =================================================*/
#fusszeile {
  background-color:#47FF47; /* hellgrün */
  color:black;
  font-size:11px;
  line-height:1.3em;
  font-family: Helvetica;
  text-align:center;
  padding:6px; 
  border-top:2px solid #aeb1c5; margin-top:0px;
  padding-bottom: 80px;
}

/* Nur fuer IE6 */
* html #fusszeile {margin-left:-12px;}

#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;
} 


#willkommen {
  position:absolute;
  top:120px;
  left:41%;
  color:#aa1111;
  font-weight:bold; 
  font-size:160%;
}

#zum-index {
  position:fixed;
  bottom:8px;
  left:36%;
  color: #011FFD; 
  font-weight:bold; 
  font-size:100%;
  padding:0px;
}


#zum-index a {
  background-color:#47FF47; /* hellgrün */
  text-decoration: none;
  color: #011FFD; 
  padding:2px;
  border:2px solid #aa1111;
}

#zum-index a:hover, #zum-index a:focus {
  background-color:white;
  color:#1f1271;
  font-weight:bold; 
  padding:2px;
  border:2px solid #aa1111;
}

#sponsor-seiten {
  background-color:#47FF47; /* hellgrün */
  color:black;
  font-size:9px;
  line-height:1em;
  font-family: Helvetica;
  text-align:right;
  padding: 1px 6px; 
  border:2px solid #aeb1c5; margin-top:0px;
  border-top: 0px;
}

/* Nur fuer IE6 */
* html #sponsor-seiten {
  margin-bottom: -12px;
  margin-left: -12px;
}


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

/*==================================== Kontaktformular ====================================*/
form {
  background-color:#dddddd; color:black;
  width:370px;
  padding:20px;
  border:1px solid #8c8c8c;
}

label {display:block; cursor:pointer;}

input#absender, textarea {
  background-color:#f4f4f4; 
  color:black;
  width:300px; 
  border:1px solid #8c8c8c; 
  margin-bottom:1em;
}

textarea {height:10em;}

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



#Youtube-Video {width: 350px; float: left; margin-right: 20px;}
#neben-Video {width: 280px; float: right;}



.pad-left {
padding-left: 60px;
}


.Goo-Ads {
width: 740px;
height: 19px;
background-color: #FFFF99;
margin: 1px auto;
margin-bottom: 5px;
padding-top: 4px;
border: 2px solid #aeb1c5;
margin-top: 10px;
}



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


/* ====================== Daten zum Kopieren ====================================

#textbereich a {border-bottom: dotted 1px #cc0000;}
#textbereich ul li {list-style-type: square;}
=========================================================================*/