html,body {
	margin:0;
	padding:0;
	background:#F3F4F6;
}

body {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}

table {
	padding: 8px 0 0 0;
}

table p {
	margin: 0;
	border:none;
	border-collapse:collapse;
	border-spacing:0px;
	padding: 0 0 2px 0;
}

table td {
	vertical-align: top;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 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 */

/*********************************
/* Outer Wrapper  */
/*********************************/
div#outer_wrapper {
	position:relative;
	margin:0 auto;
	width:960px;
	height:auto !important;
	text-align:left;
}

/*********************************
/* Sprache  */
div#outer_wrapper .language {
	position: absolute;
	bottom:59px;
	left:13px;
	background:none;
	font-size: 90%;
	color: #fff;
}

div#outer_wrapper .language a, div#outer_wrapper .language a:link, div#outer_wrapper .language a:visited, div#outer_wrapper .language a:hover {
	text-decoration:none;
	color: #fff;
}

div#outer_wrapper .language a:hover {
	text-decoration: underline;
}

/*********************************
/* Bild rechts unten  */
div#outer_wrapper .pic_bottom {
	position: absolute;
	bottom:55px;
	right:18px;
	background:none;
}

/*********************************
/* Container  */
/*********************************/
div#container {
	width:960px;
	margin:0;
	text-align:left;
	background-image: url(images/backgnd_container.jpg);
	background-position: left;
	background-repeat:repeat-y;
}

/*********************************
/* Header  */
/*********************************/
div#header {
	height:170px;
	background-color: #dbe0e3;
	border-bottom: 8px solid #c1001f;
}

div#header .logo {
	float: left;
	width: 150px;
	margin: 16px 0 0 14px;	
}

div#header .header_pic {
	float: right;
	width: 261px;
	margin: 0;	
}

div#header .headline {
	float: left;
	width: 490px;
	margin: 139px 0 0 34px;
}

div#header .headline .black{
	font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

div#header .headline .red{
	font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c1001f;
}

/*********************************
/* Content  */
/*********************************/
div#content {
	float:right;
	text-align:left;
	width:780px;
}

div#content p {
	padding: 3px 0 0 19px;
	line-height:135%;
}

div#content a, div#content a:link, div#content a:visited, div#content a:hover {
	text-decoration: underline;
	color:#000;
}

div#content a:hover {
	color: #c1001f;	
}

div#content .csc-textpic-caption {
	padding: 2px 0 0 22px;
	font-size: 88%;
}

div#content fieldset {
	padding: 3px 0 0 19px;
	border:none;
}

div#content .csc-mailform-field {
	float:none;
	clear:left;
	display:block;
}

div#content .csc-mailform-field label {
	width: 10em;
	padding: 0 5px 0 0;
	margin-top:3px;
	float: left;
	text-align: left;
}

/*********************************
/* Sub-Headline (innerhalb Content)  */
div#content .sub_headline {
	height: 27px;
	width:100%;
	text-align: left;
	color: #fff;
	background:#67747c;
}

div#content .sub_headline h2 {
	display:inline;
	float: left;
	width: 480px;
	text-align: left;
	font-size: 108%;
	font-weight:normal;
	margin:0;
	padding: 7px 0 0 19px;
	color: #fff;
	background:#67747c;
}

/*********************************
/* Impressum (innerhalb Content)  */
div#content .impressum {
	float:left;
	width: 261px;
	text-align:right;
	padding: 7px 19px 0 0;
	color: #fff;
	background:#67747c;
}

div#content .impressum a, div#content .impressum a:link, div#content .impressum a:visited, div#content .impressum a:hover {
	color: #fff;
	text-decoration:none;
}

div#content .impressum a:hover {
	text-decoration:underline;
}

/*********************************
/* col_wrapper (innerhalb Content)  */
/* Abstandshalter für Content-Bereich */
div#content .col_wrapper {
	margin: 11px 0 0 0;
}

div#content .col_wrapper ul, div#content .col_wrapper_referenzen ul {
	list-style: none;
	margin: 0;
	padding-top: 15px;
	color: #000;
}

div#content .col_wrapper ul li {
	margin: 0 0 0 -19px;
	padding:0 0 3px 12px;
	background-image: url(images/bullet_red.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color: #000;
}

div#content .col_wrapper h1, div#content .col_wrapper_referenzen h1{
	margin: 3px 0px 20px 19px;
	font: 105% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#content .col_wrapper h2, div#content .col_wrapper_referenzen h2{
	margin: 3px 0px 0px 19px;
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#content .col_wrapper h3, div#content .col_wrapper_referenzen h3{
	margin: 3px 0px 0px 19px;
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*********************************/
/* col_wrapper_referenzen (innerhalb Content)  */
/* Abstandshalter für Content-Bereich */
div#content .col_wrapper_referenzen {
	margin: 11px 0 0 0;
}

div#content .col_wrapper_referenzen ul li {
	margin: 0;
	padding:0 0 3px 12px;
	background-image: url(images/bullet_red.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color: #000;
}

/*********************************
/* Zwei-Spalter Referenzen (innerhalb Content)  */
div#content .col_wrapper_referenzen .content_left {
	float: left;
	width: 258px;
	padding: 0 8px 0 0;
}

div#content .col_wrapper_referenzen .content_right {
	float: left;
	width: 378px;
}

div#content .col_wrapper_referenzen .content_right img {
	margin: 0 0 0 19px;
}

/*********************************
/* Ein-Spalter (innerhalb Content)  */
/* über die ganze Breite	*/
div#content .full_col {
	width: 740px;
	padding: 1px 8px 0 0;
}

div#content .full_col img {
	margin: 0 0 0 19px;
}

/*********************************
/* Ein-Spalter (innerhalb Content)  */
/* linke Seite schmal positioniert */
div#content .one_col {
	width: 395px;
	padding: 1px 8px 0 0;
}

/*********************************
/* Zwei-Spalter (innerhalb Content)  */
div#content .content_left {
	float: left;
	width: 378px;
	padding: 0 8px 0 0;
}

div#content .content_right {
	float: left;
	width: 378px;
}

div#content .content_right img {
	margin: 0 0 0 19px;
}
/*********************************
/* Navigation  */
/*********************************/
div#navigation {
	float:left;
	margin: 51px 8px 45px 0;
	padding: 0;
	width:172px;
	/*
	border-right: 8px solid #fff;
	*/
	color: #fff;
}

div#navigation a, div#navigation a:link, div#navigation a:visited {
	color:#fff;
}

div#navigation ul {
	list-style: none;
	margin:0 0 15px 0;
	padding:0;
}

div#navigation ul li {
	margin-bottom:9px;
}

div#navigation ul li a, div#navigation ul li a:link, div#navigation ul li a:visited, div#navigation ul li a:hover {
	display:block;
	padding: 3px 0 2px 12px;
	text-decoration:none;
}

div#navigation ul li .active, div#navigation ul li a:hover  {
	display:block;
	background-image: url(images/button_backgndActive.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color:#c1001f;
}

/*** Subnavigation ******/
div#navigation ul li ul {
	list-style: disc;
	margin-left: 26px;
	color: #dbdfe2;
}

div#navigation ul li ul li {
	background: none;
	margin-bottom:2px;
}

div#navigation ul li ul li a, div#navigation ul li ul li a:link, div#navigation ul li ul li a:visited {
	padding: 5px 0 0 0;
	background: none;
}

div#navigation ul li ul li .active, div#navigation ul li ul li a:hover {
	color:#c1001f;
}


/*** Sub-Subnavigation ******/
div#navigation ul li ul li ul {
	list-style: none;
	margin-left: 0;
	color: #dbdfe2;
}

div#navigation ul li ul li ul li {
	padding-left: 9px;
	background-image: url(images/bullet_3.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/*********************************
/* Extra  */
/*********************************/
div#extra {
	float:left;
	clear:left;
	margin: 0 8px 0 13px;
	padding: 0;
	width:159px;
	height: 50px;
	/*
	border-right: 8px solid #fff;
	*/
	color: #fff;
}

/*********************************
/* Bottom Line  */
/*********************************/
div#bottom_line {
	clear: both;
	width: 100%;
	height:8px;
	font-size:1px;
	background: #fff;
}

/*********************************
/* Footer  */
/*********************************/
div#footer {
	clear: both;
	width:100%;
	height:34px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #67747c;
	border-top: 8px solid #c1001f;
}

div#footer .left {
	float: left;
	width: 807px;
	padding: 10px 0 0 13px;
	font-size: 80%;
	text-align:left;
	background-color: #67747c;
}

div#footer .left a, div#footer .left a:link, div#footer .left a:visited, div#footer .left a:hover {
	color: #fff;
	text-decoration:none;	
}

div#footer .left a:hover {
	text-decoration: underline;
}

div#footer .right {
	float:left;
	width: 140px;
	padding: 8px 0 0 0;
	text-align: left;
	background-color: #67747c;
}