* {padding: 0; margin: 0;}
body {color: #000000; background-color: #afafff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
#wrapper {color: #000022; background-color: #efefff; width: 980px; margin-right: auto; margin-left: auto;}
#kopfbereich {position: relative; color: #FFFFFF; background-color: #787889;  background-image: url(http://www.gay-maspalomas.com/bausteine/gay-maspalomas-header.gif); height:138px;}
#kopfbereich h1 {position: absolute; top:0px; left: 0px; font-size: 250%; letter-spacing:2.2px;}
#navibereich {color: #FFFFFF; background-color: #dedede; }
#fussbereich {clear:both; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #8c8c8c; margin-top: 20px; background-color: #acacac;  }
#textbereich {padding-top: 0px; padding-right: 2px; padding-bottom: 5px; padding-left: 245px; }


#navibereich li {list-style-type: none; margin: 2; padding: 2; background-color: #FFFF00; border-left: 4px solid #dd5500; border-right: 1px solid #dd5500; border-bottom: 2px solid #dd5500; border-top: 1px solid #dd5500; text-indent: 0.1em; font-weight: bolder; margin-bottom: 0.2em;}
#navibereich {float: left; width: 241px; padding-left: 0px; padding-top: 10px; background-image: url(http://www.gay-maspalomas.com/bausteine/gay-regenbogenfahne.gif);  }
#navibereich a {display: block; text-decoration: none; outline: none; color: black; background-color: #FFF00; padding: 4px; border-left: 3px solid #ff0000;}
#navibereich a:link {color: #000000; }
#navibereich a:visited {color: #000000; }
#navibereich a:hover, a:focus {color: #660000; background-color: #d9d9d9; }
#navibereich a:active {color: #0000FF; color: black; background-color: #d9d9d9; }

#navihorizontal a {display: block; text-decoration: none; outline: none; color: black; }
#navihorizontal a:link {color: #000000; }
#navihorizontal a:visited {color: #000000; }
#navihorizontal a:hover, a:focus {color: #660000; background-color: #d9d9d9; }
#navihorizontal a:active {color: #000000; color: black; background-color: #d9d9d9; }


#horizontalenavi li {display: inline; list-style-type: none; margin-left: 0;}
#horizontalenavi a:link {color: #990000; }
#horizontalenavi a:visited {color: #990000; }
#horizontalenavi a:hover, a:focus {color: #FF0000; border-bottom: 1px solid #d90000; }
#horizontalenavi a:active {color: #0000FF; background-color: #d90000; }


h1 {font-size: 160%; }
h2 {font-size: 140%; }
h3 {font-size: 120%; }
h4 {font-size: 105%; }

address {text-align: center; font-size: 80%; font-style: normal; letter-spacing: 1.5px; line-height: 1.3em; }

a:link {color: #B41F25; }
a:visited {color: #cc6666; }
a:hover, a:focus {color: #cc0066; }
a:active {color: #cc66FF; }

/* Clear für Artikel vom ...*/
.cl { clear: left; }

/* Abstand nach unten */
h1, h2, h4, p, ul, ol {margin-bottom: 1em; }
h1, h2, h4 {margin-top: 0.5em; } 
h3 {margin-bottom: 0.4em; margin-top: 0.3em; }

/* Verschachtelte Liste ohne Abstand, hebt Abstand nach unten für eine Liste in einer Liste wieder auf*/
ul ul {margin-bottom: 0; }
ol ol {margin-bottom: 0; }

/* Abstand von links */
li {margin-left: 2em};