/*** GENERAL ***/

html,
body {
	background			: #4b4b4b;
	margin				: 0;
	padding				: 0;
}

* {
	font-family			: verdana, arial, helvetica, sans-serif;
	font-size			: 100%;
}

/*** IMAGES - VARIOUS LAYOUT ***/

img {
	border-style		: none;
}

img.koffie {
	margin-left			: 10px;
}

img.footer {
	margin				: 0 5px;
	border				: 1px solid #666666;
}

/*** IMAGES CONTENT - ALINEA SPECIFIC ***/

#content .alinea a.bestand.links,
#content .alinea img.links { 
	float				: left;
	clear				: both;
	background			: #ffffff;
	margin				: 0 15px 10px 0;
	padding				: 2px;
	border				: 1px solid #679000;
}

#content .alinea a.bestand.rechts,
#content .alinea img.rechts { 
	float				: right;
	clear				: both;
	background			: #ffffff;
	margin				: 0 0 10px 15px;
	padding				: 2px;
	border				: 1px solid #679000;
}

#content .alinea a.bestand.groot,
#content .alinea img.groot { 
	display				: block; 
	margin				: 0;
	margin-left			: auto;
	margin-right		: auto;
}

#content .alinea a.bestand[mimeType~="pdf"]{
	float				: right;
	background-image	: url(../images/pdf.jpg);
	margin				: 0 0 10px 15px;
}

/*** WEBSITE ***/

#website {
	background			: #ffffff url(../images/bg_website.gif) repeat-y;
	padding				: 0;
	margin				: 20px auto;
	width				: 950px;
	color				: #131313;
	border				: 1px solid #666666;
	text-align			: left;
}

#skip {
	position			: absolute;
	z-index				: 2;
	margin-left			: -1000px !important/*Non-IE6*/;
	margin-left			: -1000px /*IE6*/;
}

/*** BEDRIJF ***/

#bedrijf {
	background			: #ffffff url(../images/bg_logo.jpg) center repeat-y scroll;
	clear				: both;
	width				: 950px;
	height				: 120px;
}

#bedrijf ul#servicemenu {
	float				: right;
	padding				: 0;
	margin				: 0;
	list-style-type		: none;
}

#bedrijf ul#servicemenu li {
	display				: inline;
}

#bedrijf ul#servicemenu a {
	float				: right;
	text-decoration		: none;
	background-color	: transparent;
	font-size			: 10px;
	color				: #ffffff;
	padding				: 2px 6px;
	border-left			: 1px solid #666666;
	border-bottom		: 1px solid #666666;
}

#bedrijf ul#servicemenu a:hover {
	background-color	: #ffffff;
	color				: #131313;
}

#bedrijf img.logo {
	float				: left;
	padding-top			: 0;
	padding-left		: 0;
}

/*** SFEER & DEALER ***/

#sfeer {
	background			: #ffffff url(../images/header.jpg) center left no-repeat scroll;
	margin				: 0;
	padding				: 0;
	float				: left;
	clear				: right;
	width				: 700px;
	height				: 210px;
	border-top			: 1px solid #666666;
	border-bottom		: 1px solid #666666;
}

#sfeer>div {
	clear				: both;
}

#dealer {
	margin				: 0;
	padding				: 0;
	float				: right;
	width				: 250px;
	height				: 210px;
	text-align			: center;
	border-top			: 1px solid #666666;
	border-bottom		: 1px solid #666666;
}

#dealer p.header {
	font-size			: 14px;
	font-weight			: bold;
	margin				: 7px 10px 5px 10px;
	color				: #4b4b4b;
}

#dealer a.box {
	display				: block;
	height				: 26px;
	width				: 220px;
	background-color	: #f3ed86;
	color				: #4b4b4b;
	font-size			: 18px;
	font-weight			: bold;
	text-decoration		: none;
	text-align			: center;
	margin				: 2px 12px;
	padding				: 4px 0 0 0;
	border				: 2px solid #4b4b4b;
}

#dealer a.box:hover {
	background-color	: #666666;
	color				: #ffffff;
}

/*** MENU NIV1 & NIV2 ***/

#menu {
	clear				: both;
	width				: 950px;
	background			: #f3ed86;
	height				: 51px;
	position			: relative;
}

#menu ul#niv1 {
	background			: #818181;
	padding				: 0;
	margin				: 0;
	width				: 950px;
	position			: absolute;
	height				: 24px;
}

#menu ul#niv1 li {
	display				: inline;
	list-style-type		: none;
}

#menu ul#niv1 li a {
	text-decoration		: none;
	font-size			: 16px;
	color				: #ffffff;
	padding				: 3px 8px;
	border-right		: 1px solid #cdcdcd;
	display				: block;
	float				: left;
	text-align			: center;
	text-decoration		: none;
}

#menu ul#niv1 li a:hover {
	background			: #4b4b4b;
	color				: #ffffff;
}

#menu ul#niv1 li a.active {
	display				: block;
	float				: left;
	background			: #f3ed86;
	color				: #679000;
	text-align			: center;
	text-decoration		: none;
}

#menu ul#niv2 {
	margin				: 0;
	padding				: 0;	
	left				: 0;
	width				: 950px;
	bottom				: -27px;
	position			: absolute;
}

#menu ul#niv2 li a {
	display				: block;
	float				: left;
	margin				: 0;
	text-decoration		: underline;
	font-size			: 13px;
	font-weight			: bold;
	border-style		: none;
	color				: #4b4b4b;
	padding				: 0 8px 5px 8px;
}

#menu ul#niv2 li a:hover {
	background			: #f3ed86;
	color				: #679000;
}

#menu ul#niv2 li a.active {
	color				: #679000;
}

/*** CONTENT ***/

#content {
	margin				: 0;
	padding				: 10px 15px 20px 15px;
	float				: left;
	clear				: right;
	width				: 670px;
	font-size			: 85%;
	line-height			: 1.3em;
}


#content>div {
	clear				: both;
}

#content>div>p {
	margin				: 10px 0;
}

#content>div.alinea {
	margin				: 10px 0;
}

h1 {
	color				: #679000;
	font-size			: 180%;
	font-weight			: normal;
	padding-bottom		: 5px;
	border-bottom		: solid 7px #e6e6e6;
}

h2 {
	color				: #679000;
	font-size			: 140%;
	font-weight			: normal;
}

h3 {
	color				: #4b4b4b;
	font-size			: 110%;
	font-weight			: bold;

}

a:link {
	color				: #679000;
	text-decoration		: underline;
	cursor				: pointer;
}

a:visited {
	color				: #76b900;
	text-decoration		: underline;
}

a:hover {
	background			: #679000;
	color				: #ffffff;
	text-decoration		: underline;
}

#breadcrumb {
	margin				: 0 0 15px 0;
	float				: left;
	width				: 670px;
	color				: #818181;
	font-size			: 80%;
}

#breadcrumb * {
	color				: #818181;
}

#breadcrumb *:hover {
	background			: #818181;
	color				: #ffffff;
}

/** MENU NIV3 ***/

#menu_niv3 {
	margin				: 0;
	padding				: 0;
	width				: 670px;
	height				: 30px;
	border-bottom		: 1px solid #b4b4b4;
}

#menu_niv3 ul {
	list-style-type		: none;
	padding-left		: 0;
}

#menu_niv3 li {
	display				: inline;
	margin-right		: 4px;
}

#menu_niv3 li a {
	margin				: 0px;
	padding				: 5px;
	line-height			: 30px;
	background			: #e6e6e6;
	color				: #131313;
	font-size			: 12px;
	font-weight			: bold;
	text-decoration		: none;
	border-top			: 1px solid #b4b4b4;
	border-left			: 1px solid #b4b4b4;
	border-right		: 1px solid #b4b4b4;
}

#menu_niv3 li a:hover {
	background-color	: #ffffff;
	color				: #131313;
}

#menu_niv3 li a.active {
	background-color	: #ffffff;
	color				: #131313;
}

/*** MODULE AANBOD ***/

#sorteer {
	margin				: 0 0 10px 0;
	padding				: 0;
	width				: 670px;
	text-align			: right;
	line-height			: 2.5em;
}

a.box {
	display				: inline;
	background-color	: #f3ed86;
	color				: #4b4b4b;
	font-size			: 14px;
	font-weight			: bold;
	text-decoration		: none;
	text-align			: center;
	margin				: 0 5px;
	padding				: 7px;
	border				: 1px solid #4b4b4b;
}

a.box:hover {
	background-color	: #666666;
	color				: #ffffff;
}

.aanbod {
	margin				: 0 0 10px 0;
	padding				: 0;
	float				: left;
	clear				: right;
	width				: 670px;
}

.aanbod a.camper,
div.aanbod_overview>a.aanbod>a.camper {
	height				: 240px;
	width				: 211px;
	float				: left;
	background			: #e6e6e6;
	color				: #131313;
	font-size			: 100%;
	font-weight			: normal;
	text-decoration		: none;
	text-align			: center;
	border				: 1px solid #666666;
	padding-top			: 14px;
	margin				: 5px;
}

.aanbod a.camper img {
	border				: 1px solid #666666;
}

.aanbod a.camper p {
	margin-top			: 2px;
	margin-bottom		: 2px;
}

.aanbod a.camper p.merk {
	font-weight			: bold;
	text-decoration		: none;
}

.aanbod a.camper p.model {
	font-size			: 90%;
}

.aanbod a.camper p.bouwjaar {
	font-size			: 90%;
}

.aanbod a.camper p.prijs {
	color				: #679000;
	font-size			: 110%;
	font-weight			: bold;
}

.aanbod a.camper p.prijs_verkocht {
	color				: #da5c05;
	font-size			: 110%;
	font-weight			: bold;
}

.aanbod a.camper p.info {
	font-size			: 90%;
	text-decoration		: underline;
}

.aanbod a.camper:hover {
	background			: #666666;
	color				: #ffffff;
	cursor				: pointer;
}

.aanbod a.camper:hover img {
	border				: 1px solid #ffffff;
}

.aanbod a.camper:hover p.prijs {
	color				: #f3ed86;
	font-size			: 110%;
	font-weight			: bold;
}

/*** MODULE CAMPER ***/

#merk_en_prijs {
	margin				: 0 0 5px 0;
	padding				: 0;
	width				: 660px;
	float				: left;
	clear				: right;
	background			: #e6e6e6;
	border				: 1px solid #666666;
	color				: #131313;
	font-size			: 120%;
	font-weight			: normal;
	text-decoration		: none;
}

#merk {
	float				: left;
	text-align			: left;
	padding				: 10px;
}

#prijs {
	width				: 150px;
	float				: right;
	text-align			: center;
	color				: #679000;
	font-weight			: bold;
	padding				: 10px;
	border-left			: 1px solid #666666;
}

#foto {
	width				: 660px;
	background			: #e6e6e6;
	border				: 1px solid #666666;
	text-align			: center;
	padding				: 10px 0 10px 0;
	margin				: 5px 0 5px 0;
}

#foto img {
	border				: 1px solid #666666;
}

#thumbs {
	margin				: 0 0 5px 0;
	padding				: 5px 0 0 5px;
	width				: 655px;
	background			: #e6e6e6;
	border				: 1px solid #666666;
}

#thumbs img {
	border				: 1px solid #666666;
	margin				: 0 5px 0 0;
}

#specificatie {
	width				: 640px;
	background			: #e6e6e6;
	border				: 1px solid #666666;
	color				: #131313;
	text-align			: left;
	padding				: 10px;
	margin				: 5px 0 5px 0;
}

table.specificatie {
	margin				: 0;
	padding				: 0;
	width				: 640px;
	background			: #e6e6e6;
	font-weight			: normal;
}
	
table.specificatie td {
	border-bottom		: 1px solid #b4b4b4;
	font-size			: 100%;
}

table.specificatie td.subject {
	width				: 250px;
	font-size			: 80%;
	font-weight			: bold;
}

table.specificatie td.prijs {
	color				: #679000;
	font-size			: 120%;
	font-weight			: bold;
}

#extra {
	width				: 640px;
	background			: #e6e6e6;
	border				: 1px solid #666666;
	color				: #131313;
	font-weight			: normal;
	padding				: 10px;
	margin				: 5px 0 5px 0;
}

#keuze {
	margin				: 0;
	padding				: 0;
	width				: 670px;
	line-height			: 2.5em;
}

a.box {
	display				: inline;
	background-color	: #f3ed86;
	color				: #4b4b4b;
	font-size			: 14px;
	font-weight			: bold;
	text-decoration		: none;
	text-align			: center;
	margin				: 0 5px 0 0;
	padding				: 7px;
	border				: 1px solid #4b4b4b;
}

a.box:hover {
	background-color	: #666666;
	color				: #ffffff;
}

/*** MODULE NIEUWS ***/

.nieuws {
	float				: left;
	width				: 640px;
	background			: #e6e6e6;
	border				: 1px solid #666666;
	color				: #131313;
	font-weight			: normal;
	padding				: 10px;
	margin				: 20px 0 10px 0;
}

p.small {
	font-size			: 70%;
}

.publicatiedatum 	{
	font-style			: italic;
	font-weight			: bold;
}

.nieuws img.right { 
	float				: right;
	clear				: both;
	background			: #ffffff;
	margin				: 0 0 10px 10px;
	padding				: 2px;
	border				: 1px solid #679000;
}

/*** CONTACTFORMULIER ***/

form p {
	margin				: 0;
}

form fieldset {
	margin				: 10px 0;
	padding				: 10px;
	border				: 1px solid #679000;
}

form legend {
	color				: #679000;
	font-size			: 120%;
	padding-bottom		: 10px;
}

form fieldset div {
	padding				: 0.2em 0;
}

label, 
span.label {
	margin-right		: 10px;
	padding-right		: 10px;
	width				: 200px;
	display				: block;
	float				: left;
	text-align			: right;
	position			: relative; 
}

input:focus,
textarea:focus {
	background			: #e6e6e6;
	border-color		: #666666;
}

div.controlset label, 
div.controlset input {
	display				: inline;
	float				: none; 
}

div.controlset div {
	margin-left			: 170px;
}

div.buttonrow {
	margin-left			: 230px; 
}

/*** GADGETS ***/

#gadgets{
	margin				: 0;
	padding				: 0;
	float				: right;
	width				: 250px;
}

#gadgets a.box1 {
	display				: block;
	width				: 220px;
	background-color	: #f3ed86;
	color				: #4b4b4b;
	font-size			: 16px;
	font-weight			: bold;
	text-decoration		: none;
	text-align			: center;
	margin				: 10px 12px;
	padding				: 18px 0 18px 0;
	border				: 2px solid #4b4b4b;
}

#gadgets a.box1:hover {
	background-color	: #666666;
	color				: #ffffff;
}

#gadgets a.box2 {
	display				: block;
	width				: 220px;
	background-color	: #f3ed86;
	color				: #4b4b4b;
	font-size			: 16px;
	font-weight			: bold;
	text-decoration		: none;
	text-align			: center;
	margin				: 10px 12px;
	padding				: 8px 0 8px 0;
	border				: 2px solid #4b4b4b;
}

#gadgets a.box2:hover {
	background-color	: #666666;
	color				: #ffffff;
}

#gadgets a.box3 {
	display				: block;
	width				: 204px;
	background-color	: #679000;
	color				: #ffffff;
	font-size			: 20px;
	line-height			: 32px;
	font-weight			: bold;
	text-decoration		: none;
	text-align			: center;
	margin				: 10px 12px;
	padding				: 30px 8px;
	border				: 2px solid #4b4b4b;
}

#gadgets a.box3:hover {
	background-color	: #666666;
	color				: #ffffff;
}

#openingstijdenshowroom {
	width				: 220px;
	padding				: 5px 0;
	background			: #b4b4b4;
	text-align			: center;
	margin				: 10px 12px;
	border				: 2px solid #666666;
}

#openingstijdenshowroom p.header {
	color				: #313131;
	font-size			: 12px;
	font-weight			: bold;
}


#openingstijdenshowroom p {
	color				: #313131;
	font-size			: 12px;
	margin-top			: 3px;
	margin-bottom		: 0;
}

#openingstijdenwerkplaats {
	width				: 220px;
	padding				: 5px 0;
	background			: #b4b4b4;
	text-align			: center;
	margin				: 10px 12px;
	border				: 2px solid #666666;
}

#openingstijdenwerkplaats p.header {
	color				: #313131;
	font-size			: 12px;
	font-weight			: bold;
}


#openingstijdenwerkplaats p {
	color				: #313131;
	font-size			: 12px;
	margin-top			: 3px;
	margin-bottom		: 0;
}

/*** FOOTER ***/

#footer {
	clear				: both;
	width				: 950px;
	font-size			: 12px;
	text-align			: center;
	background			: #ffffff url(../images/bg_gradient.gif) center repeat-y scroll;
	border-top			: 1px solid #666666;
	padding-top			: 10px;
	padding-bottom		: 10px;
}

#footer p {
	margin				: 3px;
}

#footer a:link {
	color				: #131313;
	text-decoration		: underline;
}

#footer a:visited {
	color				: #131313;
	text-decoration		: underline;
}

#footer a:hover {
	background			: #131313;
	color				: #ffffff;
	text-decoration		: underline;
}

/*** .......... ***/













.printOnly {
	display:none;
}





/***********************************************
* CONTENT - ALINEA SPECIFIC
************************************************/
#content .alinea img.floatsInText {
	margin: 10px;
}

#content .alinea img.centreerGroot { 
	display:block; 
	margin:0;
	margin-left:auto;
	margin-right:auto;
}

/***********************************************
* NAVIGATIE IN DETAIL
************************************************/
.detailNavigatie a { 
	color:#cccccc;
	font-size: 10px;
} 




.nieuws_item {
	background			: #666666;
	margin: 5px 0 0;
}

.nieuws_item:hover {
	background			: #ff0000;
}

/***********************************************
* JAVASCRIPT SPECIAL TRIGGERCLASSES
************************************************/
.inputHighlighted {
  background			: #e6e6e6;
  color: #131313;
}

.staticLink { cursor:pointer; }

.formvalueIncorrectToggle{
	background			:#FF0000;
	color:#FFFFFF;
}



/***********************************************
* SLIDESHOW
************************************************/
.slideshow { 
	position: relative; 
	clear:both;
	float:left;
	/* NOTICE : dimensions need to be fixed while position = relative */
	height:350px;
	width:500px;
}

.slideshow div { 
	position: absolute; 
	left: 0; 
	top: 0; 
}


/***********************************************
* MESSAGES
************************************************/
span.userMesage {
	width:100%;
	height:40px;
	border-style:solid;
	border-color:#FF0000;
	border-width:1px;
	vertical-align:middle;
	padding-left: 10px;
}
span.note {
	font-size:9px;
}