/* 
   Universal Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; } 
	
body { 
line-height: 1; } 

ol, ul { 
	list-style: none; }
	 
blockquote, q { 
	quotes: none; } 
	
blockquote:before, blockquote:after, q:before, q:after { 
	content: ''; 
	content: none; } 
	
:focus { 
	outline: 0; } 
	
ins { 
	text-decoration: none; } 
	
del { 
	text-decoration: line-through; }
	
table { 
	border-collapse: collapse; 
	border-spacing: 0; }


/* 
   General 
------------------------------------------------------------------- */

html {
	font-size: 62.5%; /* reset 1em to 10px */
	height: 100%;
}

body {
	background: #FFFFFF;
	color: #4a785b;
	font-weight: normal;
	font-size: 1.3em;
	line-height:1.4em;
	font-family: 'Segoe UI','Trebuchet MS',Charcoal,'Lucida Grande',sans-serif;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

.js_iActObj {
	cursor:pointer;
}

.flash-replaced .alt {
	display:none;
}

.hidden {
	display:none;
}

a img {
	border:0;
}


/* 
   Typography 
------------------------------------------------------------------- */

p {
	line-height: 1.4em;
	padding: 0.2em 0 1.2em;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin-bottom: 0.2em;
}

h1 {
	font-size:3em;
}

h2 {
	font-size:2.2em;
	margin-bottom:15px;
}

h3 {
	font-size:18px;
}

h4 {font-size:1.8em;}
h5 {font-size:1.6em;}
h6 {font-size:1.2em;}



/* 
   Lists
------------------------------------------------------------------- */

ul,ol {
	margin-top:3px;
}


/* 
   Tables
------------------------------------------------------------------- */

td,th {
	padding-right:15px;
	padding-bottom:7px;	
	vertical-align:top;
	text-align:left;
}


/* 
   Links 
------------------------------------------------------------------- */

a {
	color:#6EB387;
	text-decoration:underline;}

a:hover {
	color:#0C2D21;
	text-decoration:underline;}

a.linkDL {
	background:url("img/icon_linkdl_lo.png") no-repeat right;
	padding-right:13px;
	margin-right:3px;
}

a.linkDL:hover {
	background:url("img/icon_linkdl_hi.png") no-repeat right;
}

a.linkExt {
	background:url("img/icon_linkextern_lo.png") no-repeat right;
	padding-right:13px;
	margin-right:3px;
}

a.linkExt:hover {
	background:url("img/icon_linkextern_hi.png") no-repeat right;
}

/* 
   Forms 
------------------------------------------------------------------- */
textarea, input, select {
	font-size:1em;
}

fieldset {
}

textarea {
	overflow: auto;
}

input.image {
	border: 0;
	padding: 0;
}

textarea, input, select {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#909090; /* muss explizit gesetzt werden */
	width:300px;
}

textarea {
	font-family: 'Segoe UI','Trebuchet MS',Charcoal,'Lucida Grande',sans-serif;	/* muss explizit gesetzt werden */
}

textarea {
	height:100px;
}

input[type=checkbox],
input[type=radio] {
	border:0; /* für opera & ie */
	width:20px !important;
}

input,
textarea
{
	margin-bottom:8px;
}

.js_editableField textarea {
	width:340px;
	height:270px;
}

/* 
   Floats
------------------------------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.clr,
.clear,
.clearer {
	clear: both;
}

.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}

/* 
   fonts
------------------------------------------------------------------- */

#mainContentLeftCol h1,
#mainContentLeftCol h2,
#mainContentLeftCol h3,
#frmIntroBox,
#imagingTextBox,
#testimonial,
#frmFooter,
#newsletterBox,
#contactBox_header {
	font-family: Georgia, "Hoefler Text", "Times New Roman", Times, serif;
}


/* 
   START LAYOUTING
------------------------------------------------------------------- */
.centerWrapper {
	margin-left:auto;
	margin-right:auto;
	width:975px;
}

#frmHeader {
	position:relative;
	margin-top:23px;
	height:80px;
}

#pageLogo {

}

#mainNavi {
	position:absolute;
	right:20px;
	top:14px;
}

#langNavi {
	position:absolute;
	right:20px;
	top:52px;
}

#frmImaging {
	position:relative;
	height:358px;
	background:url(img/bigimg_bg.png);
}

#imagingTextBox {
	position:relative;
	color:#FFFFFF;
	margin-left:40px;
	width:240px;
	height:275px;
	padding-top:40px;
}

#imagingTextBox_header {
	font-size:56px;
	line-height:54px;
}

#imagingTextBox_subline {
  font-size: 16px;
  color:#C3E2D0;
  margin-top: -2px;
}

#imagingTextBox_copy {
	font-size:22px;
	line-height:24px;
	position:absolute;
	bottom:0;
}

#imagingTextBox_subcopy {
	font-size:14px;
	line-height:18px;
	margin-top: 15px;
}

#imagingImgBox {
	position:absolute;
	left:306px;
	top:5px;
}

#frmIntroBox {
	font-size:26px;
	line-height:28px;
	margin-top:35px;	
}

#frmIntroBoxInner {
	margin-left:40px;
	margin-right:40px;
}

#frmSubNavi {
	margin-top:25px;
}

#subNavi {
	margin-left:40px;
}

#frmContent {
	margin-top:35px;
}

#frmMedicineInfo {
	margin-top:35px;
}

#MedicineInfoInner {
  border-top: 1px solid #909090;
  margin-left: 40px;
  margin-top: 20px;
  padding-top: 20px;
  width: 550px;
}

#mainContentLeftCol {
	float:left;
	margin-left:40px;
	margin-right:100px;
	width:550px;	
}

#mainContentRightCol {
	float:left;
	width:280px;
}

#mainContentLeftCol {
	font-size:16px;
	line-height:22px;
}

#mainContentLeftCol h1 {
	line-height:normal;
	font-size:24px;
	color:#0C2D21;
	margin-bottom:25px;
	padding-bottom: 5px;
}

#mainContentLeftCol h2 {
	line-height:normal;
	font-size:20px;
	margin-bottom:15px;
	margin-top:30px;
}

#mainContentLeftCol p {
	padding-bottom:21px;
	padding-top:0;	
}

#mainContentLeftCol ul {
	list-style: disc;
}

#mainContentLeftCol li {
	margin-bottom:7px;
	
}

#mainContentLeftCol ul ul {
	margin-left:20px;
}

#testimonial {
	position:absolute;
	top:264px;
	left:306px;
	width:663px;
}

#testimonialInner {
}

#testimonial_copy {
	font-size:18px;
	line-height:normal;
	color:#0C2D21;
	padding:2px 5px 3px 5px;
}

#testimonial_person {
	font-size:18px;
	line-height:normal;
	padding:0 5px 5px 5px;
}

#frmFooter {
	background-color:#0C2D21;
	color:#FFFFFF;
	padding-top:20px;
	padding-bottom:15px;
	margin-top:30px;
}

#frmFooter .centerWrapper {
	position:relative;
}

#footerContactBox {
	margin-left:40px;
	font-size:18px;
	line-height:normal;
}

#footerContact_header {
	font-size:26px;
	margin-bottom:10px;
}

#footerContactBox a {
	color:#FFFFFF;
}

.telSpacer {
	display:inline-block;
	width:90px;
}

#footerNavi {
	position:absolute;
	right:40px;
	top:0;
	font-size:18px;
}

#footerNavi a {
	color:#FFFFFF;
}

#imprintLink {
	margin-left:100px;
}

#footerCopy {
	position:absolute;
	right:40px;
	top:60px;
	font-size:16px;
}

#newsletterBox {
	width:251px;
	font-family:'Segoe UI','Trebuchet MS',Charcoal,'Lucida Grande',sans-serif;
}

#newsletterBoxTop {
	height:22px;
	background:url(img/teaserbox_bg_top.png);
}

#newsletterBoxBot {
	height:22px;
	background:url(img/teaserbox_bg_bot.png);
}

#newsletterBoxMid {
	background:url(img/teaserbox_bg_mid.png) repeat-y;
	padding-left:15px;
	padding-right:15px;
	color:#606060;
}

#newsletterBox_header {
	font-size:18px;
	margin-bottom:15px;
}

#inpNewletterEmail {
	margin-top:30px;
	width:200px;
}

#newsletterBox input[type="submit"] {
	width:auto;
	border:0;
	background:0;
}

#contactBox {
	font-size:16px;
	line-height:normal;
	margin-top:25px;
	padding-left:15px;
	padding-right:40px;	
}

#contactBox_header {
	font-size:18px;
	margin-bottom:10px;
}

.contactStrong {
	font-size:14px;	
	padding-bottom: 0;
}

.contactStrong a {
	font-weight:bold;
	font-size:18px;
}

.contactLight {
	color:#606060;	
}

.faqLink {
	display:block;
	margin-bottom:5px;
}

.faqHeadline {
	font-weight:bold;
	display:block;
}

.peopleBox {
	margin-bottom:20px;	
}

.peopleBox_img {
	float:left;
	margin-right:20px;
}

.peopleBox_infoBox {
	float:left;
	width:300px;
}

.teamBox {
	float:left;
	margin-right:40px;	
	width:140px;
}

.teamBox img {
	display:block;
}

.floatyLeftCol {
	display:block;
	margin-right:30px;
	float:left;
}

.floatyRightCol {
	float:left;
}

#homeBox {
	width:650px;	
}

.homeCol {
	width:190px;
	float:left;
	margin-right:25px;
}

.homeCol h1 {
	font-size:20px !important;
	padding-left:35px;
}

#homeCol3 {
	margin-right:0;
}

#homeCol1 h1{
	background:url(img/home_icon_1.png) left top no-repeat;
}

#homeCol2 h1{
	background:url(img/home_icon_2.png) left top no-repeat;
}

#homeCol3 h1{
	background:url(img/home_icon_3.png) left top  no-repeat;
}


/* 
   css buttons
------------------------------------------------------------------- */

#mainNavi a {
  /* Sliding right image */
  background: transparent url(img/css_mainnavi_buttonbg.png) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right: 17px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	padding-top:0;

	color:#6EB387;
	text-decoration:none;
	/* margin-left:40px; */
}

#mainNavi a span {
	/* Background left image */ 
	background: transparent url(img/css_mainnavi_buttonbg.png) no-repeat top left; 
	display: block;
	height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 7px 17px;
} 

#mainNavi a.linkActive {
  background-position: bottom right;
  outline: none; /* hide dotted outline in Firefox */
}

#mainNavi a:hover {
	text-decoration:underline;
}

#mainNavi a.linkActive {
	color:#FFFFFF;
	font-weight:bold;
}

#mainNavi a.linkActive span {
  background-position: bottom left;
} 


#subNavi a {
  /* Sliding right image */
  background: transparent url(img/css_subnavi_buttonbg.png) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right: 16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	padding-top:0;

	color:#707070;
	text-decoration:none;
	/* margin-right:40px;*/
}

#subNavi a span {
	/* Background left image */ 
	background: transparent url(img/css_subnavi_buttonbg.png) no-repeat top left; 
	display: block;
	height: 14px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 3px 0 9px 16px;
} 

#subNavi a.linkActive {
  background-position: bottom right;
  outline: none; /* hide dotted outline in Firefox */

	color:#FFFFFF;
}

#subNavi a.linkActive span {
  background-position: bottom left;
} 

#subNavi a:hover {
	text-decoration:underline;
}

.medicineInfoBox {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #909090;
}

.testimonialEntry {
	display:none; /* for noscript */
}

.testimonialEntry div {
	background:#FFFFFF;
	background:rgba(255, 255, 255, 0.7); /* XB valid: declare background (not color) and double entry for IE */
}

label {
	display:block;
}

.g8_vali_inputBox {
	vertical-align:top;
}

input.bigSubmit {
    font-size: 18px;
    font-weight: bold;
    color: #6EB387;
    text-decoration: underline;	
    border:none;
    cursor:pointer;
}

.inputZip {
	width:80px;
	margin-right:6px;
}

.inputCity {
	width:210px;
}

.legendImg {
	vertical-align:top;
	margin-right:25px;
	float:left;
}

.legendText {
	float:left;
	width:220px;
}

.legendBox {
	margin-bottom:30px;	
   border: 1px solid #999999;
   padding: 10px;	
}

#mainContentLeftCol .legendBox h2 {
	margin-top:0;
}

#videoSite {
	background-color: #1a1a1a;
	padding-top:30px;
	text-align:center;
}

#mediaBox {
    margin-top: 40px;
}

#noUpdate {
    margin: 0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #cccccc;
    text-align: left;
    width: 210px; 
    height: 200px;	
    padding: 40px;
}

#videoSiteHeaderBox,
#videoSiteFooterBox {
	color:#FFFFFF;
}


/* 
   Validation 
------------------------------------------------------------------- */

.g8_vali_inputBox,
.g8_valiGroup {
	position:relative; /* for tooltip pos */
}

.g8_vali_ttObj {
	position:absolute;
	height:47px; 
	font-weight:normal !important;
	width:400px; /* prevent wrap of lanog text contents */
}

.g8_vali_tt_left {
	background:url(img/js_g8_vali_tt_bg_left.png);
	width:37px;
	height:47px;	
	float:left;
}

.g8_vali_tt_mid {
	background:url(img/js_g8_vali_tt_bg_mid.png);
	float:left;
	height:47px;
}

.g8_vali_tt_midInner {
	margin-top:8px;
	margin-left:-15px;
	margin-right:5px;
}

.g8_vali_tt_right {
	background:url(img/js_g8_vali_tt_bg_right.png);
	width:21px;
	height:47px;	
	float:left;
}

/* --- --- config according to website design --- --- */
.g8_vali_ttObj {
	left:270px; 
	top:-10px;
	color:#606060 !important;
}