html {
	font-size: 100%; /* for IE*/
}

html > body {
	font-size: 16px; /* for everyone else*/
}

/* that's it. default: 1em = 16px */

/* elements keeping their parents font size */
input, select, th, td, li li, li p, td p, q p {
	font-size: 1em;
}

table td * {
	font-size: 1em ! important;
}

/* reset margin, padding */
* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: #fff;

}

#stage {
    width: 930px;
    margin: 18px auto;
}

a {
	color: #949494;
	text-decoration: underline;
}


a:hover {
	text-decoration: none;
}

sup {
	font-size: .75em
}

/* --- Ecken --- */
.t { background: transparent url(/img/line_o.gif) 0 0 repeat-x; }
.b { background: transparent url(/img/line_u.gif) 0 100% repeat-x }
.l { background: transparent url(/img/line_l.gif) 0 0 repeat-y }
.r { background: transparent url(/img/line_r.gif) 100% 0 repeat-y }
.bl { background: transparent url(/img/ecke_u_l.gif) 0 100% no-repeat }
.br { background: transparent url(/img/ecke_u_r.gif) 100% 100% no-repeat }
.tl { background: transparent url(/img/ecke_o_l.gif) 0 0 no-repeat }
.tr { background: transparent url(/img/ecke_o_r.gif) 100% 0 no-repeat; padding:0px; }

#header {
	position: relative;
    height: 130px;
    /* border: 1px solid #D1D1D3;*/
    margin-bottom: 15px;
}

#navMeta {
    font-size: .675em;
    float: right;
}

#navMeta ul {
    margin-top: 5px;
    margin-right: 35px;
}

#navMeta ul li {
    list-style-type: none;
    list-style-image: none;
    padding-left: 35px;
    float: left;
}

#navMeta ul li a {
	text-decoration: none;
	color: #979797;
}

#navMeta ul li a:hover {
	text-decoration: underline;
}

#logomerz {
	position: absolute;
	top: 37px;
	left: 37px;
}

#logo {
	position: absolute;
	top: 40px;
	left: 377px;
}

#header #navMain  {
	font-size: .75em;
	position: absolute;
	bottom: 7px;
	left: 1px;
	width: 921px;
	height: 20px;
	background: #F3F3F3;
	overflow: visible;
}

#header #navMain ul li {
	list-style: none;
	/* background: transparent url(/img/mainnav-line.gif) 100% 0 no-repeat; */
	padding-top: 3px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
}

#header #navMain ul li#mnWorldwide {
	padding-right: 170px;
}

#header #navMain ul li a {
	line-height: 10px;
	text-decoration: none;
	color: #979797;
	border-bottom: 2px solid #F3F3F3;
	padding-top: 2px;
	padding-bottom: 3px;
	display: block;
}

#header #navMain ul li a:hover,
#header #navMain ul li a.active {
	text-decoration: none;
	border-bottom: 2px solid #979797;
}

#header #navMain img {
	display: block;
}

#main {
    background: transparent url(/img/subnav-bg.gif) 0% 100% no-repeat;
	padding-bottom: 0px;
    margin-bottom: 10px;
}



#main #navSubLayer {
    width: 160px;
	margin-right: 20px;
	float: left;
	padding-bottom: 6px;
}

#main #navSubLayer #subNav {
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}


#main #navSubLayer #subNav h2 {
	font-size: .85em;
	color: #949494;
	margin-bottom: 10px;
}

#main #navSubLayer #subNav p {
	font-size: .75em;
	color: #949494;
	margin-bottom: 10px;
}
#main #navSubLayer #subNav p.last {
	margin-bottom: 0;
}

#main #navSubLayer #subNav ul {
	padding-right: 5px;
}

#main #navSubLayer ul li {
	list-style: none;
	display: inline;
}

#main #navSubLayer ul li a {
    font-size: .875em;
}

#main #navSubLayer a {
	text-decoration: none;
	line-height: 18px;
	color: #949494;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	margin-bottom: 20px;
	display: block;
}

#main #navSubLayer a.start{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 15px;
}
#main #navSubLayer a#startLastSub.start{
	margin-bottom: 0;
}

#main #navSubLayer a.active,
#main #navSubLayer a:hover {
	font-weight: bold;
	color: #949494;
	background: #F3F3F3;
}
#main #navSubLayer a.start:hover {
	background: #FFF;
}

#main #navSubLayer li ul {
	margin-bottom: 20px;
	margin-top: -15px;
}

#main #navSubLayer li li a {
    font-size: .75em;
	line-height: 14px;
	padding-left: 12px;
	margin-bottom: 0px;
}

#main #navSubLayer li li a:hover {
	background: none;
}









#content {
	line-height: 18px;
	width: 749px;
	color: #949494;
	float: left;
	display: inline;
}

#content h1 {
	font-size: 1em;
	margin-bottom: 10px;
}

#content h2 {
	font-size: 0.875em;
	font-weight: bold;
	margin-bottom: 5px;
}

#content p {
	font-size: 0.75em;
	margin-bottom: 15px;
}
#content ul li {
	font-size: 0.75em;
	margin-bottom: 5px;
	margin-left: 20px;
}
#content .red {
	color:#FF0000 !important;
}

#content .contentLayer {
	padding-top: 10px;
	padding-bottom: 15px;	
	padding-left: 10px;
	padding-right: 19px;
}

#content .contentLayer .bildLayer {
	margin-bottom: 15px;	
}

#content .contentLayer .bildLayer p {
	padding-top: 5px;	
}

#content .contentLayer .bildLayer img {
	margin-bottom: 15px;	
	margin-right: 25px;	
}





/* --- footer --- */

#footerLayer {
    font-size: .75em;
	color: #949494;
	height: 30px;
	padding-left: 139px;
}

#footer {
	width: 525px;
	margin: 0 auto;
}

#footer ul {
	padding-top: 4px;
}

#footer li {
	list-style: none;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
}


/* --- misc --- */

address {
	font-size: 0.75em;
	font-style: normal;
	margin-bottom: 15px;	
}

img {
	border: none;
	display: block;
}

.hasBorder {
	border: 1px solid #DBDCDD;
}

.floatRight {
	margin-top: 2px;
	margin-left: 10px;
	float: right;
}

.floatLeft {
	margin-top: 2px;
	margin-right: 10px;
	float: left;
}

.clearAll {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}




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

/* winIE7 */
.clearfix { display:inline-block; } /* valid in css2.1: http://www.w3.org/TR/CSS21/visuren.html */

/* winIE6 */
* html .clearfix { height: 1%; }

/* safari, winIE, stripped macIE hide */
.clearfix { display: block; }


#content p.small {
	font-size: .6em;
	padding-top: .4em;
}



/* contact form */

.contactForm legend {
	display:none;
}

.contactForm fieldset {
	border: none;
}

.contactForm input,
.contactForm select,
.contactForm textarea {
	font-size: .75em;
	border: 1px solid #DBDCDD;
	color: #949494;
	width: 330px;
}
.contactForm select {
	width: 333px !important;
}

.contactForm input.radio {
	width: 13px;
	float: left;
	margin-left: 10px;
	margin-right: 4px;
	margin-top: 4px;
	line-height: 18px;
	vertical-align: middle;
	border: none;
}

.contactForm input#representiveContactYes {
	margin-left: 60px !important;
}

.contactForm label {
	font-size: .75em;
	width: 150px;
	display: block;
	float: left;
}
.contactForm label.labelBig {
	width: auto;
}
.contactForm label.radioLabel {
	width: auto;
	display: inline;
}
.contactForm p label {
	font-size: 1em;
}

.contactForm .trForm {
	margin-bottom: 8px;
}

.contactForm .inputFormSubmitKon {
	color: #000;
	padding: 1px 2px;
	/* font-weight: bold; */
	width: auto;
}

.contactForm .inputFormPLZ {
	width: 60px;
	margin-right: 8px;
}

#content .contactForm .pRepresentiveContact {
	float: left;
	margin-bottom: 0;
}

.contactForm .inputFormOrt {
	width: 260px;
}

.contactForm .checkbox {
	width: auto;
	margin-left: 10px;
	margin-top: 4px;
	border: none;
}

ul.copytext {
	margin-bottom: 1em;
}



/** products **/

#content div.faceDescription {
	float: left;
	width: 130px;
	height: 371px;
	margin-left: 8px;
	margin-bottom: 50px;
	padding: 10px;
}
#content div.faceDescription ul {
	list-style-type: none;
	list-style-image: none;
}
#content div.faceDescription ul li{
	padding-bottom: 20px;
	margin-left: 5px;
}
#content .bgBeloteroBasic {
	background-color: #FEEEE0; 
}
#content .bgBeloteroIntense {
	background-color: #FCE8ED; 
}
#content .bgBeloteroSoft {
	background-color: #FFFBE8; 
}
#content .productInfo {
	width: 400px;
	float: left;
}
#content .productInfoHeadline {
	margin-top: 10px;
}
#content .productInfo p {
	padding: 6px 10px;
	margin-bottom: 5px;
}

#content .productPack {
	width: 140px;
	margin-left: 8px;
	float: left;
}

#content .productInfo img {
	margin-bottom: 10px;
}

.bold {
	font-weight: bold;
}

.imgLeft {
	float: left;
}

#content div.greyBoxContainer {
	width: 145px;
	margin-left: 15px;
	margin-bottom: 20px;
	float: left;
}

#subNav div.greyBox,
#content div.greyBox {
	padding: 1px;
	padding-right: 8px;
	padding-bottom: 7px;

}

#subNav .greyBox .greyBoxBg,
#content .greyBox .greyBoxBg{
	background: #F3F3F4;
	/* border: 2px solid #DEE3E7; */
	padding: 5px;
}

#main #navSubLayer .greyBox .greyBoxBg a {
	padding: 0;
	margin: 0;
}



#subNav div.greyBox p,
#content div.greyBox p{
	margin-bottom: 0;
}

#subNav div.greyBox input,
#content div.greyBox input {
	border: none;
	margin-top: 3px;
	padding: 2px;
	width: 121px;
	color: #949494;
}

#subNav div.greyBox input.submit, 
#content div.greyBox input.submit{
	background-color: #FFFFFF;
	padding: 1px 8px;
	width: auto;
}

#content .right {
	text-align: right;
}

/* back to top */

#content .contentLayer .bildLayer .backToTop {
	/* padding-left: 155px; */
	float: right;
	margin-right: 15px;
	margin-top: 5px;
}

#content .backToTop .backToTopTextLink {
	float: left;
}

#content .contentLayer .bildLayer .backToTop img {
	margin: 8px 0 0 5px;
	float: left;
	vertical-align:middle;
}


/* countries */

#content .contentLayer .bildLayer div.flag {
	margin-bottom: 70px;
	float: left;
	/* width: 250px; */
}

#content .contentLayer .bildLayer div.flag img {
	margin-top: 10px;
	margin-right: 10px;
}
#content .mapContainer {
	height: 431px !important;
	position: relative;
}
#content #citiesContainer {
	position: relative;
}
#content .city {
	z-index: 1000;
	border: 1px solid #97979B;
	width: auto;
	display: inline;
	padding: 1px;
	text-transform: uppercase;
	font-size: .75em;
	position: absolute;
	background-color: #FFFFFF;
}

#content #cityGreensboro {
	top: 135px;
	left: 165px;
	display: none;
}
#content #cityFrankfurt {
	top: 98px;
	left: 360px;
	display: none;
}
#content #cityEstree {
	top: 88px;
	left: 340px;
	display: none;
}
#content #cityMoscow {
	top: 87px;
	left: 472px;
	display: none;
}
#content #cityMilan {
	top: 126px;
	left: 375px;
	display: none;
}
#content #cityMadrid {
	top: 130px;
	left: 333px;
	display: none;
}
#content #cityFrance {
	top: 110px;
	left: 360px;
	display: none;
}
#content #cityVienna {
	top: 115px;
	left: 368px;
	display: none;
}
#content #cityAllschwil {
	top: 40px;
	display: none;
}



/* tables */

table {
	font-size: .75em;
	border: none;
	border-spacing: 0;
	empty-cells: show;
}
table.tableFull {
	width: 720px;
}
table.tableFull img {
	margin-top: 5px;
	margin-bottom: 5px;
}

th {
	text-align: left;
}

th, td {
	border-right: 1px solid #949494;
	border-bottom: 1px solid #949494;
	padding: 3px 8px;
	vertical-align: top;
}
th.last, td.last {
	border-right: none;
}
tr.last th, tr.last td {
	border-bottom: none;
}

th.first, td.first {
	padding-left: 0;
}

#content h2#beloteroSoftHeadline a {
	color: #949494;
}
#content h2#beloteroSoftHeadline a:hover {
	color: #FCD82A;
}

#content h2#beloteroBasicHeadline a {
	color: #949494;
}
#content h2#beloteroBasicHeadline a:hover {
	color: #EC6700;
}

#content h2#beloteroIntenseHeadline a {
	color: #949494;
}
#content h2#beloteroIntenseHeadline a:hover {
	color: #CB2873;
}