@charset "UTF-8";

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

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

body {
	background-color: #ffffff;
	background-image: url(../img/bg_main.gif);
	background-repeat: repeat-x;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
/* 	font-size: 62.5%; */
	font-size: 75%;
}

#mainFrame {
	width: 965px;
}

#header {
	height: 224px;
	background-image: url(../img/bg_header.gif);
	background-repeat: no-repeat;
	position: relative;	
}

/*****************************************/
/*********** Logo & Login ************/
/*****************************************/

#logo {
	position: absolute;
	width: 180px;
	height: 64px;
	top: 63px;
	left: 12px;
}

#login {
	position: absolute;
	width: 180px;
	height: 64px;
	top: 176px;
	left: 877px;
}

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


#metaNav {
	position:absolute;
	
	top: 8px;
	right: 10px;

}

#metaNav ul {
	list-style-type: none;
}

#metaNav ul li {
	display: inline;
	height: 13px;
	
	padding: 0px 9px 0px 0px;
	margin: 0px 7px 0px 0px;
	background-image:url(../img/metanav_separator.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#metaNav ul li.last_item {
	background-image:none;
	padding: 0px;
	margin: 0px;
}

#metaNav ul li a {
	width:auto;
	height:auto;
	
/* 	padding:0px 15px 0px 11px; */
	
	font-weight:400;
/* 	font-size: 120%; */
	text-decoration:none;
	color: #2E6785;
}

#metaNav ul li a:hover,
#metaNav ul li a:focus,
#metaNav ul li a:active,
#metaNav ul li a.current,
#metaNav ul li a.active {
	color: #878dc4;
}


/*****************************************/
/************* Main - Nav ****************/
/*****************************************/


#mainNav {
	position:absolute;
	
	top: 190px;
	left: 192px;

}

#mainNav ul {
	list-style-type: none;
	margin: 0px;
}

#mainNav ul li {
	display: block;
	float: left;
	height: 34px;
	
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 8px;
	background-image: url(../img/nav-trans.png);
	background-position: right top;
	background-repeat: repeat-x;
}

#mainNav ul li:hover,
#mainNav ul li:active,
#mainNav ul li:focus,
#mainNav ul li.current,
#mainNav ul li.active {
	background-image: url(../img/nav_act-trans.png);
}



#mainNav ul li a {
	
	height: 34px;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 10px 6px;
	
	font-weight:400;
/* 	font-size: 120%; */
	text-decoration:none;
	color: #ffffff;
}

#mainNav ul li a:hover,
#mainNav ul li a:focus,
#mainNav ul li a:active {
	color: #de2718;
	outline:none;
}


#mainNav ul li a.current,
#mainNav ul li a.active {
	color: #ffffff !important;
	font-weight:700;
}


/*****************************************/
/************* mainContent ***************/
/*****************************************/



#mainContent {
	width: 956px;
	position: relative;
	background-image:url(../img/bg_right.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 9px;
	
}

#plug {
	width: 192px;
	height: 44px;
	position: absolute;
	background-image:url(../img/plug-trans.png);
	background-position: left top;
	background-repeat: no-repeat;
	top: 125px;
	left: 0px;
}

#mainContentCols {
	width: 764px;
	margin-left: 183px;
	background-image:url(../img/bg_left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 9px;
	position: relative;
	background-color: #ffffff;
	overflow: hidden;
}

/*****************************************/
/************* left Col   ***************/
/*****************************************/

#mainLeftCol {
	float: left;
	width: 167px;
}

#contactBox {
	position: absolute;
	width: 146px;
	height: 52px;
	top: 28px;
	left: 19px;
	background-image:url(../img/bg_box.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#contactBox a.internal-link {
	display:block;
	width: 120px;
	height: 44px;
	padding: 8px 16px 0 10px;
	
	font-size:90%;
	text-decoration:none;
	
	background-image:url(../img/arrow_box.gif);
	background-position: 133px 31px;
	background-repeat: no-repeat;
}

#contactBox a.internal-link {
	color:#000000;
}

#contactBox a .detail {
	font-size:120%;
	font-weight:700;
}

#circuit {
	width: 167px;
	height: 75px;
	background-image:url(../img/circuit.gif);
	background-position: left 80px;
	background-repeat: no-repeat;
	padding-top: 80px;
	z-index: 30;
}

#circuit-start {
	width: 167px;
	height: 310px;
	background-image:url(../img/circuit_start.gif);
	background-position: left 62px;
	background-repeat: no-repeat;
	padding-top: 62px;
}


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


#subNav {
	background-image:url(../img/bg_subnav-trans.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: -12px;
	padding-top: 74px;
	z-index: 50;
	min-height:298px;
}

#subNav ul {
	list-style-type: none;
	margin: 0px 0px 0px 14px;
}

#subNav ul li {

	padding: 0px 0px 0px 14px;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/subnav_icon.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
}

#subNav ul li:hover,
#subNav ul li:focus,
#subNav ul li:active,
#subNav ul li.current,
#subNav ul li.active {
	background-image: url(../img/subnav_icon_active.gif);
}



#subNav ul li a {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	font-weight:400;
	font-size: 95%;
	text-decoration:none;
	color: #2e6785;
}

#subNav ul li a:hover,
#subNav ul li a:focus,
#subNav ul li a:active,
#subNav ul li a.current,
#subNav ul li a.active {
	color: #2e6785;
}

/*****************************************/
/************* center col ***************/
/*****************************************/

#mainCenterCol {
	float: left; 
	width: 386px;
	padding-top: 28px;

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

.contentCols-start #mainCenterCol {
	width: 390px;
}

#contentTopImage {
	position: relative;
	height: 129px;
}

#contentTopImage .csc-textpic {
	position: relative;
	z-index: 50;
}

#contentTopImageShadow {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 386px;
	background-image: url(../img/bg_content_topimage-trans.png);
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 100;
}

#content {
/* 	background-image: url(../img/bg_content.gif); */
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 325px;

	padding: 0 17px 0 17px;
}

.content-startpage-first-box,
.content-startpage-second-box,
.content-startpage-third-box {
	position:relative;
	
	background-position:left top;
	background-repeat:no-repeat;

	width: 173px;
	height: 120px;

	padding: 13px 13px 0px 205px;
}

.content-startpage-first-box {
	background-image:url(../img/bg_startseite_firstbox.jpg);
	margin-bottom:9px;
}

.content-startpage-second-box {
	background-image:url(../img/bg_startseite_secondbox.jpg);
	margin-bottom:9px;
}

.content-startpage-third-box {
	background-image:url(../img/bg_startseite_thirdbox.jpg);
}

.content-startpage-first-box h1,
.content-startpage-second-box h1,
.content-startpage-third-box h1 {
	color:#2e6785;
	font-size:120%;
	font-weight:700;

	margin:0;
	padding:0;
}

.content-startpage-first-box p.bodytext,
.content-startpage-second-box p.bodytext,
.content-startpage-third-box p.bodytext {
	background-image:url(../img/red_arrow.gif);
/* 	background-image:url(../img/arrow_content.gif); */
/* 	background-image:url(../img/arrow_box.gif); */
	background-position:left 5px;
	background-repeat:no-repeat;
	
	position:absolute;
	top:66px;
	left:194px;

	width:160px;
	height:35px;

	line-height:1.6em;

	padding: 0 0 0 11px;
}

.content-startpage-first-box a,
.content-startpage-second-box a,
.content-startpage-third-box a {
	font-weight:700;
	text-decoration:none;
}

.content-startpage-first-box a:hover,
.content-startpage-first-box a:focus,
.content-startpage-first-box a:active,

.content-startpage-second-box a:hover,
.content-startpage-second-box a:focus,
.content-startpage-second-box a:active,

.content-startpage-third-box a:hover,
.content-startpage-third-box a:focus,
.content-startpage-third-box a:active {
	color:#000000;
}

/*****************************************/
/************* right col ***************/
/*****************************************/

#mainRightCol {
	float: left;
	width: 192px;
	margin-left: 19px;
}

.contentCols-start #mainRightCol {
	margin-left: 14px
}

#contentRight {
	margin-top: 28px;
}

#contentRight h1,
#contentRight p {
	padding-right:13px;
}


/*****************************************/
/*************** footer *****************/
/*****************************************/

#footer {
	clear: left;
	position: relative;
	height: 40px;
	
	margin-top: 20px;
	margin-left: 192px;
	
	padding-top: 13px;
	padding-left: 300px;
	
	background-image: url(../img/footer_leds.gif);
	background-position: left 2px;
	background-repeat: no-repeat;

	color:#2e6785;
	font-size:75%;
}

#footer a {
	color:#2e6785;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px;
}


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

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

.remark {
	display:block;
	color:#de2718;
}

.contact-form form {
	
}

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

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

	border:1px solid #2E6785;

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

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

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

.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);
}


/*****************************************/
/*********** two-faced header ************/
/*****************************************/

#two-faced-header {
	position:relative;
	width:386px;
/* 	height:130px; */
}

#two-faced-shadow {
	position:absolute;
	top:0px;
	left:0px;
	width:386px;
/* 	height:130px; */
	
	background-image: url(../img/bg_maincontent-trans.png);
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 100;
}


/*** classes for the images ***/

img.singleimg {
/* 	position:absolute; */
}

img.twoimg-left {
	position:absolute;
	top:0px;
	left:0px;
/* 	height:275px; */
}

img.twoimg-right {
	position:absolute;
	top:0px;
	right:0px;
/* 	height:275px; */
}

/*** classes for the headlines ***/

#two-faced-header h2 {
	font-size:125%;
/* 	width:160px; */
/* 	height:125%; */
/* 	line-height:125%; */
}

h2#two-faced-headline-beneath {
	position:relative;
	bottom:10px;
	left:17px;

/* 	width:352px; */
/* 	height:1em; */
}

h2#two-faced-headline-ontop {
	position:absolute;
	top:100px;
	left:17px;
	
	z-index:200;
}

h2#two-faced-headline-left {
	position:absolute;
	top:195px;
	left:17px;

	width:155px;
	z-index:200;
}

h2#two-faced-headline-right {
	position:absolute;
	top:195px;
	right:17px;

	width:155px;
	z-index:200;
}


/*****************************************/
/************* or else ... ***************/
/*****************************************/

h1 {
	font-size:125%;
	font-weight:700;
	color:#2e6785;
	margin:0 0 0.8em 0;
	padding:10px 0 0 0;
}

h2 {
	font-size:115%;
	font-weight:700;
	color:#2e6785;
	margin:0 0 0.7em 0;
}

h3 {
	font-size:110%;
	font-weight:700;
	color:#2e6785;
	margin:0 0 0.6em 0;
}

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

#content p.bodytext,
#contentRight p.bodytext{
	margin: 0 0 1em 0;
	line-height:1.6em;
}



a {
	color:#2e6785;
	text-decoration:underline;
}

a:hover,
a:focus,
a:active {
/* 	color:#000000; */
	text-decoration:none;
}

a:hover,
a:active {
	outline:none;
}

#mainCenterCol ul,
#mainRightCol ul {
	margin-left:16px;
	padding-left:10px;

	margin-bottom:1em;
	line-height:1.6em;

	list-style-image:url(../img/listenpunkt.gif);
}


.important {
	font-size:90%;
	color:#848484;
}

strong {
	color:#2e6785;
	font-weight:700;
}

.clear-both {
	clear:both;
}