/*
-------------------------------------
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(../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; }
#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(../img/icon_de_pas.gif) no-repeat;}
#servicelanguage a:hover#lang-de {background:url(../img/icon_de_act.gif) no-repeat;}
#servicelanguage a#lang-fr {background:url(../img/icon_fr_pas.gif) no-repeat;}
#servicelanguage a:hover#lang-fr {background:url(../img/icon_fr_act.gif) no-repeat;}
#servicelanguage a#lang-it {background:url(../img/icon_it_pas.gif) no-repeat;}
#servicelanguage a:hover#lang-it {background:url(../img/icon_it_act.gif) no-repeat;}

#servicelanguage a#lang-de-active {background:url(../img/icon_de_act.gif) no-repeat;}
#servicelanguage a#lang-fr-active {background:url(../img/icon_fr_act.gif) no-repeat;}
#servicelanguage a#lang-it-active {background:url(../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(../img/icon_sml_act.gif) no-repeat;}
#textchange a:hover#switch-basic {background:url(../img/icon_sml_act.gif) no-repeat;}
#textchange a#switch-medium {background:url(../img/icon_med_pas.gif) no-repeat;}
#textchange a:hover#switch-medium {background:url(../img/icon_med_act.gif) no-repeat;}
#textchange a#switch-large {background:url(../img/icon_big_pas.gif) no-repeat;}
#textchange a:hover#switch-large {background:url(../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;}
#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;}

.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(../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(../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(../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(../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(../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(../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(../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;

}