@charset "utf-8";

/*-----------------------------TAGS -----------------------------------------*/
body {
    margin:0px; padding: 0px;
    font: 12px Verdana, Arial, sans-serif;
    line-height:140%; color:#000;
    background-color:#FFF;
}
p { font: 12px Verdana, Arial, sans-serif; line-height:140%; color:#000;}

h1 {color:#000; font-size:16px;}
h2 {color:#666; font-size:14px;}
h3 {color:#666; font-size:12px;}

a:active  {font-family: Verdana, Arial, sans-serif; text-decoration: underline;  color: #666;}


a:link     {font-family: Verdana, Arial, sans-serif; text-decoration: none;  color: #e20621;}
a:visited  {font-family: Verdana, Arial, sans-serif; text-decoration: none;  color: #e20621;}
a:hover  {font-family: Verdana, Arial, sans-serif; text-decoration: underline;   color: #e20621;}
a:active  {font-family: Verdana, Arial, sans-serif; text-decoration: underline;  color: #e20621;}


a img {border:none}

a.news:link     {font-family: Verdana, Arial, sans-serif; text-decoration: none;  color: #e20621; font-weight:bold;}
a.news:visited  {font-family: Verdana, Arial, sans-serif; text-decoration: none;  color: #e20621; font-weight:bold;}
a.news:hover  {font-family: Verdana, Arial, sans-serif; text-decoration: underline;   color: #e20621; font-weight:bold;}
a.news:active  {font-family: Verdana, Arial, sans-serif; text-decoration: underline;  color: #e20621; font-weight:bold;}



img, div { behavior: url(iepngfix.htc) }

#ortstafel {
background-image:url(../images/ortstafel.gif); width: 175px; height:125px;
}

#ortstafel a:link     {font-family: Verdana, Arial, sans-serif; text-decoration: none;  color: #000;}
#ortstafel a:visited  {font-family: Verdana, Arial, sans-serif; text-decoration: none;  color: #000;}
#ortstafel a:hover  {font-family: Verdana, Arial, sans-serif; text-decoration: underline;   color: #000;}
#ortstafel a:active  {font-family: Verdana, Arial, sans-serif; text-decoration: underline;  color: #000;}

#ortstafeltext
{
 text-align:center; margin: 20px 0 0 0;
font: 13px Verdana, Arial, sans-serif; line-height200%; color:#000; font-weight:bold;
padding-top:10px; 
}
#ortstafeltext p
{font: 13px Verdana, Arial, sans-serif; line-height:200%; color:#000; font-weight:bold; text-align:center;}
/*-----------------------------IDs -----------------------------------------*/

#frame { width:1000px; background-color:#FFF; margin: 0 auto; background-image:url(../images/bg.jpg); background-repeat:repeat-y;}
#header {width: 968px; height:258px; margin: 0 auto; position:relative; background-color:#FFF}
#foto{position:absolute; top: 100px; left:0px}
#bogen{position: absolute; left: 0px; top: 100px;}
#logo{position: absolute; left:10px; top:5px}
#rmb{position: absolute; left:818px; top:0px}

#menue {width:968px; margin: 0 auto}

div.content_normal{width:968px; margin: 0 auto; padding: 0 0 70px 0; background-color:#FFF;  }
div.content_blau  {width:968px; margin: 0 auto; padding: 0 0 70px 0; background:url(../images/content_blau.gif) repeat-y; min-height: 600px; height: auto !important; height: 600px;}
div.content_gelb  {width:968px; margin: 0 auto; padding: 0 0 70px 0; background:url(../images/content_gelb.gif) repeat-y; min-height: 600px; height: auto !important; height: 600px;}
div.content_rot   {width:968px; margin: 0 auto; padding: 0 0 70px 0; background:url(../images/content_rot.gif) repeat-y; min-height: 600px; height: auto !important; height: 600px;}
div.content_gruen {width:968px; margin: 0 auto; padding: 0 0 70px 0; background:url(../images/content_gruen.gif) repeat-y; min-height: 600px; height: auto !important; height: 600px;}

#content_links_aussen {width:242px; float:left; padding: 0; margin: 0;}
#content_links {width:202px; padding: 10px 20px 20px 20px; margin: 0}

#content_mitte{width:450px;  padding: 10px 20px 20px 20px; float:left}
#content_mitte2 {width:440px; margin: 0px 0px 20px 20px; padding: 10px 0 0 0; float:left}

#content_rechts {width:160px; float:right; padding: 10px 20px 0 0; background-color:#fff;  margin: 0px 20px 0 0;}
#content_rechts2 {width:210px; float:right;padding: 10px 0 0 10px; background-color:#fff; margin: 0px 20px 0 0;}

div.boxes {clear: both; width: 968px; background-color: #FFF; margin: 0 auto; padding:0}

div.footer {
    position:fixed; 
    bottom:0;
    width: 100%;
    height:80px;
    background-color:#FFF;
    padding-top: 0px;
}
div.footercontent{width:1000px; height:70px;margin: 0 auto; background-color: #FFF; background-image: url(../images/fuss.jpg); background-repeat: no-repeat;}

div.footer_links {width: 300px; float: left; margin-left:15px; margin-top:20px}
div.footer_rechts {float: right; width: 610px; text-align:left; color:#666; font-size: 13px; text-align:right; margin-right:15px; margin-top:20px}

div.footer_rechts a:link    {font-family: Verdana, Arial, sans-serif; font-size: 13px; text-decoration: none; color: #666;}
div.footer_rechts a:visited {font-family: Verdana, Arial, sans-serif; font-size: 13px; text-decoration: none; color: #666;}
div.footer_rechts a:hover   {font-family: Verdana, Arial, sans-serif; font-size: 13px; text-decoration: underline; color: #000000;}
div.footer_rechts a:active  {font-family: Verdana, Arial, sans-serif; font-size: 13px; text-decoration: underline; color: #666;}


.footer_rechts_li {float:left;}
.hilfsnavi {float:right;}
.newsletter {float:left; }
.suche{float:left;}



#box {background: #02a0d8 url(../images/box-top-left.gif) no-repeat; position: relative; padding: 11px; width: 125px; height: 82px;}
span.box-top-right, span.box-bottom-left, span.box-bottom-right {position: absolute; width: 11px; height: 11px; display: block;}
span.box-top-right {background: url(../images/box-top-right.gif) no-repeat; top: 0; right: 0; }
span.box-bottom-left {background: url(../images/box-bottom-left.gif) no-repeat; bottom: 0; left: 0;} 
span.box-bottom-right {background: url(../images/box-bottom-right.gif) no-repeat; bottom: 0; right: 0;}



/*-----------------------------Classes-----------------------------------------*/
.upper {text-transform:uppercase; font-weight:bold; text-align:center; border-bottom: 1px dotted #333; font-size: 14px}
.clear {clear:both}

.boxblue {width:25%; background-color:#02a0d8;float:left; height:25px}
.boxyellow {width:25%; background-color:#fdd80c;float:left; height:25px}
.boxred {width:25%; background-color:#e20621;float:left; height:25px}
.boxgreen {width:25%; background-color:#b6c81e;float:left; height:25px}

.blue {background-color:#02a0d8; border-top: 8px solid #02a0d8}
.yellow {background-color:#fdd80c; border-top: 8px solid #fdd80c}
.red {background-color:#e20621; border-top: 8px solid #e20621}
.green {background-color:#b6c81e; border-top: 8px solid #b6c81e}

.blue:hover {background-color:#cddee6; border-top: 8px solid #02a0d8;}
.yellow:hover {background-color:#f5e3a5; border-top: 8px solid #fdd80c}
.red:hover {background-color:#ecb7a7; border-top: 8px solid #e20621}
.green:hover {background-color:#c5e1a7; border-top: 8px solid #b6c81e}

.blue2 {background-color:#cddee6; border-top: 8px solid #02a0d8;}
.yellow2 {background-color:#f5e3a5; border-top: 8px solid #fdd80c}
.red2 {background-color:#ecb7a7; border-top: 8px solid #e20621}
.green2 {background-color:#c5e1a7; border-top: 8px solid #b6c81e}

/*-----------------------------Menue -----------------------------------------*/

#nav {padding: 0; margin: 0; list-style: none; background-color: #FFF; color: #FFF; width: 100%; text-align: center;}

#nav li {float: left; margin: 0; padding: 0; line-height: normal; width:25%}
#nav li a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0px 13px 5px 13px;
    color: #FFF;
    text-decoration: none;
    font-size:1.5em;}

#nav a.blau {color: #FFF;}
#nav a.blau:hover {color: #02a0d8;}
#nav a.blau2 {color: #02a0d8;}
#nav a.gelb {color: #FFF;}
#nav a.gelb:hover {color: #FFF;}
#nav a.gelb2 {color: #FFF;}
#nav a.rot {color: #FFF}
#nav a.rot:hover {color: #e20621;}
#nav a.rot2 {color: #e20621;}
#nav a.gruen {color: #FFF;}
#nav a.gruen:hover {color:#FFF;}
#nav a.gruen2 {color:#FFF;}

/*-----------------------------Untermenue -----------------------------------------*/

#navcontainer {padding: 7px 0 0 0; margin: 0; width:200px}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 13px; font-weight:bold
}

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

#navcontainer a
{
display: block;
padding: 6px 10px 6px 15px;
/*border-bottom: 1px solid #FFF;*/
width: 170px;
color: #333;
text-transform:uppercase;
font-size:0.9em
}

#navcontainer a:hover, #navcontainer a.active
{
    color: #FFF;
    text-decoration:none;

}

#navcontainer ul ul
{
margin: 0;
padding: 0 0 0 15px;
list-style-type: none;
font-size: 12px; font-weight:bold
}



div.content_blau #navcontainer li:hover {background-color: #02a0d8}
div.content_gelb #navcontainer li:hover {background-color: #fdd80c}
div.content_rot #navcontainer li:hover {background-color: #e20621}
div.content_gruen #navcontainer li:hover {background-color: #b6c81e}

/*-----------------------------ARtikelliste mit Bild -----------------------------------------*/

#thumb {float: left; width:120px; height:80px; }
#teaser{float: right; width: 315px; border:none 0px; margin: 5px 0px 5px 0px; }
#artikel {width:100%;padding-bottom:20px;}
#artikel2 {width:100%;}


/* ----------------- Search results ----------------- */
div.suchausgabe hr.noshade {
    border: none;
    border-top: 1px solid #a0a0a0;
    height: 0px;
    margin: 15px 10px 0 10px;
}

div.suchausgabe h2 {
    padding: 0;
        font-size:12px;
}

div.suchausgabe p {
    padding: 0;
    margin: 0;
}

div.suchausgabe h2 span {
    color: #000;
    font-weight: normal;
        font-size:12px;
}




.eingabefeld {width:150px; border:1px solid #666}

.newsletterform {width:150px;}

.headline_rechts {font-size:15px; font-weight:bold; text-align:center;}




/* Contact form */
div.kontaktformular label {
    float: left;
    width: 100px;
}

div.kontaktformular input {
    vertical-align: middle;
        border: 1px solid #d3dbe3;
}

div.kontaktformular p.abschicken {
    margin: 0 0 0 100px;
        
}

div.kontaktformular p.abschicken input {
    font-size: 11px;
        background-color: #FFFFFF;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {
    width: 300px;
        border: 1px solid #d3dbe3;
}

div.kontaktformular textarea {
    height: 150px;
        border: 1px solid #d3dbe3;
}


/*Sitemap */


A.sitemap_level1:link   {font-family: helvetica, arial, geneva, sans-serif; font-size:10; color: #e20621; padding-left:0px}
A.sitemap_level1:visited {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #e20621; padding-left:0px}
A.sitemap_level1:hover  {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #000000; padding-left:0px}
A.sitemap_level1:active {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #e20621; padding-left:0px}

A.sitemap_level2_container:link {font-family: helvetica, arial, geneva, sans-serif; font-size:10; color: #e20621; padding-left:20px}
A.sitemap_level2_container:visited {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #e20621; padding-left:20px}
A.sitemap_level2_container:hover    {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #000000; padding-left:20px}
A.sitemap_level2_container:active   {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #e20621; padding-left:20px}

A.sitemap_level3:link   {font-family: helvetica, arial, geneva, sans-serif; font-size:10; color: #e20621; padding-left:40px}
A.sitemap_level3:visited {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #e20621; padding-left:40px}
A.sitemap_level3:hover  {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #000000; padding-left:40px}
A.sitemap_level3:active {font-family: helvetica, arial, geneva, sans-serif; font-size:10; ccolor: #e20621; padding-left:40px}



/* ------ Login Form   ---------- */

#login {width:250px;}

#login input{
    background-color:#FFFFFF;
    width:150px; border:1px solid #d3dbe3;
    height:auto;
    float: right;
    margin:0 10px 0 0;
}

#login #loginBtn
{
 width:100px;
 float:right;
}