* { 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 {
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 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 a {
display: block;
padding: 5px 0 5px 0;
width: 186px;
background-color: #FFF;
border-bottom: 1px solid #CC0000 !important;
}
#leftcolumn a:link, #sub_navlist a:visited {
color: #000;
text-decoration: none;
}
#leftcolumn a:hover {
color: #CC0000;
}

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

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






/* ########################## Start Content ########################## */

#content { 
float: left;
color: #333;
padding: 0px;
width: 655px;
display: inline;
position: relative;
margin-top: 25px;
margin-left: 13px;
line-height: 1.2em;
}
#content h2{
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
display: block;
margin-bottom: 16px;
}
#content h1{
color: #999;
display: block;
margin-bottom: 8px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#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;
}

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


.left{
float: left;
margin-right: 25px;
margin-bottom: 25px;
}

.right{
float: right;
margin-left: 25px;
margin-bottom: 25px;
}

#referenzen{
display: block  !important;
width: 655px;
}

#referenzen h1{
color: #CC0000 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px !important;
font-weight: bold;
display: block;
margin-bottom: 12px;
}

#referenzen img{
margin-right: 13px;
margin-bottom: 13px;
}

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

hr {
border: solid #FFF 1px;
border-bottom:solid #cc0000 1px !important;
margin-top: 7px;
}
/* ########################## Ende Content ########################## */




/* ########################## 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;
}
/* ########################## 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;
margin-bottom: 10px;
padding-bottom: 10px;
}
.referenzuebersicht img{

}
.referenzuebersicht a img{
background-image:none !important;
padding-left: 0px;
background-image: none !important;
}


.referenzuebersicht a{
display: inline;
color: #CC0000;
text-decoration: none;

}


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

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