/* Stylesheet für NoteSwap */

* { padding: 0; margin: 0; }


body { 
   color: #fefefe; /* Schriftfarbe */
   background-color: #111111;
   background-image: url("images/stripesbg.png");
   font-family: Arial, Verdana, sans-serif;
   font-size: 0.9em;
   line-height: 1.5em;
   margin-top: 10px;
   margin-bottom: 10px;
}

#wrapper {
   color: #fefefe /* Schriftfarbe */
   background-color: #151515;
   width: 800px;
   margin-top: 10px;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
   
}

#header {
   position: relative;
   color: white
   background-color: #111111;
   padding-top: 0;
   padding-right: 20px;
   padding-bottom: 0;
   padding-left: 20;
}


#main {
   position: absolute;
   top: 0px;
   right: 250px;
   width: 500px;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 20px;
   padding-left: 20px;
}


#footer {
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;	
   border-top: 1px solid #333333;
   margin-top: 20px;
   margin-bottom: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}


h1 { font-size: 150%; }
h2 { font-size: 130%; color: #fefefe;}
h3 { font-size: 120%; color: #FEFEFE;}


a { text-decoration: none; }
a:link { color: #ffff00; }
a:visited { color: #eeee00; } 
a:focus { color: #111111; background-color: #eeee00; font-weight: bold;  }
a:hover { color:#111111; text-decoration:none; background-color:#eeee00; font-weight:bold; }

a:active {color: #DDDDDD; }


/* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }


/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }


/* Abstand von links */
li { margin-left: 1em; margin-bottom: 0.5em; }