/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#333;
	background:#fff url(/files/billeder/interface/bg.jpg) repeat-x;
}
body#home{
	background:#fff url(/files/billeder/interface/bghome.jpg) repeat-x;
}
h1{
	color:#fff;
	font-weight:bold;
	margin:5px;
	font-size:110%;
}
h2.black{
	color:#333;
	font-weight:bold;
	margin:0;
	font-size:100%;
}
h2.blue, h2.h2{
	color:#3D3A97;
	font-weight:bold;
	margin:0;
	font-size:110%;
}
h2.h2{
	color:#3D3A97;
	font-weight:bold;
	margin:10px 0;
	font-size:110%;
}
h3, h3.h3{
	color:#3D3A97;
	font-weight:bold;
	margin:10px 0;
	font-size:110%;
}
a:link, a:visited{
	color:#3D3A97;
	text-decoration:none;
	font-weight:normal;
}		
a:hover, a:active{
	color:#3D3A97;
	text-decoration:underline;
	font-weight:normal;
}
a.steps:link, a.steps:visited{
	color:#3D3A97;
	text-decoration:none;
	font-weight:bold;
	font-size:110%;
}		
a.steps:hover, a.steps:active{
	color:#3D3A97;
	text-decoration:underline;
	font-weight:bold;
	font-size:110%;
}
img{
	border:none;
}
img.valignleft{
	float:left;
	margin:0 5px 0 0;
}	
li{
	list-style-position: outside;
	list-style-type: square;
	display: list-item;
	margin-left:-25px;
}
input.quantity {
	width:30px;
	float:left;
	margin:0 10px 0 0;
}
/*******************************************************************************/
#wrapper{
	width:980px;
	position:absolute;
	left:50%;
	margin:0 0 0 -490px;
}
/************************************************************* HEADER ****************************************************/
#header{
	width:100%;
	background: url(/files/billeder/interface/logo_vodamed.jpg) 0 20px no-repeat;
	float:left;
}
/*
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/

/*********************** TOPMENU *************************/
#topmenu{
	height:24px;
	margin:20px 0px 5px 0;
	line-height:24px;
	float:right;
}
	#topmenu ul{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#topmenu ul li{
		display:inline;
		margin:0;
	}
	#topmenu a:link, #topmenu a:visited {
		color:#333;
		padding:0 10px;
		border-right:#000000 1px solid;
	}	
	#topmenu a:hover, #topmenu a:active {
		color:#333;	
		padding:0 10px;
		border-right:#000000 1px solid;
	}
	#topmenu a.lastitem:link, #topmenu a.lastitem:visited{
		color:#333;
		padding:0 10px;
		border:none;
	}
/*********************** MAINMENU ************************/
#menubar{
	width:824px;
	margin:0 0 20px 0;
	padding:0 0 0 11px;
	height:60px;
	background:url(/files/billeder/interface/bg_mainmenu.jpg) no-repeat;
	float:right;
}
	#mainmenu{
		width:540px;
		margin:11px 0 0 0;
		padding:0;
		float:left;
		text-align:left;
	}
		#mainmenu ul{
		margin:0;
		padding:0px 0 0 5px;
		list-style-type:none;
		}
		#mainmenu li, #mainmenu li.lastitem{
			float:left;
			list-style:none;
			padding:0 28px 0 26px;
			margin:0;
			height:38px;
			line-height:38px;
			background:url(/files/billeder/interface/bg_mainmenu_item.gif) right repeat-y;
		}	
		#mainmenu li.lastitem{background:none;margin:0;}
		#mainmenu a:link, #mainmenu a:visited, #mainmenu li.lastitem a:link, #mainmenu li.lastitem a:visited {
			color:#fff;
			font-weight:bold;
		}
		#mainmenu a:hover, #mainmenu a:active, #mainmenu li.lastitem a:hover, #mainmenu li.lastitem a:active {
			color:#ff8508;
			font-weight:bold;
			text-decoration:none;
		}
		#mainmenu a.active {
			color:#ff8508;
			font-weight:bold;
			text-decoration:none;
		}	
	#searchbox{
		margin:19px 0 0 15px;
		padding:0;
		float:left;
		text-align:right;
	}
		#input{
			width:172px;
			border:#999 1px solid;
			color:#666;
		}		
		#submit{
			width:63px;
			height:21px;
			margin:0 0 0 9px;
			background:url(/files/billeder/interface/btn_zoeken.jpg);
			border:none;
		}
		#submit_en{
			width:63px;
			height:21px;
			margin:0 0 0 9px;
			background:url(/files/billeder/interface/btn_zoeken_en.jpg);
			border:none;
		}
/************************************************************* CONTAINER ****************************************************/		
#container{
	width:980px;
	clear:both;
}
#leftcontainer {
	float:left;
	text-align:center;
	width:190px;
	margin:0;
	padding:0;
}
/***** SUBMENU BLUE *****/
	#submenu {
		float:left;
		width:190px;
		height:300px;
		padding:20px 0 0 0;
		background:url(/files/billeder/interface/bg_submenu.jpg) top left no-repeat;
	}
/***** SUBMENU GREY *****/
	#submenugrey {
		float:left;
		width:190px;
		/*height:300px;*/
		background:url(/files/billeder/interface/bg_submenugrey.jpg) top left no-repeat;
	}
	/***** SUBMENU ALL *****/
		#submenu ul, #submenugrey ul {
		margin:0 14px 10px 8px; 
		padding:5px 0 0 0; 
		list-style:none;
		text-align:left; 
		}
		#submenu li, #submenugrey li {
			border-bottom:1px #ccc solid;
			color:#333;
			padding:10px 0px;
			margin:0;
			list-style:none;
		}
		#submenu li a, #submenugrey li a {
			color:#333;
			text-decoration:none;
		}
		#submenu li a:hover, #submenugrey li a:hover {
			color:#ff8218;
			text-decoration:none;
		}
		#submenu a.active, #submenugrey a.active {
			color:#ff8218;
			text-decoration:none;
			margin:0;
		}
			#submenu ul ul, #submenugrey ul ul {
				margin:8px 0 0px 0; 
				padding:0px 0 0 0px; 
				list-style:none; 
				text-align:left;
				width:168px;
				border-top:1px #ccc solid;
				background-color:#ebebeb;
			}
			#submenu li ul li, #submenugrey li ul li {
				border-bottom:1px #ccc solid;
				color:#000;
				padding:10px 5px 10px 25px;
				margin:0;
			}
	#submenubottom {
		float:left;
		width:190px;
		height:20px;
		background:url(/files/billeder/interface/bg_submenubottom.jpg) top left no-repeat;
	}
#rightcontainer {
	float:right;
	width:771px;
	margin:0 0 0 0px;
	padding:0 4px 0 0;
}
	
/************************** DEFAULT ****************************/
	#headervisual{
		height:154px;
		
	}
	#contentcontainer{
		width:771px;
		text-align:left;
		margin:10px 0 0 0;
	}
		#content{
			float:left;
			width:481px;
			padding:20px;
		}
		#banners{
			float:right;
			text-align:right;
			width:250px;
			margin:0;
			padding:20px 0 0 0;
		}
			.banner {
				margin:0 0 10px 0;
			}
	#leftbanners{
		float:left;
		width:190px;
		padding:20px 0 0 0;
	}

/************************** HOME ****************************/
	#buttons{
		float:left;
		margin:22px 0 0 0;
		padding:0 0 0 0px;
	}
		#centerbutton{
			margin:0 24px;
		}
/************************** PRODUCTS ****************************/
	#producttitle{
		float:left;
		width:741px;
		height:26px;
		background:url(/files/billeder/interface/bg_producttitle.jpg) top left no-repeat;
		color:#fff;
		font-size:130%;
		font-weight:bold;
		padding:7px 0 0 30px;
	}
	#productpath{
		float:left;
		width:741px;
		background:#efefef;
		height:20px;
		padding:5px 0 0 30px;
		color:#3D3A97;
		font-size:90%;
	}
		#productpath a{
			color:#3D3A97;
		}
	#productvisual{
		float:left;
		text-align:right;
		width:771px;
		height:75px;
		padding:0; 
		background: url(/files/billeder/interface/bg_shoppingcart.jpg) top left no-repeat;
	}
		#shoppingcart{
			float:right;
			width:164px;
			padding: 0 10px;
			text-align:left;
			color:#333;
			font-weight:bold;
			line-height:14px;
		}
			.carttitle{
				width:164px;
				text-align:center;
				color:#3D3A97;
				font-size:110%;
				font-weight:bold;
				margin:0 0 5px 0;
				padding:0;
			}
			a.carttitlelink:link, a.carttitlelink:visited {
				font-weight:bold;
			}
	#contentproducts{
		float:left;
		width:751px;
		padding:10px;
	}
	#productoverview{
		float:left;
		text-align:left;
		width:771px;
		padding:0px;
	}
		#groupitem{
			float:left;
			text-align:left;
			width:230px;
			/*height:150px;*/
			background: url(/files/billeder/products/bg_groupitem.jpg) top left no-repeat;
			padding:20px 0 0 20px;
			margin:0 0 5px 5px;
		}
			#groupitem a{
				color:#3D3A97;
				font-size:110%;
				font-weight:bold;
			}
			.titleoverview{
				height:20px;
				padding:0;
				margin:0;
			}
			.groupimage{
				float:left;
				height:150px;
				padding:0px 20px 0 0;
				margin:0;
			}
		#productitem {
			float:left;
			width:220px;
			height:230px;
			background:url(/files/billeder/products/bg_productitem.jpg) top left no-repeat;
			padding:20px 10px 0 20px;
			margin:0 0 10px 5px;
		}
			#productitem a{
				color:#3D3A97;
				font-size:110%;
				font-weight:bold;
			}
			#productitem a.linkmore{
				color:#3D3A97;
				font-size:100%;
				font-weight:normal;
			}
			.productimage{
				float:left;
				height:80px;
				padding:0px 20px 0 0;
				margin:0;
			}
	#productdetailsleft{
		float:left;
		width:405px;
		padding:0px;
	}
		#moredetails{
			float:left;
			width:365px;
			height:135px;
			margin:10px 0 0 0;
			padding:20px;
			background: url(/files/billeder/products/bg_moredetails.jpg);
		}
		#productdownloads {
			float:right;
			margin:0 20px 0 0;
		}
	#productdetailsright{
		float:right;
		width:328px;
		padding:0px;
	}
		#producttext{
			float:left;
			width:288px;
			/*height:516px;*/
			padding:20px 20px 0 20px;
			background: url(/files/billeder/products/bg_producttext.jpg);
		}
		#producttextbottom{
			float:left;
			width:328px;
			height:20px;
			background: url(/files/billeder/products/bg_producttext_bottom.jpg);
		}
			.textdetails {
				padding:0 0 0 0;
			}
			.price{
				font-size:110%;
				font-weight:bold;
			}
			.sendafriend{
				font-size:90%;
				color:#999;
				margin:0;
			}
			.nomargin{
				margin:5px 0;
			}
			#basket {
				float:left;
				width:128px;
			}
			#variants {
				float:right;
				width:160px;
			}
	#productalternatives{
		float:left;
		text-align:left;
		width:711px;
		height:121px;
		margin:10px 0 0 0;
		padding:10px 30px 15px 30px;
		background:url(/files/billeder/products/bg_productalternatives.jpg) top center no-repeat;
	}
		
/************************************************************* FOOTERMENU ****************************************************/	
#footermenuhome{
	float:left;
	width:980px;
	height:38px;
	margin:25px 0px;
	background:url(/files/billeder/interface/bg_footermenu.jpg);
	line-height:38px;
	text-align:center;
}
#footermenu{
	float:left;
	width:980px;
	height:38px;
	margin:25px 0px;
	background:url(/files/billeder/interface/bg_footermenu.gif);
	line-height:38px;
	text-align:center;
}
	#footermenu ul, #footermenuhome ul{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#footermenu ul li, #footermenuhome ul li{
		display:inline;
		padding:0 15px;
		margin:0;
		border-right:#999999 1px solid;
		color:#999;
	}
	#footermenu .lastitem, #footermenuhome .lastitem{
		border:none;
	}	
	#footermenu a, #footermenuhome a{
		color:#999;
	}
	#footermenu a:link, #footermenu a:visited {
	}	
	#footermenu a:hover, #footermenu a:active {
	}	