/* ===========================================
Stylesheet Spiritreff
---------------------------------------------
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: white; /* dunkeles Grau */
  color: black; 
  padding:1%;
  margin: 1px auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  line-height: 1.4em;
  min-width: 1020px;
  max-width: 1280px;
}

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: #ffe677; /* Rahmenfarbe */
  color: black; 
  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: #cad9e8;
}


#textbereich-1 h3, #textbereich-2 h3 {
  text-align:center;
  background-color:#ffe677; /* Rahmenfarbe */
  font-weight:bold; 
  font-size:110%;
  padding:2px;
}

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

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


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

/* Nur fuer IE6 */
* html #abstandhalter-navi {background-color: #FFE985; height:0px;}

.einzeltextfeld {
  background-color: #f1f1ef; /* 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: #f1f1ef; /* 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: #f1f1ef; /* ganz helles Grau */
  color: black; 
  float: left;
  width:42%;
  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-ips {
  background-color: #f1f1ef; /* 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: #f1f1ef; /* 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: #f1f1ef; /* 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: #f1f1ef; /* 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-h {
  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 */


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


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


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

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

/*==================================== wrapper ====================================*/
#wrapper {
  background-color:#FFE985;
  background-image: url(../Bilder/Farbverlauf-x100.jpg);
  background-repeat:repeat-x;
  color: black;
  padding:10px;
  width:100%;
  height:auto;
  margin:0;
}

/*==================================== kopfbereich ====================================*/
#kopfbereich {
  position:relative;
  /* background-color: #ffd61e; */
  color: black;
  padding:0px 10px 10px 10px;
}

#startseite #kopfbereich {
  position:relative;
  /* background-color: #ffd61e; */
  color: black;
  padding:0px 10px 25px 10px;
}
  
#spiritreff-schriftzug {
  text-align:center;
  overflow:hidden;
}

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

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

#kopfbild-rechts {
  position:absolute;
  top:2px; 
  right:0;
}

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

/*==================================== contentbereich ====================================*/
#contentbereich {
  overflow:hidden;
  position:relative;
  background-color:#cad9e8;
  background-image: url(../Bilder/Textfarbverlauf-x600.jpg);
  background-repeat:repeat-x;
  color:black;
}

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

/*==================================== textbereich-1 ====================================*/
#textbereich-1 {
  overflow:hidden;/*==
  min-width:412px;=====*/
  padding:12px 6px 12px 6px; 
  margin-left:212px;
  margin-right:194px;
}

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

/*==================================== textbereich-2 ====================================*/
#textbereich-2 {
  overflow:hidden;
  clear:both;
  padding:12px 0px 12px 6px; 
  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;
}


#textfeld-ips {
  background-color: #f1f1ef; /* ganz helles Grau */
  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: #f1f1ef; /* ganz helles Grau */
  background-image: url(../Bilder/ips-email-adresse-rainer.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;
}


/*==================================== 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:#ffe677; 
  border:4px solid #aeb1c5;
}

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


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

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

#navibereich ul li, #google-adsense-box-rechts ul li {
  display:block;
  overflow:hidden;
  background-color:#f1f1ef; color:black;
  padding:0; 
  border:1px solid #8c8c8c;
  margin:5px 0;
}

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


#startseite #navi01 span, #galerieseite #navi02 span, #kontaktseite #navi03 span {
  background-color:white; color:black;
  border-bottom-color:white;
}

/*==================================== navizeile ====================================*/
#navizeile {
  background-color:#ffe677; 
  color:black;
  text-decoration: none;
  padding:5px 10px 5px 10px; 
  border:2px solid #aeb1c5;
  margin-top:0;
  margin-left:212px;
  margin-right:194px;
}

/* Nur fuer IE6 */
* html  #navizeile {
  background-color: #cad9e8; /* ganz helles grau */
}

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

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

#google-adsense-box-rechts {
  position:absolute;
  top:0px;
  right:0px;
  width:182px;
  padding:6px; 
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background:#ffe677; 
  border:4px solid #aeb1c5;
} 

/* Nur fuer IE6 */
* html #google-adsense-box-rechts {
  position:absolute;
  top:12px;
  right:1px;
  width:182px;
  padding:6px; 
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background:#ffe677; 
  border:4px solid #aeb1c5;
} 

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



#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:#1f1271;
  font-weight:bold; 
  font-size:100%;
  padding:0px;
}

#zum-index a {
  background-color:#ffe677;
  text-decoration: none;
  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:#ffe677; 
  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;
}




/* ==========================================================================================================
  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;}
/* ==========================================================================================================
  ENDE DES STYLESHEETS
=============================================================================================================*/


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

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