/* ===========================================
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:6em;}
h1 {margin-bottom:3px;}

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

/* Nur fuer IE6 
* html  */

body {
  background-color: #9dbef1; 
  background-image: url(Design-Bilder/Platte2.gif); 
  color: black; 
  padding:0px;
  border: 0px;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height: 1.5em;
}

#u1000 {
  background-color: transparent;
  color: black;
  width: 1000px;
  height:auto;
  padding:0px;
  border:0px solid #000000;
  margin:1px auto;
}


.text-gedicht {
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-top: -20px;
}

#domain {
  font-size: 60px; 
  margin-bottom: 35px;
}

.gedicht {
font-size: 24px;
line-height: 32px;
text-align: center;
}

.gedicht p {
margin-top: -0px;
}


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

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

/*==================================== contentbereich ====================================*/
#contentbereich {
  padding: 0px;
  padding-top: 0px;
  border:0px;
  margin-top: 0px;
  margin-right: 135px;
  margin-bottom: 0px;
  margin-left: 110px;
}

/*==================================== kleine-Karte =============================*/

.kleine-Karte {
  background-color: transparent;
  float: left;
  overflow: hidden;
  height: 400px;
  width: 250px;
  position: relative;
  margin-left: 40px;
  margin-right: 1px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.kleine-Karte h2 {
  line-height: 16px;
  font-size: 14px;
  margin-bottom: 15px;
}
.kleine-Karte-mitte-innen h2 {
  margin-top: 0px;
}

.hellblau { 
  background-color: #daded4;
}


.h2weiss { 
  background-color: #fffffb;
}

.kleine-Karte-oben-weiss {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-oben-weiss-250.gif);
  height: 32px;
  width: 250px;
}
.kleine-Karte-oben-gelb {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-oben-gelb-250.gif);
  height: 32px;
  width: 250px;
}
.kleine-Karte-oben-blau {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-oben-blau-250.gif);
  height: 32px;
  width: 250px;
}




.kleine-Karte-mitte-weiss {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-Mitte-weiss-250.gif);
  height: 300px;
  width: 201px;
  padding-left: 22px;
  padding-right: 22px;
}
.kleine-Karte-mitte-gelb {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-Mitte-gelb-250.gif);
  height: 300px;
  width: 201px;
  text-align: left;
  padding-left: 22px;
  padding-right: 22px;
}
.kleine-Karte-mitte-blau {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-Mitte-blau-250.gif);
  height: 300px;
  width: 201px;
  text-align: left;
  padding-left: 22px;
  padding-right: 22px;
}

.kleine-Karte-mitte-innen {
  padding: 6px; 
  text-align: left;
  color: #3C2003; 
  font-size:13px;
  font-family: Helvetica;
  letter-spacing: 0px;
  line-height:14px; 
  background-color: transparent}

.kleine-Karte-unten-weiss {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-unten-weiss2-250.gif);
  height: 32px;
  width: 250px;
}
.kleine-Karte-unten-gelb {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-unten-gelb2-250.gif);
  height: 32px;
  width: 250px;
}
.kleine-Karte-unten-blau {
  background-color: transparent;
  background-image: url(Design-Bilder/Karte-unten-blau2-250.gif);
  height: 32px;
  width: 250px;
}


.h1-karte {font-size: 17px; margin-bottom: 10px;}

.blox {
  background-color: #fada39;
  position: relative;
  overflow: hidden;
  height: 200px;
  width: 200px;
}



.block-inhalte-klein {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border:0px;
  margin:0px;
  margin-right: 0px;
}

.block-inhalte-klein li {
  list-style: none;
  padding-top: 8px;
  padding-bottom: 16px;
  padding-left: 3px;
  border:0px;
  margin:0px;
}

.block-inhalte-klein li a {
  color: #980000; 
  font-family: Helvetica;
  font-size:12px;
  letter-spacing: 0px;
  line-height:1em;
  float: left;
  height: auto;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  border:0px;
  margin:0px;
  line-height: 16px;
}





/*==================================== karte ====================================*/
#karte-oben, #karte-unten {
  background-color: transparent; 
  color: black;
  overflow: hidden;
  position:relative;
  height: 121px;
  padding:0px; 
  border:0px;
  margin:0px;
}

#karte-oben {
  background-image: url(Design-Bilder/Karte-oben-gelb.gif);
}



/* Nur fuer IE6 */
* html #karte-oben {
  margin-bottom: -3px;
}




#karte-unten {
  background-image: url(Design-Bilder/Karte-unten-gelb2.gif); 
}


#karte-mitte {
  background-color: transparent; 
  background-image: url(Design-Bilder/Karte-Mitte-gelb.gif); 
  background-repeat: repeat-y;
  overflow:hidden;
  position:relative;
  color:black;
  margin: 0px;
}

/* Nur fuer IE6 */
* html #karte-mitte {
  margin-bottom: -14px;
}




/*==================================== Bilder ====================================*/

#kopfbild-links-oben {
  position:absolute;
  top:-3px; 
  left:150px;
  overflow: visible;
}

#randbild-links {
  position:absolute;
  top:100px; 
  left:30px;
  overflow: visible;
}

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


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


/*==================================== Ueberschriften ====================================*/
h1 {
font-size: 60px; 
color: #3C2003;
font-weight: bold;
line-height: 1.2em;
text-align: center;
margin-top: 10px;
}

#startseite, h1 {
margin-top: 0px;
}

h2 {
  font-size:130%; 
  text-align:center; 
  padding:5px; 
  line-height: 1.5em;
}
h3 {
  font-size:16px;
  text-align:center;
  font-weight:bold; 
  padding:2px;
  line-height: 1.5em;
}



h2, h3 {background-color:#E55006; color: #3C2003; border: 0px white solid;}


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


a:link {color:#980000; 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;}


#kartenlegen-gratis-top-link a {
  background-color:transparent;
  color: #412303; 
  font-weight: bold; 
  font-size: 20px;  
  position: absolute;
  overflow:hidden;
  top: 55px;
  right: 635px;
  text-decoration: none;
} 


#top-link a {
  background-color:transparent;
  color: #412303; 
  font-weight: bold; 
  font-size: 11px;  
  position: absolute;
  overflow:hidden;
  top: 57px;
  right: 86px;
  text-decoration: none;
} 


.anmerkung a {
  text-decoration: none;
  font-size: 9px;
  vertical-align: super;
}

.link-inhalt {
  text-align: center;
}

.link-inhalt a, .link-inhalt a:visited {
  color: #980000;
  font-size: 12px;
}

.link-inhalt a, .link-inhalt a:active {
  color: #980000;
  font-size: 12px;
  background-color:transparent;
}

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

#zum-index a {
  font-size: 14px;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight:bold; 
  color:#980000;
  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 {background-color:#E5FFFE; color: #000000;}


#zum-index a:hover, #zum-index a:focus {
  background-color:white;
  color:#980000;
  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; }



/*==================================== 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-alt {
  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-alt li {
  list-style-type: none;
}

.linkleiste {
  background-color: transparent;
  color: black; 
  height: 200;
  width: 732px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left:2px;
  margin: 5px auto;
  margin-top: 98px;
  margin-bottom: 0px;
  
}


.linkleiste-0 {
  position: relative;
  overflow:hidden;
  background-color: transparent;
  color: black; 
  height: 60px;
  width: 468px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left:2px;
  margin: 5px auto;
  margin-top: 20px;
  margin-bottom: -10px;
  
}



.linkleiste1 {
  background-color: transparent;
  color: black; 
  height: 90px;
  width: 728px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left:2px;
  margin: 5px auto;
  margin-top: 20px;
  margin-bottom: -10px;
  
}


.linkleiste2 {
  background-color: #FDFCED;
  color: black; 
  height: 200;
  width: 734px;
  padding-top: 5px;
  padding-right: 4px;
  padding-bottom: 5px;
  padding-left:2px;
  border: #3C2003 solid 2px;
  margin: 5px auto;
  margin-top: 2px;
  margin-left: -15px;
  margin-bottom: 2px;
  
}

.ads-336x280 {
  background-color: transparent;  /* #E5FFFE ganz helles Grau */
  color: black; 
  height: 300px;
  width: 356px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top:5px solid #E5E5E1;
  border-right:5px solid #CDCDC6;
  border-bottom:5px solid #C1C1B8;
  border-left:5px solid #D9D9D3;
  margin:10px auto;
}


.ads-336x280-2 {
  background-color: white;  
  color: black; 
  height: 280px;
  width: 336px;
  float: left;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin:0px;
  margin-left:15px;
}



/*==================================== Inhalt-Adsence ====================================*/

.block-inhalte {
  background-color: #FDFCED; /* ganz helles Grau */
  color: #3C2003; 
  font-size:11px;
  font-family: Helvetica;
  letter-spacing: 0px;
  line-height:1.3em;
  float: left;
  height: auto;
  width: 230px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 40px;
  border:0px;
  margin:0px;
  margin-right: 4px;
}

.block-inhalte li {
  background-color: #FDFCED; /* ganz helles Grau */
  color: #3C2003; 
  font-size:11px;
  font-family: Helvetica;
  letter-spacing: 0px;
  line-height:1.3em;
  float: left;
  height: auto;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 24px;
  padding-left: 0px;
  border:0px;
  margin:0px;
}

.block-inhalte li a {
  background-color: #FDFCED; /* ganz helles Grau */
  color: #980000; 
  font-family: Helvetica;
  font-size:12px;
  letter-spacing: 0px;
  line-height:1em;
  float: left;
  height: auto;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  border:0px;
  margin:0px;
}


#ads-2x-250x250 {
  background-color: #FDFCED; /* ganz helles Grau */
  color: #3C2003; 
  position: relative;
  overflow:hidden;
  width:572px;
  padding:0px;
  border-top:1px solid #3C2003;
  border-right:1px solid #3C2003;
  border-bottom:1px solid #3C2003;
  border-left:1px solid #3C2003;
  margin:10px auto;
  margin-top: 20px;
}

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


.ads-links {
  
  background-color: #FDFCED; /* ganz helles Grau */
  float: left;
  height: auto;
  width: 160px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 20px;
  border: #3C2003 solid 2px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 0px;
}

.ads-3x200x200 {

  background-color: #FDFCED; /* ganz helles Grau */
  height: auto;
  width: auto;
  margin: 10px auto;
  border: #3C2003 solid 2px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 0px;
}


.ads-3x200x200-Startseite {

  background-color: #FDFCED; /* ganz helles Grau */
  overflow: hidden;
  position: relative;
  height: auto;
  width: auto;
  margin: 40px auto;
  margin-bottom: 10px;
  margin-top: 10px;
  border: #3C2003 solid 2px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
}


.ads-3x200x200-Startseite-aussen {

  background-color: transparent;
  overflow: hidden;
  position: relative;
  height: auto;
  width: 650px;
  margin: 0px auto;
  margin-bottom: 0px;
  margin-top: 0px;
  border: #3C2003 solid 0px;
  padding-bottom: 0px;
  padding-left: 50px;
  padding-top: 0px;
  padding-right: 50px;
}

.ads-3x200x200-Startseite-Indexlink {

  background-color: transparent;
  overflow: hidden;
  position: relative;
  height: auto;
  width: 250px;
  margin: 0px auto;
  margin-bottom: 0px;
  margin-top: 0px;
  border: #3C2003 solid 0px;
  padding-bottom: 0px;
  padding-left: 50px;
  padding-top: 0px;
  padding-right: 50px;
}

.ads-innen{
  background-color: transparent; 
  width: auto;
  height: auto;
  float: left;
  padding: 0px;
  border:0px;
  margin:2px;
}


/*================================================= 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:#980000; 
  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;
} 

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

.textbild-feld {
  background-color: #f6f6f6; /* ganz helles Grau */
  color: black; 
  font-size: 14px; 
  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;
}

.textbild-feld p {
  margin-top: 10px;
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: 10px;
}


/*==================================== 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; clear:both;}

.fload-left {float: left;}
.neben-video {
  float: left;
  width: 260px;
  height: auto;
  background-color: transparent;
  margin-left: 20px;
  
}

.neben-video-link-block {margin-top: 8px; margin-left: 12px; }




/*================================================= 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:#EEEF68; 
  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#Kuerzel, input#absender-name, input#absender-email, input#nachricht, input#Veroeffentlichen, textarea {
  background-color:#f4f4f4; 
  color:black;
  width:98%; 
  border:1px solid #8c8c8c; 
  margin-bottom:2em;
  cursor:pointer;
}

textarea {height:65px;}

input#Kuerzel:focus, input#absender-name:focus, input#absender-email:focus, input#nachricht:focus, input#Veroeffentlichen: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
=============================================================================================================*/