/* CSS Document */

body {
background: url(../images/background.gif) repeat-x;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

form {
padding: 0;
margin: 0;
}

h1 {
color: #76a472;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}

a:link, 
a:visited,
a:active, 
a:hover {
color: #76a472;
text-decoration: none;
}

#umrandung {
width: 820px;
height: auto;
margin: 0 auto 0 auto;
}

#content {
width: 820px;
height: 350px;
margin: 20px 0 0 0;
}

#content-impressum {
width: 820px;
height: 350px;
background: url(../images/intro-wa-impressum.jpg) no-repeat;
margin: 20px 0 0 0;
}

#verlauf {
width: 820px;
height: 37px;
background: url(../images/verlauf.gif) repeat-x;
}

#navigation {
width: 820px;
height: 213px;
background: url(../images/background-fisch1.gif) bottom right no-repeat;
font-size: 12px;
line-height: 16px;
}

#reiter {
width: 820px;
height: 24px;
background: url(../images/background-fisch3.gif) bottom right no-repeat;
}

#footer {
width: 810px;
height: 23px;
background: #60676c;
color: #adacac;
text-align: right;
padding: 14px 10px 0 0;
}

#footer a:link, 
#footer a:visited,
#footer a:active, 
#footer a:hover {
color: #adacac;
text-decoration: none;
}

#footerfisch {
width: 820px;
height: 56px;
background: url(../images/background-fisch2.gif) top right no-repeat;
}

#flashintro {
width: 606px;
height: 350px;
float: left;
}

#contentblock2 {
width: 585px;
height: 257px;
color: #616161;
padding: 20px 50px 37px 185px;
line-height: 16px;
overflow:auto;
float: left;
}

#contentblock2 ul {
list-style-type: none;
}

#contentblock2 li {
color: #76a472;
background: url(../images/ul-werbeagentur.gif) no-repeat left 0.2em;
padding:0 0 0 1.5em;   
margin:0 0 0.3em -3em;
}

#contentblock2 li a:link, 
#contentblock2 li a:visited,
#contentblock2 li a:active,
#contentblock2 li a:hover {
color: #76a472;
display:block;
}

#news {
width: 174px;
height: 213px;
color: #919990;
padding: 100px 20px 0 20px;
line-height: 16px;
float: left;
}

#contentblock {
width: 184px;
height: 293px;
color: #616161;
padding: 20px 10px 0 20px;
line-height: 16px;
overflow: hidden;
float: left;
}

#contentblock ul {
list-style-type: none;
}

#contentblock li {
color: #76a472;
background: url(../images/ul-werbeagentur.gif) no-repeat left 0.2em;
padding:0 0 0 1.5em;   
margin:0 0 0.3em -3em;
}

#contentblock li a:link, 
#contentblock li a:visited,
#contentblock li a:active,
#contentblock li a:hover {
color: #76a472;
display:block;
}

#contentblock p {
padding: 0;
margin: 0;
}

/**
Hauptnavigation
**/

#navcontainer {
width: 150px;
border-right: 1px solid #434b50;
margin-top: 8px;
height: 104px;
float: left;
}

#navcontainer ul
{
margin: 0;
padding: 1px 0 0 9px;
list-style-type: none;
}

#navcontainer li { 
margin: 0; 
padding: 1px 0 0 0;
}

#navcontainer a
{
display: block;
}

#navcontainer a:link, 
#navcontainer a:visited,
#navcontainer a:active, 
#navcontainer a:hover {
font-size: 12px;
color: #adacac;
text-decoration: none;
}

/**
Subnavigation
**/

#subnavcontainer1 {
width: 150px;
border-right: 1px solid #434b50;
margin-top: 8px;
height: 104px;
float: left;
}

#subnavcontainer1 ul
{
margin: 0;
padding: 1px 0 0 9px;
list-style-type: none;
}

#subnavcontainer1 li { 
margin: 0; 
padding: 1px 0 0 0;
}

#subnavcontainer1 a
{
display: block;
}

#subnavcontainer1 a:link, 
#subnavcontainer1 a:visited,
#subnavcontainer1 a:active, 
#subnavcontainer1 a:hover {
font-size: 12px;
color: #adacac;
text-decoration: none;
}

/**
Subnavigation2
**/

#subnavcontainer2 {
width: 150px;
margin-top: 8px;
height: 104px;
float: left;
}

#subnavcontainer2 ul
{
margin: 0;
padding: 1px 0 0 9px;
list-style-type: none;
}

#subnavcontainer2 li { 
margin: 0; 
padding: 1px 0 0 0;
}

#subnavcontainer2 a
{
display: block;
}

#subnavcontainer2 a:link, 
#subnavcontainer2 a:visited,
#subnavcontainer2 a:active, 
#subnavcontainer2 a:hover {
font-size: 12px;
color: #adacac;
text-decoration: none;
}

#active,
#active a:link,
#active a:active,
#active a:visited,
#active a:hover {
color: #76a472;
font-weight: bold;
}

#linie {
width: 1px;
height: 102px;
margin-top: 8px;
background: #343a3f;
float: left;
}

/**
Reiter
**/

#reiter1passiv {
margin-top: 5px;
border-left: 1px solid #4e5459;
border-top: 1px solid #4e5459;
background: #2d363e;
width: 80px;
float: left;
}

#reiter1passiv a
{
display: block;
color: #888888;
text-decoration: none;
padding: 2px 0 2px 7px;
}

#reiter2aktiv {
background: url(../images/background-reiter-2.gif) #92b58f;
width: 151px;
float: left;
}

#reiter2aktiv a
{
display: block;
color: #4f4f4f;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 7px 0 2px 9px;
}

#reiter3passiv {
margin-top: 5px;
border-right: 1px solid #4e5459;
border-top: 1px solid #4e5459;
background: #2d363e;
width: 66px;
float: left;
}

#reiter3passiv a
{
display: block;
color: #888888;
text-decoration: none;
padding: 2px 0 2px 7px;
}

select {
border:1px solid #76a472;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
}

.textfield {
height: 15px;
border: 1px solid #76a472;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 4px;
margin: 2px 0 2px 0;
background: #fff;
}

.textfieldmsg {
height: 30px;
width: 145px;
border: 1px solid #76a472;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 4px;
margin: 2px 0 2px 0;
background: #fff;
}

.slide {
margin: 319px 0 0 10px;
}