* { padding: 0; margin: 0; }

html, body { 
padding:0px;
margin:0px;
height:100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}


#wrapper { 
margin: 0 auto;
width: 880px;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
margin-top: -20px;
}


#contentwrapper {
overflow: auto; /*  Fix for IE */
width: 100%;
padding-bottom: 0px;
}




/* ########################## START HEADER ############################ */
#toplinks {
margin: 0 auto;
width: 880px;
height: 20px;
text-align: right;
display: block;
padding-top: 30px;
}
#toplinks a{
color: #666;
text-decoration: none;
}
#toplinks a:hover{
color: #CC0000;
text-decoration: none;
}


#header {
width: 880px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
border-top: 11px solid #cc0000;
border-bottom: 4px solid #cc0000;
}
/* ########################## ENDE HEADER ############################ */




/* ###################### START LINKE SPALTE ######################### */
#leftcolumn { 
display: inline;
color: #333;
padding: 0px;
width: 195px;
float: left;
margin-top: 25px;
font-size: 12px;
color: #666666;
}
#leftcolumn h1 { 
display: block;
color: #000000;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

#leftcolumn .pointer{
color: #CC0000;
text-decoration: none;
background-image: url(../images/pfeil.gif);
background-repeat: no-repeat;
padding-left: 15px;
}
#leftcolumn .pointer:hover{
color: #660000;
text-decoration: none;
background-image: url(../images/pfeil.gif);
background-repeat: no-repeat;
}
#leftcolumn hr {
margin-bottom: 13px;
}
#leftcolumn .description{
margin-top: 0px;
}
/* ###################### ENDE LINKE SPALTE ######################### */


/* ######################## START CONTENT ########################### */
#content { 
float: left;
color: #333;
padding: 0px;
width: 460px;
display: inline;
position: relative;
margin-top: 25px;
margin-left: 13px;
line-height: 1.2em;
}
#content h1{
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
display: block;
margin-bottom: 16px;
}
#content h6 {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal !important;
line-height: 12px;
}
#content p {
margin-bottom: 18px;
}
#content a {
text-decoration: none;
color: #CC0000;
}
#content a:hover {
text-decoration: none;
color: #660000;
}
#content a:visitted {
text-decoration: none;
color: #CC0000;
}
.csc-textpic-caption {
font-size: 8px; !important;
}

#content ul li{
padding-bottom: 10px;
margin-left: 18px; 
padding-left: 3px;
}
/* ######################## ENDE CONTENT ########################### */




/* #################### START RECHTE SPALTE ######################## */
#rightcolumn { 
display: inline;
position: relative;
color: #333;
padding: 0px;
width: 195px;
float: right;
margin-top: 25px;
font-size: 12px;
color: #666666;
}
#rightcolumn h1{
display: block;
color: #CC0000;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0.09em;
font-weight: bold;
border-bottom: 2px solid #CC0000;
padding-bottom: 5px;
margin-bottom: 5px;
}
#rightcolumn p{

margin-bottom: 12px;
}
#rightcolumn a{
color: #CC0000;
text-decoration: none;
margin-top: 10px !important;
}
#rightcolumn a:hover{
color: #660000;
text-decoration: none;
}
.mail{
margin-top: 10px !important;
padding-top: 10px;
}



/* #################### ENDE RECHTE SPALTE ######################## */


/* #################### START SIDEBAR SUBNAVIGATION #################### */
#leftcolumn { 
display: inline;
color: #333;
padding: 0px;
width: 195px;
float: left;
margin-top: 25px;
font-size: 12px;
color: #666666;
}
#leftcolumn ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#leftcolumn .menu {
display: block;
padding: 5px 0 5px 0;
width: 186px;
background-color: #FFF;
border-bottom: 1px solid #CC0000 !important;
}
#leftcolumn .menu:link, #sub_navlist a:visited {
color: #000;
text-decoration: none;
}
#leftcolumn .menu:hover {
color: #CC0000;
}

#sub_current{
color: #CC0000 !important;
font-weight: bold;}

/* #################### ENDE SIDEBAR SUBNAVIGATION #################### */






/* ####################### START FOOTER ########################## */
#footer { 
width: 880px;
height: 20px;
clear: both;
background: #CC0000  url(../images/footer.gif);
margin: 0 auto !important;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
display: block;
}

#footer-gu { 
width: 880px;
height: 20px;
clear: both;
background: #CC0000  url(../images/footer_gu.gif);
margin: 0 auto !important;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
display: block;
}



/* ####################### ENDE FOOTER ########################## */





/* #################### START NAVIGATION ####################### */
#navcontainer { width: 195px; }

#navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#navcontainer a {
display: block;
padding: 4px 0 4px 11px;
width: 186px;
background-color: #e8e4e3;
border-bottom: 1px solid #CC0000 !important;
text-transform: uppercase;
letter-spacing: 0.09em;
}
#navcontainer a:link, #navlist a:visited {
color: #000;
text-decoration: none;
}
#navcontainer a:hover {
background-color: #CC0000;
color: #fff;
}
#current {
background-color: #CC0000 !important;
color: #fff !important;
}
/* #################### ENDE NAVIGATION ####################### */



/* ########################## 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 {

}

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

.formfield, input {
border: 1px solid #CC0000;
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 {
width: 160px;
margin-top: 10px;

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

textarea {
clear: both;
border: 1px solid #CC0000;
width: 300px;
padding: 2px 5px 2px 5px;
display: block;
}

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

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

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

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

.csc-mailform-submit:hover {
background-color: #CC0000;
color: #FFF;
}
/* ########################## Ende Formular ########################## */




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

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

/* ########################## Start Referenzuebersicht ########################## */

.referenzuebersicht {
border-bottom: 1px solid #CC0000;
margin-top: 15px;
padding-bottom: 10px;
}
.referenzuebersicht img{
margin-left: 80px;
}
.referenzuebersicht a{
display: block;
color: #CC0000;
text-decoration: none;
background-image: url(../images/pfeil.gif);
background-repeat: no-repeat;
padding-left: 15px;
}

.referenzuebersicht h1{
width: 235px;
color: #000 !important;
float: left;
font: Arial, Helvetica, sans-serif 11px bold;
}
.refbeschrieb {
width: 232px;
float: left;
}

/* ########################## Ende Referenzuebersicht ########################## */



.icon{
padding: 1px;
float: left; 
margin-right:13px;
margin-bottom: 13px;
}


hr {
border: solid #FFF 1px;
border-bottom:solid #cc0000 1px !important;
margin-top: 17px;
}