@charset "UTF-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	margin:0px;
	padding:0px;
	background:url(images/bg_body.gif) repeat-x #E3E3E2;
}

/*####### LAYERS ########*/
#container {
	width:810px;
	margin:0 auto;
	background: url(images/bg_container.gif) repeat-y;
}
#cont_inner {width:802px; margin:0 4px; padding:0 0 40px 0;}
/*#contentborder {position:absolute; top:91px; left:495px; z-index:99;}*/
#cont_navtop {width:802px; height:28px; overflow:hidden; background:url(images/bg_navtop.jpg) repeat-x #FFF;}
#navtop {margin-left:25px; float:left;}
.navtop_item {float:left;}
.spacer_navtop {width:2px; height:28px; background:url(images/spacer_navtop.jpg) no-repeat; float:left;}
#navtopjapan {float:right; margin-right:15px;}

#header {clear:all; width:802px; height:74px; padding-top:10px; background:#FFF;}
#language {float:right; height:24px; margin:0 15px 0 0;}
.flags {height:16px; width:22px; float:left; margin:0 0 0 5px;}
#logo {width:195px; height:35px; margin:0 0 0 25px; clear:right;}

#mainnav {width:802px; height:40px; background: url(images/bg_navmain.jpg) repeat-x; overflow:hidden;}
#nav {width:640px; height:40px; float:left; margin:0; padding:0 0 0 20px;}
.nav_item {}
.trenner {width:2px; height:40px; background:url(images/spacer_navmain.jpg)}

.subitem {border-bottom:1px solid #FFF;}

#mainnav_shadow {height:4px; width:802px; background:url(images/bg_navmain_shadow.jpg) repeat-x;}

#flashbanner {display:none;}
#crumbs {color:#818181; height:20px; overflow:hidden; margin:0 0 20px 0;}
#crumbs a:link, #crumbs a:visited {color:#818181; text-decoration:none;}
#crumbs a:hover, #crumbs a:active {color:#818181; text-decoration:underline;}
#content {width:742px; padding:21px 0 0px 30px; overflow:auto;}
#contentborder {width:742px; margin:0 0 0 0; clear:left;}
#col_left {width:450px; float:left; overflow:hidden;}
#col_right {width:240px; float:right; margin:0 0 0 0px; padding:0; overflow:hidden;}
#col_main {width:742px; margin:0 0 0 0; clear:left;}

#col_main .csc-frame-frame1 {padding:0; margin-left:50px; width:642px}
#col_left .csc-frame-frame1, #col_right .csc-frame-frame1 {padding:0 0 0 50px;}

#backlink {margin:25px 0px 0px 30px;}

#footer a:link, #footer a:visited {color:#818181; text-decoration:none;}
#footer a:hover, #footer a:active {color:#818181; text-decoration:underline;}
#footer {width:810px; margin:0 auto; padding:20px 0 0 0; color:#818181; font-size:10px; background: url(images/bg_footer.gif) no-repeat}
#footer_left {float:left; padding:0 0 30px 25px;}
#footer_right {float:right; padding:0 25px 30px 0;}

.clearall {clear:both;}

.videoclip {float:left; margin:20px 0 16px 36px;}

/*####### TYPO ########*/

.pageheader h1 {font-size:20px; margin:0 0 25px 0; padding:0px;}

h1 {
	color:#F5A300;
	background-color:transparent;
	font-size:13px;
	margin-top:10px;
	margin-bottom:5px;
}
h1.boxheader {
	color:#FFF;
	font-size:13px;
	margin:0;
	padding:2px 0 0 10px;
	}
h2 {
	color:#F5A300;
	font-size:11px;
	margin-top:5px;
	margin-bottom:1px;
}

h3 {
	color:#000;
	font-size:11px;
	margin-top:5px;
	margin-bottom:1px;
}
h4 {
	color:#000;
	font-size:11px;
	margin-top:5px;
	margin-bottom:1px;
}

.cont_header {font-family:Verdana, Arial, Helvetica, sans-serif; height:41px; margin-bottom:10px;}
.header_open {width:11px; height:41px; float:left; background:url(images/open.gif) left center no-repeat;}
.header_close {width:11px; height:41px; float:left; background:url(images/close.gif) left center no-repeat;}
.header {font-size:13px; font-weight:normal; line-height:14px; color:#b5b4b8; padding:5px 10px 0 10px; float:left;}
.header b {font-size:14px; font-weight:normal; color:#F5A300;}

.pc_header {font-size:13px; font-weight:bold; line-height:14px; color:#F5A300; padding:12px 10px 0 10px; float:left;}

p {margin:5px 0px 10px 0px; line-height:14px;}

ul {margin:5px 0px 5px 0px; list-style-type:none; padding:0;}
ul li {background:url(images/bullet.gif) 1px 5px no-repeat; padding:0px 0px 6px 12px;}

.csc-textpic-caption {font-size:10px; color:#818181; padding:4px 0 10px 0;}

a {color:#F5A300;}
a:hover, a:focus, a:active {color:black;}
a:focus {outline:0;}

a.arrowback {background:url(images/arrow_back.jpg) no-repeat; padding:4px 0px 7px 28px; display:inline-block;}

.clearer {clear:both;}

/*################ FORMS ##################*/
input, select {font-size:11px; color:#000; border:1px solid #888; height:16px; margin:3px 0 4px 3px; padding:0 3px 0px 3px;}
textarea {font-size:11px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #888; padding:2px 3px 0px 3px;}
.tx-macinasearchbox-pi1 {margin:9px 0 0 25px;}
input.go {width:14px; height:16px; margin:0; padding:2px 3px 0px 3px; border:none;}
input.searchbox {font-size:11px; color:#666; width:175px; margin:0; padding:2px 3px 0px 3px; border:none; background:transparent;}

/*##### TABLES #####*/
table.contenttable {width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0px; border-collapse:collapse;}
table.contenttable thead {font-weight:bold; color:#FFF; background:#CCC;}
table.contenttable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #F1F2F3;
	padding:3px 5px 4px 5px;
	text-align:left;
}
table.contenttable td p {margin:0px; padding:0px;}
table.contenttable tr.odd {background:#F1F2F3;}
table.contenttable td.align-left {text-align:left;}

/*##### ELMO EXAMPLE BOX RIGHT #######*/
 	/*.elmoexample { position:absolute; left:535px; top:195px; height:550px; width:236px; background-color:#ffffff;}
 	#col_right .elmoexample-navi { position:absolute; left:535px; top:457px; height:80px; width:236px; overflow:auto; z-index:100; }*/
 	#col_right .user-elmo2-pi1 {position:relative; top:-70px; left:0px; margin:0px; padding:0px;}
 	#col_right .elmoexample { position:relative; left:2px; top:0px; height:auto; width:236px; background-color:#ffffff; overflow:hidden}
 	#col_right .elmoexample-header {color:#FFF; font-weight:bold; width:234px; height:18px; padding:4px 0 0 8px; overflow:hidden; background:url(images/ex_box_bgheader.jpg) no-repeat;}
 	#col_right .elmoexample-image { height:237px; width:236px; text-align: center; vertical-align: middle; overflow:hidden; background:url(images/ex_box_bg_img.jpg) no-repeat;}
 	#col_right .elmoexample-navi {position:relative; left:0px; top:320px; height:auto; width:auto; z-index:100; }
	#col_right .elmoexample-text { height:250px; width:236px; margin-top:67px; }  
	#col_right .elmoexample-text li { font-size: 10px;}
	#col_right .elmoexample-text h3 { font-size: 14px;}

/*##### ELMO EXAMPLE BOX LEFT #######*/
 	#col_left .elmoexample {position:relative; left:0px; top:0px; height:auto; width:450px; background:url(images/box_450px_long.jpg) no-repeat left bottom; overflow:hidden;}
 	#col_left .elmoexample-header {font-size:13px; color:#FFF; font-weight:bold; width:476px; height:18px; padding:2px 0 0 10px; overflow:hidden; background:url(images/box_450px_header.jpg) no-repeat;}
 	#col_left .elmoexample-image {float:left; height:300px; width:250px; margin:0; text-align: center; vertical-align: middle; overflow:hidden; background:transparent;}
 	#col_left .elmoexample-image img {}
 	#col_left .elmoexample-navi {position:relative; left:8px; top:300px; height:auto; width:auto; z-index:100; }
	#col_left .elmoexample-text {float:left; height:auto; width:150px; margin:0 0 0 20px; }  
	#col_left .elmoexample-text li { font-size: 11px;}
	#col_left .elmoexample-text h3 { font-size: 14px;}

/*##### PRODUCTBOX START EDUCATION #######*/
.product_box598 {
	background-image: url(images/bk_box_598px.gif);
	background-repeat: repeat-y;
}
h1.prodtable_header {
	background-image: url(images/box_top_middle.gif);
	background-repeat: repeat-x;
	font-size:13px;
	color:#FFF;
	height:22px;
	margin:0;
	padding:2px 0 0 8px;
}
.prodtable_content {}
.prodcol {width:145px}
.prodcol p {padding:0 8px 0 8px; }
.prodcol_img {text-align:center}
.prodtable_content h1 {font-size:12px;}

/*##### BOXES PRODUCT CATALOGUE #######*/

#col_main .prod_news_list {width:742px; overflow:hidden; clear:all;}
.box {height:160px; width:140px; padding:0; margin:0 6px 10px 0; float:left;}
.box p {margin:0; padding:0;}
.box_top {height:22px; overflow:hidden;}
.box_top_left {width:8px; height:22px; float:left; background:url(images/box_top_left.gif) no-repeat;}
.box_top_middle {width:124px; height:22px; float:left; background:url(images/box_top_middle.gif) repeat-x;}
.box_top_right {width:8px; height:22px; float:left; background:url(images/box_top_right.gif) no-repeat;}
.box_middle {clear:left; height:110px;}
.box_middle_left {width:8px; height:110px; display:block; float:left; background:url(images/box_middle_left.gif) repeat-y;}
.box_middle_middle {width:124px; height:108px; padding:2px 0 0 0; float:left; text-align:center; overflow:hidden; background:#FFF;}
.box_middle_right {width:8px; height:110px; float:left; background:url(images/box_middle_right.gif) repeat-y;}
.box_bottom {height:10px; overflow:hidden; clear:left;}
.box_bottom_left {width:8px; height:10px; float:left; background:url(images/box_bottom_left.gif) no-repeat;}
.box_bottom_middle {width:124px; height:10px; float:left; background:url(images/box_bottom_middle.gif) repeat-x;}
.box_bottom_right {width:8px; height:10px; float:left; background:url(images/box_bottom_right.gif) no-repeat;}

.box_middle_middle img {text-align:center; margin:0; padding:0;}
.box_middle_middle p {text-align:center; margin:3px 0 0 0;}
.box_middle_middle a:link, .box_middle_middle a:visited {font-size:10px; color:#000; text-decoration:none;}
.box_middle_middle a:hover, .box_middle_middle a:active {font-size:10px; color:#F5A300; text-decoration:none;}
.box_top_middle a:link, .box_top_middle a:visited, .box_top_middle a:hover, .box_top_middle a:active {font-size:13px; font-weight:bold; padding:2px 0 0 0; height:22px; color:#FFF; text-decoration:none; display:block;}

/*##### BOXES PRODUCT LISTS #######*/
.pl_left_header {width:450px; height:19px; background:url(images/box_450px_header.jpg) no-repeat;}
.pl_left_footer {width:450px; height:19px; margin:0px; padding:0px; overflow:hidden; background:url(images/box_450px_footer.jpg) no-repeat;}
.pl_left_middle {width:450px; background:url(images/box_450px_middle.jpg) repeat-y; margin:0px; padding:0 0 20px 0;}
.prod_longlist_left .news_list_item {width:430px; margin-left:10px;}
.prod_longlist_left .tx-ttnews-browsebox {width:430px; margin-left:10px;}

.pl_main_header {width:742px; height:19px; background:url(images/box_742px_header.jpg) no-repeat;}
.pl_main_footer {width:742px; height:19px; margin:0px; padding:0px; overflow:hidden; background:url(images/box_742px_footer.jpg) no-repeat;}
.pl_main_middle {width:742px; background:url(images/box_742px_middle.jpg) repeat-y; margin:0px; padding:0 0 20px 0;}
.prod_longlist_main .news_list_item {width:722px; margin-left:10px;}
.prod_longlist_main .tx-ttnews-browsebox {width:722px; margin-left:10px;}

/*###### FRAME BOXES ######*/
.box_1 {width:235px; margin:0 3px 20px 3px; overflow:hidden; background:url(images/box_1_middle.jpg) repeat-y;}
#col_main .box_1, #contentborder .box_1 {float:left; margin:0 3px 20px 3px;}
.box_1 h1 {font-size:13px; font-weight:bold; color:#FFF; width:235px; height:19px; padding:2px 0 0 10px; margin:0; overflow:hidden; background:url(images/box_1_header.jpg) no-repeat;}
.box_1 h2 {padding-left:10px; width:215px;}
.box_1 .csc-header {height:19px; overflow:hidden;}
.box_1 .csc-textpic {margin:0 0 0 3px;}
.box_1 p {color:#000; width:215px; margin:6px 0 0 10px; padding:0;}

/*.box_1 a:link, .box_1 a:visited {color:#000; text-decoration:none;}
.box_1 a:hover, .box_1 a:active {color:#000; text-decoration:underline;}*/

.box_1_footer {width:235px; height:10px; overflow:hidden; margin:0; background:url(images/box_1_footer.jpg) no-repeat;}

.product_box {background:url(images/bg_prodnav_box.jpg) repeat-x; clear:both; padding:20px 0 20px 0;}
.pb_inner {width:710px; margin-left:15px;}

/*############## MENU SITEMAP PRODUCTS ############*/
ul.csc-menu {list-style-type:none; width:742px; height:30px; overflow:hidden; margin:0 0 1px 0; padding:0px; background:url(images/bg_prodnav.jpg) repeat-x;}
.csc-menu li {background:transparent; height:30px; float:left; padding:0; margin:0;}
.csc-menu li a {display:block; float:left; padding:10px 10px 7px 10px; border-right:1px solid #FFF;}
.csc-menu li a:link, .csc-menu li a:visited {color:#000; text-decoration:none;}
.csc-menu li a:hover, .csc-menu li a:active{color:#FFF; text-decoration:none; background:url(images/bg_prodnav_act.jpg) no-repeat left top;}

.csc-menu li.current a:link, .csc-menu li.current a:visited, .csc-menu li.current a:hover, .csc-menu li.current a:active {font-weight:bold; color:#FFF; text-decoration:none; background:url(images/bg_prodnav_act.jpg) no-repeat right top;}
.csc-menu li.active a:link, .csc-menu li.active a:visited, .csc-menu li.active a:hover, .csc-menu li.active a:active {font-weight:bold; color:#FFF; text-decoration:none; background:url(images/bg_prodnav_act.jpg) no-repeat right top;}


/*##### PRODUCT CATALOGUE SINGLE VIEW #######*/
.pcs_colleft {width:200px; float:left;}
.pcs_colcenter {width:300px; float:left; margin:0 0 0 30px; padding:41px 0 0 0;}
.pcs_colright {width:170px; float:left; margin:0 0 0 30px; text-align:right;}

.pcs_top {overflow:auto;}
.pcs_addbox {clear:left;}
.pcs_addbox h2 {padding:15px 0 15px 0; font-size:13px;}
.prodcat_single {}
.prodcat_single_img {float:left; text-align:center;}

/*##### NEWS #######*/
.hide_news {display:none; height:1px; width:1px; overflow:hidden; margin:0px; padding:0px;}
.box_1 .news_latest_item {width:205px; margin-left:10px;}
.news_latest_item {clear:left; padding:10px 0 10px 0; height:auto; border-bottom:1px solid #818181;}
.news_latest_img {float:left;}
.news_latest_img img {margin:3px 7px 0 0;}
.news_latest_text p { margin:0; padding:0;}
.news_latest_text h2 {margin:0 0 5px 0; padding:0;}
.box_1 #news_latest .archivlink {margin-left:10px;}

.newsinfo {font-size:10px; color:#818181; margin:0 0 10px 0;}
.newsinfo p {margin:0; padding:0;}
.newskat {font-size:10px; color:#818181; margin:0 0 10px 0;}
.caption {font-size:10px; color:#818181; padding:4px 0 10px 0;}
.archivlink {width:200px; overflow:hidden; margin:10px 0 0 0;}

.news_list_item {clear:left; padding:10px 0 10px 0; height:auto; border-bottom:1px solid #818181;}
.news_list_img {float:left;}
.news_list_img img {margin:3px 15px 0 0;}

.news_list_item a:link, .news_list_item a:visited, .news_list_item a:hover, .news_list_item a:active {color:#F5A300;}
.news_list_text a:link, .news_list_text a:hover, .news_latest_text a:link, .news_latest_text a:hover {text-decoration:none;}

.more a:link, .more a:visited {text-decoration:underline;}
.more a:hover, .more a:active {text-decoration:none;}

.news_single_img {float:left; margin:0px; padding:0px;}
.news_single_img img {margin:0px 20px 0px 0px;}
.news_single_text {float:left;}
.news-single-files {border:none; margin:0px; padding:0px; background:transparent;}
.news-single-files img {margin:3px 5px 0px 0px; vertical-align:middle;}
.news-single-files p {margin:0.5em 0em 0em 0em;}

.tx-ttnews-browsebox, .tx-indexedsearch-browsebox {background:transparent; border:none; padding:0 0 20px 0; margin:0;}
.tx-ttnews-browsebox td, .tx-indexedsearch-browsebox td {font-size:11px;}
.tx-ttnews-browsebox-SCell, .tx-indexedsearch-browsebox-SCell {background-color: #F3F3F3;}

.news-search-form {width:215px; margin:10px 0 0 0; border:none; background:transparent;}
#col_main .news-search-form {margin-bottom:25px;}
input.news-search-in {width:120px; border:1px solid #818181;}
.news-search-msg {width:215px; margin:10px 0 0 10px;}

/*################ RTE LINK-FORMATTING ################*/

a.internal-link img, a.internal-link-new-window img {border:none;}
a.external-link img, a.external-link-new-window img {border:none;}
a.download img {border:none;}
a.mail img {border:none;}


/*################ CSC-FORMATTING ################*/

/*.csc-textpic-clear {margin-bottom:20px;}*/

/*################ FORMS CSC ####################*/

fieldset {
	border:none;
	margin-left:0px;
	padding-left:0px;	
}

fieldset.csc-mailform {
	border:none;
	margin:0 0 0 0;
	padding-left:0px;	
}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 16px;
	vertical-align:top;
	float:left;
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:180px;
}

.csc-mailform-field {
	margin:0;
	padding:0;
	width:480px;
	float:left;
}

.csc-mailform-label {
	margin:5px 0px 0px 180px;
	padding:0;
	width:240px;
	float:left;
}

.csc-mailform-field input, .csc-mailform-field textarea {
	margin:7px 0 0 0;
	float:left;
	width:240px;
}
.csc-mailform-field select {margin:7px 0 0 0; padding:0 0 0px 3px; float:left; width:247px;}

input#mailformformtype_mail {
	width:auto;
	margin-left:180px;
}

input.csc-mailform-radio, input.csc-mailform-check {
	width:16px;
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	float:left;
	
}

.tx-srfreecap-pi2-cant-read {font-size: 11px; color:#000;}


/*################ SEARCH CSC ####################*/

/*.tx-indexedsearch-rules{ margin: 0 15 0 15; }*/
.tx-indexedsearch-percent { margin-right: 38px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#DCE4EC; width: 96%;}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {background:#FFF; padding:4px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-percent {background:#FFF; padding:4px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:#FFF; padding:4px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr strong.tx-indexedsearch-redMarkup { color:#F5A300; font-style:normal;}
.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {font-style:normal; padding:5px 4px 5px 4px;}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw {font-weight:bold; font-style:normal; color:#000; }
.tx-indexedsearch { margin: 15 15 15 15;}
.tx-cmwlinklist-pi1 { margin: 15 15 15 15; }

/*################ FORMS CSC ###################*/
/* für Radoibuttons*/
#mailformgarantie {width:200px;}
fieldset#mailformgarantie legend {display:none;}
.csc-mailform-label {float:left;}


/*################ NEWS SCROLL PRODUKTE ###################*/

#cont_flexroll {width:742px; height:181px; padding-top:5px; margin-top:20px; background:url(images/bg_prod_scroll_list.jpg) no-repeat;}
#cont_flexroll .flexcroll h1.boxheader {font-size:12px; color:#F5A300; margin:0 0 2px 0; padding:0px;}

.mycustomscroll {
/* Typical fixed height and fixed width example */
width: 712px;
height: 141px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background:transparent;
margin-left:15px;
text-align: left;
}


.scroll-list-element {padding: 0 35px; }
.single-list {height:100px; }
.scroll-list-spacer {width:2px; height:120px; margin-right:5px; border-left: solid 1px #CCC; }
.scroll-list-element img {margin-bottom:3px;}
.flexcroll_subheader {padding:0; margin:0;}
.flexcroll_subheader p {padding:0; margin:0;}