/* ===========================================
Stylesheet Atem...
---------------------------------------------
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:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  line-height: 1.4em;
  min-width: 960px;
}

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: #E7E7F0; /* schnee-dunkel */
  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:#98B0E2; /* hellblau */
  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;
  line-height: 1.8em;
  padding:0;
  padding-left: 10px;
  margin:0;
}
.extratext-weiss a {
  color: white; 
  font-weight:bold;
}


#contentbereich .extratext-weiss a:hover, #contentbereich .extratext-weiss a:focus {background-color:blue;}

/* 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:2px;
  overflow:hidden;
  height:500px;
  padding:0;
  border:0;
  margin:0;
  margin-right:-3px;
}

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

.einzeltextfeld {
  background-color: #E7E7F0; /* 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: #E7E7F0; /* 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: #E7E7F0; /* 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-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.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;
}





.textfeld-1b {
  background-color: #E7E7F0; /* 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: #E7E7F0; /* 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:28%;}

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


.textfeld-InPart {
  color: black; 
  font-size: 11px;
  float: left;
  width:99%;
  overflow:hidden;
  padding:10px;
  padding-bottom: 20px;
  border-top:1px solid #E5E5E1;
  border-right:1px solid #CDCDC6;
  border-bottom:1px solid #C1C1B8;
  border-left:1px solid #D9D9D3;
  margin:0px;
  margin-left: -10px;
  margin-right: 0px;
  margin-bottom: -10px;
  background-color:#98B0E2; /* hellblau */
}

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


.textfeld-google-anzeigen-lang {
  background-color: #f1f1ef; /* ganz helles Grau */
  color: black; 
  width:96%;
  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% 5% 1% 0%;
}

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


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

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

/*==================================== wrapper ====================================*/
#wrapper {
  background-color: #3963BD;
  color: white;
  padding:0px;
  width:100%;
  height:auto;
  margin:0;
}

/*==================================== kopfbereich ====================================*/
#kopfbereich {
  position:relative;
  background-image: url(Bilder/kopf-farbverlauf.gif);
  background-repeat:repeat-x;
  /* background-color: #ffd61e; */
  color:red;
  width:auto;
  height: 200px;
  overflow: hidden;
  padding:0px;
}

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

#kopf-hg {
  position:absolute;
  top:0px; 
  right:0px;
  z-index: 30;
}
  
#kopf-schriftzug {
  position:absolute;
  bottom:130px; 
  right:-70px;
  overflow: hidden;
  z-index: 40;
  color: white;
  font-size: 50px;
  font-weight: bolder;
}

/* Nur fuer IE6 */
* html #kopf-schriftzug {left:15px;}
/*#kopf-lunge-links {
  position:absolute;
  top:40px; 
  left:40px;
}

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

#kopf-frau-rechts {
  position:absolute;
  bottom:0px; 
  right:5px;
}*/

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

/*==================================== contentbereich ====================================*/
#contentbereich {
  overflow:hidden;
  position:relative;
  background-color:#3963BD;
  background-image: url(Bilder/farbverlauf-contentbereich-2.jpg);
  background-repeat:repeat-x;
  color:black;
}


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


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

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

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

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


/*==================================== navibereich ====================================*/
#navibereich {
  position:absolute;
  top:0px;
  left:0px;
  width:182px;
  padding:10px 6px; 
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background:#102184; 
  color: #E7E7F0;
  border:4px solid #aeb1c5;
}

/* Nur fuer IE6 */
* html #navibereich {
  position:absolute;
  top:12px;
  left:-12px;
  width:194px;
  padding:10px 6px; 
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background:#102184; 
  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, #google-adsense-box-rechts a:link {color: #1f1271; font-weight:bold;} 
#navibereich a:visited, #google-adsense-box-rechts a:visited {color: black; font-weight:normal;} 
#navibereich a:hover, #navibereich a:focus, #google-adsense-box-rechts a:hover, #google-adsense-box-rechts a:focus {background-color:white; color:#1f1271;}
#navibereich a:active, #google-adsense-box-rechts 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 {
  margin-left:200px;
  margin-right:202px;
  text-decoration: none;
  padding:5px 10px 5px 10px; 
  border-top:4px solid #aeb1c5;
  
  /*background-color:#e7e7f0; 
  color:white;
  text-decoration: none;
  padding:5px 10px 5px 10px; 
  border:2px solid #aeb1c5;
  margin-top:0;
  ==*/
}

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


#navizeile h1 {
  color:#ffffff;
  font-size:200%;
  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:#3963BD; 
  color: #E7E7F0;
  border:4px solid #aeb1c5;
} 

/* Nur fuer IE6 */
* html #google-adsense-box-rechts {
  top:12px;
  right:32px;
} 

.ads-336x280 {
  background-color: #E7E7F0; /* ganz helles Grau */
  color: black; 
  height: 300;
  width: 356px;
  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;
}


/*================================================= fusszeile =================================================*/
#fusszeile {
  background-color:#e7e7f0; 
  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:#E7E7F0;
  font-weight:bold; 
  font-size:100%;
  padding:0px;
}

#zum-index a {
  background-color:#102184;
  color:#E7E7F0;
  text-decoration: none;
  padding:2px;
  border:2px solid #aeb1c5;
}

#zum-index a:hover, #zum-index a:focus {
  background-color:#E7E7F0;
  color:#102184;
  font-weight:bold; 
  padding:2px;
  border:2px solid #aeb1c5;
}

#sponsor-seiten {
  background-color:#e7e7f0; 
  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;
  margin-left: 2em;
}

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 ====================================

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