* {
        padding: 0;
        margin: 0;
        }


body        {
        font: 100%  "Times New Roman", serif;
        height: auto;
        width: auto;
        color: #000;
        background-color: #f9f9f9;

        }

a:link {
        font-weight: bold;
        text-decoration: underline;
        color: #02771E;
        }

a:visited {
        font-weight: bold;
        text-decoration: underline;
        color: #02771E;
        }

a:hover {
        font-weight: bold;
        text-decoration: underline;
        background: #EFDF05;
        }

a:active {
        font-weight: bold;
        text-decoration: underline;
        color: #000;
        }

/*allgemeine Textformatierung*/


h1
        {
                font-style: italic;
                font-size: 1.2em;
                padding: 11px 0;
                margin-left: -3px;
                color: #02771E;
                font-weight: bold;
        }
h2
        {
                color: #000000;
                font-size: 1.1em;
                padding: 10px 0;
                font-style: italic;
                margin-left: -2px;
        }

h3
        {
                color: #02771E;
                font-size: 1em;
                padding: 9px 0;
                font-style: italic;
        }


ul       {      list-style-image:url(pics/pfoten_liste.gif);
                margin-left:34px;}

li       {      line-height:1.6em;}

.h1title
        {
                font-style: italic;
                font-size: 300%;
                margin: 0 15px 0 0;
                color: #02771E;
                font-weight: bold;
        }
.h2title
        {
                color: #000000;
                font-size: 200%;
                font-style: italic;
                margin: 0 15px 0 0;
                font-weight: bold;

        }
.h3title
        {
                text-align: right;
                color: #000000;
                font-size: 150%;
                font-style: italic;
        }

.left                {
                text-align: left;
                font-weight: bold;
                font-style: italic;
                }

.small         {font-size:0.7em;
                font-weight:bold;
                }

p               {padding: 8px 0;}

p.right         {float:right;
                padding:0 0 0 20px;
                }

#design                {
                padding: 0 0 50px 15px;
                margin: 10px;
                position: relative;
                width: 960px;
                height: auto;
                min-height: 800px;
                border-left: 2px solid #02771E;
                }
#toppic                {
                float: left;
                margin-top: 0px;
                position: relative;
                width: 190px;
                height: 163px;
                padding: 9px 10px 8px 10px;
                background-color: #EFDF05;
                }

#logotrans        {
                float: right;
                position: relative;
                display: block;
                width: 170px;
                height: 169px;
                background-image: url(pics/logo.gif);
                background-color: transparent;
                color: inherit;
                }
#topfieldtext        {
                position: relative;
                height: 179px;
                width: 960px;
                left: 0px;
                background: url(pics/kachel60.gif);
                color: inherit;
                }

#topfieldtext1        {
                float: left;
                position: relative;
                height: auto;
                width:520px;
                margin: 10px 0 0 15px;
                padding: 0px 15px 10px 15px;
                border-left: 2px solid #02771E;
                background-image: url(pics/kachel60.gif);
                color: inherit;
                }
#upnav                {
                float: left;
                position: relative;
                text-align: left;
                color: #02771E;
                width: 300px;
                height: 18px;
                margin-left: 10px;
                background-color: inherit;
                }

#upnavlink        {
                clear: both;
                position: relative;
                text-align: right;
                color: #3C3C3C;
                width: 940px;
                height: 18px;
                margin-top: 0px;
                padding: 6px 20px 6px 0;
                background-color: transparent;
                background-color: #EFDF05;
                }
#upnavlink a                {
                        text-decoration: none;
                        color: #02771E;
                        padding-left: 10px;
                        padding-right: 10px;
                        }

#upnavlink a:hover         {
                        text-decoration: none;
                        color: #EFDF05;
                        padding-left: 10px;
                        padding-right: 10px;
                        background-color: #02771E;
                        }

#navigation                {
                text-align: center;
                float: left;
                position: relative;
                width: 206px;
                height: auto;
                border-left: 2px solid #EFDF05;
                border-right: 2px solid #EFDF05;
                border-bottom: 2px solid #EFDF05;
                background:transparent url(pics/pfoten_heller.gif) no-repeat top center;
                }
#navigation a                {
                        width: 110px;
                        display: block;
                        text-decoration: none;
                        color: #02771E;
                        background-color: #EFDF05;
                        margin: 13px 13px 13px 46px;
                        padding: 2px;
                        }


#navigation a:hover         {
                        width: 110px;
                        display: block;
                        text-decoration: none;
                        color: #EFDF05;
                        background-color: #02771E;
                        margin: 13px 13px 13px 46px;
                        padding: 2px;
                        }

#content        {
                margin: 10px 0 0 15px;
                padding: 15px;
                top: 0px;
                width: 525px;
                height: 500px;
                position: relative;
                line-height: 1.2em;
                float: left;
                text-align: left;
                border-left: 2px solid #02771E;
                background-color: inherit;
                }
#news        {
                margin: 10px 0 10px 0;
                padding: 0 0 15px 15px;
                width: 160px;
                height: auto;
                position: relative;
                display: block;
                float: left;
                text-align: justify;
                font-size:0.8em;
                border-left: 2px solid #02771E;
                background-color: inherit;
                }
#news a                {
                        text-align: center;
                        display: block;
                        text-decoration: none;
                        color: #EFDF05;
                        background-color: #02771E;
                        margin: 0px;
                        padding:5px;
                        }


#news a:hover         {
                        text-align: center;
                        display: block;
                        text-decoration: none;
                        color: #02771E;
                        background-color: #EFDF05;
                        margin: 0px;
                        padding: 5px;
                        }
#news1        {
                margin: 10px 0 10px 0;
                padding: 0 0 15px 15px;
                width: 160px;
                height: auto;
                position: relative;
                display: block;
                float: left;
                text-align: justify;
                font-size:0.8em;
                border-left: 2px solid #02771E;
                background-color: inherit;
                }
#news1 a                {
                        text-align: center;
                        display: block;
                        text-decoration: none;
                        color: #EFDF05;
                        background-color: #02771E;
                        margin: 0px;
                        padding:5px;
                        }
#news1 a:hover         {
                        text-align: center;
                        display: block;
                        text-decoration: none;
                        color: #02771E;
                        background-color: #EFDF05;
                        margin: 0px;
                        padding: 5px;
                        }
#news2        {
                margin: 10px 0 10px 0;
                padding: 0 0 15px 15px;
                width: 160px;
                height: auto;
                position: relative;
                display: block;
                float: left;
                font-size:0.8em;
                text-align: justify;
                border-left: 2px solid #02771E;
                background-color: inherit;
                }
#news2 a                {
                        text-align: center;
                        display: block;
                        text-decoration: none;
                        color: #EFDF05;
                        background-color: #02771E;
                        margin: 0px;
                        padding:5px;
                        }
#news2 a:hover         {
                        text-align: center;
                        display: block;
                        text-decoration: none;
                        color: #02771E;
                        background-color: #EFDF05;
                        margin: 0px;
                        padding: 5px;
                        }


#valid          {
                position: absolute;
                top: 480px;
                width: 246px;
                height: 160px;
                left: 28px;
                color: inherit;
                background: transparent url(pics/fuesse.gif) bottom right no-repeat;}

#w3ccss         {
                float: left;
                left:0px;
                position: relative;
                width: 84px;
                height: 31px;
                border: 0px solid #000000;
                }
#w3cxhtml        {
                float: left;
                left: 20px;
                position: relative;
                width: 84px;
                height:31px;
                border: 0px solid #000000;
                }


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
        cursor: default;
        list-style: none;
}

.hoverbox a
{
        cursor: default;
}

.hoverbox a .preview
{
        display: none;
}

.hoverbox a:hover .preview
{
        display: block;
        position: absolute;
        top: -33px;
        left: -45px;
        z-index: 1;
}

.hoverbox img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 2px;
        vertical-align: top;
        width: 100px;
        height: 75px;
}

.hoverbox li
{
        background: #eee;
        border-color: #ddd #bbb #aaa #ccc;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        display: inline;
        float: left;
        margin: 3px;
        padding: 5px;
        position: relative;
}

.hoverbox .preview
{
        border-color: #000;
        width: 200px;
        height: 150px;
}


a.skiplink {
          position: absolute;
          left: 30px;
          top: 20px;
          }

/* =Kontaktformular
----------------------------------------------------------------------*/

.formular {
 margin:0px auto;
 width:70%;
 text-align:left;
}
.fehler {
 color:<?php echo $fehlercolor ; ?>;
 text-align:left;
}
.box {
 margin-top:10px;
}
.um {
 margin-left:15px;
}
.bez {
 float:left;
 text-align:left;
 width:9.5em;
 line-height:25px;
}
input {
 margin-top:5px;
}
.nachricht {
 clear:both;
 text-align:center;
}
.copy {
 font-size:0.9em;
 position:relative;top:30px;
}

.keywords {display:none;}