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

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

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


#textbereich-1 .textfeld-zentrum .grauer-rand h3 a {font-weight:bold; color: #FFFFA9;}
#textbereich-1 .textfeld-zentrum .grauer-rand h3 a:link { color: #FFFFA9; font-weight:bold; color: #FFFFA9;} /* nicht besuchte Links */
#textbereich-1 .textfeld-zentrum .grauer-rand h3 a:visited { color: #FFFFA9; font-weight: normal; color: #FFFFA9;} /* besuchte Links */
#textbereich-1 .textfeld-zentrum .grauer-rand h3 a:active {background-color: #FFFFA9; color: #FFFFA9; font-weight:bold;}
#textbereich-1 .textfeld-zentrum .grauer-rand h3 a:hover, #textbereich-1 .textfeld-zentrum .grauer-rand h3  a:focus {color: #FFFFA9; background-color: #7f7f7f;}
/*==================================== Klassen ====================================*/


 
#textbereich-1 h2, #textbereich-2 h2 {
  clear:both;
  overflow:hidden;
  background-color: #7F7F7F; /* hellgelb */
  color: #FFFFA9; 
  line-height: 1.2em;
  text-align:center;
  padding:7px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:1% 7% 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:#7F7F7F; /* hellgelb */
  color: #FFFFA9;
  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: #FFFFA9; 
  font-weight:bold;
  text-align:center;
  padding:0;
  margin:0px;
  margin-right:20px;
  margin-left:5px;
}

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

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


.einzeltextfeld {
  background-color: #F1F1F1; /* ganz helles Grau */
  overflow:hidden;
  float: left;
  width:auto;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:1%;
}

.textfeld-1a {
  background-color: #F1F1F1; /* ganz helles Grau */
  float: left;
  width:44%;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:1%;
}

.textfeld-1 {
  background-color: #F1F1F1; /* ganz helles Grau */
  float: left;
  width:44%;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:1%;
}

#textfeld-ips {
  background-color: #f1f1ef; /* ganz helles Grau */
  background-image: url(../../Atem-de/web-content/Bilder/ips-allgemein2.gif);
  color: black; 
  float: left;
  width:500px;
  height:300px;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:1%;
}

#textfeld-email-adresse {
  background-color: #f1f1ef; /* ganz helles Grau */
  background-image: url(../../Atem-de/web-content/Bilder/ips-email-adresse.gif);
  color: black; 
  float: left;
  width:500px;
  height:100px;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  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: #F1F1F1; /* ganz helles Grau */
  float: left;
  width:44%;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:1%;
}

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

.textfeld-2 {
  background-color: #F1F1F1; /* ganz helles Grau */
  float: left;
  width:28%;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:1%;
} 

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

.textfeld-zentrum {
  background-color: #F1F1F1; /* ganz helles Grau */
  float: left;
  width:90%;
  overflow:hidden;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:3%;
  margin-left: 1%;
}

.textfeld-formular {
  background-color: #DDDDDD; /* Formular-Grau */
  float: left;
  width:90%;
  overflow:hidden;
  padding:0px;
  padding-right: 40px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin:3%;
  margin-left: 1%;
}

/* 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 */
  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%;
} 

/*==================================== Anfang-ads-336x280 ====================================*/
.textfeld-zentrum-ads-336x280 {
  background-color: #F1F1F1; /* ganz helles Grau */
  overflow:hidden;
  float: left;
  width:377px;
  padding:0px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 10%;
  margin-right: 10%;
}

.grauer-rand-ads-336x280 {
	padding: 0px; 
	border: 6px #7f7f7f solid;
}

.ads-336x280 {
  background-color: #f1f1f1; /* ganz helles Grau */
  color: black; 
  height: 300;
  width: 352px;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 0px;
  padding-left: 6px;
  border-top:0px solid #E5E5E1;
  border-right:0px solid #CDCDC6;
  border-bottom:0px solid #C1C1B8;
  border-left:0px solid #D9D9D3;
  margin:0px;
  margin-top: 4px;
  margin-bottom: 9px;
}

/*==================================== Ende-ads-336x280 ====================================*/


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




/* ==========================================================================================================
  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:0 39px 0 0;
}

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

/*==================================== kopfbereich ====================================*/
#kopfbereich {
  overflow: hidden;
  position:relative;
  background-color: black;
  background-image: url(../Bilder/weltall3-versuch3.gif);
  background-repeat: repeat;
  color:red;
  width:auto;
  height: auto;
  overflow: hidden;
  padding:6px;
}

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


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

.kopf-bild {
float: left;
background: #FFFFA9;
padding: 3px;
border-top: 6px solid #FF8C00;
border-right: 6px solid #C40000;
border-bottom: 6px solid #770000;
border-left: 6px solid #FF1800;
margin: 8px;
}

.kopf-bild-rahmenlos {
float: left;
margin: 8px 6px;
}


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

#kopfbereich .kopf-bild-rahmenlos img, #kopfbereich .kopf-bild img {
padding: 0px;
border: 0px;
margin: 0px;
}


/*==================================== contentbereich ====================================*/
#contentbereich {
  overflow:hidden;
  position:relative;
  background-color:black;
  background-image: url(../Bilder/weltall3-versuch3.gif);
  background-repeat:repeat;
  color:black;
}


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

/*==================================== textbereich-1 ====================================*/
#textbereich-1 {
  overflow:hidden;
  padding: 12px 0px 12px 12px; 
  margin:194px auto;
  margin-top: 2px;
  max-width: 640px;
}

.grauer-rand {
	padding:10px 6px 0px 6px; 
	border: 6px #7f7f7f solid;
}



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

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

/* 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:182px;
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background: #7F7F7F;
  border-top: 6px solid #FF8C00;
  border-right: 6px solid #C40000;
  border-bottom: 6px solid #770000;
  border-left: 6px solid #FF1800;
  color: #FFFFA9;
}

/* Nur fuer IE6 */
* html #navibereich {
  top:24px;
  left:-4px;
}


.gelber-rand {  
	padding:10px 6px; 
	border: 0px #FFFFA9 solid; 
}


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

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

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

#navibereich a, #navibox-rechts a {
  text-decoration: none;
  line-height: 1.2em;
  display:block;
  padding:3px;
  border:0;
  margin:0;
  color: #910000;
  font-weight:bold;
}

#navibereich a:link, #navibox-rechts a:link
{color: #910000; font-weight:bold;} 

#navibereich a:visited, #navibox-rechts a:visited
{color: #910000; font-weight:normal;} 

#navibereich a:hover, 
#navibereich a:focus, 
#navibox-rechts a:hover, 
#navibox-rechts a:focus,
#textbereich-1 a:hover,
#textbereich-1 a:focus,
#textbereich-2 a:hover,
#textbereich-2 a:focus,
{background-color:FFFFF1; color:#500000;}

#navibereich a:active, #navibox-rechts a:active
{background-color:#ffffbb; color: #500000; font-weight:bold;} 


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



#textbereich-1 a, #textbereich-2 a {
  color: #910000;
  font-weight:bold;
}

#textbereich-1 a:link, #textbereich-2 a:link 
{color: #910000; font-weight:bold;} 


#textbereich-1 a:visited, #textbereich-2 a:visited 
{color: #910000; font-weight:bold;} 


#textbereich-1 a:active, #textbereich-2 a:active 
{background-color:#ffffbb; color: #500000; font-weight:bold;} 


/*==================================== navizeile ====================================*/
#navizeile {
  margin-left:194px;
  margin-right:194px;
  text-decoration: none;
  padding:5px 10px 5px 10px; 
  background: #7F7F7F;
  border-top: 6px solid #FF8C00;
  border-right: 6px solid #C40000;
  border-bottom: 6px solid #770000;
  border-left: 6px solid #FF1800;
  color: #FFFFA9;
  
  /*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:#FFFFA9;
  font-size:200%;
  padding:0; 
  border:0; 
  margin:1%;
}

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

#navibox-rechts {
  position:absolute;
  top:0px;
  right:0px;
  width:182px;
  margin-top:0px; margin-bottom:0px; margin-right:0px; 
  text-align:left;
  background: #7F7F7F;
  border-top: 6px solid #FF8C00;
  border-right: 6px solid #C40000;
  border-bottom: 6px solid #770000;
  border-left: 6px solid #FF1800;
  color: #FFFFA9;
  font-weight: bold;
} 

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


#navibox-unten {
  position:absolute;
  bottom:0px;
  left:0px;
  width:96%;
  text-align:left;
  background: #777;
  border-top: 6px solid #444;
  border-right: 6px solid #222;
  border-bottom: 6px solid #111;
  border-left: 6px solid #333;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 30px;
  padding-right: 20px;
  color: #000;
  font-weight: bold;
} 

#navibox-unten a{
   color: #000000;
   text-decoration: none;
   font-size: 11px;
}
#navibox-unten a:hover{
   color: #000000;
   background-color: #777;
   text-decoration: underline;
}

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

#zum-index a {
  background-color:#7f7f7f;
  color:#ffffa9;
  text-decoration: none;
  font-weight:bold; 
  padding:3px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
}

#zum-index a:hover, #zum-index a:focus {
  background-color:#f1f1f1;
  color:#910000;
  font-weight:bold; 
  padding:3px;
  border-top: 4px solid #FF8C00;
  border-right: 4px solid #C40000;
  border-bottom: 4px solid #770000;
  border-left: 4px solid #FF1800;
}

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


#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;
  overflow: auto;
  width:88%;
  padding:20px;
  padding-left: 45px;
  padding-right: 45px;
  border:1px solid #8c8c8c;
  border-right:0px solid #8c8c8c; 
  text-align: center;
}

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

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

textarea {
	height: 28em;
	width: 400px;
	
}

input#zitat:focus, input#pseudonym:focus, input#absender-name:focus, input#absender-email: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
=============================================================================================================*/