@charset "UTF-8";

/*****************************************/
/**************** Body *******************/
/*****************************************/

html * {
	margin:0px;
	padding: 0px;
}

body {
	background-color:#ffffff;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	font-weight:400;


	margin:0px;
	border:0px;
	padding: 0px;

	background-image:url(../img/bg_shadowed.gif);
/* 	background-image:url(../img/bg_shadowed-trans.png); */
	background-position: center top;
	background-repeat: repeat-y;
}

#mainbg {
	width: auto;
	margin: 0px auto;
	text-align:left;

	background-image:url(../img/bg_body_3.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#main {
	position:relative;
	width:980px;
	margin: 0px auto;
	background-color:#ffffff;
}


/*****************************************/
/*************** Header ******************/
/*****************************************/

#header {
	position:relative;
	height:104px;

	background-image:url(../img/bg_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#logo {
	position:absolute;
	top:18px;
	left:16px;

	width:144px;
	height:74px;
}

#logo img {
	border:none;
}

/*************** Meta-Nav ******************/

#meta-nav {
	float:right;
	
	height: 19px;
	width:auto;

	padding: 9px 0 0 0;

	background-image:url(../img/bg_metanav.gif);
	background-position: right top;
	background-repeat: repeat-x;

}

#meta-nav ul {
	list-style-type:none;
	background-color:#ffffff;
	border-bottom:1px solid #e5e5e5;
	
}

#meta-nav ul li {
	display:inline;
	height:19px;
	line-height:19px;

}

#meta-nav ul li a {
	width:auto;
	height:11px;

	padding: 3px 10px;
	
	font-weight:400;
	font-size:100%;
	color:#f07f8c;
	text-transform:uppercase;
	text-decoration:none;

	background-image:url(../img/bg_metanav_sep.gif);
	background-position: left 0px;
	background-repeat: no-repeat;
}

#meta-nav ul li a:hover,
#meta-nav ul li a:focus,
#meta-nav ul li a:active,
#meta-nav ul li a.current_link,
#meta-nav ul li a.active_link {
	color:#676767;
	outline:none;
}


/*****************************************/
/************* Nav - Sub ****************/
/*****************************************/

#navbar {
	position:relative;
/* 	height:61px; */
}

#navbar-main {
	height: 30px;
	overflow:hidden;
	width:100%;

	padding: 2px 0 0px 0;

	background-image:url(../img/bg_navbar-main.gif);
	background-position: left top;
	background-repeat: repeat-x;
/* 	background-color:#00aaff; */
}

ul#navbar-main {
	list-style-type:none;
}

ul#navbar-main li {
	display:inline;
	height:32px;
	line-height:32px;
}

ul#navbar-main li a {
	width:auto;
	
	padding: 8px 15px 6px 18px;
	
	font-weight:700;
	font-size:115%;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
}

ul#navbar-main li a:hover,
ul#navbar-main li a:focus,
ul#navbar-main li a:active {
	color:#f07f8c;
/* 	color:#b60016; */
/* 	color:#676767; */
/* 	color:#000000; */
	outline:none;
}

ul#navbar-main li a.current_link,
ul#navbar-main li a.active_link {
	color:#ffffff;
	background-color:#b60016;
	background-image:url(../img/bg_navbar-main_act.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

/*************** sub-nav ********************/

#navbar-sub {
	position:relative;
	height: 29px;
	width:100%;

	padding: 0px 0 0px 0;

	background-color:#b60016;
}

ul#navbar-sub {
	list-style-type:none;
}

ul#navbar-sub li {
	display:inline;
	height:30px;
	line-height:30px;
}

ul#navbar-sub li a {
	width:auto;

	position:relative;
	top:1px;
/* 	height:32px; */
	
	padding: 8px 12px 6px 10px;
	
	font-weight:700;
	font-size:100%;
	color:#ffffff;
	text-decoration:none;
	
	background-image:url(../img/bg_navbar-sub_sep.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

ul#navbar-sub li a:hover,
ul#navbar-sub li a:focus,
ul#navbar-sub li a:active,
ul#navbar-sub li a.current_link,
ul#navbar-sub li a.active_link {
	color:#f07f8c;
	outline:none;
}

/*************** left-column-nav ********************/

#column-left ul.csc-menu {
	list-style:none;
}

#column-left ul.csc-menu li {
	margin:10px 0px;
}

#column-left ul.csc-menu li a {
	text-decoration:none;
	font-weight:700;
	color:#E3001B;
}

#column-left ul.csc-menu li a:hover {
	text-decoration:underline;
}

#column-left ul.csc-menu li a.current {
	color:#000000;
}



/*****************************************/
/*************** Footer ******************/
/*****************************************/

#footerline {
	width:100%;
	border-top:1px solid #e5e5e5;
	margin-top:-6px;
	margin-bottom:1em;
/* 	height:70px; */
	font-size:90%;
	color:#004489;

}

#footertext {
	display:inline;

	position:relative;
	top:-21px;
/* 	margin-top:-40px; */
	background-color:#ffffff;
	padding-left:15px;
	padding-right:10px;
}

#footer img {
	vertical-align:middle;
}

#footer {
	margin-bottom:2em;
}
/*****************************************/
/************* Three Shells **************/
/*****************************************/

#content-shell {
	position:relative;
	width:100%;
	min-height:200px;
	height:auto;
	
	z-index:50;
}

#left-shell {
	float:left;
	position:relative;
	overflow:hidden;
	width:205px;
	min-height:175px;
	
	margin: 0px 1px 0px 0px;
	z-index:100;

/* 	background-color:#aa00ff; */
}

#main-content {
	float:left;
	position:relative;
	width:774px;
	min-height:200px;
	
	margin: 0px 0px 0px 0px;
	z-index:200;

/* 	background-color:#00aaff; */
}

/*****************************************/
/************** left shell ***************/
/*****************************************/

#pageheadline {
	display:block;

	height:43px;
	width:189px;
	padding: 132px 0 0 16px;
	margin-bottom: 1px;
	background-color:#c8b5b1;

	color:#ffffff;
	font-weight:700;
	font-size:150%;
}

#content-left {
	margin-top:1px;
	min-height:100px;
	padding:30px 0 0 0;
	background-repeat:no-repeat;
}


#content-left p {
/* 	background-color:#00ffaa; */
}


/*****************************************/
/*************** content *****************/
/*****************************************/

#column-left {
	margin-top:1px;
	padding:29px 15px 0 15px;

	background-image:url(../img/bg_content-left.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#column-main {
	float:left;
	width:554px;
	min-height:100px;
	margin: 0px;
}

#column-side {
	float:left;
	width:219px;
	min-height:100px;
	margin: 0px 0px 0px 1px;
}

#column-single {
	float:left;
	width:774px;
	min-height:100px;
	margin: 0px;
}

.content {
	margin-top:30px;
	padding: 0 15px 0 15px;
}

#keyvisual {
	height: 175px;
	width:100%;
}

.sidekeyvisual {
	margin-left:1px;
}

/*****************************************/
/************** Startpage ****************/
/*****************************************/

#start-column-main {
	position:relative;
	float:left;
	width:759px;
	min-height:175px;
}

#start-column-right  {
	position:relative;
	float:left;
	width:220px;
	min-height:175px;
	margin-left:1px;
}

#start-keyvisual {
	width: 659px;
	height: 54px;
	padding: 200px 50px 0 50px;
	margin-bottom:31px;
	background-repeat: no-repeat;

	color: #ffffff;
	font-size: 280%;
	text-align:right;
	
}

.start-teaser {
	float:left;
	width:225px;
	margin: 0 10px 0 11px;
}

.start-teaser h2 {
	margin-bottom:1em;
}

.start-right-box {
	width:29px;
	height:127px;

	padding: 98px 0 0 0;
	overflow:hidden;

/* 	background-color:#ffaa00; */
}
.start-right-box p {
	background-image:url(../../media/style-img/balken.png);
}

.start-right-first-box {
	width:220px;
	height:127px;
	overflow:hidden;

	background-image:url(../../media/style-img/start-right-first-box.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

.start-right-second-box {
	width:220px;
	height:127px;
	overflow:hidden;

	background-image:url(../../media/style-img/start-right-second-box.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

.start-right-first-box p,
.start-right-second-box p {
	width:216px;
	height:24px;
	overflow:hidden;

	padding:103px 0 0 4px;
	
	background-image:url(../../media/style-img/balken-trans.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

/*****************************************/
/********** Kontaktformular **************/
/*****************************************/

.contact-form {
	width:352px;
	padding-top:1em;
	margin-bottom:1em;
}

.remark {
/* 	display:block; */
	color:#b60016;
}

.contact-form form {
	
}

.contact-label,
.contact-label-captcha {
	display:block;
	float:left;
	width:110px;
	
	margin-top:9px;
	clear: left;
}

.contact-label-radio {
	width:260px;
}
.contact-input-text {
	display:block;
	float:left;
	width:150px;

	border:1px solid #c8b5b1;

	color:#004489;
	font-size:10px;
	
	margin-top:6px;
}

.contact-select {
	float:left;
	width:150px;
}

.contact-select select {
	/*width:150px;
	border:1px solid #c8b5b1;*/

}

.contact-textarea {
	display:block;
	float:left;
	width:240px;
	height:80px;

	border:1px solid #c8b5b1;

	color:#004489;
	font-size:10px;
	
	margin-top:6px;
}

.contact-radio-shell {
	display:block;
	float:left;
	width:65px;
}

.contact-form .error {
	color:#b60016;
}

.contact-radio {
	margin-right:5px;
	vertical-align:middle;
}

#contact-form-captcha {
	margin-top:15px;
}

.contact-submit {
	margin: 15px 0 0 110px;
/* 	border:1px solid #2E6785; */
	border:none;
	padding:3px;

	background-image:url(../img/bg_box.gif);
}

.error-box {
	padding:5px 0 5px 0;
	color:#b60016;
}

/*****************************************/
/*************** TEASER ******************/
/*****************************************/

.csc-menu-pic1 {
	width: 520px;
	margin-bottom: 1em;
}

.csc-menu-pic1 .float-element {
	float: left;
	position: relative;

	height:105px;
	width: 170px;

	margin: 0 5px 5px 0;
	padding: 10px 0 0 0;

	background-image: url(../img/bg_metanav.gif);
	background-position: right top;
	background-repeat: repeat-x;
}

.csc-menu-pic1 .float-element-third {
	margin: 0;
}

.csc-menu-pic1 .float-element .csc-header {
	position: relative;
	top: 75px;
	left: 0px;

	height:30px;
/* 	margin-top:75px; */
	background-color: #c8b5b1;
}

.csc-menu-pic1 .float-element .csc-header h3 {
	margin: 0;
	padding: 0;
/* 	color: #fff; */
	font-size:1em;
}

.csc-menu-pic1 .float-element .csc-header h3 a {
	display:block;
	padding: 8px 5px !important;
/* 	color: #fff; */
	font-size:1em;
	text-decoration:none;
}
.csc-menu-pic1 .float-element .csc-header h3 a:focus,
.csc-menu-pic1 .float-element .csc-header h3 a:hover,
.csc-menu-pic1 .float-element .csc-header h3 a:active {
	text-decoration: underline;
}

.csc-menu-pic1 .float-element .csc-textpic {
	position: absolute;
	top: 10px;
	left: 0px;
	height: 75px;
}



/*****************************************/
/***************** misc ******************/
/*****************************************/

h1 {
	color:#004489;
	font-size:160%;
	font-weight:700;
	margin: 0em 0 0.5em 0;
}

h2 {
	color:#004489;
	font-size:140%;
	font-weight:700;
	margin: 0em 0 0.5em 0;
}

h3 {
	color:#004489;
	font-size:120%;
	font-weight:700;
	margin: 0em 0 0.5em 0;
}

h4, h5, h6 {
	color:#004489;
	font-size:100%;
	font-weight:700;
	margin: 0em 0 0.5em 0;
}

.clear-both {
	clear:both;
}

.important {
	color:#004489;
}

.detail {
	color:#666666;
}

p {
	margin-bottom:1em;
	line-height:1.5em;
}

#main-content ul.pagebrowser {
	margin:10px 0px;
	padding-left:0px;
	list-style-type:none;
}

ul.pagebrowser li {
	display:inline;
	padding:0px 6px;
}

ul.pagebrowser li a {
	font-weight:400;
	text-decoration:none;
}

ul.pagebrowser li a:hover {
	text-decoration:underline;
}

ul.pagebrowser li span.selected-page {
	font-weight:700;
	color:#B60016;
}

ul.pagebrowser li span {
	/*padding-left:5px;*/
}

span.invisible {
	display:none;
}

ul.pagebrowser li span.invisiblePage {
	display:inline;
}

a {
	color:#b60016;
	text-decoration:underline;
}

a:hover,
a:focus,
a:active {
	text-decoration:none;
}

a.dreieck {
	background-image:url(../img/icon_link-trans.png);
	background-position:left 0px;
	background-repeat:no-repeat;

/* 	color:#e3001b; */
	color:#b60016;
	padding-left:17px;
	text-decoration:none;
}

a.drucken {
	background-image:url(../img/icon_drucken-trans.png);
	background-position:left 0px;
	background-repeat:no-repeat;

/* 	color:#e3001b; */
	padding-left:17px;
	text-decoration:none;
}

a.anwendungsbereich {
	background-image:url(../img/icon_anwendungsbereich-trans.png);
	background-position:left 0px;
	background-repeat:no-repeat;

/* 	color:#e3001b; */
	padding-left:17px;
	text-decoration:none;
}

a.dreieck:hover, a.dreieck:focus, a.dreieck:active,
a.drucken:hover, a.drucken:focus, a.drucken:active,
a.anwendungsbereich:hover, a.anwendungsbereich:focus, a.anwendungsbereich:active {
	text-decoration:underline;
}

.left-bg-grey {
	margin-top:-29px;
	background-color:#f1f1f1;
	padding:29px 15px 10px 15px;
	background-image:url(../img/bg_content-left.gif);
	background-repeat:no-repeat;
}

#main-content ul,
#main-content ol {
	margin-left:10px;
	padding-left:10px;
}

a img {
	border:0px;
}

.grau {
	color:#666666;
}

a.print-link {
	background: url(../img/icon_drucken.gif) left 1px no-repeat;
	padding-left: 19px;
}