/*

	filename:	/css/screen-skin.css
	version:	1.1 - 2013-01-04 - ma

	author:		frontend (at) gpm (dot) de 
	validated by W3C CSS Validator // jigsaw.w3.org
	
*/


























































body {
	background: #d9f0f0 url(/media/layout_1/img/mederma/bg_gradient.png) repeat-x 0 0;
}


#stage {
	width: 980px; 
}



/* Identit�tsfarbe dunkel 
-------------------------------------------------------------------------*/

#branding {
	height: 97px;
	background: transparent url(/media/layout_1/img/mederma/branding_complete.png) no-repeat;
}

#brandingLogo {
	padding-left: 26px;
	padding-top: 0;
}

#brandingLogo a {
	display: inline-block;
	width: 50px;
	height: 50px;
}

#navSupplementary {
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;

	color: #003b75;
}	

#navMain li a {
	margin-bottom:-1px;
	margin-top:0;
}

#navSection {
	width: 180px;
	display: inline;
	margin-top: 30px;
	background-color: transparent;
}

#navSection ul {
	background: transparent url(/media/layout_1/img/mederma/nav_footer.png) no-repeat 0 100%;
	padding-bottom: 0px;
	overflow: hidden;
}

#navSection ul.noexpand {
	background: transparent url(/media/layout_1/img/mederma/nav_footer_noexpand.png) no-repeat 0 100%;
	padding-bottom: 4px;
}

#navSection ul li .firstLink img {
	background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 0 -397px;
}

#navSection ul.noexpand li .firstLink img {
	background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 2px 0;
}

#navSection ul li {
	background: none;
	display: inline !important;
}

#navSection ul li a:hover,
#navSection ul li a:active,
#navSection ul li a.active {
/*moved to screen-skin.css*/
	background: none;
	text-decoration: none;
	font-weight: bold;
}

#navSection ul li .firstLink {
	background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -402px;
	padding: 6px 0 6px 12px !important;
}

#navSection ul.noexpand li .firstLink {
	padding: 6px 0 2px 12px !important;
}

#navSection ul li .firstLink a {
	
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;

	font-weight: bold;

	background: none;
	padding: 0px 2px 0px 0px;
	display: inline-block;
	color: white;
}

#navSection ul li .firstLink a:hover { 
	color: white;
}

#navSection ul ul {
	background: #fff url(/media/layout_1/img/mederma/nav_body.png) repeat-y 0px 0px !important;
}

#navSection ul li li {
	background: none;
	display: inline !important;
	height: 1%;

}

#navSection ul.noexpand li ul {
	display: none;
}

#navSection ul li ul li.first {
	margin-top: 0px !important;
}

#navSection ul li ul li.first a {
	margin-top: 7px !important;
}

#navSection ul li ul li.first li a {
	margin-top: 0px !important;
}

#navSection ul li ul li.last a {
	margin-bottom: 5px !important;
}

#navSection ul li ul li.last li a {
	margin-bottom: 0px !important;
}

#navSection ul li ul li ul li.last a {
	margin-bottom: 3px !important;
}


#navSection ul ul li a.active,
#navSection ul ul li a {
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;

	padding: 0 5px 0 12px !important;
}

#navSection ul ul ul li a.active,
#navSection ul ul ul li a {
	font-size: 0.6875em;
	background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 20px -793px !important;
	padding: 2px 5px 2px 32px !important;
}

#navSection ul ul ul ul li a.active,
#navSection ul ul ul ul li a {
	font-size: 0.6875em;
	background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 25px -793px !important;
	padding: 2px 5px 2px 37px !important;
}

#navSection ul ul ul ul ul li a.active,
#navSection ul ul ul ul ul li a {
	font-size: 0.6875em;
	background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 30px -793px !important;
	padding: 2px 5px 2px 42px !important;
}

#contentMain {
	margin: 27px 40px 0 26px !important;
	width: 554px;
	margin-bottom: 9px !important;
}

#contentMainTop {
	height: 10px;
	width: 554px;
	background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -218px;
	padding: 4px 25px 0 19px;
}

#contentMainBody {
	
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height: 16px; 

	width: 530px;
	background: transparent url(/media/layout_1/img/mederma/content_body_bg.png) repeat-y 0 0;
	padding: 2px 25px 10px 19px;
	overflow: hidden;
	min-height: 400px;
}

#contentMainBottom {
	height: 10px;
	width: 554px;
	background: transparent url(/media/layout_1/img/mederma/content_bg.png) no-repeat 0 bottom;
	padding: 0 25px 10px 19px;
}

#contentService {
	width: 180px;
	height: 70px;
	margin-top: 30px;
	background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -558px;
}


/* Identit�tsfarbe hell
-------------------------------------------------------------------------*/

/* button */
#contentMain input.inputFormSubmitKon {
	background: #DFEAF7;
}

#contentMain input:hover.inputFormSubmitKon {
	color: #61666F;
}

#contentService .box .inputFormSubmitKon {
	color: #fff;
	border: 1px solid #BAD5E4;
	background: #DFEAF7;
}

#contentService .box input:hover.inputFormSubmitKon {
	color: #000;
	background: #FEFEC5;
	border: 1px solid #FFCC00;
}

/* Schriftfarbe Navigation 
-------------------------------------------------------------------------*/
#navMain li a,
#navMain li a:link,
#navMain li a:visited,
#navMain li a:hover,
#navMain li a:active,
.navDropDownShow li a
{
	color: #003b75;
}


/* Schriftfarbe �berschrift 
-------------------------------------------------------------------------*/

#navSupplementary ul#navSupp li a,
#navSupplementary ul#lang li a,
#navSection ul li a,
#contentMain h2,
#contentMain h3,
#contentMain .toggleBox .toggleHeader h2 a,
#contentService .box .toggleHeader h2 a,
#contentService {
	color: #003b75;
}


#contentMain h1 {
	color: #003b75;
}


/* Schriftfarbe Mengentext
-------------------------------------------------------------------------*/

#contentMain {
	color: #003b75;
}

.textRot a,
.textRot {
	color: #FF0000;
}



/* dropdown  border color 
-------------------------------------------------------------------------*/
.navDropDownShow {
	border: 1px solid #062E77 ! important;
}


/* border color 
-------------------------------------------------------------------------*/

.navDropDownShow,
#contentMain .warning {
	border: 1px solid #BAD5E4; 
}

.navDropDownShow li a:hover,
.navDropDownShow li a:active,
.navDropDownShow li a.active {
	border-left: 2px solid #BAD5E4;
	border-right: 2px solid #BAD5E4;
}

/* button */
#contentMain input.inputFormSubmitKon {
	border: 1px solid #BAD5E4;
}

#contentMain input.inputFormSubmitKon:hover,
#contentMain input.inputFormSubmitKon:focus {
	border: 1px solid #fc0;
}

div#searchSuggest {
	border:1px solid #E5E5E5;
	width: 158px;
	top: 66px;
}

#contentService div#searchSuggest a, div#searchSuggest a:link {
	color: #062E77;
	background: #FFF !important;
	border-right: 2px solid #FFF !important;
	border-left: 2px solid #FFF !important;
}

#contentService  div#searchSuggest a:hover {
	background: #FAFBFE !important;
	border-right: 2px solid #BAD5E4 !important;
	border-left: 2px solid #BAD5E4 !important;
}

#contentService fieldset a {
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: grey !important;

}


/* colored box background 
-------------------------------------------------------------------------*/

/* dropdown hover */
.navDropDownShow li a:hover,
.navDropDownShow li a:active,
.navDropDownShow li a.active {
	background-color: #F7FAFD ! important;
}


.navDropDownShow li a {
	border-bottom: 1px solid #F7FAFD;

}
.teaserHomeLayer {
	clear: both;
}

#contentMain .teaserHomeLayer h2 {
	font-size: 1em !important;
	border-bottom: 1px solid #E6E6E6;
	/* background: transparent url(/media/layout_1/img/icons/base_rss_15x15.gif) no-repeat 100% 3px; */
	margin-bottom: 5px !important;
}

#contentMain .teaserHomeLayer ul {
	margin-bottom: 35px;	
}

#contentMain .teaserHomeLayer li {
	list-style: none !important;
	margin: 0;	
	margin-bottom: 10px;	
}

#contentMain .teaserHomeLayer li h3 {
	margin-bottom: 3px !important;
}

#contentMain .teaserHomeLayer .teaserNewsDate {
	width: 120px;
	float: left;
}

#contentMain .teaserHomeLayer .teaserNewsText {
	width: 435px;
	float: left;
}

#contentMain .teaserHomeLayer a.moreLink1 {
	margin-left: 120px; 
} 

a.moreLink1 {
	padding-left: 10px; 
	background: transparent url(/media/layout_1/img/base_more_link.gif) no-repeat 0px 4px;
} 

a.moreLink2 {
	padding-left: 10px; 
	background: transparent url(/media/layout_1/img/bg_morelink_blue.gif) no-repeat 0px 4px;
} 

a.backLink {
	padding-left: 10px; 
	background: transparent url(/media/layout_1/img/base_back_link.gif) no-repeat 0px 4px;
}


/* Sonderfarben
-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------
---------------------------------------------------------------------------
		under normal circumstances, no changes beyond this point.
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/


/* form elements
-------------------------------------------------------------------------*/


#contentMain input:hover,
#contentMain input:focus,
#contentMain select:hover,
#contentMain select:focus,
#contentMain textarea:hover,
#contentMain textarea:focus
{
	background : #FEFEC5;
	border: 2px solid #fc0;
}


/* navigation within the current site section 
-------------------------------------------------------------------------*/

#navSection ul li a:hover,
#navSection ul li a:active,
#navSection ul li a.active {
	color: #009a9d ! important;
}

#navSection ul li .firstLink a:hover,
#navSection ul li .firstLink a:active {
	color: white ! important;
	text-decoration: none;
}

#navSection ul ul li a {
	color: #003b75;
	line-height: 13px;
    margin: 8px 0;
}

#navSection ul ul a.active {
	color: #009a9d ! important;
}


/* links
-------------------------------------------------------------------------*/

#navSection .box a,
#contentMain a,
#contentMain a:link,
#contentMain a:visited {
	color: #009;
}

#navSection .box a:hover,
#contentMain a:hover,
#contentMain a:active
{
	color: #33c;
}

/* deko
-------------------------------------------------------------------------*/

#contentMain h2.deko {
	text-transform: uppercase;
	color: #999 !important;
	background: transparent url(/media/layout_1/img/base_arrow_deko_expand_no.gif) no-repeat 0px 3px;	
	border-bottom: 1px solid #ccc; 
}

#contentMain h2.deko a {
	color: #999 !important;
	padding: 0 0 2px 15px !important;	
}

#contentMain .toggleBox .toggleHeader h2.deko {
	background: transparent url(/media/layout_1/img/base_arrow_deko_expand.gif) no-repeat 0px 3px;	
}

#contentMain .noexpand .toggleHeader h2.deko {
	background: transparent url(/media/layout_1/img/base_arrow_deko_expand_no.gif) no-repeat 0px 3px !important;	
}

#contentMain ul.deko a,
#contentMain ul.deko a:link,
#contentMain ul.deko a:visited {
	color: #000;
}

#contentMain ul.deko a:hover,
#contentMain ul.deko a:active {
	color: #33c;
}

#contentMain ul.deko li img.deko {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 8px solid #062E77;
}

#contentMain ul.deko .monthList {
    margin-bottom: 0px !important;
}

#contentMain .pmNavi {
	color: #848484;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}

#contentMain .pmNavi a {
	color: #848484;
	text-decoration: none;
}

#contentMain .pmNavi p {
	margin-bottom: 0px;
}

#contentMain .pmNavi a:hover {
	text-decoration: underline;
}

#contentMain p.vMeld {
	width: 140px;
	float: left;
}

#contentMain p.vMeld a {
	padding-left: 4px;
}

#contentMain p.zUeber {
	text-align: center;
	width: 276px;
	float: left;
}

#contentMain p.zUeber a {
	padding-left: 4px;
	padding-right: 4px;	
}

#contentMain p.nMeld {
	text-align: right;
	width: 140px;
	float: left;
}

#contentMain p.nMeld a {
	padding-right: 4px
}

/* --- Bildlayout --- */
.borderLayer {
	border: 1px solid #ccc;
	padding: 4px;
}

#contentMain .bildlegende {
	margin-top: 5px;
}

#contentMain .bildlegende  h2,
#contentMain .bildlegende  h3,
#contentMain .bildlegende  li,
#contentMain .bildlegende  p,
#contentMain .bildlegende  a {
	line-height: 1.275em !important;
}

#contentMain .tColorLegendeGrey  h2,
#contentMain .tColorLegendeGrey  h3,
#contentMain .tColorLegendeGrey  li,
#contentMain .tColorLegendeGrey  p,
#contentMain .tColorLegendeGrey  a {
	color: #777777 !important;
}

.packLayer {
	width: 321px;
	height: 204px;
	background: transparent url(/media/layout_1/img/bildrahmnen/packed_shadow.jpg) no-repeat;
}

.shadowLayer .top {background: url(/media/layout_1/img/bildrahmnen/shadow_topce.jpg) 0 0 repeat-x;}
.shadowLayer .bottom {background: url(/media/layout_1/img/bildrahmnen/shadow_botce.jpg) 0 100% repeat-x}
.shadowLayer .left {background: url(/media/layout_1/img/bildrahmnen/shadow_lece.jpg) 0 0 repeat-y}
.shadowLayer .right {background: url(/media/layout_1/img/bildrahmnen/shadow_rice.jpg) 100% 0 repeat-y}
.shadowLayer .botLeft {background: url(/media/layout_1/img/bildrahmnen/shadow_botle.jpg) 0 100% no-repeat}
.shadowLayer .botRight {background: url(/media/layout_1/img/bildrahmnen/shadow_botri.jpg) 100% 100% no-repeat}
.shadowLayer .topLeft {background: url(/media/layout_1/img/bildrahmnen/shadow_tople.jpg) 0 0 no-repeat}
.shadowLayer .topRight {background: url(/media/layout_1/img/bildrahmnen/shadow_topri.jpg) 100% 0 no-repeat; padding:10px}

.shadowLayer .innerContent {
	padding: 5px;
}

.zoomLinkLayer {
	position: relative;
}

.zoomBild {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 500px;
}

div.thumbpodcast {
	background: #E4F4D3 none repeat scroll 0 0 !important;
	border: 1px solid #5EA70D !important;
	margin-bottom: 10px;
	padding: 6px;
	width: 542px;
}


/* image with caption
-------------------------------------------------------------------------*/
#contentMain dl.imgCaption {
	background: #dfdfdf; 
}

/* table styles 
-------------------------------------------------------------------------*/

#contentMain table.tCom { 
	border: 1px solid #ccc; 
	border-bottom: none; 
	background: #fff
}

#contentMain table.tCom td {
	border-bottom: 1px solid #ccc; 
}

#contentMain table.tCom tr th {
	background: #DFDFDF;
}

#contentMain table.tCom tr.odd {
	background: #fff;
}

#contentMain table.tCom tr.even {
	background: #F6F6F6;
}


/* breadcrumb trail 
-------------------------------------------------------------------------*/

#contentMain #breadcrumb {
	border-bottom: 1px solid #ccc; 
	color: #888;
}

#contentMain #breadcrumbo a,
#contentMain #breadcrumb a:link,
#contentMain #breadcrumb a:visited {
	color: #888;
}

#contentMain #breadcrumb a:hover,
#contentMain #breadcrumb a:active,
#contentMain #breadcrumb a.active {
	color: #555;
}


/* =suchergebnisse, =search result
-------------------------------------------------------------------------*/

#contentMain .searchResultBreadcrumb {
	color: #003b75 ! important;
}

#contentMain .searchResultBreadcrumb,
#contentMain .searchResultBreadcrumb a,
#contentMain .searchResultBreadcrumb a:link,
#contentMain .searchResultBreadcrumbb a:visited {
	color: #003b75 ! important;
}

#contentMain .searchResultBreadcrumb a:hover,
#contentMain .searchResultBreadcrumb a:active,
#contentMain .searchResultBreadcrumb a.active {
	color: #003b75 ! important;
}

#contentMain .highlight {
	background-color: #DFF2F3 ! important;
}

#contentMain  p.contentService {
    margin: 35px 0 !important;
}

#contentMain  .searchResultBreadcrumb a {
	
	font-size:0.834em !important;
	line-height: 1em;
	margin: 0 0 0.625em 0; 

	color: #003B75 !important;
}

#contentMain  .searchResultBreadcrumb a:visited {
	color: #003B75 !important;
}

#contentMain  .searchResultBreadcrumb a:hover {
	text-decoration: underline !important;
	color: #003B75 !important;
}


#contentMain  h3.pmOverview {
	
	font-size: 1.083em !important;
	line-height: 1.38em !important;
	font-weight: bold  !important;
 
}

#contentMain #searchresults {
	
	font-size:1em;
	line-height: 1.334em;
	margin: 0 0 0.834em 0; 

}

#contentMain #searchresults strong {
	color: #009a9d;
}

#contentMain p.ortdat, #contentMain p.ortdat .searchResultBreadcrumb {
	font-size: 12px !important;
}

#contentMain #searchresults p.teasertext {
	margin-bottom: 5px !important;
}

#contentMain #searchresults .searchResultWrapperLi {
	margin-bottom: 25px !important;
}


/* site info / metanavigation
-------------------------------------------------------------------------*/

#contentSiteInfo,
#contentSiteInfo a,
#contentSiteInfo a:link,
#contentSiteInfo a:visited {
	color: #999;
}

#contentSiteInfo li#backToTop,
#contentSiteInfo li#backToTop a {
	color: #082C7A; 
}


#contentSiteInfo a:hover,
#contentSiteInfo a:active,
#contentSiteInfo a.active
{
	color: #777;
}

/* background images
-------------------------------------------------------------------------*/

#navSupplementary {
	height: 20px;
	padding-top: 5px;
	padding-left: 4px;
}

#navSupplementary ul#lang {
	position: relative;
	margin-right: 5px;
	cursor: pointer;
	padding: 0 0 6px 12px;
	background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -498px;

}

#navSupplementary ul#lang span.choosen:hover {
	text-decoration: underline;
}

#navSupplementary ul#lang ul{
	border: 1px solid #009a9d;
	display: none;
	position: absolute;
	top: 14px;
	right: 0;	
}

#langListLayer {
	background-color: white;
}

#navSupplementary ul#lang ul li {
	clear: both;
	height: 20px;
}

#navSupplementary ul#lang ul li a {
	padding: 2px 8px;
	line-height: 20px;
}

#navSupplementary ul#navSupp {
	margin: 0 25px 0 0;
	padding: 0;
}

#navSupplementary ul#navSupp li {
	background: none;
}

#navSupplementary ul#navSupp li a {
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;

	vertical-align: inherit;
	padding: 0;
}

#navSupplementary ul#lang li {
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;

}

#navSupplementary ul#lang li.active {
	
}

#navSupplementary ul#lang li a {
	
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;

}

#brandingClaim {
	background: transparent url(/media/layout_1/img/skin_brandingclaim-bg.gif) no-repeat 125px 19px;
}

#navMain {
	height: 25px;
	background: transparent url(/media/layout_1/img/skin_bg_mainnav.jpg) no-repeat;
}

#navMain li {
	background: none;
	background-repeat: no-repeat;
	background-position: 0 -430px;
}

#navMain #worldwide {
	width: 186px;
	padding: 0 0 0 24px !important;
}

#navMain li#worldwide  {
	background: transparent url(/media/layout_1/img/skin_bg-sprite.gif) ! important;
	background-repeat: no-repeat ! important;
	background-position: 20px -430px ! important;
}

#contentSiteInfo {
	clear: both;	
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0;
}

#contentSiteInfo, #contentSiteInfo a, #contentSiteInfo a:link, #contentSiteInfo a:visited {
	color: #003b75;
	text-decoration: none;
	margin-right: 2px;
}

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

#contentSiteInfo .floatbox {
	margin: 0 0 0 0;
	padding-top: 0;
}

#contentSiteInfo .floatbox li {
	
	font-family: Arial, sans-serif;
	font-size:11px;
	line-height: 14px; 

	margin: 0 0 0 0;
	padding: 0 0 0 4px;
}

#contentSiteInfoLayer {
	margin: 0 auto;
	width: auto !important; 
}

#contentSiteInfo ul{
	text-align: center;
	line-height: 11px;
}

#contentSiteInfo ul li{
	display: inline;
	float: none;
}


#contentSiteInfo p {
	width: 493px;
}

#contentSiteInfo li#backToTop {
	
	background: transparent 0 100%;
}

div.podcastVideo-headline {
	background:transparent url(/media/layout_1/img/podcastHeadline_video.jpg) no-repeat scroll 0 0;
}

div.podcast-headline {
	background:transparent url(/media/layout_1/img/podcastHeadline.jpg) no-repeat scroll 0 0;
}

div.podcast-headline h2,
div.podcastVideo-headline h2 {
	color: #F89134 !important;
	line-height: 30px !important;
	padding-left: 95px !important;
}

/* popUpForm 
-------------------------------------------------------------------------*/

.popUpForm {
	position: absolute;
	background-color: white;
	border: 0 solid red;
	top: 80px;
	left: 400px;
	margin: 0 auto;
	width: 350px;
	z-index: 100;
	display: none;
}

.popup_body {
	height: 350px;	
	padding: 20px;
}

.popUpForm .dRow {
	clear: both;
}

.popUpForm .dData {
	font-size: 0.75em;
	width: 155px;
	float: left;
}


/* misc 
-------------------------------------------------------------------------*/

.navDropDownShow li a {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

	
#contentMain .warning {
	background: #F6F6F6;
}

#contentMain .coloredTextbox {
	width: 538px;
	background: #DFEAF7;
	border: 1px solid #CCCCCC;
	padding: 6px 7px;
	margin-bottom: 10px;	
}

#contentMain .ctbTyp2 {
	background-color: #F6F6F6;
}

#contentMain .ctbTyp3 {
	background-color: #FFFFFF;
}

#contentMain .ctbTyp4 {
	background-color: #FFFFEC;
}

#contentMain .coloredHeadline {
	padding: 0px 0px 6px 0px;
}

#contentMain  .coloredHeadline .toggleBox .toggleHeader h2,
#contentMain .coloredHeadline h2,
#contentMain  .coloredHeadline .toggleBox .toggleHeader h2 a,
#contentMain .coloredHeadline h2 a {
	color: #000;
	background: #DFEAF7 !important;
	padding: 3px;
	padding-left: 5px;
	margin-bottom: 8px !important;
}

#contentMain  .coloredHeadline .noexpand .toggleHeader h2 {
	margin-bottom: 0px !important;
}

#contentMain  .coloredHeadline .toggleBody {
	padding: 0px 8px 0px 8px !important;
	margin-bottom: 0px !important;
}

#contentMain .noBullets li{
	list-style: none !important;
	margin: 0px !important;
}

.boxtop {
	font-size: 1px;
	line-height: 1px;
	position: relative;
	height: 5px;
	background: transparent url(/media/bg_sprite.gif) repeat-x 0 0;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 2;
}

.corLtop {
	position: absolute;
	top: 0;
	left: -5px;
	width: 5px;
	height: 5px;
	background: transparent url(/media/bg_sprite.gif) no-repeat 0 -40px;
}

.corRtop {
	position: absolute;
	top: 0;
	right: -5px;
	width: 5px;
	height: 5px;
	background: transparent url(/media/bg_sprite.gif) no-repeat -10px -40px;
}

.boxbot {
	font-size: 1px;
	line-height: 5px;	
	position: relative;
	height: 5px;
	background: transparent url(/media/bg_sprite.gif) repeat-x 0 -10px;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 2;	
}

.corLbot {
	position: absolute;
	top: 0;
	left: -5px;
	width: 5px;
	height: 5px;
	background: transparent url(/media/bg_sprite.gif) no-repeat -30px -40px;
}

.corRbot {
	position: absolute;
	top: 0;
	right: -5px;
	width: 5px;
	height: 5px;
	background: transparent url(/media/bg_sprite.gif) no-repeat -20px -40px;
}

.contentBG {
	padding: 4px;
	height: 1%;
}

#contentService .boxtop {
	background: transparent url(/media/bg_sprite.gif) repeat-x 0 -20px;
}

#contentService .corLtop {
	background: transparent url(/media/bg_sprite.gif) no-repeat -40px -40px;
}

#contentService .corRtop {
	background: transparent url(/media/bg_sprite.gif) no-repeat -50px -40px;
}

#contentService .boxbot {
	background: transparent url(/media/bg_sprite.gif) repeat-x 0 -30px;
	margin-bottom: 15px;
}

#contentService .corLbot {
	background: transparent url(/media/bg_sprite.gif) no-repeat -70px -40px;
}

#contentService .corRbot {
	background: transparent url(/media/bg_sprite.gif) no-repeat -60px -40px;;
}

#contentService .contentBG {
	
}

#contentService {
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: white;

}

#contentService h2 {
	
	font-family: Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #009a9d;

}

#contentService ul {
	padding: 0 !important;
}

#contentService ul.toolLinks {
	margin-top: 0;
	padding: 0 !important;
	width: 85px;
}

#contentService ul.fontChange {
	width: 85px;
	float: left;
	padding-top: 1px !important;
}

#contentService ul.fontChange li a {
	display: inline !important;
	padding-left: 15px;
}

#contentService ul.fontChange li a.fontChangeSmall {
	font-size: 10px;
	padding-left: 12px;
}

#contentService ul.fontChange li a.fontChangeLarge {
	font-size: 14px;
}

#contentService ul.toolLinks li a {
	padding-left: 0;
}

#contentService ul.toolLinks li a span {
	vertical-align: top;
	line-height: 22px;
}

#contentService ul.toolLinks li a img {
	padding-top: 2px;
}

#contentService .contentBG {
	margin-bottom: 76px;
}

#contentService .contentBG p.searchLabel {
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: white;

	line-height: 14px;
	padding-left: 6px;
}

#contentService .toggleBody p {
	
	font-family: Arial, sans-serif;
	font-size:11px;
	line-height: 16px;
	color: #009a9d;

}

#contentService fieldset {
	padding: 2px 3px 0 6px !important;
}

#inputSucheCS {
	height: 15px !important;
	width: 152px !important;
	background: none;
	font-size: 12px !important;
	padding-left: 5px !important;
	color: grey;
	outline: none;
}

#contentService .box .toggleHeader h2 {
	background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -340px !important;
	padding-left: 10px !important;
	padding-bottom: 0;
	padding-top: 0;
}

#contentService .box .toggleHeader h2 a {
	color: #009a9d;
}

#contentService .noexpand .toggleHeader h2 {
	background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 2px 9px !important;
}

#contentMain .toggleBox .toggleHeader h2 {
	background: transparent url(/media/layout_1/img/expand.gif) no-repeat 0 0px;
}

#contentMain .noexpand .toggleHeader h2 {
	background: transparent url(/media/layout_1/img/expand_no.gif) no-repeat 0 0px !important;
}

#contentMain .noexpand {
	margin-bottom: 0px;
}

#contentMain .toggleBox .toggleHeader h2 a,
#contentService .toggleHeader h2 a {
	text-decoration: none;
}

#contentMain .toggleBox .toggleHeader h2 a span {
	display: block;
	margin-left: 15px;
}

#contentMain .toggleBody {
	/*padding-left: 15px;*/
}




#contentMain .produktListe {
	border-top: 1px solid #ccc;
}

#contentMain .produktListe .odd{
	background-color: #F6F6F6;
}

#contentMain .produktListe .even{
	background-color: #fff;
}

#contentMain .produktListe .toggleBox .toggleHeader h2,
#contentMain .produktListe .noexpand .toggleHeader h2 {
	padding-top: 7px;
	padding-bottom: 7px;
	background: none !important;
}

#contentMain .produktListe .toggleBox .toggleHeader h2 a {
	padding-left: 26px;
	display: block;
}

#contentMain .produktListe .toggleHeader h2 a {
	background: transparent url(/media/expand_minus.gif) no-repeat 10px 5px !important;
	overflow: auto;
}

#contentMain .produktListe .noexpand .toggleHeader h2 a {
	background: transparent url(/media/expand_plus.gif) no-repeat 10px 5px !important;
}


#contentMain .produktListe .produkt {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#contentMain .produktListe .toggleBox .toggleHeader h2 a span {
	margin-left: 0px !important;
}

span.prodName {
	width: 260px;
	float: left !important;
}

 .innerContent span.prodName {
	width: 260px;
	float: left !important;
}

span.prodUnit {
	width: 160px;
	float: left;
}

span.prodPrice {
	width: 108px;
	float: left;
}

#contentMain .produktListe  .toggleBody {
	padding-left: 26px !important;
	padding-top: 10px;
	height: 1%;
}

#contentMain .produktListe .prodPicLayer {
	width: 260px;
	float: left;
}

#contentMain .innerContent .produktListe .prodPicLayer {
	width: 253px;
	float: left;
}

#contentMain .produktListe .prodLinks {
	width: 268px;
	float: left;
}

#contentMain .produktListe .prodLinks h2 {
	margin-bottom: 5px !important;
}

#contentMain .produktListe .file a {
	font-size: 11px !important;
	text-decoration: none;
	color: #062E77;
}

#contentMain .produktListe .file a:hover {
	text-decoration: underline;
}

#contentService ul {
	padding-left: 0px;
	margin-bottom: 0;
} 

#contentService .bildbox {
	margin-top: 15px;
	margin-bottom: 10px;
	clear: both;
} 

#contentService .bildbox img{
	display: block !important;
} 

#contentService .box {
	margin-bottom: 30px;
	clear: both;
} 

#contentService .box span.file {
	clear: both;
} 

#contentService .box .file .downloadIcon {
	padding-top: 5px;
	float: left;
} 

#contentService .box .file  a {
	background: none !important;
	padding-top: 5px;
	padding-bottom: 5px;
} 

#navSection .box {
	background: transparent url(/media/layout_1/img/screen_bg_subnav_bot.gif) no-repeat 0 100%;
	padding-bottom: 4px;
	margin-bottom: 15px;
	overflow: hidden;
}

#navSection .noexpand {
	background: transparent url(/media/layout_1/img/screen_bg_subnav_bot_smal.gif) no-repeat 0 100%;
	padding-bottom: 4px;
	overflow: hidden;
}

#navSection .box .toggleHeader {
	background: transparent url(/media/layout_1/img/screen_bg_subnav.gif) no-repeat 0 0;
	/* background: transparent url(/media/layout_1/img/arrow_expand.gif) no-repeat 12px 8px !important; */
	padding: 5px 0 3px 15px !important;
}

#navSection .box .toggleHeader h2 {
	font-size: 0.75em;
	font-weight: bold;
	background: transparent url(/media/layout_1/img/arrow_expand.gif) no-repeat 0 7px;
	padding-left: 15px !important;
	padding-top: 5px !important;
	padding-bottom: 3px !important;
	/*
	margin-bottom: 5px !important;	
	*/
}

#navSection .noexpand .toggleHeader h2 {
	background: transparent url(/media/layout_1/img/arrow_expand_no.gif) no-repeat 0 7px;
}

#navSection .box .toggleHeader a {
	text-decoration: none;
	color: #062E77;
	background:transparent none repeat scroll 0 0;
	display:inline;
	padding:5px 2px 5px 0;
}

#navSection .toggleBody {
	font-size: 0.6875em;
	background: #fff url(/media/layout_1/img/screen_bg_subnav_li.gif) repeat-y 0px 0px !important;
}

#navSection .toggleBody img {
	padding: 14px 5px 2px 14px;
	display: block;
}

#navSection .toggleBody address {
	font-style: normal;
	padding: 10px 5px 5px 14px;
}

#contentService li {
	padding-left: 0px;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: white;

} 

#contentService li span.aFake,
#contentService li a {
	color: white;
	padding-left: 20px;
	display: block !important;
} 

#contentService li a.styleBildOben {
	color: #000;
	background: none !important;
	padding-left: 0px;
	margin-bottom: 3px;
	display: block;
}

#contentService li a.styleBildLinks {
	color: #000;
	background: none !important;
	padding-left: 0px;
	margin-right: 10px;
	float: left;
}

#contentService li span.styleTextBild,
#contentService li a.styleTextBild {
	color: #000;
	background: none !important;
	padding-left: 0px;
	float: none;
} 

.noexpand .toggleBody {
	display: none;
}

#socialBMlayer {
	height: 40px;
	margin-right: 4px;
	clear: both;
}

#socialBMlayer .sblBody {
	width: 181px;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	float: right;
}

#socialBMlayer ul {
	width: 146px;
	margin: 0 auto;
	list-style: none;
}

#socialBMlayer li {
	display: inline;
}


#megaNav {
	width: 554px;
	margin-left: 206px;
	margin-right: 4px;
	margin-bottom: 30px;
	clear: both;
}

#megaNavTop {
	width: 554px;
	height: 10px;
	background: transparent url(/media/layout_1/img/mederma/content_bg.png) no-repeat 0 0;
	padding: 4px 25px 0 19px;
}

#megaNavBody {
	width: 554px;
	background: transparent url(/media/layout_1/img/mederma/content_body_bg.png) repeat-y 0 0;
	padding: 0 25px 0 4px;
}

#megaNavBottom {
	width: 554px;
	height: 10px;
	background: transparent url(/media/layout_1/img/mederma/content_bg.png) no-repeat 0 bottom;
	padding: 0 25px 10px 19px;
}

.margBot2px {
	margin-bottom: 2px;
}

#megaNav .contentBG {
	
	font-family: Arial, sans-serif;
	font-size:11px;
	line-height: 14px; 

	color: #003b75;
	padding: 0px;
}

#megaNav .contentBG .breadcrumb {
	height: 22px;
	margin: 0 15px 0 15px;
	width: 531px;
	border-bottom: 1px solid #003b75;
}

#megaNav .contentBG .breadcrumb p {
	margin-right: 5px;
	float: left;
}

#megaNav .contentBG .breadcrumb li {
	list-style: none;
	margin-right: 4px;	
	float: left;
}

#megaNav .contentBG .breadcrumb li a {
	text-decoration: underline;
	color: #062E77;
}

#megaNav .contentBG .breadcrumb li a:hover {
	text-decoration: none;
}

#megaNav .contentBG .navigation {
	padding: 10px 16px 8px;
	line-height: 12px;
}

#megaNav .contentBG .navigation .wrapper {
	width: 531px;
	border-bottom: 1px solid #003b75;
	padding-bottom: 5px;
}

#megaNav .contentBG .navigation ul {
	list-style: none;
}

#megaNav .contentBG .navigation ul li {
	font-weight: bold;
	padding-bottom: 4px;
	margin-right: 9px;
	float: left;
}

#megaNav .contentBG .navigation ul li.section {
	
}

#megaNav .contentBG .navigation ul li a {
	text-decoration: none;
	color: #062E77;
}

#megaNav .contentBG .navigation ul li a:hover {
	text-decoration: underline;
}

#megaNav .contentBG .navigation ul li li {
	font-weight: normal;
	float: none;
}
#megaNav .contentBG .navigation ul ul {
	margin-top: 4px;
}

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

#megaNav .contentBG .navigation .navRow ul li {
	margin-right: 0px;
}

.merzWebsites {
	padding: 16px 16px 4px;
	margin-left: 4px;
	margin-right: 4px;
	clear: both;
}

.merzWebsites h2,
.merzWebsites h3 {
	font-size: 1em;
}

.merzWebsites h2 {
	margin-bottom: 10px;
}

.websiteGroup {
	height: 1%;
	margin-bottom: 10px;
	clear: both;
}

.websiteGroup h3 {
	font-weight: normal;
	width: 145px;
	float: left;
}

.websiteGroup li {
	float: left;
	list-style: none;
	padding-right: 8px;
}

.websiteGroup li a {
	text-decoration: none;
	color: #062E77;
	padding-right: 8px;
}

.websiteGroup li a:hover {
	text-decoration: underline;
}


/* Schriftstyles Mederma 
-------------------------------------------------------------------------*/

#contentMain h1 {
	
	font-family: Arial, sans-serif;
	font-size:20px;
	line-height: 26px; 
	color: #009a9d;
	font-weight: bold;

}

#contentMain p {
	
	font-size:1em;
	line-height: 1.334em;
	margin: 0 0 0.834em 0; 

}

#contentMain h2, #contentMain h2.subheadline {
	
	font-size: 1.083em;
	line-height: 1.38em;
	font-weight: bold;

	margin: 2em 0 0.2em 0 ! important;
}

#contentMain .toggleBox h2 {
	
	font-size:1em;
	line-height: 1.334em;
	margin: 0 0 0.834em 0; 

	font-weight: normal;
} 

#contentMain .toggleBox .toggleHeader h2 {
	background: transparent url(/media/layout_1/img/mederma/toggle_minus.png) no-repeat 1px 4px !important;
	margin-top: 0 !important;
}

#contentMain .toggleBox .toggleHeader h2 a span {
	margin-left: 10px;
}

#contentMain .noexpand .toggleHeader h2 {
	background: transparent url(/media/layout_1/img/mederma/toggle_plus.png) no-repeat 1px 4px !important;
}

#contentMain .toggleBox h2 a {
	text-decoration: underline !important;
}

#contentMain .toggleBox h2 a:hover {
	text-decoration: none !important;
}

#contentMain h2.noMargBot {
	margin: 2em 0 0 0 !important;
}

#contentMain h2.noMargTop {
	margin: 0 0 0.2em 0 !important;
}

p.right {
	text-align: right;
}

#contentMain p.navTitle {
	
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height: 16px; 
	color: #003b75;
	font-weight: bold;

}

#contentMain .fullSize {
	margin-left: -15px;
}

.coloredText {
	color: #009a9d;
}

#contentMain a {
	
	font-size:1em;
	line-height: 1.334em;
	margin: 0 0 0.834em 0; 

	color: #003b75 !important;
}

#contentMain p.reference {
	
	font-size:0.834em !important;
	line-height: 1em;
	margin: 0 0 0.625em 0; 

}

#contentMain li {
	
	font-size:1em;
	line-height: 1.334em;

	margin: 0 0;
	padding-left: 15px;
	list-style-type: none !important;
	background: transparent url(/media/layout_1/img/mederma/listpoint_green.png) no-repeat 0 5px; 
}

/* Success stories Mederma 
-------------------------------------------------------------------------*/

#storyMap {
	width: 530px; 
	height: 330px; 
	background: transparent url(/media/public/bilder_1/story_map.png) no-repeat 0 bottom; 
	position: relative;
}

#storyMap.lang_IND{
	height: 335px; 
}

#storyMap.lang_IT{
	height: 335px; 
}

#storyMap.lang_MAL{
	height: 335px; 
}

#storyMap .element {
	position: absolute;
	cursor: pointer;
}

#storyMap .overlay {
	display: none;
	/*position: absolute;*/
	width: 100%;
	height: 100%;
}

#storyMap .overlay .top{
	padding-top: 4px;
	background: transparent url(/media/layout_1/img/mederma/map_overlay_top.png) no-repeat; 
	width: 160px;
}

#storyMap .overlay .bottom{
	height: 50px;
	width: 160px;
}

#storyMap .overlay .bottom.left {
	background: transparent url(/media/layout_1/img/mederma/map_overlay_bottom_left.png) no-repeat;
}

#storyMap .overlay .bottom.right {
	background: transparent url(/media/layout_1/img/mederma/map_overlay_bottom_right.png) no-repeat;
}

#storyMap .overlay p {
	text-align: center;
	margin: 0 0 0 0;
}

#storyMap .element.small {
	width: 40px;
	height: 40px;
}

#storyMap .element.large {
	width: 60px;
	height: 60px;
}

#storyMap .element a{
	display: block;
	width: 100%;
	height: 100%;
}

.story {
	padding-left: 95px;
	position: relative;
}

#contentMain .story .toggleHeader h2 {
	margin-top: 0px !important;
}

.story .floatLeft{
	position: absolute;
	left: 0;
}

.story p {
	margin: 0 0 0 0 !important;
}

#contentMain .story .toggleBody {
	padding-left: 0;
	padding-top: 12px;
}

.storyMonth {
	position: relative;
	background: transparent url(/media/layout_1/img/mederma/box_bg_top.png) no-repeat;
	margin-top: 30px;
	padding: 1px;
}

#contentMain h2.storyMonthHeadline {
	padding: 15px 0 0 15px !important;
	margin: 0 !important;
}

.storyMonthBody {
	overflow: hidden;
	padding: 15px 15px 0 110px;
}

.storyMonthBottom {
	height: 5px;
	background: transparent url(/media/layout_1/img/mederma/box_bg_bottom.png) no-repeat;
}

.storyMonth .floatLeft{
	position: absolute;
	left: 15px;
}

#contentMain .storyMonth h2 {
	margin-top: 0px !important;
}


/* Button Mederma 
-------------------------------------------------------------------------*/

#contentMain .but1 {
	
	font-family: Arial, sans-serif;
	font-size:12px !important;
	line-height: 14px !important;
	color: white !important;
	font-weight: bold;

}

#contentMain .but1 .btLeft {
	display: inline-block;
	width: 6px;
	height: 25px;
	background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat 0 0;
}

#contentMain .but1 .btRight {
	display: inline-block;
	width: 6px;
	height: 25px;
	background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -394px 0;
}

#contentMain .but1 .btCenter {
	display: inline-block;
	height: 19px;
	background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -7px 0;
	vertical-align: top;
	padding-top: 6px;
	text-decoration: none;
}

#contentMain .but1:hover .btLeft {
	background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -400px 0;
	cursor: pointer;
}

#contentMain .but1:hover .btRight {
	background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -794px 0;
	cursor: pointer;
}

#contentMain .but1:hover .btCenter {
	background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -407px 0;
	cursor: pointer;
}

#contentMain .successStory .but1, #contentMain .anfrage .but1 {
	float: right;
}

#contentMain .trForm .but1 input {
	height: 25px;
	margin: 0;
	clear: both;
	padding: 0 10px !important;
}

#contentMain .trForm .but1 .btCenter {
	height: 25px;
	padding-top: 0;
}


/* Formulare Mederma 
-------------------------------------------------------------------------*/

#contentMain input.inputFormSubmitKon, 
#contentMain input.inputFormSubmitKon:focus, 
#contentMain input.inputFormSubmitKon:hover {
	
	font-family: Arial, sans-serif;
	font-size:12px !important;
	line-height: 14px !important;
	color: white !important;
	font-weight: bold;

	border: none;
	background: transparent !important;
}

#contentMain input:hover, #contentMain input:focus,
#contentMain select:hover, #contentMain select:focus,
#contentMain textarea:hover, #contentMain textarea:focus {
	background-color: white !important;
	border: none;
}

#contentMain .formDiv .leftAlign label.labelCheckbox {
	width: 465px;
}

#contentMain .formDiv {
	margin-top: 15px;
}

span.inputLeft {
	display: inline-block;
	width: 5px;
	height: 26px;
	background: transparent url(/media/layout_1/img/mederma/forms/input_left.png) no-repeat 0 0;
}

span.inputRight {
	display: inline-block;
	width: 5px;
	height: 26px;
	background: transparent url(/media/layout_1/img/mederma/forms/input_right.png) no-repeat 0 0;
}

span.inputCenter {
	display: inline-block;
	height: 26px;
	vertical-align: top;
	padding: 1px 0;
	background: transparent url(/media/layout_1/img/mederma/forms/input_center.png) repeat-x 0 0;
}

span.inputCenter.select {
	display: inline-block;
	height: 26px;
	vertical-align: top;
	padding: 1px 0;
	background: transparent url(/media/layout_1/img/mederma/forms/input_center_select.png) no-repeat right 0;
}

span.textareaWrapper {
	display: inline-block;
	width: 412px;
	height: 90px;
	background: transparent url(/media/layout_1/img/mederma/forms/textarea.png) no-repeat 0 0;
	padding: 4px;
}

span.checkboxWrapper {
	display: inline-block;
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 5px;
	background: transparent url(/media/layout_1/img/mederma/forms/checkbox.png) no-repeat 0 0;
}

span.checkboxWrapper input {
	opacity: 0.0;
	filter: alpha(opacity=0);
}

span.inputCenter .wrapperText {
	font-family: Arial, sans-serif;
	
	font-size:12px;
	color: gray;

	position: absolute;
	left: 0;
	top: 5px;
}

span.inputCenter .btn {
	position: absolute;
	display: block;
	width: 12px;
	height: 21px;
	right: 0px;
	top: 2px;
	background: transparent url(/media/layout_1/img/mederma/forms/select_action.png) no-repeat 0 0;
}

#contentMain span.inputCenter select {
	
	font-size:12px;
	color: gray;

	height: 24px !important;
	opacity: 0.0;
	filter: alpha(opacity=0);
}

#contentMain span.inputCenter.select {
	position: relative;
}

#contentMain span.inputCenter input {
	
	font-size:12px;
	color: gray;

	margin: 0 !important;
	padding: 0 !important;
	outline: none;
	border: none;
	height: 24px;
	border-color: transparent;
	height: 23px;
}

#contentMain .formDiv label {
	
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height: 16px;
	color: #003b75;

	text-align: left;
	width: 70px;
}

#contentMain .loginForm .formDiv label {
	width: 100px;
}

#contentMain .col2.left {
	width: 315px;
	margin-right: 20px;
}

#contentMain .col2.right {
	width: 165px;
	margin-right: 0;
}

#contentMain textarea {
	
	font-size:12px;
	color: gray;

	height: 80px;
	width: 407px;
	outline: none;
	border: none;
	resize: none;
	overflow: auto;
	border-color: transparent;
}

#contentMain .formDiv .trForm {
	padding: 2px 0;
}

#contentMain .formDiv p.pflicht {
	
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height: 16px;
	color: #003b75;

	text-align: right;
}



#contentMain div.contact .formDiv .inputCenter input {
	width:	410px;
}

#contentMain div.contact .formDiv .inputCenter input#plz {
	width:	70px;
}

#contentMain div.contact .formDiv .inputCenter input#ort {
	width:	324px;
}

#contentMain div.contact .formDiv .inputCenter select {
	width:	410px;
}

#contentMain div.contact .formDiv .submitButton {
	text-align: right;
	margin-right: 15px;
}

#contentMain div.contact .formDiv p.pflicht {
	margin-right: 15px;
}

#contentMain div.contact .formDiv {
	padding-left: 15px;
}



#contentMain div.successStory #name {
	width:	410px;
}

#contentMain div.successStory #email {
	width:	410px;
}

#contentMain div.successStory #alter {
	width:	410px;
}

#contentMain div.successStory #anfrage_zu {
	width:	403px;
}

#contentMain div.successStory #land {
	width:	410px;
}

#contentMain div.successStory #bildupload {
	/*opacity: 0.0;
	filter: alpha(opacity=0);*/
	padding-left: 0 !important;
	height: 20px;
}

#contentMain div.successStory .upload label {
	/*width: auto;
	text-decoration: underline;*/
}

#contentMain div.successStory .upload label:hover {
	text-decoration: none;
}





#contentMain div.anfrage #name {
	width:	224px;
}

#contentMain div.anfrage #email {
	width:	410px;
}

#contentMain div.anfrage #alter {
	width:	75px;
}

#contentMain div.anfrage p.pflicht {
	text-align: right;
}

#contentMain div.anfrage .checkboxWrapper {
	margin-left: 79px;
}

#contentMain div.anfrage input {
	margin-left: 0 !important;
}

#contentMain div.anfrage .labelCheckbox {
	width: 350px;
}

#contentMain div.password form {
	position: relative;
}

#contentMain div.password #vorname {
	width:	224px;
}

#contentMain div.password #nachname {
	width:	224px;
}

#contentMain div.password #beruf {
	width:	224px;
}

#contentMain div.password #email {
	width:	224px;
}

#contentMain div.password p.pflicht {
	padding: 0 0 0 0;
	text-align: left;
	float:left
}

#contentMain div.password label {	
	width: 100px;
}

#contentMain div.password .submitButton {
	position: absolute;
	bottom: 0;
	right: 75px;
}




.successStory, .anfrage {
	background: transparent url(/media/layout_1/img/mederma/box_bg_top.png) no-repeat;
	padding: 15px 15px 15px 15px;
	margin-top: 30px;
}

.formBoxBottom {
	height: 5px;
	background: transparent url(/media/layout_1/img/mederma/box_bg_bottom.png) no-repeat;
}

#contentMain .successStory h2, #contentMain .successStory h2.subheadline {
	margin-top: 0 !important;
}

#contentMain .anfrage h2, #contentMain .anfrage h2.subheadline {
	margin-top: 0 !important;
}

.afterSubmit {
	position: relative;
	width: 470px;
	height: 50px;
	padding: 20px 30px 0 30px;
	margin-bottom: 50px;
	background: transparent url(/media/layout_1/img/mederma/forms/after_submit_box.png) no-repeat;
}

.afterSubmit a {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
}


#contentMain .loginForm fieldset {
	float: left;
}

#contentMain .loginForm .floater {
	float: left;
	clear: none;
	margin-left: 40px;
	margin-top: 32px;
}


/* Aufklapp Container 
-------------------------------------------------------------------------*/

.containerElement {
	padding: 4px;
	position: relative;
}

#contentMain .container .toggleBox {
	overflow:hidden;
	padding: 0 0;
}

#contentMain .container .toggleBox .toggleHeader h2 {
	
	font-size: 1.083em;
	line-height: 1.38em;
	font-weight: bold;

	background: transparent url(/media/layout_1/img/mederma/container_arrow_down.png) no-repeat 14px 4px !important;
	margin: 0 !important;
}

#contentMain .containerElement h2 {
	margin: 0 !important;
}

#contentMain .container .noexpand .toggleHeader h2 {
	background: transparent url(/media/layout_1/img/mederma/container_arrow_right.png) no-repeat 19px 3px !important;
	padding: 4px 0;
}

#contentMain .container .toggleBox .toggleHeader h2 a {
	text-decoration: none !important;
}

#contentMain .container .toggleBox .toggleHeader h2 a span {
	margin-left: 45px;
}

#contentMain .container .toggleBody {
	padding-left: 45px;
}

.container .even {
	background: transparent url(/media/layout_1/img/mederma/gradient.png) repeat-y;
}



/* Glossar Container 
-------------------------------------------------------------------------*/

.scarGlossaryWrapper .leftLinks {
	width: 265px;
	float: left;
}

.scarGlossaryWrapper .rightLinks {
	width: 265px;
	float: right;
}

.scarGlossaryWrapper a {
	
	font-family: Arial, sans-serif;
	font-size:14px;
	line-height: 16px; 
	color: #003b75 !important;

	text-decoration: none !important;
	display: block;
	width: 100%;
	height: 23px;
	padding: 7px 0 0 30px;
	background: transparent url(/media/layout_1/img/mederma/glossary_nav_bg.png) no-repeat;
	margin-bottom: 10px;
}

.scarGlossaryWrapper a:hover, .scarGlossaryWrapper a.selectedLink {
	
	font-family: Arial, sans-serif;
	font-size:14px;
	line-height: 16px; 
	color: #003b75 !important;

	font-weight: bold;
	background: transparent url(/media/layout_1/img/mederma/glossary_nav_bg.png) no-repeat 0 -30px;
}


/* Text/Bild Zustatz 
-------------------------------------------------------------------------*/

.contentBlock.pictogram {
	padding-right: 75px;
}

.contentBlock.pictogram .floatRight.verticalCenter {
	position: absolute;
	right: 20px;
}

.contentBlock.pictogram .floatLeft.verticalCenter {
	position: absolute;
	left: 20px;
}


/* Video 
-------------------------------------------------------------------------*/

.popup_overlay {
	background-color: white !important;
}

.videoOverlay {
	background-color: white;
    display: none;
    position: absolute;
    top: 150px;
    z-index: 11;
	overflow: hidden;
}

.videoOverlay div {
	border: solid 2px #66c2c4;
	overflow: hidden;
}

.videoOverlay .overlayClose {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	z-index: 100;
	right: 0;
	background: transparent url(/media/layout_1/img/mederma/overlay_close.png) no-repeat 0 0;
}


/* Stuff 
-------------------------------------------------------------------------*/

.contentDivider {
	width: 560px;
	height: 2px;
	background: transparent url(/media/layout_1/img/mederma/divider.png) no-repeat 0 0;
	margin-left: -15px;
}

/* Text/Bild (Content) 
-------------------------------------------------------------------------*/

.contentBlock  ul {
	display: inline-block;
}