/* ################ START Definition OVERALL ################# */

* {
	font-family:Arial, Verdana, Helvetica;
	font-size: 13px;
	color:#000000;
	margin:0px;
	padding:0px;
	border:0px;
	text-decoration:none;
}

A:link {color: #003399; text-decoration: underline;}
A:visited {color: #003399; text-decoration: underline;}
A:active {color: #666666; text-decoration: underline;}
A:hover {color: #666666; text-decoration: underline;}

input {
	border:solid 1px #B1B1B1;
	position:relative;
}

input[type="checkbox"] {
	border:solid 1px #FFFFFF;
}

p{
	padding-bottom:20px;	
}

p.bodytext{
	padding-bottom:15px;
}

hr{
	clear:both;
	border-top:1px solid #cccccc;
	height:1px;
	margin-bottom:15px;
	position:static;
	width:100%;
}

label{
	padding-right:10px;	
}

h1 {
	font-size:22px;
	color: #000000;
	font-weight:bold;
	line-height:16px;
	padding-bottom:14px;
}

h2 {
	font-size:14px;
	color: #000000;
	font-weight:bold;
	padding-bottom:10px;
}

h3 {
	font-size:16px;
	color: #000000;
	padding-bottom:10px;
}

h4 {
	font-size:14px;
	color: #000000;
	padding-bottom:10px;
}

h5 {
	font-size:13px;
	color: #000000;
	padding-bottom:10px;
	font-style:italic; 
}

h6 {
	font-size:11px;
	color: #000000;
	padding-bottom:10px;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

img{
	border:none;	
}

td{
	vertical-align:top;	
}

/* ################ END Definition OVERALL ################# */

/* ################ START Definition LAYOUT ################# */

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

body {
	height:100%;
	width:100%;
	background-color:#CECECE;
	background-image: url('../images/bg_page.jpg');
	background-repeat: repeat-x;
}

#overall {
	width:100%;
	height:100%;
	text-align: left;
	z-index:1;
	position:relative;
	background-image: url('../images/bg_clouds.jpg');
	background-repeat: repeat-x;
	background-position:0px 102px;
	background-color:#FFFFFF;
}

/*----------------------------- TOP ------------------------------- */

#topbg_left{
	width:50%;
	height:25px;
	background-image: url('../images/bg_top_blue.gif');
	background-repeat: repeat-x;
	float:left;
}

#topbg_right{
	width:50%;
	height:25px;
	background-image: url('../images/bg_top_grey.gif');
	background-repeat: repeat-x;
	float:left;
}

div.clear{
	clear:both;	
}

#topbounding{
	width:100%;
	background:none;
	position: relative;
}

#topbounding_absolute{
	width:100%;
	top:0px;
	background:none;
	height:25px;
}

#topbounding_inner{
	width:954px;
	height:25px;
	margin: 0 auto;
	position:relative;
	padding:0px 10px;
	top:0px;
	background:none;
}

#topbounding .left{
	background-image: url('../images/bg_top_blue.gif');
	background-repeat: repeat-x;
	width:218px;
	height:25px;
	position:absolute;
	left:10px;
	top:0px;
	padding-top:4px;
}

#topbounding #mid{
	height:25px;
	width:1px;
	background-color:#FFFFFF;
	left:228px;
	top:0px;
	position:absolute;
}

#topbounding #right{
	background-image: url('../images/bg_top_grey.gif');
	background-repeat: repeat-x;
	width:716px;
	height:25px;
	left:229px;
	top:0px;
	position:absolute;
}

#topbounding .left ul#langmenu{
	
}

#topbounding .left ul#langmenu li{
	float:left;
	padding-right:18px;
	font-size:12px;
}

#topbounding .left ul#langmenu li a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
}

#topbounding .left ul#langmenu li a:hover, #topbounding .left ul#langmenu li a.active{
	color:#9ab8e1;
}

#topbounding #right{
	padding:4px 0px 0px 19px;
}

#topbounding #right ul#topnavi{
	font-size:12px;
}

#topbounding #right ul#topnavi li{
	float:left;
	padding-right:17px;
}

#topbounding #right ul#topnavi li a{
	color:#333333;
	text-decoration:none;
	font-size:12px;
}

#topbounding #right ul#topnavi li a:hover{
	color:#666666;
	text-decoration:none;
}

/*----------------------------- TOP ------------------------------- */



/*----------------------------- HEADER ------------------------------- */

#headerbounding{
	width:954px;
	height:77px;
	margin: 0 auto;
	position:relative;
	padding:0px 10px;
}

#headerbounding #headerleft{
	width:217px;
	height:77px;
	float:left;
	border-right:solid 1px #003399;
}

#headerbounding #headerright{
	width:734px;
	height:77px;
	float:left;
	position:relative;
}

#headerbounding #headerright div.logo{
	width:187px;
	height:41px;
	left:20px;
	top:25px;
	position:absolute;
}

#headerbounding #headerright div.search{
	height:44px;
	width:173px;
	position:absolute;
	bottom:0px;
	right:0px;
}

#headerbounding #headerright div.search div.searchform{
	position:relative;
}

#headerbounding #headerright div.search input.searchfield, div.tx-indexedsearch input.searchfield{
	height:15px;
	width:135px;
	padding:3px 2px 2px 5px;
	background-image: url('../images/searchfield_bg.gif');
	background-repeat: no-repeat;
	border:none;
	position:absolute;
	left:3px;
	top:13px;
	color:#666666;
	font-size:11px;
}

#headerbounding #headerright div.search input.searchbutton, div.tx-indexedsearch input.searchbutton{
	width:38px;
	height:38px;
	background-image: url('../images/searchbutton_bg.gif');
	background-repeat: no-repeat;
	border:none;
	position:absolute;
	left:135px;
	top:0px;
	cursor:pointer;
}

/*----------------------------- HEADER ------------------------------- */


/*----------------------------- CONTENT BEREICH ------------------------------- */
	
#contentbounding{
	width:963px;
	margin: 0 auto;
	position:relative;
	padding:0px 1px 0px 10px;
}

#contentbounding div.left{
	width:218px;
	position:absolute;
	top:0px;
	left:10px;
}

.left div#leadtext, .left div#leadtext p{
	width:208px;
	color:#FFFFFF;
	font-size:13px;
}

.left div#leadtext h3{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	padding-bottom:9px;
}

.left ul.mainnavi{
	margin:28px 0px 42px 0px;
	float:left;
}

.left ul.mainnavi li, .left ul.mainnavi li:hover{
	width:218px;
	border-top:solid 1px #2457ab;
	position:relative;
	float:left;
}

.left ul.mainnavi li:hover,  .left ul.mainnavi li.active{
	border-top:solid 1px #FFFFFF;
	float:left;
}

.left ul.mainnavi li span, .left ul.mainnavi li:hover span{
	width:197px;
	background-image: url('../images/mainnavi_bg.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:8px 10px 5px 11px;
	float:left;
	color:#FFFFFF;
	cursor:pointer;
}

.left ul.mainnavi li a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}

.left ul.mainnavi li:hover span, .left ul.mainnavi li.active span{
	background-image: url('../images/mainnavi_bg_active.gif');
	float:left;
	color:#000000;
	cursor:pointer;
}

.left ul.mainnavi li.active{
	padding:0px;
	width:218px;
	background:none;
}

.left ul.mainnavi li:hover a, .left ul.mainnavi li a:hover, .left ul.mainnavi li.active a{
	color:#000000;
}

.left ul.mainnavi li.active ul{
	background-image: url('../images/subnavi_bg.gif');
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding:8px 11px 7px 11px;
	float:left;
}

.left ul.mainnavi li.active ul li{
	background:none;
	border:none;
	height:15px;
	padding:0px 0px 3px 0px;
	width:197px;	
}

.left ul.mainnavi li.active ul li a{
	color:#000000;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
}

.left ul.mainnavi li.active ul li a span{
	background:none;
	padding:0px;
	width:197px;
}

.left ul.mainnavi li.active ul li:hover a span, .left ul.mainnavi li.active ul li.active a span{
	color:#2162e4;
}

#contentbounding div#right_shadow_left{
	width:752px;
	background-image: url('../images/shadow_contentright_left.png');
	background-repeat: repeat-y;
	margin-left:211px;
}

#contentbounding div#right_shadow_right{
	width:752px;
	background-image: url('../images/shadow_contentright_right.png');
	background-repeat: repeat-y;
	background-position:741px 0px;
}

#contentbounding div#right_content{
	background-color:#FFFFFF;
	width:732px;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	min-height:640px;
	margin-left:7px;
	position:relative;
}

#contentbounding div#right_content div#headerimage{
	position:relative;
	top:0px;
	left:0px;
	width:732px;
	height:254px;
	z-index:2;
}

#contentbounding div#right_content div#news{
	float:left;
	margin-top:26px;
	min-height:300px;
	padding:0 0 0 18px;
	position:relative;
	width:220px;
	z-index:10;
}

#contentbounding div#right_content div#emc{
	background-image:url(../images/emc_teaser_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	margin-left:18px;
	margin-top:-76px;
	min-height:300px;
	padding:127px 0 0;
	position:relative;
	width:220px;
	z-index:10;
}

#contentbounding div#right_content div#meteo{
	background-image:url(../images/meteo_teaser_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	margin-left:18px;
	margin-top:-76px;
	min-height:300px;
	padding:127px 0 0;
	position:relative;
	width:220px;
	z-index:10;
}

#contentbounding div#right_content div#emc h3, #contentbounding div#right_content div#meteo h3{
	padding:0px 12px 3px 14px;
	color:#003399;
	font-size:14px;
	font-weight:bold;
}

#contentbounding div#right_content div#meteo h3{
	color:#009999;
}

#contentbounding div#right_content div.newsteaser{
	background-image: url('../images/news_teaser_bg.gif');
	background-repeat: repeat-x;
	background-position:0px 17px;
	cursor:pointer;
}

#contentbounding div#right_content div.newsteaser h3{
	color:#003399;
	font-size:14px;
	font-weight:bold;
	background-image: url('../images/news_titel_icon.gif');
	background-repeat: no-repeat;
	background-position:0px 5px;
	padding:0px 10px 10px 12px;
}

#contentbounding div#right_content div.newsteaser:hover h3 a{
	color:#666666;
}

#contentbounding div#right_content div.newsteaser h3 a{
	text-decoration:none;
	font-size:14px;
}

#contentbounding div#right_content div.newsteaser a{
	text-decoration:none;
}

#contentbounding div#right_content div.newsteaser a span{
	padding:0px 12px 30px 12px;
	text-decoration:none;
}

#contentbounding div#right_content div#emc p, #contentbounding div#right_content div#meteo p{
	padding:0px 12px 20px 14px;
	color:#000000;
	font-size:13px;
}

#contentbounding div#right_content div#content{
	background-image: url('../images/content_bg.gif');
	background-repeat: repeat-x;
	min-height:300px;
	padding:33px 21px 0px 21px;
}

#contentbounding div#right_content div#content div.teasercontent{
	background-image: url('../images/teasercontent_bg.gif');
	background-repeat: repeat-x;
	background-position:0px 22px;
	width:690px;
	padding-bottom:20px;
}

#contentbounding div#right_content div#content div.teasercontent div.csc-textpic-imagewrap{
	float:left;
	padding:3px 20px 0px 0px;
}

#contentbounding div#right_content div#content div.teasercontent div.textwrap h2{
	padding-bottom:15px;
}

#contentbounding div#right_content div#content div.teasercontent div.textwrap{
	
}

#contentbounding #shadow_bottom{
	width:972px;
	height:60px;
	margin: 0 auto;
	position:relative;
	background-color:#FFFFFF;
}

#contentbounding #shadow_bottom #shadow_left{
	background-image: url('../images/shadow_contentright_left_bottom.gif');
	background-position:right top;
	background-repeat:no-repeat;
	width:218px;
	height:40px;
	float:left;
}

#contentbounding #shadow_bottom #shadow_right{
	background-image: url('../images/shadow_contentright_right_bottom.gif');
	background-position:right top;
	background-repeat:no-repeat;
	width:743px;
	height:40px;
	float:left;
}

#contentbounding div#right_content div.catitem{
	width:218px;
	height:215px;
	padding:0px 19px 10px 0px;
	margin-bottom:20px;
	cursor:pointer;
	float:left;
	overflow:hidden;
}

#contentbounding div#right_content div.catitem a span.title{
	color:#003399;
	font-size:14px;
	font-weight:bold;
	background-image: url('../images/news_titel_icon.gif');
	background-repeat: no-repeat;
	background-position:0px 5px;
	padding:0 0 3px 12px;
	float:left;
	text-decoration:none;
}

#contentbounding div#right_content div.catitem:hover a span.title{
	color:#666666;
}


#contentbounding div#right_content div.catitem div.image{
	height:116px;
	float:left;
	width:218px;
	overflow:hidden;
}

#contentbounding div#right_content div.catitem div.image img{
	height:auto;
}

#contentbounding div#right_content div.catitem a{
	text-decoration:none;
}

#contentbounding div#right_content div.catitem a span.description{
	background-image: url('../images/news_teaser_bg.gif');
	background-repeat: repeat-x;
	background-position:0px 1px;
	padding:10px 12px 10px 11px;
	font-size:13px;
	font-color:#000000;
	float:left;
	width:195px;
	text-decoration:none;
}

#contentbounding div#right_content div.productitem{
	background-image:url(../images/content_element_gradient.gif);
	background-position:0 22px;
	background-repeat:repeat-x;
	padding-bottom:20px;
	padding-right:19px;
}

#contentbounding div#right_content div.productitem div.pic{
	margin-right:19px !important;
	padding-top:3px;
	clear:both;
	float:left;
	width:218px;
}

#contentbounding div#right_content div.productitem div.text{
	margin-left:237px;
}

#contentbounding div#right_content div.productitem div.text h3{
	overflow:hidden;	
}

a.pdf-link{
	background-image: url('../images/pdf_icon.gif');
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:23px;
	float:left;
	margin-bottom:4px;
	width:100%;
}

div.news-subheader{
	font-weight:bold;
	padding-bottom:8px;	
}

div.news-single-timedata{
	font-size:13px;
	padding-right:12px;
}

div.tx-indexedsearch-form{
	position:relative;	
}

div.tx-indexedsearch input.searchfield{
	top:13px;
}

div.tx-indexedsearch input.searchbutton{
	top:auto;
}

div.tx-indexedsearch div.info{
	background-image: url('../images/search_info.gif');
	background-repeat:no-repeat;
	width:18px;
	height:18px;
	position:absolute;
	top:14px;
	left:186px;
}

div#search_engine_rules{
	background-color:#FFFFFF;
	background-image:url(../images/content_element_gradient.gif);
	background-repeat:repeat-x;
	left:186px;
	position:absolute;
	top:20px;
	width:485px;	
}

#contentbounding div#right_content div.newssingle{
	background-image: url('../images/news_teaser_bg.gif');
	background-repeat: repeat-x;
	background-position:0px 17px;
	padding:0 12px;
}

#contentbounding div#right_content div.newssingle h3{
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

#contentbounding  div#content ol,
#contentbounding  div#content ul{
	padding-left:30px;
	padding-bottom:20px;
}

#contentbounding div#content ul{
	list-style:square;
}

/*----------------------------- CONTENT BEREICH ------------------------------- */


/*----------------------------- FOOTER BEREICH ------------------------------- */

#footerbounding{
	width:100%;
	height:100%;
	margin: 0 auto;
	position:relative;
	background-image: url('../images/footer_bg.gif');
	background-repeat:repeat-x;
	background-color:#cecece;
}

#footerbounding #navigation{
	width:736px;
	margin: 0 auto;
	position:relative;
	padding-left:227px;
	padding:0px 9px 0px 227px;
	min-height:60px;
}

#footerbounding #navigation ul.pagefunctions{
	width:745px;
	height:36px;
	float:left;
}

#footerbounding a, #footerbounding p, #footerbounding div{
	font-size:11px;
}
	
#footerbounding #navigation ul.pagefunctions li{
	float:left;
	padding:13px 23px 9px 0px;
	margin-right:30px;
	background-position:right top;
	background-repeat:no-repeat;
}

#footerbounding #navigation ul.pagefunctions li.print{
	background-image: url('../images/print_icon.gif');
}

#footerbounding #navigation ul.pagefunctions li.pagetop{
	background-image: url('../images/pagetop_icon.gif');
}

#footerbounding #navigation ul.footernavi{
	height:36px;
	width:400px;
	float:left;
}

#footerbounding #navigation ul.footernavi li{
	float:left;
	padding:11px 23px 9px 0px;
	margin-right:30px;
}

#footerbounding #navigation a{
	color:#333333;
}

#footerbounding #navigation a:hover{
	color:#666666;
}

#footerbounding #navigation #author{
	float:right;
	padding:11px 22px 0px 0px;
}

#footerbounding #navigation #author a{
	text-decoration:none;	
}

/*----------------------------- FOOTER BEREICH ------------------------------- */

table.typo3-adminPanel{
	position:absolute;
	left:0;
	top:0;
	z-index:1000 !important;
}

/* ################ END Definition LAYOUT ################# */



/* ################ START Definition CONTENT ELEMENTE ################# */
div.csc-frame-frame1 div.gradient{
	background-image: url('../images/content_element_gradient.gif');
	background-repeat:repeat-x;
	background-position:0px 22px;
}

div.csc-frame-frame1 div.gradient div.csc-textpic-imagewrap{
	padding-top:3px;
	margin-right:19px !important;
}

div.csc-frame-frame1 div.gradient h3{
	font-size:14px;
	font-weight:bold;
	font-color:#000000;
	padding-bottom:25px;
}

div.csc-frame-frame1 div.gradient div.csc-textpic h3{
	padding-bottom:15px;
}

div.csc-frame-frame1 div.gradient div.csc-textpic{
	padding-bottom:20px;
	width:100%;
}

div.csc-frame-frame1 div.gradient div.csc-textpic-text p{
	padding:0px;	
}

div.csc-textpic{
	float:left;
	clear:both;
	/*width:390px;*/
	padding-bottom:10px;	
}

a.link-rot{
	color:#e70000;
	text-decoration:none;
}

a.link-rot:hover{
	color:#666666;
}

a.link-weiss{
	color:#ffffff;
	text-decoration:underline;
}

a.link-weiss:hover{
	color:#000000;
	text-decoration:underline;
}

h4.titel-with-line{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	padding-bottom:6px;
}

.titel-ch, .titel-de, .titel-at, .titel-be, .titel-cn, .titel-fi, .titel-fr, .titel-gr, .titel-it, .titel-lu, .titel-nl, .titel-pe, .titel-pt, .titel-kr, .titel-es, .titel-se, .titel-tw{
	background-image: url('../images/flag_switzerland.png');
	background-repeat:no-repeat;
	background-position:top right;
}

.titel-de{
	background-image: url('../images/flag_germany.png');	
}

.titel-at{
	background-image: url('../images/flag_austria.png');
}

.titel-be{
	background-image: url('../images/flag_belgium.png');
}

.titel-cn{
	background-image: url('../images/flag_china.png');
}

.titel-fi{
	background-image: url('../images/flag_finland.png');
}

.titel-fr{
	background-image: url('../images/flag_france.png');
}

.titel-gr{
	background-image: url('../images/flag_greece.png');
}

.titel-it{
	background-image: url('../images/flag_italy.png');
}

.titel-lu{
	background-image: url('../images/flag_luxembourg.png');
}

.titel-nl{
	background-image: url('../images/flag_netherlands.png');
}

.titel-pe{
	background-image: url('../images/flag_peru.png');
}

.titel-pt{
	background-image: url('../images/flag_portugal.png');
}

.titel-kr{
	background-image: url('../images/flag_south_korea.png');
}

.titel-es{
	background-image: url('../images/flag_spain.png');
}

.titel-se{
	background-image: url('../images/flag_sweden.png');
}

.titel-tw{
	background-image: url('../images/flag_taiwan.png');
}

table.with-border {
	border: 1px solid #CFCFCF;
	border-collapse: collapse;
}

table.with-border td {
	border: 1px solid #CFCFCF;
	border-collapse: collapse;
	padding:1px;
}

table.with-border td p, table.with-border th p{
	padding-bottom:0px;	
}

/* ################ START Definition  Searchengine ################# */
div.tx-indexedsearch-rules{
	clear:both;
	float:left;
	position:relative;
}

#search_engine_rules{
	display:none;
	border:1px solid #CCCCCC;
	float:left;
	padding:10px;
	position:relative;
	background-image: url(../images/close_icon.gif);
	background-repeat: no-repeat;
	background-position:right top;
	margin-bottom:15px;
	cursor:pointer;
}

div.tx-indexedsearch div.tx-indexedsearch-whatis {
	clear:both;
	margin-top:50px;
}

div.tx-indexedsearch-browsebox{
	padding-bottom:20px;	
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	margin-top:5px;
	margin-bottom:5px;
}
/* ################ END Definition  Searchengine ################# */

/* ################ START Definition  sitemap ################ */
div.csc-sitemap{
	margin:0px;
	padding:0px;
	border:0px;
	text-align:left;
	width:350px;
	float:left;
}

div.csc-sitemap > ul{
	margin:0px;
	padding:0px;
	border:0px;
	padding-left:0px;
	margin-left:0px;
	list-style:none;
}

div.csc-sitemap > ul > li{
	margin:0px;
	padding:0px;
	border:0px;
	padding-left:0px;
	margin-left:0px;
	font-weight:bold;
	font-size:10px;
	background-image:none;
	width:170px;
	/*height:150px;
	float:left;*/
}

div.csc-sitemap > ul > li > a, div.csc-sitemap > ul > li > ul a{
	text-decoration:none;
	color:#000000;
}

div.csc-sitemap > ul > li > ul{
	margin:0px;
	padding:0px;
	border:0px;
	float:inherit;
	list-style:none;
	padding-top:5px;
	padding-bottom:15px;
	float:none;
}

div.csc-sitemap > ul > li > ul > li{
	margin:0px;
	padding:0px;
	border:0px;
	float:inherit;
	font-weight:normal;
	padding-left:10px;
	float:none;
}

div.csc-sitemap > ul > li > ul > li > ul{
	margin:0px;
	padding:0px;
	border:0px;
	float:inherit;
	list-style:none;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:5px;
}
/* ################ END Definition  sitemap ################ */

/* START Definition f�r formulare */
fieldset.csc-mailform {
border: none;
}
fieldset.csc-mailform div.csc-mailform-field {
clear: both;
}
fieldset.csc-mailform label {
display: block;
width: 100px;
float: left;
padding-top: 3px;
}
fieldset.csc-mailform input,fieldset.csc-mailform textarea {
width: 250px;
border: 1px solid #CCCCCC;
margin: 1px 0px;
padding: 1px 2px;
}
fieldset.csc-mailform input.csc-mailform-submit,fieldset.csc-mailform input.csc-mailform-check {
width: auto;
border: none;
}

fieldset.csc-mailform input.csc-mailform-submit{
	background-color:#C3C3C3;
	border: 1px solid #5A5A5A;
	margin-left:110px;
	margin-top:10px;
}
/* END Definition f�r formulare */