/*stylesheet  geldreform-jetzt 2.0 Bildschirm

Datei: bildschirm.css

Autor: Gregor Schoeffmann

Aufbau: 1. Kalibrierung und allgemeine Styles
        2. Layoutbereiche
        3. sonstige Styles*/

/* 1. Kalibrierung und allgemeine Styles*/

* {padding: 0; margin: 0; }
body 
{color: black; background-color: #ffcc66;
font-family: Verdena, Arial, Helvetica, sans-serif;
font-size: small;}

.skiplink { position: absolute; top: -2000px; left: -3000px; width: 0px; height: 0px; overflow: hidden; display: inline; }

h2, p, ul, ol { margin: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 2em; }
h1 { font-size: 175%; }
h2 { font-size: 132%; }
h3 { font-size: 108%; margin: 0 0 1em 1em; }
h4 { font-size: 108%; } 

p { text-align: justify; }


address { text-align: center; font-size: 80%; font-style: normal; letter-spacing: 2px; line-height: 1.5em; padding-top: 10px; }
.box { color:black; background-color: #dddddd; border: 0; padding: 1em; margin-bottom: 10px; }
.box2 { color: black; background-color: white; border: 0; padding: 1em; margin-bottom: 10px; }
.fussextra { margin: 0 0 0 500px; }
.textanfang { font-size: 114%; font-style: normal; }

#lesetips p { margin: 0; }

a { text-decoration: none; outline: none; }
a:link { color: #ff5000; }
a:visited { color: white; }
a:hover, a:focus { }
a:active { color: white; }

/* 2. Layoutbereiche*/

#kopfbereich { color: white; 
background-color: #ff5000; 
padding-left: 25px; 
padding-top: 20px; 
padding-bottom: 20px; 
}

#wrapper { color: black; 
background-color: #ffcc66; 
width: 760px; margin-top: 10px; 
margin-right: auto; 
margin-bottom: 10px; 
margin-left: auto; 
padding: 5px; }

#navibereich { float: left; 
width: 150px; 
color: #ff5000; 
background-color: #ffcc66; 
border: 0px dashed white;
margin-top: 15px; 
margin-left: 0px; 
margin-bottom: 10px;
padding-top: 15px; 
padding-bottom: 15px; }

#navibereich li { list-style-type: none; }
#navibereich ul { margin: 0; }

#navibereich a { text-decoration: none; outline: none; }
#navibereich a:link { color: #ff5000; }
#navibereich a:visited { color: grey; }
#navibereich a:hover, #navibereich a:focus { color: white; background-color: #ff5000; }
#navibereich a:active { color: white; background-color: #d90000; }

#textbereich { padding: 10px;
margin-left: 163px; 
margin-top: 15px; 
margin-right: 0px;
margin-bottom: 15px; 
border: 2px dashed grey;
color: black;
background-color: #ffffcc; }

#textbereich span { font-style: italic; }

#textbereich a { text-decoration: none; outline: none; } 
#textbereich a:link { color: blue; border-bottom: 1px dotted; }
#textbereich a:visited { color: grey; border-bottom: 1px dotted blue; }
#textbereich a:active { color: white; }
#textbereich a:hover, textbereich a:focus { color: #ff5000; }

#textbereich li { margin: 0.5em 1em 0 1em; }

#fussbereich { clear: both;
color: black; 
background-color: #ff5000; 
padding-left: 25px; 
}


#fussbereich a { text-decoration: none; outline: none; }
#fussbereich a:link { color: white; text-decoration: none; }
#fussbereich a:visited { color: white; }
#fussbereich a:hover, #fussbereich a:focus {
color: black;
border-bottom: none; }
#fussbereich a:active { background-color: white; }


/* 3. sontiges Styles*/
#startseite #navi01 a:visited,
#maerchen #navi02 a:visited,
#zahlen #navi031 a:visited, 
#creutz #navi032 a:visited, 
#zitate #navi04 a:visited,
#geldreform #navi05 a:visited,
#lesetips #navi061 a:visited,
#zeitschriften #navi062 a:visited,
#links  #navi08 a:visited,
#links2 #navi081 a:visited,
#links3 #navi082 a:visited,
#aufruf #navi09 a:visited { color: blue; }

#grafik #textbereich { background-color: white; padding: 10px; margin: 10px 0 10px 0; border: none; }
#grafik h3 { margin: 0; }


div.box img { float: left; margin-right: 10px; }
div.box { overflow: hidden; }
* html div.box { height: 1%; } /* Patch fuer IE */