* { padding: 0; margin: 0; }

html, body { 
padding:0px;
margin:0px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(../images/bg_body.gif);
background-repeat: repeat-x;
background-color: #e1e1e0;
}



#wrapper { 
background-image: url(../images/bg_wrapper.png) !important;
background-image: url(../images/bg_wrapper.gif);/* IE6 */
background-repeat: repeat-y;
margin: 0 auto;
width: 921px;
padding: 0 10px 0 11px;
}


#contentwrapper {
overflow: auto; /*  Fix for IE */
width: 100%;
padding-bottom: 0px;
background-image: url(../images/bg_contentwrapper.gif);
background-repeat: repeat-y;
margin-top: 30px;
}





/* ########################## START HEADER ############################ */
#logo {
padding: 18px 0 0 28px;
}

#header {
width: 900px;
height: 180px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
}

#blueline{
width: 872px;
height: 19px;
display: block;
background-color: #104e96;
color: #fff200;
padding: 7px 0 0 28px;
text-transform: uppercase;
font-size: 10px;
}
#blueline a{
color: #fff200 !important;
text-decoration: none !important;
}
/* ########################## ENDE HEADER ############################ */






/* ###################### START LINKE SPALTE & NAVI ######################### */
#leftcolumn { 
display: inline;
padding: 0px 0 0 28px;
width: 152px;
float: left;
}


#navi {
padding-left: 0;
margin-left: 0;
}
#navi li{
list-style: none;
margin: 0;
padding: 0px 0 10px 0px;
}
#navi li a { 
text-decoration: none; 
display: block;
color: #4e4e4e;
}
#navi li a:hover { 
color: #104E95 !important;
}

#current{
color: #104E95 !important;
font-weight: bold !important;
}


#subnavi{
margin-bottom: 10px !important;
}
#subnavi li{
border-bottom: 1px solid #104E96 !important;
margin-bottom: 3px !important;
padding: 2px 0 7px 0 !important;
font-size: 10px;
}

/* ###################### ENDE LINKE SPALTE & NAVI ######################### */


/* ######################## START CONTENT 1 ########################### */
#content { 
float: left;
color: #4e4e4e;
padding: 0px;
width: 205px;
display: inline;
position: relative;
margin: 0px 0px 0 25px;
line-height: 1.2em;
}
#content h1{
font-family: Arial, Helvetica, sans-serif;
color: #104E96;
font-size: 16px;
font-weight: bold;
display: block;
margin-bottom: 30px;
}
#content h2{
font-family: Arial, Helvetica, sans-serif;
color: #104E96;
font-size: 13px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}
#content h3{
font-family: Arial, Helvetica, sans-serif;
color: #104E96;
font-size: 12px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}

#content ul{ 
margin-bottom: 20px;
padding-left: 15px;
}
#content ul li{ 
list-style-image: url(../images/li.gif);
margin-bottom: 3px;
}
#content p {
margin-bottom: 18px;
}
#content a {
text-decoration: none;
color: #104E96;
}
#content a:hover {
text-decoration: underline;
color: #104E96;
}
#content a:visitted {
text-decoration: none;
color: #104E96;
}
#content img {
margin-bottom: 11px;
}
/* ######################## ENDE CONTENT 1 ########################### */




/* ######################## START CONTENT 2 ########################### */
#content2 { 
float: left;
color: #4e4e4e;
padding: 0px;
width: 205px;
display: inline;
position: relative;
margin: 0px 0px 0 25px;
line-height: 1.2em;
}
#content2  h1{
font-family: Arial, Helvetica, sans-serif;
color: #104E96;
font-size: 16px;
font-weight: bold;
display: block;
margin-bottom: 30px;
}
#content2  h2{
font-family: Arial, Helvetica, sans-serif;
color: #104E96;
font-size: 13px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}
#content2  h3{
font-family: Arial, Helvetica, sans-serif;
color: #104E96;
font-size: 12px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}

#content2  ul{ 
margin-bottom: 20px;
padding-left: 15px;
}
#content2  ul li{ 
list-style-image: url(../images/li.gif);
margin-bottom: 3px;
}
#content2  p {
margin-bottom: 18px;
}
#content2  a {
text-decoration: none;
color: #104E96;
background-image: url(../images/pfeil.gif);
background-repeat: no-repeat;
padding-left: 17px;
}
#content2  a:hover {
text-decoration: underline;
color: #104E96;
}
#content2  a:visitted {
text-decoration: none;
color: #104E96;
}
#content2 img {
margin-bottom: 11px;
}
/* ######################## ENDE CONTENT 2 ########################### */






/* #################### START RECHTE SPALTE ######################## */
#rightcolumn { 
display: inline;
position: relative;
color: #4e4e4e;
padding: 0px;
width: 205px;
float: right;
margin: 0px 50px 0 0px;
line-height: 1.2em;
}
#rightcolumn h1{
color: #104E96;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
display: block;
margin-bottom: 30px;
}
#rightcolumn h2{
color: #104E96;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}
#rightcolumn h3{
color: #104E96;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}

#rightcolumn ul{ 
margin-bottom: 20px;
padding-left: 15px;
}
#rightcolumn ul li{ 
list-style-image: url(../images/li.gif);
margin-bottom: 3px;
}
#rightcolumn p {
margin-bottom: 18px;
}
#rightcolumn a {
text-decoration: none;
color: #104E96;
background-image: url(../images/pfeil.gif);
background-repeat: no-repeat;
padding-left: 17px;
}
#rightcolumn a:hover {
text-decoration: underline;
color: #104E96;
}
#rightcolumn a:visitted {
text-decoration: none;
color: #104E96;
}
#rightcolumn img {
margin-bottom: 11px;
}
/* #################### ENDE RECHTE SPALTE ######################## */



.left{
float: left;
margin-right: 12px;
}
.right{
float: right;
margin-left: 12px;
}


a img{
border: 1px solid #FFF;
}
a img:hover{
border: 1px solid #bbb;
}

/* ####################### START FOOTER ########################## */
#footer { 
width: 910px;
margin: 0 auto 10px auto;
background-image: url(../images/footer.png);
background-repeat: no-repeat;
background-position: top;
height: 20px;
clear: both;
display: block;
text-align: right;
padding-top: 40px;
padding-right: 27px;
}
#footer a{
font-size: 10px;
color: #BBB;
text-decoration: none;
}
#footer a:hover{
color: #999;
text-decoration: none;
cursor: help;
}
/* ####################### ENDE FOOTER ########################## */









/* ########################## Start Clearfixes ########################## */

.clear { 
clear: both; 
background: none; 
}

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


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

/* ########################## End Clearfixes ########################## */




/* ########################## Start Formular ########################## */

form{
padding-bottom: 30px;
}

label {
display: block;
float: left;
margin-bottom: 2px;
text-align: left;
width: 60px;
padding-right: 20px;
margin-top: 5px;
}

fieldset {
border: none;
padding-left: 0px !important;
}

.formfield, input {
border: 1px solid #104E96;
width: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 2px 5px 2px 5px;
margin-top: 2px;
}

input:hover {
background-color: #cdcdcd;
}

.csc-mailform-field label {
float: left;
width: 160px;
margin-top: 10px;
}

.csc-mailform-field {
clear: both;
}

.csc-mailform-field .csc-mailform-check {
width: 15px;
float: left;
clear: right;
margin-top: 10px;
border: none;
background-color: #104E96;
}

.csc-mailform-submit {
margin-top: 10px;
margin-left: 180px;
width: 120px;
}

.csc-mailform-submit:hover {
background-color: #cdcdcd;
}

textarea {
clear: both;
float: left;
border: 1px solid #104E96;
width: 300px;
padding: 2px 5px 2px 5px;
margin-left: 180px;
}

textarea:hover {
background-color: #cdcdcd;
}
/* ########################## Ende Formular ########################## */




/* ########################## Start Tabelle ########################## */
table{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 25px;
}

td{
border-bottom: 1px solid #104E96;
height: 28px !important;
border-spacing:0px !important;
}
/* ########################## Ende Tabelle ########################## */








.icon{
padding: 1px;
border: 2px solid #cdcdcd;
float: left; 
margin-right:13px;
margin-bottom: 13px;
}
.icon:hover{
border: 2px solid #BBB;
}

hr {
border: solid #FFF 1px;
border-bottom:solid #104E96 1px !important;
margin-top: 7px;
}