* {
    margin: 0;
    padding: 0;
}

html, body {
    font-size: 10px;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
}

body {
    font-size: 100.01%;
}




div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */

}

html, body {
height: 100%;
font-family: verdana, sans-serif;
font-size: 100.01%;
background: #e9e9e9;

}

/* DIV-Boxen */
div#wrapper {
position: absolute;
top: 215px;
left: 0;
width: 100%;
z-index: 10;

}

div#header {
height: 193px;
width: 100%;
top:0;
left: 0;
background: url(../images/header_rechts.jpg) no-repeat top right #4b7899;
z-index: 100;
position: fixed;
border-bottom: 2px solid #fff;
}

div#topNavi {
height: 25px;
top: 20px;
left: 0;
width:100%;
position: fixed;
background: #5383a6;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

div#leftCol {
width: 250px;
float: left;
padding: 0 0 0 20px;
}

div#rightCol {
width: 230px;
top: 10px;
right: 0;
position: absolute;
padding: 0 5px 0 0;
}

div#centerCol {
margin: 0 300px 150px 270px;

}

div#leftCol, div#rightCol, div#centerCol {
padding-bottom: 25px;
}

div#footer {
clear: both;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
background: #999;
padding: 0 0 0 0;
z-index: 100;
}



div#para {
clear: both;
position: fixed;
bottom: 0;
right: 0;
width: 843px;
height: 540px;
padding: 0 0 0 0;
background: url(../images/fliegerundhgrau2.png) no-repeat right bottom #e9e9e9;
z-index: 1
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Content */
h1 {    font-family: arial, sans-serif;
    font-size: 2.0em;
    color: #5383a6;
        text-transform: uppercase;
        padding-bottom: 15px;
        font-weight: normal;
    line-height: 1.0em;
        font-weight: 700;
}

h2, h2 a:link, h2 a:visited {
        font-family: arial, sans-serif;
    font-size: 1.25em;
    color: #fff;
        font-weight: normal
        text-transform: uppercase;
}

h2 a:hover { color: black}

div {
    font-size: 12px;
    font-family: verdana, arial sans-serif;
    line-height: 1.5em;
    color: #444;
}

p {}


p.rechts {
    color: #666;
}

a, a:active, a:link {
        color: #000;
        text-decoration: none ;
font-weight: 700;
}

a:hover {
    color: silver;
}

hr {border:dotted #666 1px;height:1px; }

img { border: 0; padding: 0; margin: 0}

/* Meta navigation */
div#meta {
    font-size: 0.8em;
    padding: 1px 0 0 0;
        text-transform: uppercase;
}

div#meta a, div#meta a:visited {
    color: #fff;
        text-decoration: none;
}

div#meta a:hover {
    color: silver;
}



/* Main navigation */
.menu ul{
    margin: 10px 0 0 30px;
}

.menu li {
    float: left;
    display: inline;

}

.menu li a {
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: inline;
    float: left;
    margin: 3px 0 0 30px;

}
.menu li a:hover {
    color: #000000;
}
.menu li a.active {
    color: #000;
}

.menu2 ul{
    margin: 0;
    list-style: none
}

.menu2 li {
    list-style: none

}

.menu2 li a, .menu2 li a:visited {
    font-family: arial;
    font-size: 13px;
    text-decoration: none;
    line-height: 25px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    list-style: none;
    background: #5383a6;
    padding: 3px;

}
.menu2 li a:hover {
    color: silver;
}
.menu2 li a.active {
    color: #000;
}

/* accordion */
.title { font-size: 12px; font-weight: 700; color: white}
.set   { font-size: 12px; width: 230px; border: 0px}

/* Contact form */
/* ----------- formular ----------- */

label         { display:block; float:left; text-align:left; width: 200px; padding: 5px }
.error            { font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px; }
input.text-input  { margin:4px;padding:5px 0;color:#333; font-size: 90%}
.button           { float:left;font-size:10px;padding:4px 2px;border:solid 0px #d7d7d7;width:205px;margin:2px 0 20px 190px;}

.set   {border-bottom:0px solid #000; color: #fff}
.set1  {background-color:#76070d; color: #fff; width: 210px; padding: 0; margin: 0 }
.set1 a  {color: #fff; text-decoration: none; font-weight: 300 }
.set2  {background-color:#FFC732; color: #fff; width: 210px }
.set2 a  {color: #fff; text-decoration: none; font-weight: 300 }
.set3  {background-color:#007C90; color: #fff; width: 210px }
.set3 a  {color: #fff; text-decoration: none; font-weight: 300 }
.set4  {background-color:#AD6F08; color: #fff; width: 210px }
.set4 a  {color: #fff; text-decoration: none; font-weight: 300 }
.set5  {background-color:#387855; color: #fff; width: 210px; }
.set5 a  {color: #fff; text-decoration: none; font-weight: 300 }

.set1 p {background-color:#C77B3F; color: #fff; width: 180px }
.set2 p {background-color:#FFC732; color: #fff; width: 180px }
.set3 p {background-color:#007C90; color: #fff; width: 180px }
.set4 p {background-color:#AD6F08; color: #fff; width: 180px }
.set5 p {background-color:#387855; color: #fff; width: 180px }

.set6  {background-color:#8C4B2D; color: #fff; width: 230px}
.set7  {background-color:#82A668; color: #fff; width: 230px}