@charset "utf-8";
/* colors 

topnav link 	#787878
h1 				#002b72
subnav-border	#002b72 (darkblue)
subnav-item		#3e64a5 (darkblue)


*/


* { 
	margin: 0; 
	padding: 0; 
	border: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* STD Styles */
.hidden {display: none;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


/** CONTAINER **/
html, body {
    height: 100.01%;
}
body {
	text-align: center; /* for IE6 */
	background: url('../image/ie/bg.png') no-repeat center top;
}
#outer-wrapper {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 978px;
	height: 100%;
	/*background: url('../image/bg_schatten.png') repeat-y 0 0;*/
}

#structure {
	width: 960px;
	margin: 0 9px;
	height: 100%;
}
#structure td {
	margin: 0;
	border: 0;
	border-collapse:collapse;
	background: #fff;
}
#structure #content {
	vertical-align: top;
}

#structure #footer {
	background: #fff url('../image/footer.png') repeat-x bottom;
	height: 27px;
}


/** HEADER **/
#header {
	position: relative;
	height: 81px;
	width: inherit;
	border-bottom: 1px solid #002A72;
	background-color: #fff;
}

#header #logo {
	position: absolute;
	left: 20px;		
	top: 15px;
	height: 53px;	
	width: 143px;
}

#flash {
	height: 243px;
	width: 960px;
}

#mainnav {
	height: 38px;
	background: url('../image/hmenu_navi.png') repeat-x 0 0;
	margin: 0;
	padding: 0;
}

#content-wrapper {}


/* Columns */
#two-columns #col-left {float: left; width: 680px; margin: 30px 20px; position: relative; display: inline;}
#two-columns #col-right {float: left; width: 240px; margin: 30px 0; position: relative; display: inline;}

#two-columns .teaser-left {float: left; width: 335px; margin: 30px 10px 30px 0; position: relative; display: inline;}
#two-columns .teaser-right {float: left; width: 335px; margin: 30px 0; position: relative; display: inline;}

#two-columns .teaser-left p {padding: 5px 10px;}
#two-columns .teaser-right p {padding: 5px 10px;}

#two-columns .contact-left {float: left; width: 335px; margin: 10px 10px 30px 0; position: relative; display: inline;}
#two-columns .contact-right {float: left; width: 335px; margin: 10px 0; position: relative; display: inline; background: transparent url('../image/contact_bg.png') no-repeat bottom;}

#two-columns .contact-right p {padding: 5px 10px;}

#three-columns #col-left {float: left; width: 180px; margin: 30px 0; position: relative; display: inline;}
#three-columns #col-center {float: left; width: 500px; margin: 30px 20px; position: relative; display: inline;}
#three-columns #col-right {float: left; width: 240px; margin: 30px 0; position: relative; display: inline;}


/* Styles */
h1 {font-size: 24px; color: #002b72; margin: 0 0 20px 0;}
h2 {font-size: 14px; color: #4b4b4b; margin: 0 0 20px 0;}
p {font-size: 12px; color: #787878; margin: 0 0 20px 0;}
ul {padding: 0 0; margin: 0 0 20px 0; list-style: none;}
.bodytext a {color: #002B72};
#content-wrapper li {font-size: 12px; color: #787878; background: transparent url('../image/button_bullet.png') no-repeat 0 2px; padding: 0 0 0 20px; line-height: 20px;}
.back {background: transparent url('../image/button_pfeil_back.png') no-repeat 0 2px; padding: 0 0 0 20px;} 
.red {color: #d359ae;}
.contentlist ul {padding: 0 0; margin: 0 0 20px 0; list-style: none;}
.contentlist li {font-size: 12px; color: #787878; background: transparent url('../image/button_bullet.png') no-repeat 0 2px; padding: 0 0 0 20px; line-height: 20px;} 
.headerlist ul {padding: 0 0; margin: 0 0 20px 0; list-style: none;}
.headerlist li {font-size: 14px; color: #787878; background: transparent url('../image/button_bullet.png') no-repeat 0 2px; padding: 0 0 10px 20px; line-height: 20px;}
.headerlist li b {font-size: 14px; color: #787878; font-weight: bold;}
a {font-size: 12px; color: #002b72;}
b {font-size: 12px; color: #787878; font-weight: bold;}
ol {padding: 0 0 20px 20px; margin: 0;}
ol li {font-size: 12px; color: #787878; padding: 0 0 0 5px; line-height: 20px;}

/* News */
#structure .news-teaser {margin: 0 0 20px 0;}
#structure .news-teaser .header{}
#structure .news-teaser .content {background: transparent url('../image/teaserbg1.png') no-repeat top; padding: 10px;}
#structure .news-teaser .teaser {line-height: 18px; vertical-align: middle;}
#structure .news-teaser .content img {margin: 0; padding: 0;}
#structure .news-teaser .content a {font-size: 12px; display: block;color: #787878; text-decoration: none;line-height: 18px; vertical-align: middle;}/* padding: 0 18px 0 0; vertical-align: center; background: transparent url('../image/button_pfeil.png') no-repeat bottom right;}*/
#structure .news-teaser .content a:hover {color: #787878; text-decoration: none;}
#structure .news-teaser .date {color: #002b72; font-weight: bold; font-size: 12px;}
#structure .news-teaser h4 {background: transparent url('../image/balken_blanko.png') no-repeat; color: #fff; padding: 3px 10px 3px 10px; font-size: 18px; margin: 0 0 0 0; font-weight: bold;}

#structure .news-list table tr.item {cursor: hand; background: #e6f1f7;}
#structure .news-list table tr.item td {background: #e6f1f7;}
#structure .news-list .header a {color: #787878; font-weight: bold; text-decoration: none;}

#structure .news-single {}
#structure .news-single .footer {border-top: 1px solid #002b72; padding: 3px 0 5px 0;}
#structure .news-single .footer a {display: block; float: left; width: 200px; background: transparent url('../image/button_pfeil_back.png') no-repeat 0 2px; color: #4c4c4c; font-size:11px; font-weight: bold; padding: 0 0 0 20px; line-height: 20px; vertical-align: middle;}
#structure .news-single .footer .print a {display: inline; background: transparent; padding: 0; float: right; width: 20px;}


/* Info Box */
#structure .info-box {margin: 0 0 30px 0; background: transparent url('../image/teaserbg1.png') no-repeat; background-position: 0px 29px}
#structure .info-box h4 {background: transparent url('../image/balken_blanko.png') no-repeat; color: #fff; padding: 3px 10px 3px 10px; font-size: 18px; margin: 0 0 0px 0; font-weight: bold;}
#structure .info-box p {padding: 10px 10px 0 10px; margin: 0 0 15px 0; background: transparent}
#structure .info-box .bodytext {background: transparent;}
#structure .info-box form {padding: 0 10px 0 10px; margin: 0 0 15px 0; color: #002b72;}
#structure .info-box form input.form-input {padding: 0 10px 0 10px; margin: 0 0 15px 0; color: #002b72; border: 1px solid #002b72; width: 170px;}
#structure .info-box table {border: 0; padding: 5px 0 0 0; margin: 0; background: transparent}
#structure .info-box td {background: transparent}
#structure .info-box table tr {height: 40px;}
#structure .info-box .icoCell {width: 40px;text-align:center;vertical-align:center;}

/* portfolio */
#structure .portfolio {background: #e6f1f7; width: 249px; float: left; position: relative; display: inline; margin: 0 1px 1px 0; height: 55px;}
#structure .portfolio td {background: #e6f1f7;}
#structure .portfolio td p {font-weight: bold; padding: 5px; margin: 0;}
#structure .portfolio .imgtext-nowrap td {background: #e6f1f7;}
#structure .portfolio .imgtext-nowrap .imgtext-table td {background: #e6f1f7;}

/* Analyse-Tabelle */
#structure .AnalyseTabelle {border-style: none; padding: 0; margin: 0; border-collapse: collapse;}
#structure .AnalyseTabelle tr {padding: 0; margin: 0; border: 0;}
#structure .AnalyseTabelle th {border: 1px solid black; padding: 3px; margin: 0; vertical-align: bottom;}
#structure .AnalyseTabelle td {border: 1px solid black; padding: 0 3px 0 3px; margin: 0; height: 25px;}

/* FORM */
.csc-mailform input {border: 1px solid #173c82; width: 200px; padding: 0; margin: 0 0 2px 0;}
.csc-mailform textarea {border: 1px solid #173c82; width: 200px; padding: 0; margin: 0 0 2px 0;}
.csc-mailform .csc-form-labelcell p {margin: 0 0 2px 0;}
.csc-mailform .csc-form-labelcell {vertical-align: top; width: 100px;}

/* Tabelle mit Händler/Hersteller-Logos */
#structure .logoTable {border-collapse:collapse; width: 100%; clear: both;}
#structure .logoTable tr td {background: #e6f1f7; border: 1px solid #fff; text-align: center; vertical-align: center;}
#structure .Haendler tr td {height: 80px}
#structure .Hersteller tr td {height: 60px; width: 80px;}
#structure .logoTable tr {background: #e6f1f7; text-align: center; vertical-align: center;}


.tx-ttnews-browsebox a {color: #002b72;}
.tx-ttnews-browsebox-SCell a {font-weight: bold; color: #ce0094;}