/*
-------------------------------------
Layout
-------------------------------------
*/

body {
	font: 80%/134% Arial,Helvetica, sans-serif;
	color: #424242;
	/* font: 0.76em/1.26 Arial,Helvetica, sans-serif;  */
	margin: 0 0 0 20px;
	padding: 0;
	background-color: #fff;
}

img {border:0; margin:0; padding:0;}

* {font-size: 1em; }

/* Tags, ... */

h1 { 
	font-size: 1.3em;
	margin: 0 0 20px 0;
}
h1 span{ 
	color: #999999;
	font-weight:100;
	margin-left: 10px;
}
h2 { 
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0 0;
}

p { margin: 0 1.4em 1.2em 0;
/*
margin: .1em 1.4em .1em 0;
*/
}

strong {
    font-weight: bold;
}

ul
{
	padding: 2px 0 0 0;
	margin: 0 0.4em 0 0;	
}
ul li
{
	padding: 0 0 0 16px;
	margin: 2px 0 0 4px;
	list-style: none;
}

div.info { 
	margin: .8em 1.4em 1em 0;
	padding: .8em;
	background-color: #f2f3f5;
}

#content div.list ul li { 
	padding: 0;
	margin: 2px 0 0 2px;
	background: none;
}






br.clear {clear:left;line-height:0;}
.nowrap {white-space:nowrap;}

#wrapper {
	width: 930px;
	
}
#main { 
	background: url(/helvetia09/img/bg.gif) repeat-y;
	float:left;
	width: 927px;
}

/* position */
#navigation {
	float:left;
  	width:201px;
  	overflow:hidden;
  	margin-bottom:10px;
}
#header {
	width: 722px;
	height:100px;
	margin-left:201px;
	background-color: #fff;
}
html>body #header { width:730px; }
/* SOLO PER IE 7 */
*:first-child+html #header { width:726px; }








#contentwrap {
	float:left;
	width: 470px;
	margin-left:20px;
	margin-bottom:60px;
}
#adds {
	float:left;
	width:201px;
	margin-left:23px;
	margin-bottom:40px;
	overflow:hidden;
}

html>body #adds { margin-left:29px; }

#contentfunctions
{
	clear:both;
	width:460px;
	margin:-30px 0 10px 223px;
	padding:0 0 0 18px;
}
#contentfunctions a
{
	margin-right: 20px;
}
#contentfunctions img
{
	margin-right: 5px;
}

/* navigation */
#mainnav {
	padding: 0 1px 0 1px;
	border-right: solid 1px #dddee0;
	border-left: solid 1px #dddee0;
}
#mainnavplus {
	margin-top: 1em;
	padding-left: .2em;
	width:194px; 
}

#mainnavplus img {
	margin-right: 8px;
}

#mainnavcontent {
	padding-bottom: 3em;
	overflow:hidden;
}
#mainnavcontent form {
	margin: .1em 0;
}


#mainnavcontent ul {
    list-style: none;
    margin: 1em 0 0 0;
    padding: 0;
    border: none;
}
#mainnavcontent li {
    margin: 0 8px;
	padding: 0;
}
#mainnavcontent li.active li a, #mainnavcontent li.active li.active li a, #mainnavcontent li.active li.active li.active li a {
	color: #424242;
}
#mainnavcontent li a {
    display: block;
    border-top: 1px solid #fff;
    padding: 4px 2px;
    text-decoration: none;
    font-weight:bold;
}

* html div #mainnavcontent li a {width: 100%;}


#mainnavcontent li.last {
    border-bottom: 1px solid #fff;
}
#mainnavcontent ul ul { margin: 0; }

#mainnavcontent li li {
    border-bottom: 0;
    margin: 0;
}
#mainnavcontent li li a {
    display: block;
    padding: 2px 2px 2px 0;
    margin-left:24px;
    border-top: 1px solid #fff;

    text-decoration: none;
    font-weight:normal;
}
#mainnavcontent li li li {
    border-bottom: 0;
    margin: 0;
}
#mainnavcontent li li li a {
    display: block;
    padding: 2px 2px 2px 0;
    margin-left:42px;
    border-top: 1px solid #fff;
    text-decoration: none;
    font-weight:normal;
}


/* header */
#headerbox {
	width: 680px;
	margin-left: 39px;
	height:88px;
}
#servicenav {
	float: left;
	width: 330px;
	margin: 48px 0 0 0;
}
#textchange {
	float: left;
	width: 110px;
	margin: 48px 0 0 0;
	text-align:right;
}
#logo {
	float: right;
	width: 201px;
}

#servicenav {}
#servicelanguage {vertical-align:middle; margin-right:1.5em;}
#servicelinks {vertical-align:middle; padding-bottom:0.6em;}
 
#servicelanguage a {font-size:25px;}
#servicelanguage a img {visibility:hidden;}
#servicelanguage a#lang-de {background:url(/helvetia09/img/icon_de_pas.gif) no-repeat;}
#servicelanguage a:hover#lang-de {background:url(/helvetia09/img/icon_de_act.gif) no-repeat;}
#servicelanguage a#lang-fr {background:url(/helvetia09/img/icon_fr_pas.gif) no-repeat;}
#servicelanguage a:hover#lang-fr {background:url(/helvetia09/img/icon_fr_act.gif) no-repeat;}
#servicelanguage a#lang-it {background:url(/helvetia09/img/icon_it_pas.gif) no-repeat;}
#servicelanguage a:hover#lang-it {background:url(/helvetia09/img/icon_it_act.gif) no-repeat;}

#servicelanguage a#lang-de-active {background:url(/helvetia09/img/icon_de_act.gif) no-repeat;}
#servicelanguage a#lang-fr-active {background:url(/helvetia09/img/icon_fr_act.gif) no-repeat;}
#servicelanguage a#lang-it-active {background:url(/helvetia09/img/icon_it_act.gif) no-repeat;}

#servicelinks a {padding-right:0.8em;}

#textchange a {font-size:25px;vertical-align:middle;}
#textchange a img {visibility:hidden;}
#textchange a#switch-basic {background:url(/helvetia09/img/icon_sml_act.gif) no-repeat;}
#textchange a:hover#switch-basic {background:url(/helvetia09/img/icon_sml_act.gif) no-repeat;}
#textchange a#switch-medium {background:url(/helvetia09/img/icon_med_pas.gif) no-repeat;}
#textchange a:hover#switch-medium {background:url(/helvetia09/img/icon_med_act.gif) no-repeat;}
#textchange a#switch-large {background:url(/helvetia09/img/icon_big_pas.gif) no-repeat;}
#textchange a:hover#switch-large {background:url(/helvetia09/img/icon_big_act.gif) no-repeat;}




/* content */
#content { 
	margin-left: 20px;
	width: 456px;
	height: auto;
}
#content .box { 
	border: solid 1px #dddee0;
	margin: 0;
	min-height:100px;
	width: 440px;
	position:relative;
}
#content .box .boxteaser { 
	position:absolute;
	left:0;
	width:199px;
}
#content .box .boxcontent { 
	position:relative;
	left:199px;
	width:239px;
	_height:100px;
	min-height:100px;
}
html>body #content .box .boxcontent { width:241px; }



#content .box h3 {
	background:#dddee0;
	padding: .4em .4em .4em 1.6em;
	margin: -1px 0 0 0;
	position:relative;
	color: #626363;
	font-weight: bold;
}

#content .box h3 span {
	position:absolute;
	right:1em;
	color: #000;
	font-weight: normal;
}
#content h4 {
	background:#e6e4e2;
	padding: 5px 0 5px 8px;
	margin: 10px 0;
	position:relative;
	width: 440px;
	font-weight: bold;
}
html>body #content h4 { width:432px; }

#content .box ul
{
	padding: 10px 0 0 0;
	margin: 0 1.4em 0 0;	
}
#content .box ul li
{
	padding: 0 0 0 16px;
	margin: 2px 0 0 20px;
	list-style: none;
}



#content .contentinfo { 
	float: right;
	border: 1px solid #b2b2b2;
	margin: 5px .6em 5px 5px;
	padding: 1px;
	width: 208px;
}
html>body #content .contentinfo { margin-right: 1.2em;}

#content .contentinfowrapper { 
	background-color: #f2f3f5;
	padding: .5em .1em 1em .5em;
}


#content .galerieleft {
	float: left;
	border: solid 1px #b2b2b2;
	width: 211px;
	margin: 0 19px 10px 0;
	padding: 1px;
}
#content .galerieright {
	float: left;
	border: solid 1px #b2b2b2;
	width: 211px;
	padding: 1px;
}




/* adds */
#contact {
	color: #2c2c2d;
	padding: 1px;
	border: solid 1px #dddee0;
	margin-bottom: 16px;
}
#contact h3 {
	padding:.4em .8em;
	margin: 0 1px 2px 1px;
	position:relative;
	color: #fff;
	font-weight: bold;
}
html>body #contact h3 { margin-top: 1px;}
*:first-child+html #contact h3 { margin-top:0}

#contact .contactcontent {
	width: 197px;
	padding: 2px 0 17px 0;
}

#contact ul  {
	list-style: none;
	font-weight: normal;
	margin-left: .8em;

}
#contact ul li { 
	padding: 0;
	margin: 0 0 2px 0;
}

#contact form, #contact h4, #contact form, #contact p {
	margin: .1em .6em .1em .6em;
}

#teaser { 
	float: left;
}

#related { 
	float: left;
	padding: 1px;
	border: solid 1px #dddee0;
	
}
#related {
	margin-bottom: 2px;
}

#related .relatedlinks {
	width:  197px;
	background-color: #f2f3f5;
	padding-top: 10px;
	padding-bottom: 17px;
	margin: 0;
}

#related .relatedlinks h4, #related .relatedlinks p { 
	margin: .1em .6em .1em .6em;
}


#related ul {
	margin: 4px 0 0 0;
	padding: 0;
}
#related ul li {
	margin: 0;
	padding: 0 0 0 22px;
	list-style: none;
	font-weight: normal;
}

#adds hr {
	 height: 1px; 
	 padding: 0; 
	 margin: 0 .6em; 
	 color: #fff; 
	 background-color: #fff; 
	 border: none; 
}
html>body #adds hr { margin: .8em .6em;}
*:first-child+html #adds hr { margin: 0 .6em;}

.subtitle {
	font-weight: bold;
	white-space: inherit;
}
.telnumber {
	font-size: 22px;
	color: #777471;
	line-height: 28px;
}
.telnumbersml { color: #777471; }


/* Footer */
#footer {
	clear:both;
	color: #424242;
	background: url(/helvetia09/img/footer.gif) top left no-repeat;
}

#footerleft {
	float:left;
	margin: 8px 0 0 0;
}
#footerright {
	float:right;
	margin: 8px 4px 0 0;
}

/*
-------------------------------------
 Form
 -------------------------------------
*/
.btnDefault {
	background:#fff url(/helvetia09/img/all_bg_btn1.gif) right bottom no-repeat;
	border: 0;
	margin:0 4px 0 0;
	font-weight:bold;
	cursor: hand;
	padding: 1px 9px 6px 6px;
	vertical-align: top;
}

.btnsearch {
	background: transparent url(/helvetia09/img/icon_go.gif) right 4px no-repeat;
	border: 0;
	margin:2px 2px 2px 0;
	font-weight: normal;
	cursor: pointer;
	padding: 1px 6px 1px 1px;
	vertical-align: top;
}
html>body .btnsearch {
	padding-right: 12px;
}

div.buttonbar {
	background:#e6e4e2;
	padding: 10px 0 10px 8px;
	margin: 10px 0 0 0;
	position:relative;
	width: 440px;
	color: #00aaa0;
	font-weight: bold;
}
html>body div.buttonbar { width:432px; }

div.buttonbar img { margin-right: 5px; }

div.buttonbar span {
	position:absolute;
	right:1em;
	padding: 0;
}

#mainnavcontent input.small { margin-left: .6em; margin-right: 0;}

select, input, textarea {
    font: 12px Arial,Helvetica, sans-serif;
}
/* checkbox */
.chkbox { margin: 0 .3em;}
html>body .chkbox { margin: .1em .7em;}
.radiobtn { margin-left: -4px;}
html>body .radiobtn { margin-left: 0;}

.xxl {width:400px;}
.long {width:220px;}
.medium {width:140px;}
.small {width:100px;}
.xxsmall {width:50px;}

.xxl, .long, .medium, .small, .xxsmall {
	margin: 1px 2px 0 5px;
	border-top: 1px solid #57585a;
	border-right: 1px solid #b4b5b7;
	border-bottom: 1px solid #919296;
	border-left: 1px solid #2c2c2d;
}
table .xxl, table .long, table .medium, table .small, table .xxsmall {
	margin-left: 1px;
}
#content form .mandatory {
	background: #fff url(/helvetia09/img/star_green.png) center right no-repeat;
}
/*
-------------------------------------
 Links 
-------------------------------------
*/
a img	{ 
	border:0; 
}

a:link {
	color: #424242; 
	text-decoration: none;
}
a:visited {
	color: #424242; 
	text-decoration: none;
}
a:active {
	color: #424242; 
	text-decoration: none;
}



/*
-------------------------------------
popup styles
-------------------------------------
*/
body#popup { margin: 0;}

body#popup #wrapper {
	width: 100%;
}
body#popup #main {
	background: url(/helvetia09/img/bg_popup.gif) top left repeat-y;
	background-position: repeat-y;
	width: 506px;
	float:none;
}

body#popup #navigation {}

body#popup #header {
	width: auto;
	margin-left: 19px;
	background: #fff url(/helvetia09/img/logo_popup.gif) top right no-repeat;
	/*
	padding: 29px 0 0 0;
	*/	
}
html>body#popup #header { /*width:493px; */ }

body#popup #headerbox {
	margin-left: 19px;
	width: auto;
	/*
	height:88px;
	*/
}

body#popup #servicenav {
	float: left;
	width: 180px;
	margin: 26px 0 0 0;
}

body#popup #textchange {
	float: left;
	width: 110px;
	/*margin: 48px 0 0 0;*/
	text-align:right;
	margin: 22px 0 0 0;
	
}

body#popup #contentwrap {
	float:none;
	width: auto;
	margin:0 10px 40px 20px;
}
body#popup #content {
	width:auto;
}
body#popup #adds {}

html>body#popup #adds {}

body#popup #contentfunctions
{
	clear:both;
	/* width:400px; */
	margin:0 0 10px 0;
	padding:0 0 0 38px;
}
body#popup #contentfunctions a
{
	margin-right: 20px;
}
body#popup #contentfunctions img
{
	margin-right: 5px;
}

body#popup #content {
	margin-left: 20px;
	/* width: 456px; */
	height: auto;
}

body#popup #footer {
	clear:both;
	background: url(/helvetia09/img/bg_footer.gif) top left no-repeat;
}

body#popup #footerleft {
	float:left;
	margin: 8px 0 0 0;
}
body#popup #footerright {
	float:right;
	margin: 8px 8px 0 0;
}

html>body#popup #footerright { margin-right: 12px; }

/*

-------------------------------------

 tabellen

-------------------------------------

*/





td.fix1 {width:100%;}

td.fix2 {width:50%;}

td.fix3 {width:33.3%;}

td.fix4 {width:25%;}

td.fix5 {width:20%;}

td.fix6 {width:16.6%;}





#content table td, #content table th  {

	vertical-align: text-top;

	text-align: left;

}







table.simple { border-collapse: collapse;}

table.simple th, table.simple td.heading { 

	border: 1px solid #b2b2b2;

	background-color: #f2f3f5;

	padding: 5px 5px 5px 10px;

	text-align: left;

	color: #777471;

	font-weight: bold;

}

table.simple td { 

	border: 1px solid #b2b2b2;

	padding: 4px 4px 4px 10px;

}

table th.emptycell { 

	border: none;

	background-color: #fff;

}



#content table td.number, #content table th.number  {

	text-align: right;

}







table.product { 

	border-collapse: collapse;

	border-right: solid 1px #acacac;

	border-left: solid 1px #acacac;

	border-bottom: solid 1px #acacac;

}

table.product th { 

	background-color: #acacac;

	padding: 5px 5px 5px 10px;

	color: #fff;

	font-weight: bold;

}

table.product td { 

	border-bottom: 1px solid #b2b2b2;

	padding: 4px 4px 4px 10px;

	background: #fff url(dividergrey.gif) top right repeat-y;

}



table.product td.header, table.product td.headerlast { 

	background: #f2f3f5 url();

	font-weight: bold;

}







table.search td { 

	padding: 4px 4px 4px 10px;

}



span.highlight {

	background:#f2f3f5;

}







/***********************************/

/************ keep *****************/







table.contactformular td label { 

	padding-left: .6em;

}