/*
  css styles für die loonbedrijf-terstegge-seite

  erstellt am 14.07.2013
  geändert am 31.07.2013

  (c) by banane 2011 - 2013
*/


/* === allgemein === */

* {
margin: 0;
padding: 0;
}

html {
height: 100.1%;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: center;
background-color: #FFF;
color: #090;
}

img {
border: 0 none;
}

hr{
color: #090;
margin: 0.6em 0;
}

span.onlex3 {
padding: 0.5em 0;
line-height: 1.5em;
color: #333;
}

span.onlex1 {
color: #090;
font-size: 1.3em;
font-weight: normal;
}

a {
font-weight: bold;
font-size: 1em;
text-decoration: underline;
color: #333;
}

a:hover {
color: #090;
}

.clearer {
clear: both;
}


/* === container aussen=== */

#aussenrahmen {
width: 72em;
margin: 1% auto;
padding: 1em;
border: solid 2px #090;
}


/* === container kopf === */

#kopf {
padding: 0 0 1.5em 0;
}


/* === container menue === */

#menue {
padding: 1.4em 0em 1.4em 1.2em;
border-bottom: solid 1px #090;
border-top: solid 1px #090;
}

#menue ul {
float: left;
}

#menue ul li {
float: left;
list-style: none;
}

#menue ul a, #menue ul span {
display: block;
width: 8.5em;
text-decoration: none;
font-weight: bold;
padding: 0.3em 0.9em;
margin: 0 0.5em;
border: 1px solid black;
border-left-color: #CCC;
border-top-color: #CCC;
background-color: #eee;
color: #333;
}

#menue ul a:hover, #menue ul span:hover, #menue ul span.aktuell {
border-color: #CCC;
border-left-color: black;
border-top-color: black;
color: #090;
}

#menue li {
float: left;
list-style: none;
position: relative;
}

#menue li ul {
position:absolute;
width: 8.5em;
display: none;
}

#menue li:hover ul {
display: block;
}

#menue li ul li {
width: 100%;
}


/* === container inhalt === */

#inhalt {
padding: 1em 0;
font-weight: normal;
}

#inhalt p {
padding: 0.4em 0;
color: #333;
}

#inhalt p.fett {
font-weight: bold;
}

#inhalt p.klein {
font-size: 0.8em;
padding: 0.5em 0 0.5em 0;
}

#inhalt h1 {
font-size: 1.3em;
font-weight: normal;
padding: 1.2em 0 0.9em 0;
}

#inhalt h2 {
font-size: 1.2em;
font-weight: normal;
padding: 0 0 0.8em 0;
}

#inhalt h3 {
font-size: 1.1em;
font-weight: normal;
padding: 0 0 0.5em 0;
}

#inhalt div.abschnitt {
width: 28em;
margin: 1% auto;
padding: 0.6em 0 0.8em 0;
border-bottom: solid 1px #090;
}

#inhalt div.abschnitt p {
padding: 0.1em 0 0.2em 0;
}

#inhalt div.abschnitt h1 {
font-size: 1.3em;
font-weight: normal;
padding: 0 0 0.8em 0;
}

#inhalt div.abschnitt h2 {
font-size: 1.2em;
font-weight: normal;
padding: 0 0 0.4em 0;
}

#inhalt div.formabschnitt {
width: 24em;
margin: 1em;
padding: 0.5em 0 1em 1.5em;
border: solid 1px #090;
text-align: left;
}

#inhalt div.formabschnitt p {
padding: 0.3em 0 0.1em 0;
font-size: 0.9em;
}

#inhalt input type="text", #inhalt input type="password",
#inhalt textarea, input.onlex4, textarea.onlex4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0.2em;
border: solid 1px #CCC;
}

#inhalt input:focus, #inhalt textarea:focus,
#inhalt select:focus, input.onlex4:focus, textarea.onlex4:focus {
padding: 0.1em;
border: solid 1px #090;
}

#inhalt img {
border: solid 1px #090;
padding: 0.5em;
margin: 1em 1.3em 1.6em 1.3em;
}


/* === container fuss === */

#fuss {
border-top: solid 1px #090;
padding: 1em 0 0 0;
color: #333;
font-size: 0.9em;
}

#fuss p {
padding: 1em 0 0 0;
}

#fuss span {
padding: 0.5em 3em;
font-weight: normal;
font-size: 1.1em;
text-decoration: none;
}

#fuss a {
padding: 0.5em 3em;
font-weight: bold;
font-size: 1.1em;
text-decoration: underline;
}

#fuss a:hover {
color: #090;
}

#fuss span.unten {
padding: 0.5em 1.5em;
font-size: 1em;
)