/*
CSS fuer www.ma-habermann.de
*/

di { border:1px solid black; }

html {
padding:0;
margin:0;
}

body {
padding:0;
margin:0;
font-size:.8em;
line-height:1.4em;
color:#444444;
background-color:white;
font-family: verdana,geneva,arial,helvetica,sans-serif;
}





a, a:visited, a:active, a:focus {
	text-decoration:none;
	color:#BC0033;
	font-weight:normal;
	letter-spacing: 2px;
}

a:hover {
	text-decoration:underline;
	color:#BC0033;
	font-weight:normal;
	letter-spacing: 2px;
}





#seite {
width:88%;
min-width:780px;
max-width:1000px;
margin:auto;
background: url(images/rot.gif) repeat-y left ;
}

#seite_bg {
background: url(images/gelb.gif) repeat-y right;
}

 #links {
 float:left;
 width:250px;
 background-color:#BC0033;
 }

    #logo {
    height:141px;
    line-height:1.0em;
    color: white;
    font-size:0.85em;
    line-height:1.4em;
    letter-spacing:0.1em;
    font-variant:small-caps;
    background: url(images/layout/weltkugel-ol.jpg) no-repeat top;
    }
      #logo_schrift {
      float:right;
      width: 168px;
      margin-top:100px;
      }

      #logo img {
      margin:0px 6px 0px 12px;
      }


    #bilder {
    background: url(images/layout/bilder.jpg) no-repeat top;
    height:75px;
    }

    #navigation {
    color:white;
    text-align: right;
    padding: 10px 30px 36px 0px;
    background: url(images/layout/weltkugel-ul.jpg) no-repeat top;
    }

     #navigation ul {
     list-style:none;
     padding:0;
     margin:0;
     margin-bottom:13px;
     }


      #navigation a {
      color:white;
      }

      #navigation .oberpunkt a:link, #navigation .oberpunkt a:visited, #navigation .oberpunkt a:hover {
	font-weight:bold;
         text-decoration:none;
	font-size:1.0em;
	letter-spacing: 1px;
	line-height: 1.2em;
      }

	#navigation .oberpunkt a:hover {
	text-decoration:underline;
	}


      #navigation .unterpunkt a:link, #navigation .unterpunkt a:visited, #navigation .unterpunkt a:hover {
	font-weight:normal;
         text-decoration:none;
	font-size:0.9em;

	letter-spacing: 2px;
	line-height: 1.0em;
      }

	#navigation .unterpunkt a:hover {
	text-decoration:underline;
	}

         #navigation a.activ {
         color:#FFC801;
         }





 #rechts {
 }

   #rechts_oben {
   height:141px;
   text-align:right;
   background: url(images/layout/weltkugel-or.jpg) no-repeat left top;
   background-color:white;
   margin-left: 250px;
   }

    #rechts_oben .abstand {
    margin-top:5px;
    }

   #rote_leiste {
   margin-left:249px;
   height:21px;
   padding:2px 0px 0px 39px;
   background-color:#BC0033;
   color:#EFEFEF;
   letter-spacing: 1px;
   /*font-style: italic;*/
   font-weight:normal;
   font-variant:small-caps;
   letter-spacing: 0,3em;
   }

   #goldleiste {
   background-color:#FFC801;
   float:right;
   width:132px;
   height:380px;
   text-align:center;
   background: url(images/layout/schamane.jpg) no-repeat bottom;
   }

   #goldleiste p.zitat {
   padding:0px 2px 0px 2px;
   line-height:1.6em;

   }

   #content {
   background: url(images/layout/weltkugel-ur.jpg) no-repeat top left;
   margin: 0px 170px 0px 252px;
   padding: 11px 0px 25px 38px;
   }


 #unten {
 clear:left;
 padding:5px;
 background-color:#CCCCCC;
 font-size:0.9em;
 color:#666666;
 letter-spacing: -1px;
 }

  #unten_links {
  float:left;
  padding-left:8px;
  }

  #unten_rechts{
  float:right;
  width:110px;
  }

  #unten_mitte {
  margin:0px 0px 0px 255px;
  }



  #unten a:link, #unten a:visited, #unten a:hover {
  text-decoration:underline;
  color:#666666;
  font-size:1em;
  letter-spacing: 0px;
  }

    .untenma {
    margin-left:60px;
    }






h1 {
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:#666666;margin-bottom:-6px;
}


h2 {
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	color:#666666;

}


h3 {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	margin-bottom:.4em;
}


h4, h5, h6 {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#444444;
	margin-bottom:.4em;
}

#content p {
line-height:1.6em;
}


#content .einzug {
margin-top:0px;
margin-left: 30px;
}

#content p.einzug100 {
margin-left: 5%;
}

#content .center {
text-align:center;
}

#content p.rot {
background-color:#BC0033;
line-height: 24px;
width: 100%;
}

#content ul {
line-height:1.4em;
}
#content img {
margin: 0px 0px;
text-align: right;
}
#content img.referenzen {
margin: 10px 170px 10px 250px;
text-align: right;
}


#content a.impressum, a.impressum:visited, a.impressum:active, a.impressum:focus {
	text-decoration:none;
	color:#666666;
	font-weight:normal;
	letter-spacing: 0px;
}
#content a.impressum:hover {
	text-decoration:underline;
	color:#666666;
	font-weight:normal;
	letter-spacing: 0px;
}



.ul_komp {
list-style:none;
margin: 15px 0px 0px 30px;
padding:0;
}

.ul_komp li {
margin-bottom:8px;
}

.ul_komp ul {
list-style:none;
}



.pointer_text {
width:230px;
padding:7px;
margin-top:121px;
font-size:0.8em;
line-height:115%;
color:#D1D1D1;
visibility:hidden;
}

.pointer {
border-bottom: thin dotted;
cursor: help;
}