/************************************************************************
 * Stylesheet voor DIAC-Holland BV, www.diac-holland.nl
 *************************************************************************/
* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: white;
	behavior: url("csshover.htc");  
}

div#wrapper {
	position: relative;	
	border: 1px solid black;
	padding-bottom:10px;
	background-color: white;
	min-height:650px;
	height:auto !important;
	height:650px;
}

.floatCloser
{
	clear:						both;
}

.bigletters
{
	font-size: 200%;
}

ul {
	margin-left: 15px; 
}

table.home {
	margin: 0px auto;
	width: 978px;
}

table.home td {
	vertical-align: top;
}

div#breadcrumbs {
	position: absolute;
	left: 235px;
	top: 257px;
	color: #999999;
}

div#extra {
	position:absolute;
	top:5px;
	right:5px;
	color:#AF0000;
}

div#extra a {
	color:#AF0000;
	text-decoration:none;
}
div#extra a:hover {
	color:#0F0000;
	text-decoration:underline;
}

#topContainer
{
	position: absolute;
	left: 0;
	top: 0;
	width: 978px;
	height: 254px;
	background-position: 0 29px;
	background-repeat: no-repeat;
}

div#taalkeuze {
	width: 100%;
	background-color: #E60003;
	text-align: center;
	padding: 5px 0;
}

div#taalkeuze a {
	color: white;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin: 0 20px;
}
div#taalkeuze a:hover {
	color: black;
	text-decoration: none;
}

div#taalkeuze a.selected {
	color: black;
	text-decoration: none;
}

img#header {
	border-top: 3px solid white;
	position: absolute;
	top: 25px;
	left: 0;
	z-index:0;
}

#wrapper #menu {
	position: relative;
	margin: 0 auto;
	top: 165px;
	z-index: 1;
}

#wrapper #menu a {
	float: left;
	display: block;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 13px;
	margin: 0 20px 0 0;
	text-decoration: none;
	text-transform: uppercase;
}

#wrapper #menu .lastItem
{
	margin: 0;
}

#wrapper #menu a:hover, #wrapper #menu a.selected {
	color: black;
}

/* opmaak voor vervolg-pagina's. KAN OVERRULED WORDEN BODY#WELKOM */
#main
{
	padding: 254px 0 0 0;
}

body div#links {
	float:left;
	width: 187px;
	padding:18px 20px 0 23px;
	color: #000;
	line-height: 1.6em;
}

body div#links h1 {
	color: #E60003;
	font-size: 14px;
	text-transform: uppercase;
}

body div#links a {
	color: #000;
	text-decoration: none;
}
body div#links a.gekozen {
	color: #E60003;
	text-decoration: none;
}
body div#links a:hover {
	color: #E60003;
	text-decoration: none;
}

body div#midden {
	float:left;
	width: 489px;
	border-left: 1px solid #E60003;
	border-right: 1px solid #E60003;
	padding:0 10px 0px 12px;
	margin-top:18px;
	line-height: 1.6em;
}
body div#midden p {
	margin:0 0 10px 0;
}

body div#midden h1 {
	font-size: 14px;
	text-transform: uppercase;
}
h1.rood { color: #E60003; }
h1.zwart { color: black; }

body div#midden a {
	color: #999;
	text-decoration: underline;
}
body div#midden a.breadcrumb {
	color: #000;
	text-decoration: none;
}
body div#midden a.breadcrumb:hover {
	color: #999;
	text-decoration: underline;
}


body div#links a:hover {
	color: #E60003;
	text-decoration: none;
}

body div#rechts {
	width: 235px;
	min-height:	400px;
	float:left;
	padding: 21px 0 0 0;
}
body div#rechts h1 {
	color: #E60003;
	font-size: 14px;
	margin:						0 0 10px 15px;
	text-transform: uppercase;

}

body div#rechts h2,
#links h2,
#midden h2 {
	color: #E60003;
	font-size: 13px;
	margin:						10px 0 0 0;

}

body div#rechts h1
{
	color: #000;
}

#rechts p
{
	margin:							0 0 20px 0;
	color:							#030303;
	line-height:					1.35em;
}

#rechts a
{
	color:							#E60003;
}


.verkocht1 {
	position: absolute;
	top: 10px;
	right: 11px;
	width: 100px;
	height: 100px;
}
.verkocht2 {
	position: absolute;
	top: 173px !important;
	right: 26px;
	width: 100px;
	height: 100px;
}

/* opmaak voor de home-page, overruled de opmaak die hiervoor vermeld is */

body#welkom div#menu {
	position: absolute;
	top: 250px;
	width: 100%;
	text-align: center;
}

body#welkom div#links {
	width: 150px;
	color: #999;
}

body#welkom div#links h1 {
	color: #E60003;
	font-size: 14px;
}
body#welkom div#midden {
	width: 496px;
	border-left: 1px solid #E60003;
}
body#welkom div#midden h1 {
	font-size: 14px;
}
body#welkom div#rechts {
	width: 235px;
}
body#welkom div#rechts h1 {
	color: #E60003;
	font-size: 14px;
	padding-left: 5px;
}

table#producten {
	width: 98%;
	border-collapse: collapse;
	margin-top: 4px;
}
table#producten tr {
	cursor: pointer;
}
table#producten tr.even {
	background-color: #F27F81;
	color: white;
}
table#producten tr.oneven {
	background-color: white;
	color: black;
}

table#producten tr.evenOver {
	background-color: #E16466;
	color: white;
}
table#producten tr.onevenOver {
	background-color: #FCD7D8;
	color: black;
}

table#producten td {
	padding: 2px 5px;
	vertical-align:top;
}

img#gekozenproduct {
	border: 3px solid #E60003;
	margin: 15px 13px;
	display: none;
}
img.grotefoto {
	border: 3px solid #E60003;
	float: right;
	margin-top: 15px;
	margin-right: 17px;
	clear: both;
	
}

input, textarea {
	border: 1px solid black;
}

input:focus, textarea:focus {
	border: 1px solid #E60003;
}

input.submitbutton {
	background-color: #E60003;
	color: white;
	
}

a.nietgekozen {
	font-weight: bold;
}

/* ambulance quick menu */
#ambuQuickMenu
{
	margin:							0;
	
	text-transform:					uppercase;
	
	list-style-type:				none;
}

	#ambuQuickMenu li
	{
		margin:						0 0 10px 0;
	}
	
	#ambuQuickMenu .selected a
	{
		color:						#e60003;
	}
	
		#ambuQuickMenu ul
		{
			margin:						6px 0 0 2px;
			
			font-weight:				bold;
			
			list-style-type:			none;
			text-transform:				none;
		}
		
			#ambuQuickMenu ul li
			{
				margin:						0 0 8px 0;
				padding:					0 0 0 8px;
				font-weight:				normal;
				background-image:			url(../images/bullet_prodmenu.gif);
				background-position:		0 8px;
				background-repeat:			no-repeat;
				line-height:				1.19em;
			}
			
#turnkeyQuickMenu
{
	margin:							6px 0 0 2px;
	list-style-type:				none;
}

	#turnkeyQuickMenu li
	{
		margin:						0 0 8px 0;
		padding:					0 0 0 8px;
		font-weight:				normal;
		background-image:			url(../images/bullet_prodmenu.gif);
		background-position:		0 8px;
		background-repeat:			no-repeat;
		line-height:				1.19em;
	}
	
		#turnkeyQuickMenu li a
		{
		}
		
		#turnkeyQuickMenu .selected a
		{
			color:						#e60003;
		}

/* product lijst */
#productList
{
	float:							left;
	width:							460px;
	margin:							5px 0 0 0;
	padding:						0;
	list-style-type:				none;
}

	#productList li
	{
		position:						relative;
		float:							left;
		width:							186px;
		height:							191px;
		margin:							0 68px 17px 0;
	}
	
	#productList .lastColumn
	{
		margin:							0;
	}
	
		#productList li h2,
		#productList li h2 a
		{
			padding:						133px 0 0 0;
			font-size:						1em;
			text-transform:					uppercase;
			font-weight:					bold;
			text-decoration:				none;
			color:							#000;
			line-height:					1.1em;
		}
		
		#productList li .nummer
		{
			font-size:						1em;
			line-height:					1em;
		}
		
		#productList li .verkocht
		{
			position:						absolute;
			right:							-5px;
			top:							-5px;
			z-index:						2;
		}
		
		#productList li .afbeelding
		{
			position:						absolute;
			top:							0;
			left:							0;
			z-index:						1;
			display:						block;
			width:							180px;
			height:							135px;
			
			font-size:						0;
			line-height:					0;
			
			border:							solid 3px #e90000;
			-moz-border-radius: 			3px;
			
			overflow:						hidden;
		}
		
			#productList li .afbeelding img
			{
				border:							none;
			}
			
		#productList li .readMore
		{
			position:						absolute;
			right:							0;
			bottom:							0;
			display:						block;
			width:							69px;
			height:							20px;
			
			font-size:						0;
			text-indent:					-5000px;
			
			background-image:				url(../images/button_readMore.gif);
			background-repeat:				no-repeat;
			background-position:			0 0;
		}
		
/* recent and popular */
#recentAndPopular
{
	width:						958px;
	margin:						20px 5px 20px 15px;
	padding:					14px 0 0 0;
	
	border:						solid 1px #979797;
	border-width:				1px 0 0 0;
}

	#recent,
	#popular
	{
		float:						left;
		width:						450px;
	}
	
		.jcarousel-prev,
		.jcarousel-next
		{
			color:						#000;
			text-decoration:			none;
			font-weight:				bold;
			font-size:					1.167em;
		}
		
		.jcarousel-prev:hover,
		.jcarousel-next:hover
		{
			color:						#e60000;
		}
	
		.jcarousel-prev
		{
			float:						left;
		}
		
		.jcarousel-next
		{	
			float:						right;					
		}
		
	
	#popular
	{
		margin:						0 54px 0 0;
	}
	
		#recent h2,
		#popular h2
		{
			margin:						0 0 9px 0;
			font-size:					1.167em;
			text-transform:				uppercase;
			color:						#e60003;
		}
	
		#recent ul,
		#popular ul
		{
			float:						left;
			margin:						0;
			padding:					4px 0 0 0 !important;
			list-style-type:			none;
			overflow:					hidden;
		}
		
			#recent li,
			#popular li
			{
				position:						relative;
				float:							left;
				width:							186px;
				height:							189px;
				margin:							0 66px 17px 0;
			}
			
			#recent .lastColumn,
			#popular .lastColumn
			{
				margin-right:					0;
			}
						
				#recent li h3,
				#recent li h3 a,
				#popular li h3,
				#popular li h3 a
				{
					padding:						142px 0 0 0;
					font-size:						1em;
					text-transform:					uppercase;
					font-weight:					bold;
					text-decoration:				none;
					color:							#000;
					line-height:					1.1em;
				}
				
				#recent li .nummer,
				#popular li .nummer
				{
					font-size:						1em;
					line-height:					1em;
				}
				
				#recent li .verkocht,
				#popular li .verkocht
				{
					position:						absolute;
					right:							-5px;
					top:							-5px;
					z-index:						2;
				}
				
				#recent li .afbeelding,
				#popular li .afbeelding
				{
					position:						absolute;
					top:							0;
					left:							0;
					z-index:						1;
					display:						block;
					width:							180px;
					height:							135px;
					overflow:						hidden;
					
					font-size:						0;
					line-height:					0;
					
					border:							solid 3px #e90000;
					-moz-border-radius: 			3px;
				}
				
					#recent li .afbeelding img,
					#popular li .afbeelding img
					{
						border:							none;
					}
					
				#recent li .readMore,
				#popular li .readMore
				{
					position:						absolute;
					right:							0;
					bottom:							0;
					display:						block;
					width:							69px;
					height:							20px;
					
					font-size:						0;
					text-indent:					-5000px;
					
					background-image:				url(../images/button_readMore.gif);
					background-repeat:				no-repeat;
					background-position:			0 0;
				}
				
	.contactButton
	{
		display:						block;
		width:							69px;
		height:							20px;
		
		font-size:						0;
		text-indent:					-5000px;
		line-height:					0;
		
		background-image:				url(../images/button_contact_nl.gif);
		background-position:			0 0;
		background-repeat:				no-repeat;
	}
	
#groupNav
{
	float: left;
	margin: 10px 0 17px 0;
	padding: 0;
	list-style: none;
}
	
	#groupNav li
	{
		float: left;
		margin: 0 14px 0 0;
	}
	
		#links #groupNav li a
		{
			display: block;
			width: 69px;
			height: 20px;
			background-image: url(../images/nieuwGebruiktSprite.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			font-size: 11px;
			color: #fff;
			font-weight: bold;
			text-align: center;
			text-transform: capitalize;
		}
		
		#links #groupNav li a:hover,
		#links #groupNav .selected a
		{
			color: #fff;
			background-position: 0 -20px;
		}
		
	#links #groupNav.hospital li
	{
		float: none;
		margin: 0 0 10px 0;
	}
		
		#links #groupNav.hospital li a
		{
			display: block;
			width: auto;
			height: auto;
			background-image: none;
			font-weight: bold;
			text-transform: uppercase;
			color: #000;
			text-align: left;
			font-size: 14px;
		}
		
		#links #groupNav.hospital li a:hover,
		#links #groupNav.hospital .selected a
		{
			color: #E60003;
		}
		
		#links #groupNav.hospital ul
		{
			margin:						6px 0 0 2px;
			
			font-weight:				bold;
			
			list-style-type:			none;
			text-transform:				none;
		}
		
			#links #groupNav.hospital ul li
			{
				margin:						0 0 8px 0;
				padding:					0 0 0 8px;
				font-weight:				normal;
				background-image:			url(../images/bullet_prodmenu.gif);
				background-position:		0 8px;
				background-repeat:			no-repeat;
				line-height:				1.19em;
			}
			
				#links #groupNav.hospital ul li a,
				#links #groupNav.hospital .selected li a
				{
					font-size:					12px;
					font-weight:				normal;
					text-transform:				none;
					color:						#000;
				}
				
				#links #groupNav.hospital ul li a:hover,
				#links #groupNav.hospital .selected li a:hover,
				#links #groupNav.hospital .selected .selected a
				{
					color: 						#E60003;
				}