/*********************/
/*- Layout-Elements -*/
/*********************/

	* {
		margin: 0;
		padding: 0;
	}
	
	img {
		border: 0;
	}

	html { height: 100% } 

	body { 
		font-size: 75%; 
		position: relative;
		font-family: Verdana, serif;
		font-style: normal;
		background: #000 url(../ui/background.jpg) 0 0 no-repeat;
		text-align: left;
		color: #000;
	} 

	#OuterShell {
		position:relative;
		top:0px;
		left:0px;
	}

	#InnerShell {
		position:relative;
		top:0;
		left:0;
		/*padding: 45px 65px;*/
		padding: 0 65px 45px 65px;
	}
	
	/* language switch */
	
		.tx-srlanguagemenu-pi1 {
			position: absolute;
			top: 6px;
			left: 915px;
			z-index: 999;
			color: #333;
			font-weight: bold;
		}			
		
		.tx-srlanguagemenu-pi1, .tx-srlanguagemenu-pi1 * {
			vertical-align: middle;
			line-height: 1.3em;
			height: 1.3em;
		}	
		
		.tx-srlanguagemenu-pi1 a:link, .tx-srlanguagemenu-pi1 a:visited, .tx-srlanguagemenu-pi1 a:hover {
			color:#333;
		}		
		
		.tx-srlanguagemenu-pi1 a:hover {
			text-decoration: underline;
		}
		
		.tx-srlanguagemenu-pi1 .SPC {
			width: 1px;
			background: #333;
			margin: 0 0.5em;
			height: 1.3em;
		}	
		
		.tx-srlanguagemenu-pi1 .CUR {
			text-decoration: underline;
		}	
	
	/* left region */

		#overlay {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			/*padding-top: 142px;*/
			width: 220px;
			font-size: 83.3%;
		}
		
		.overlay_top {
			background: url(../ui/menu_main_top.png) 0 0 no-repeat;
			/*position: absolute;
			left: 0;
			top: 0;*/
			width: 295px;
			height: 142px;
		}	
		
		.overlay_middle {
			background: url(../ui/menu_main_middle.png) 0 0 no-repeat;
		}	
		
		.overlay_bottom {
			background: url(../ui/menu_main_bottom.png) 0 0 no-repeat;
			height: 70px;
		}		
		
		.overlay_bottom span {
			background: url(../ui/teaser_next.gif) left center no-repeat;
			display: block;
			padding: 6px 0 1em 25px;
		}	
		
		.quickfinder_open span {
			background: url(../ui/quickfinder_act.gif) left center no-repeat;
		}
		
		.quickfinder_open {
			background: url(../ui/main_menu_bottom_open.png) 0 0 no-repeat;
			height: 118px;
		}		
		
		#quickfinder {
			font-weight: bold;
			color: #333;
			padding: 20px 25px 5px 16px;
		}		
		
		#quickfinder form {
			background: url(../ui/searchfield.gif) left center no-repeat;
			padding: 3px 3px 6px 3px;
		}		
		
		#quickfinder input {
			background: none;
			border: 0 none;
			width: 120px;
			padding: 0 0 0 0.5em;
			font-size: 110%;
			color: #666;
		}	
		
		#quickfinder input.submit {
			width: 32px;
			text-indent: -1000px;
		}	
		
		#quickfinder div, #quickfinder form {
			display: none;
		}	
		
		#quickfinder.quickfinder_open div, #quickfinder.quickfinder_open form {
			display: block;
		}	
		
		#quickfinder div {
			text-align: right;
			width: 153px;
			padding-top: 5px;
		}	
		
		#quickfinder a:link, #quickfinder a:visited {
			text-decoration: underline;
			font-weight: normal;
		}	
		
		#quickfinder a span {
			font-size: 0.8em;
			background: none;
			display: inline;
			padding: 0;
		}
		
	/* main menu */
		
		#menu_main {
			color: #ccc;
			font-weight: bold;
			margin: 0 0 0 17px;
			padding-bottom: 1em;
			width: 153px;
			list-style-type: none;
		}		
		
		#menu_main a:link, #menu_main a:hover, #menu_main a:visited {
			color: #ccc;
		}	
		
		#menu_main li a:link, #menu_main li a:visited, #menu_main li a:hover {
			background: url(../ui/menu_item_bg.gif) left top no-repeat;
			height: 21px;
			padding: 7px 0 0 32px;
			display: block;
		}
		
	/* main menu sub */
		
		#menu_main ul {
			background: url(../ui/menu_bg_bottom.gif) left bottom no-repeat;
			list-style-type: none;
			padding: 0.7em 0;
		}	
		
		#menu_main ul li {
			background: url(../ui/arrow_left2.gif) 12px 10px no-repeat;
			padding: 0 12px 0 24px;
		}		
	
		
		#menu_main li.sub {
			background: #202020 url(../ui/menu_bg_top.jpg) left top no-repeat;
		}	
		
		#menu_main li.cur {
			background: #202020 url(../ui/menu_bg_topNOSUB.jpg) left top no-repeat;
		}	
		
		#menu_main li.sub li a:link, #menu_main li.sub li a:visited, #menu_main li.sub li a:hover {
			background: none;
			color: #ccc;
			height: auto;
			padding: 0.4em 0 0.6em 0;
			border-top: 1px dotted #666666;
		}		
		
		#menu_main li.sub a:link , #menu_main li.sub a:visited , #menu_main li.sub a:hover, #menu_main li.cur a:link, #menu_main li.cur a:visited, #menu_main li.cur a:hover {
			background: none;
			color: #FFE900;
		}		
		
		#menu_main li.sub li.cur {
			background: url(../ui/arrow_left2cur.gif) 12px 10px no-repeat;
		}		
		
		#menu_main li.sub li.cur a:link, #menu_main li.sub li.cur a:visited, #menu_main li.sub li.cur a:hover {
			color: #FFE900;
		}
	
		
	/* search */
	
		.csc-searchform {
			margin: 5px 72px 5px 22px;
		}	
		
		.csc-searchform {
			margin: 5px 72px 5px 22px;
		}
		
		.csc-searchResultHeader, .csc-searchResult, .csc-searchResultInfo, .csc-noSearchResultMsg {
			padding: 5px 72px 5px 22px;
		}
		
		.csc-form-fieldcell, .csc-form-fieldcell * {
			vertical-align: middle;
		}		
		
		body .csc-form-labelcell, body .csc-form-fieldcell {
			padding: 0 0 0.5em 0;
		}	
		
		body .csc-form-labelcell p, body .csc-form-fieldcell p {
			margin: 0;
		}
	
	/* content boxes */
	
		#content {
			/*background-image: url(../ui/content_bg_bottom.png);
			background-position: left bottom;
			background-repeat: no-repeat;
			padding-bottom: 31px;*/
			width: 867px;
			margin-bottom: 1em;
			
		}	
		
		#content_inner {
			background: url(../ui/content_bg2.png) 0 0 no-repeat;
			padding: 30px 0 1px 0;
		}	
		
		.box_full {
			background: url(../ui/box_top.png) 0 0 no-repeat;
			margin-bottom: 1em;
			
			position: relative;
			left: 170px;
			width: 696px;
		}	
		
		.notop {
			background: none;
		}	
		
		.box_outer {
			/*background: url(../ui/box_bottom.png) left bottom no-repeat;
			padding-bottom: 30px;			
			*/
		}		
		
		.box_inner {
			background-image: url(../ui/box_middle.png);
			background-position: 0 0;
			background-repeat: no-repeat;
			padding: 5px 0 5px 0;
		}		
		
		.notop .box_inner {
			
		}			
		
		.notop .box_outer {
			
		}		
		
		.box_content {
			padding: 0 72px 0 22px;
		}			
		
		.box_content {
			width: 602px !important;
		}

	/* highlight */
	
		.box_highlight {
			/*background: url(../ui/highlight.png) 0 0 no-repeat;
			height: 404px;*/
			background: url(../ui/highlight2.png) 0 0 no-repeat;
			height: 449px;
			margin-left: 4px;
			position: relative;
		}
			
		.content_inner {
			
		}	
		
		.key_visual {
			padding: 0 0 0 135px;
			/*height: 260px;*/
			
			/* oversize images */
			position: relative;
			padding: 0;
			text-align: center;
			height: 305px;
		}
		
		.key_visual img {
			/* oversize images */
			position: absolute;
			bottom: 0px;
		}		
		
		.key_desc {
			padding: 0 75px 0 22px;
			font-size: 83.3%;
			height: 75px;
		}	
		
		.key_desc img {
			float: right;
			margin-left: 10px;
		}	
		
		.key_desc h1 img {
			float: none;
			margin-left: 0;
		}	
		
		.key_text {
			float: left;
			width: 305px;
			line-height: 130%;
		}	

		.key_level {
			position: absolute;
			bottom: 24px;
			width: 247px;
			height: 43px;
			margin: 0 0 0 22px;
			padding: 0 5px 0 4px;
		}
		
		.key_tech {
			position: absolute;
			right: 26px;
			/*top: -12px;*/
			top: 33px;
			z-index: 999;
		}

		.key_slider {
			position: relative;
			width: 247px;
			height: 43px;
			margin: 0 0 0 22px;
			padding: 10px 5px 0 4px;
			background: url(../ui/slider_bg.jpg) left top no-repeat;
			text-align: center;
		}		
		
		.key_slider img {
			position: absolute;
			top: 0;
			left: 50px;
		}	
		
		.key_slider span {
			width: 12px;
			height: 20px;
			margin: 0 3px 0 0;
			display: block;
			float: left;
			cursor: pointer;
		}		
		
		.key_slider span.itemTitle {
			width: 125px;
			height: 15px;
			color: #01709F;
			font-size: 70%;
			text-transform: uppercase;
			padding-left: 43px;
		}		
		
		.key_slider span.item {
			background: url(../ui/slider_items.gif) 0 -80px no-repeat;
		}		
		
		.key_slider span.cur {
			background: url(../ui/slider_items.gif) 0 -100px no-repeat;
		}		
		
		.key_slider span.over {
			background: url(../ui/slider_items.gif) 0 -120px no-repeat;
		}		
		
		.key_slider span.prev {
			background: url(../ui/slider_items.gif) 0 0 no-repeat;
			margin: 0 10px 0 1px;
		}	
		
		.key_slider span.prevover {
			background: url(../ui/slider_items.gif) 0 -20px no-repeat;
			margin: 0 10px 0 1px;
		}	
		
		.key_slider span.next {
			background: url(../ui/slider_items.gif) 0 -40px no-repeat;
			margin: 0 1px 0 7px;
		}		
		
		.key_slider span.nextover {
			background: url(../ui/slider_items.gif) 0 -60px no-repeat;
			margin: 0 1px 0 7px;
		}
		
	/* Produkt Overview */
		
		.overview_title {
			border-bottom: 1px dotted #666;
			width: 270px;
			position: relative;
			top: -35px;
			float: right;
			
		}		
		
		.overview_body {
			clear: both;
			margin-bottom: 1em;
			padding-bottom: 0.5em;
		}	
		
		.overview_body div {
			float: left;
			/*width: 20%; wird dynamisch ausgelesen */
			margin-right: 16px;
		}	
		
		.overview_body span {
			font-weight: bold;
			line-height: 130%;
			display: block;
			background: url(../ui/arrow_left.gif) left 3px no-repeat;
			padding-left: 12px;
		}
		
		.overview_title h2 {
			border-bottom: 0 none;
			float: right;
			margin-bottom: 0;
		}	
		
		.overview_footer {
			font-size: 83.3%;
			background: url(../ui/arrow_left.gif) left 1.6em no-repeat;
			padding-left: 12px;
			padding-top: 1.5em;
			text-transform: uppercase;
			border-top: 1px dotted #666;
		}
		
	/* Teaser */
		
		#teaser_section {
			padding-right: 40px;
			
			position: relative;
			left: 170px;
			width: 656px;
		}
		
		.teaser {
			background: url(../ui/teaser.png) left top no-repeat;
			padding: 15px 35px 22px 18px;			
			width: 265px;
			height: 217px;
			font-size: 83.3%;
			line-height: 130%;
			margin-bottom: 1em;
			float: left;
		}
		
		body.en #related_content {
			display: none;
		}		
		
		#related_content .teaser {
			background: url(../ui/teaser_below.gif) left top no-repeat;
			padding: 15px 16px 22px 18px;			
			width: 210px;
			height: 207px;
			float: none;
		}

		.right_teaser {
			float: right;
		}
		
		.teaser_head {
			margin-bottom: 1em;			
		}	
		
		.teaser_control {
			float: left;	
			display: none;			
		}	
		
		.teaser_link {
			float: right;			
		}	
		
		.teaser_link span {
			position: relative;
			top: -0.5em;
			background: url(../ui/arrow_left.gif) left 0.4em no-repeat;	
			padding-left: 12px;		
			vertical-align: middle;				
		}		
		
		.teaser_link span * {
			vertical-align: middle;			
		}
	
		.teaser_icon {
			padding: 1em 0;
			display: block;
		}	
		
		.teaser_icon img {
			margin: 0 auto;
			display: block;
		}
		
		strong a span {
			font-size: 0.8em;
		}
		
		#related_content {
			margin-left: 59px;
			width: 775px;
		}	
		
		#footer {
			margin: 28px 0 0 59px;
			width: 775px;
			color: #ccc;
			font-size: 83.3%;
		}	
		
		#footer a:link, #footer a:hover, #footer a:visited {
			text-decoration: underline;
			color: #ccc;
		}
		
		.teaser_holder {
			/*width: 30%;*/
			margin-left: 19px;
			float: left;
		}	
		
		.teaser_below_first {
			margin-left: 0% !important;
		}
		
	#footer{
		
	}

	#header {
		
	}


/*********************/
/* Content-Elements  */
/*********************/

	h1 {
		margin-bottom: 0.3em;
		font-size: 200%;
	}
	
	.csc-header {
		position: relative;
	}	
	
	.csc-header h1 {
		color: #1B4690;
	}
	
	.csc-header-right {
		border-bottom:1px dotted #666666;
		float:right;
		position:absolute;
		top:-35px;
		right:0;
	}
	
	.box_inner p.bodytext, .box_inner .csc-header h1, .box_inner .csc-header h2, .box_inner .csc-header h3, .box_inner ul.csc-bulletlist, .box_inner ul, div.csc-textpic-imagewrap, div.csc-textpic {
		margin: 0.5em 72px 1em 22px;
	}

	.overview_body div.csc-textpic-imagewrap, .two_col div.csc-textpic-imagewrap {
		margin: 0;
	}
	
	.box_inner * .csc-header h1, .box_inner * .csc-header h2, .box_inner * .csc-header h3, .box_inner * ul.csc-bulletlist, .box_inner * ul, .box_inner * p.bodytext, .box_inner * div.csc-textpic-imagewrap, .box_inner * div.csc-textpic {
		margin-left: 0;
		margin-right: 0;
	}

	h2 {
		font-size: 83.3%;
		color: #666;
		font-weight: bold;
		background: url(../ui/arrow_down.gif) left 2px no-repeat;
		padding: 0 0 1em 15px;
		border-bottom: 1px dotted #666;
		text-transform: uppercase;
		margin-bottom: 1.2em;
	}
	
	.box_inner  h2 {
		
	}	
	
	.box_inner  p {
		line-height: 130%;
		margin-bottom: 1em;
	}

	.box_inner ul {
		padding-left: 0;
		font-weight: bold;
		list-style-type: none;
		line-height: 160%;
		margin-bottom: 2em;
	}
	
	.box_inner ul li {
		padding-left: 1.5em;
		background: url(../ui/dot.gif) left 0.5em no-repeat;
	}

	#related_articles {
		background: url(../ui/divider.jpg) left top no-repeat;
		margin-left: 4px;
		padding: 29px 72px 5px 18px;
	}

	/************* two column content ***********/
		
		.left_area {
			float: left;
			width: 45%;
			/*margin-right: 10%;*/
			overflow: hidden;
		}	
		
		.right_area {
			float: right;
			width: 45%;
			overflow: hidden;
		}	
	
	/************* Links ***********/

		a:link, a:visited, a:hover, a:active {
			color: #2C488C;
			text-decoration: none;
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		.teaser_body a:link, .teaser_body a:visited, .teaser_body a:hover, a:active {
			font-weight: bold;
		}
		


/****************/
/* Forms 	  */
/************/

	select, input, textarea { 
		font-size: 99%; /*Safari Fix*/
		overflow:hidden;
	} 

	form {
		
	}
	
	.csc-mailform {
		padding: 5px 72px 5px 22px;
		border: 0 none;
		clear: both;
	}	
	
	.csc-mailform-field {
		padding-bottom: 1em;
	}	
	
	.csc-mailform label {
		width: 6em;
		display: block;
		float: left;
	}
	
	.csc-mailform textarea {
		width: 15em;
		font-family:Verdana,serif;
		font-size: 100%;
		padding: 0.3em;
	}	
	
	.csc-mailform input {
		width: 15em;
		font-family:Verdana,serif;
		padding: 0.3em;
	}	
	
	.csc-mailform input.csc-mailform-submit {
		width: auto;
		padding: 0;
		margin-left: 6em;
	}


/******************************/
/* Clearing - do not modify */
/**************************/

	.floatholder { overflow:hidden; }

	.clerasil:after {
	   content: ".";
	   display: block;
	   height: 0;
	   clear: both;
	   visibility: hidden;
	}

	.clerasil { display: block; }