/* ALLGEMEIN */

* {
margin:0;
padding:0;
list-style:none;
border:none;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
letter-spacing:0.05em;
line-height:1.4em;
color:#222;
background-color:#fff;
}

p {
padding: 0.8em 0 0.8em 0;
}

br {
line-height:1em;
}

b {
font-weight:bolder;
}

a {
text-decoration:none;
color: #009b6f;
outline:none;
}

a:hover {
color: #d8e6ab;
text-decoration:none;
}

a.link_pdf {
background: url(../images/_layout/pdf_symbol.gif) no-repeat 0.5em 0.5em;
padding: 1em 0px 1em 3em;
font-weight:normal;
}

h1 {
font-size:2.5em;
line-height:1em;
padding:0 0 0.5em 0;
color:#009b6f;
text-transform: uppercase;
}

h2 {
color:#222;
display:inline;
font-weight:bold;
font-size:1.3em;
line-height:1em;
text-decoration:none;
}

h3 {
color:#fff;
padding: 0 0 0.5em 0;
font-weight:bold;
font-size:1.6em;
line-height:1em;
text-decoration:none;
text-transform: uppercase;
}

td {
text-align:left;
vertical-align:top;
}

.kleiner {
font-size:0.7em;
letter-spacing:0;
color:#777;
}




/* LOGO */

#kopf {
width:100%;
background-color:#009b6f;
}

#kopf div {
width:85em;
text-align:right;
margin:auto;
}

#kopf img {
width:150px;
border:0;
padding:5em 1em 2em 0;
}




/* NAVIGATION */

#navigation {
width:100%;
background-color:#d8e6ab;
line-height:2.5em;
}

#navigation div {
margin:auto;
width:85em;
}

#navigation a {
text-transform:uppercase;
font-weight:bold;
padding: 0 1em;
color:#222;
text-decoration:none;
}

#navigation a:hover {
text-decoration:none;
color: #009b6f;
}

#navigation a.aktiv {
text-decoration:none;
color: #009b6f;
}




/* SUBNAVIGATION */

#subnavigation {
width:100%;
background-color:#eaeedf;
line-height:2.0em;
}

#subnavigation .hidden{
visibility:hidden;
}

#subnavigation div {
margin:auto;
width:84.5em;
padding:0 0.25em;
}

#subnavigation a {
text-transform:uppercase;
font-weight:bold;
padding: 0 0.75em;
color:#222;
text-decoration:none;
font-size:0.9em;
}

#subnavigation a:hover {
text-decoration:none;
color: #009b6f;
}

#subnavigation a.aktiv {
text-decoration:none;
color: #009b6f;
}



/* INHALTE */

#main {
width:100%;
background-color:#fff;
text-align:left;
margin: 4em 0 0 0;
}

#main_innen {
margin:auto;
width:85em;
}

#content {
width:83em;
padding: 0 1em;
}

#content div#textspalte {
width:30em;
float:left;
margin-bottom:1em;
}

#content div#textspalte ol {
padding-left:3em;
}

#content div#textspalte ul {
padding-left:3em;
}

#content div#textspalte li {
list-style:square;
}

#content div#textspalte li.aufz_zahlen {
list-style:decimal;
}

#content div#bildspalte {
width:50em;
float:right;
margin-bottom:1em;
}

#content div#textspalte ul.aufz_quadrat {
}

#content div#bildspalte li.aufz_quadrat {
margin-left:2em;
/*list-style: url(../images/_layout/li_quadrat.gif);*/
list-style:square;
padding: 0 0 1em 0;
}

#content div#bildspalte .piktogramme {
margin-top:1em;
text-align:right;
}

#content div#bildspalte .piktogramme img {
height:3em;
padding: 0 0.5em;
}

#content .einsatz {
color:#777;
font-size:1.3em;
font-weight:bold;
float:right;
}

#content .rahmen {
width:50%;
border:1px solid #222;
padding: 1em;
line-height:1.1em;
}

#content .rahmen2 {
width:90%;
border:1px solid #222;
padding: 1em;
line-height:1.1em;
}

#content .grossezeichen {
font-size:4.5em;
font-weight:bold;
line-height:1.5em;
}

#content sup {
font-size:0.5em;
}

#content sub {
font-size:0.5em;
}

#content .versalien {
text-transform: uppercase;
}




/* CONTENTTAB */

div.domtab {
width:50em;
}

div.domtab img {
width:48em;
margin-left:-1em;
}

div.domtab img.normal {
border:0;
width: auto;
margin-left:0;
}

ul.domtabs {
float:left;
width:50em;
}

ul.domtabs li {
float:left;
padding:0 0.5em 0 0;
}

ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover {
width:7.5em;
padding:0.5em 1em;
display:block;
background:#eaeedf;
color:#222;
height:2em;
font-weight:bold;
text-decoration:none;
}

html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover {
height:auto;
min-height:3em;
}

ul.domtabs a:hover {
background:#009b6f;
}

div.domtab div {
clear:both;
width:46em;
background:#009b6f;
color:#fff;
padding:1em 2em;
}

ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover {
background:#009b6f;
color:#fff;
}

div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active {
color:#fff;
display:block;
font-weight:normal;
font-size:1em;
margin-bottom:1em;
}

div.domtab div a:hover {
color:#222;
text-decoration:none;
font-weight:normal;
}

div.domtab div a:hover img{
border:1px solid #222;
}

div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active {
color:#fff;
display:inline;
padding: 0;
font-weight:bold;
font-size:1.3em;
line-height:1em;
text-decoration:none;
}

div.domtab table {
width:100%;
vertical-align:top;
margin-bottom:1em;
}

div.domtab td {
padding-right:1em;
padding-bottom:1em;
}

div.domtab td img {
margin-left:0;
width:6em;
border:1px solid #fff;
}

div.domtab td.td_spalte1 {
padding: 0.5em 0.5em;
line-height:1.5em;
width:20em;
border-bottom:1px solid #fff;
}

div.domtab td.td_spalte2 {
padding: 0.5em 0.5em;
line-height:1.2em;
width:26em;
border-bottom:1px solid #fff;
}

div.domtab p.td_infospalte {
padding:1em;
margin:0.5em 0 0 1em;
width:20em;
background:#d8e6ab;
color:#009b6f;
}

div.domtab p.td_infospalte img{
width:20em;
margin:0;
padding:0;
}




/* STARTSEITE */

.slidemenu {
list-style:none; 
width:100%; 
height:300px;
margin:0;
padding:0;
display:block; 
overflow:hidden;
float:right;
}

.slidemenu li {
float:left; 
display:inline; 
overflow:hidden;
}

.slidemenu img {
border:1px solid #fff;
}




/* FOOTER */

#footer {
width:83em;
margin:0 auto;
padding:2.5em 0 0.5em 0;
clear:both;
text-align:right;
color:#777;
}

#footer img {
height:1.5em;
vertical-align: -0.1em;
margin-left:0.15em;
}





/* KONTAKTFORMULAR */

form {
padding: 0.8em 0 0.8em 0;
}

fieldset {
border:none;
padding: 0 0 0.5em 0;
}

label {
color:#fff;
}

input {
color:#ddd;
border:1px solid #fff;
background-color:#009b6f;
width:90%;
margin: 0 0 0.0em 0;
padding:0.3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

input:focus{
color:#222;
background-color:#fff;
border:1px solid #fff;
outline:none;
}
  			
textarea {
color:#ddd;
border:1px solid #fff;
background-color:#009b6f;
width:90%;
margin: 0;
padding:0.3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

textarea:focus{
color:#222;
background-color:#fff;
border:1px solid #fff;
}
  			
input .Check, .Radio {
width:100%;
}

form .submitbtn {
text-align:center;
color:#fff;
border:1px solid #fff;
background-color:#009b6f;
width:90%;
cursor:pointer; 
padding:0.3em; 
margin:1em 0 0 0;
float:left;
text-transform:uppercase;
}

form .submitbtn:hover { 
color:#222;
background-color:#fff;
border:1px solid #fff;
outline:none;
}

form td {
width:50%;
}