/*******************************************************************************************/
/**** CSS - medicel ag *********************************************************************/
/**** October 2008 *************************************************************************/
/*******************************************************************************************/

/**** START design debug *******************************************************************/
div{
	/*border:1px solid red;*/
}
/**** END design debug *********************************************************************/
body{
	width:945px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#6f7377;
	line-height:14px;
}
p{
	margin:0in;
	margin-bottom:10.0pt;
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
	color:#6f7377;
}
sup{
	color: #6f7377;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	vertical-align: super;
}
/**** START «LINK»-tags ********************************************************************/
a:link, a:visited, a:active {
	color:#006fb0;
	text-decoration:none;
}
a:hover {
	color:#939aa1;
}
a:active{
outline:none;
}
a:focus{
-moz-outline-style:none;
}
/**** END «LINK»-tags ******************************************************************************/
/* Alle Bilder ohne Rahmen */
img{
	border:none;
}
.imageR{
}
.button{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	padding:0px 3px 0px 3px;
	text-align:center;
	vertical-align:middle;
	background-color:#006fb0;
	border: 1px solid #858484;
}
.formfix2x{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#6f7377;
	height:13px;
	border:1px solid #939aa1;
}
.formfix3x{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#6f7377;
	width:40px;
	height:15px;
	border:1px solid #939aa1;
}
/*	Formatierung Überschriften */
h1{
	font-size:13px;
	color:#006fb0;
	padding-top:5px;
	margin-top:5.0pt;
	margin-right:0in;
	margin-bottom:3.0pt;
	margin-left:0.0pt;
	white-space:nowrap;
}
h2{
	font-size:13px;
	color:#006fb0;
	padding-top:5px;
	margin-top:5.0pt;
	margin-right:0in;
	margin-bottom:3.0pt;
	margin-left:0pt;
	white-space:nowrap;
}
h3{
	font-size:11px;
	color:#006fb0;
	padding-top:5px;
	margin-top:5.0pt;
	margin-right:0in;
	margin-bottom:3.0pt;
	margin-left:0in;
	white-space:nowrap;
}

h4{
	font-size:13px;
	color:#006fb0;
	padding-top:5px;
	margin-top:5.0pt;
	margin-right:0in;
	margin-bottom:3.0pt;
	margin-left:8.0pt;
	white-space:nowrap;
}
/***** Gerüst *********************************************/
#mainHome{
	float:left;
	clear:none;
	width:945px;
	height:510px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border:1px solid #e7e8e9;
}
#mainIndex{
	float:left;
	clear:none;
	width:945px;
	height:100%;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border:1px solid #e7e8e9;
}
/***** Headerlogo *********************************************/
#header{
	float:left;
	clear:none;
	width:945px;
	height:79px;
	background-image:url(/pagemedia/logo_medicel.gif);
	background-position:right;
	background-repeat:no-repeat;
}
/**** Breadcrump ****************************************************/
#breadcrump{
	float:right;
	clear:none;
	text-align:right;
	color:#006ead;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:20px;
}
#breadcrump a{
	color:#006ead;
	text-align:left;
}
#breadcrump a:hover{
	color:#939aa0;
	text-align:left;
}
/***** Meta Navigation *********************************************/
#metaNavigation{
	float:left;
	clear:none;
	width:935px;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
	font-size:11px;
}
#metaNavigation a{
	float:left;
	clear:none;
	text-align:left;
	color:#6f7377;
	padding:0px 5px 5px 5px;
}
#metaNavigation a:hover{
	float:left;
	clear:none;
	text-align:left;
	font-weight:normal;
	color:#006fb0;
}
#metaNavigation a:active{
	float:left;
	clear:none;
	text-align:left;
	font-weight:bold;
	color:#006fb0;
}
/**** 2. Navigationsstufe *****************************************/

/***** Top Navigation *********************************************/
#topnavigation{
	float:left;
	clear:none;
	width:905px;
	height:23px;
	text-align:left;
	vertical-align:middle;
	margin:0px 20px 0px 20px;
	padding-top:7px;
	font-size:14px;
	background-image:url(/pagemedia/bg_topnavi.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
#topnavigation a, #topnavigation span{
	float:left;
	clear:none;
	text-align:left;
	color:#FFFFFF;
	vertical-align:middle;
	line-height:normal;
	height:23px;
	border-right:1px solid #4093c4;
	padding:0px 15px 0px 15px;
}
#topnavigation a:hover{
	float:left;
	clear:none;
	text-align:left;
	font-weight:normal;
	color:#ffffff;
	background-image:url(/pagemedia/navi_pfeil.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#topnavigation a.active{
	float:left;
	clear:none;
	text-align:left;
	font-weight:bold;
	color:#ffffff;
	background-image:url(/pagemedia/navi_pfeil.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
/**** Start 2. Navigationsstufe *****************************************/
#left {
	float:left;
	clear:none;
	width:280px;
	text-align:left;
	border:1px solid #FFFFFF;
}
#left ul {
	width:255px;
	padding-left:25px;
	margin: 0px;
	line-height: 18px;
	list-style:none;
}
#left ul li{
	width:255px;
	height:20px;
	background-image:url(/pagemedia/strich.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#left ul li a{
	color:#6f7377;
	padding-left:19px;
	background-image:url(/pagemedia/punktLeer.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
#left ul li a:hover{
	color:#006fb0;
	padding-left:19px;
	background-image:url(/pagemedia/punkt.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
#left ul li a.menuactive{
	color:#006fb0;
	padding-left:19px;
	background-image:url(/pagemedia/punkt.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/**** Ende 2. Navigationsstufe *****************************************/
#tabnav{
	float:left;
	clear:none;
	width:100%;
	padding-top:10px;
}
#tabnav a.active{
	float:left;	
	clear:none;
	color:#ffffff;
	text-align:center;
	padding:2px 8px 2px 8px;
	background-color:#006fb0;
}
#tabnav a.passive{
	float:left;	
	clear:none;
	color:#006fb0;
	text-align:center;
	padding:2px 8px 2px 8px;
	background-color:#f2f2f2;
	border-right:3px solid #cccccc;
}
/**** Content Home ************************************************/
#contentHome{
	float:left;
	clear:none;
	width:945px;
	height:400px;
	margin-left:35px;
	background-image:url(/pagemedia/bg_content.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
/**** Content index ************************************************/
#contentIndex{
	float:left;	
	clear:none;
	width:945px;
	background-image:url(/pagemedia/bg-contentIndex.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#content{
	float:left;
	clear:none;
	width:640px;
	padding-bottom:10px;
	min-height:490px;
	height: auto !important;
	height:400px;
	border:1px solid #e7e8e9;
}
#leftcontent{
	width:250px;
	padding-top:90px;
	padding-left:28px;
}
#contentpanel{
	float:left;
	clear:none;
	width:625px;
	padding-left:10px;
	padding-right:10px;
	padding-right:5px;	
}
#news{
	float:inherit;
	clear:none;
	padding-left:90px;
	line-height:18px;
}
#newsliste{
	float:inherit;
	clear:none;
	padding-top:8px;
	padding-left:5px;
	line-height:18px;
}
#newslisteLead{
	float:inherit;
	clear:none;
	color:#939aa1;
	padding-left:15px;
}
#newsDetail{
	float:left;
	clear:none;
	padding-left:5px;
	padding-right:5px;
}
#footer{
	float:left;
	clear:none;
	width:905px;
	padding:10px 20px 2px 20px;
	color:#6f7377;
}
.mehr{
	font-weight:bold;
	text-align:right;
}
.bildProdukt{
	width:560px;
	border-left:5px solid #006fb0;
	border-right:5px solid #006fb0;
	text-align:center;
	float:left;
	clear:none;
}
.first{
	width:620px;
	float:left;
	clear:none;
	padding:10px 10px 10px 10px;
}
/**************************************************************
	MultiBox
	v1.2
**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
}
.MultiBoxLoading {
	background: url(/pagemedia/loader.gif) no-repeat center;
}
.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(/pagemedia/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}
.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}
.MultiBoxPrevious {
	position: absolute;
	background: url(/pagemedia/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}
.MultiBoxNext {
	position: absolute;
	background: url(/pagemedia/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}
.MultiBoxNextDisabled {
	cursor: default;
	background: url(/pagemedia/rightDisabled.png) no-repeat;
}
.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(/pagemedia/leftDisabled.png) no-repeat;
}
.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}
.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}
.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}
/*************************************************************/