/* CSS Document */

* {

	margin: 0;
	padding: 0;

}

.clear {

	clear: both;
	
}

fieldset, img {

	border: none;
	
}

/** Sticky footer **/
html, body {

	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;

}

a {
	color: #816852;
}

a .hover{
	color: red;
}

#container {

	width: 988px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -36px; /* the bottom margin is the negative value of the footer's height */

}

#footer, #push {

	height: 36px; /* .push must be the same height as .footer */

}
/** Sticky footer **/

div#content_top {

	width: 988px;
	height: 198px;
	

}

div#content {

	width: 927px;
	margin: 20px auto 25px;
	
}


div#left h1 {

	height: 29px;
	padding: 0 0 0 40px;
	font-size: 19px;
	color: #9f8d7f;
	line-height: 29px;
	font-family: Arial;
	font-weight: normal;
	
}

div#left div#left_content {

	width: 320px;
	min-height: 50px;
	background: white;
	border: 1px solid #ddf5b8;

}

div#left_content ul {

	width: 300px;
	height: 33px;
	padding: 0 0 0 20px;
	background: #eff8fe;
	
}

div#left_content ul li {
	color: #b4d4fa;
	float: left;
	padding: 0 7px 0 0;
	list-style: none;
	line-height: 33px;
	font-size: 17px;	
}

div#left_content ul li.active {
	line-height: 33px;
	text-decoration: none;
	font-size: 25px;	
}

div#left_content ul li.vorige {
	color: #b4d4fa;
	line-height: 33px;
	text-decoration: none;
	font-size: 17px;	
}

div#left_content ul li a {
	color: #b4d4fa;
	line-height: 33px;
	text-decoration: none;
	font-size: 17px;	
}



div#left_content div#left_tekst {
	padding: 10px 5px 15px 10px;
	
}

div#left_content div#left_tekst span.vraag {
	text-decoration: bold;
	color: #48b8b8;
	font-size: 13px;	
}


div#left_tekst select {

	margin: 5px 0;
	/*background: #e4ecff;
	border: 1px solid #afcefe;*/
	
}

div#left_tekst input.submit {

	width: 35px;
	height: 35px;
	margin: 0px 0 0;
	background: url('/images/design/shared/volgende_button.png');
	border: none;
	cursor: pointer;
	
}

div#left_tekst div.stars {

	padding: 5px 0 5px 5px;
	
}

div#item_links {

	position: relative;
	width: 250px; 
	height: 155px;
	background: red;
	margin: 15px 0 0;
	
}






div#right h1 {

	height: 29px;
	padding: 0 0 0 40px;
	font-size: 19px;
	color: #9f8d7f;
	line-height: 29px;
	font-family: Arial;
	font-weight: normal;
	
}



div#right div#right_content {

	width: 537px;
	min-height: 50px;
	padding: 0 20px 15px;
	background: #660000;
	border: 1px solid #ddf5b8;

}

div#right_content h1 {

	height: 29px;
	padding: 0 0 0 40px;
	font-size: 19px;
	color: #9f8d7f;
	line-height: 29px;
	font-family: Arial;
	font-weight: normal;
	
}

div#right_content div.item {

	position: relative;
	width: 537px;
	height: 155px;
	background: white;
	margin: 15px 0 0;
	
}

div.item img {

	float: left;
	width: 139px;
	height: 107px;
	margin: 24px 10px 0 15px;
	border: 1px solid #a8998d;
	
}

div.item h2 {

	padding: 20px 0 0;
	font-size: 16px;
	font-weight: normal;
	color: #816852;
	
}

div.item span.beschrijving {

	display: block;
	padding: 0 5px 0 0;
	color: #9f8d7f;
	
}

div.item span.onder {

	position: absolute;
	bottom: 15px;
	left: 167px;
	display: block;
	color: #816852;
	
}

div.item span.onder a {

	color: #816852;
	
}

#footer {

	width: 988px;
	margin: 0 auto;
	background: #b4d4fa;
	line-height: 36px;
	text-align: center;
	color: #816852;
}

#coolbar {
	width: 100%;	
	height: 34px;
	left: 0;
	top: 0;	
}

#coolbar_shops {
	padding:0;
	margin:0px 00px 0px 20px;
	display: block;
}

#coolbar_shops li {
	width: 150px; /* One pixel extra, instead of a margin, to keep the opacity hover effect from flickering */
	height: 29px; /* Uses IE.boxmodel fix: height needs to include padding: 35px */
	margin-top: 3px;
	float: left;
	background: url(/images/design/button_li_background2.png) no-repeat 0 0;
	text-align: center;
	list-style: none;
}
#coolbar_shops li.current {
	width: 150px;
	height: 31px;
	margin-top: 3px;
	background: url(/images/design/button_li_current_background.png) no-repeat 0 0;
}

#coolbar_shops li a {
	height: 28px; /* Uses IE.boxmodel fix: height needs to include padding: 30px */
	padding-top: 2px;
	display: block;
}

#coolbar_shops li:hover,
#coolbar_shops li.hover {
	height: 28px;
	margin-top: 4px;
	background-position: 0 -30px;
}
#coolbar_shops li.current a,
#coolbar_shops li.current:hover {
	background-position: 0 0 !important;
}