html {
	
	margin:0px;
	padding:0px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(/img/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#ee5e08;
	margin:0px;
	padding:0px;
}

#container {
	width:988px;
	min-height:469px;
	margin:0 auto; 
	background-image: url(/img/top.jpg) ;
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}

#header {
	width:988px;
	height:356px;
	margin:0px;
	padding:0px;
	position:relative;
} 

.logo {
	left:20px;
	top:10px;
	width:215px;
	height:70px;
	position:absolute;
}

#slideshow{
	width:940px;
	height:187px;
	position:absolute;
	top:112px;
	left:24px;
	}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
	
a:link, a:active, a:visited{
	color:#353535;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#353535;
	}

.nav { margin: 370px 15px 0 0; position:relative; z-index:100;}
#nav a, #s7 strong { margin: 0px; padding: 4px 10px; background: #FFF; color:#000; text-decoration: none; }
#nav a.activeSlide { background: #000; color:#FFF }
#nav a:focus { outline: none; }
#output { text-align: center; float:right; }

#nav { text-align:right; float:right; position:relative }

.nav_showroom { margin: 470px 15px 0 0; position:relative; z-index:100;}
#nav_showroom a, #s7 strong { margin: 0px; padding: 4px 10px; background: #FFF; color:#000; text-decoration: none; }
#nav_showroom a.activeSlide { background: #000; color:#FFF }
#nav_showroom a:focus { outline: none; }
#output { text-align: center; float:right; }

#nav_showroom { text-align:right; float:right; position:relative }

#content {
	width:940px;
	line-height:150%;
	background-image: url(/img/bg_content.png) ;
	background-repeat:no-repeat;
	background-position:0px 113px;
	margin:0px;
	float:left;
	color:#353535;
	padding:0 24px 0 24px;
}

#content_sponsors{
	width:218px;
	float:left;
	background-image: url(/img/sponsors_top.jpg) ;
	background-repeat:no-repeat;
	margin:0 0 20px 15px;
	}
	
#sponsors_border{
	width:196px;
	background-color:#FFF;
	padding:0 10px 0 10px;
	border-left:1px #999999 solid;
	border-right:1px #e8e8e8 solid;
	margin:18px 0 0 0;
	}

#content_left{
	width:412px;
	float:left;
	padding:0px;
	margin:0 0 20px 0;
}

#content_left_large{
	width:706px;
	float:left;
	padding:0px;
	margin:0 0 20px 0;
}

.news_details{
	padding:7px 0 23px 0;
	}
	
.news{
	padding:7px 0 23px 0;
	height:95px;
	}	
.news_stamp{
	position:absolute;
	margin:14px 0 0 -37px;
	background-image: url(/img/news_stamp.png) ;
	background-repeat:no-repeat;
	width:41px;
	line-height:100%;
	height:44px;
	text-align:center;
	padding:6px 0 0 20px;
	font-size:14px;
	color:#FFF;
	}
	
.news_date{
	font-size:20px;
	}

a:link.link_img, a:active.link_img, a:visited.link_img{
	border:1px #585858 solid;
	display:block;
	float:left;
	margin:0 15px 0 0;
	height:105px;
	overflow:hidden;
	text-align: center;
	width:140px;		
}
.link_img img {
	width: 140px;
	}

a:hover.link_img{
	border:1px #e45a08 solid;
}

a:link.link_newsitem, a:active.link_newsitem, a:visited.link_newsitem{
	color:#fd4700;
	text-decoration:none;
	font-weight:normal;
}

a:hover.link_newsitem{
	text-decoration:underline;
}

#content_right{
	width:294px;
	margin:0 0 20px 0;
	float:left;
	background-image: url(/img/calender_top.jpg) ;
	background-repeat:no-repeat;
}

#calender_border{
	width:255px;
	background-color:#FFF;
	padding:0 10px 0 10px;
	border-left:1px #999999 solid;
	border-right:1px #e7e3e0 solid;
	margin:22px 0 0 17px;
	}
	
a:link.calender_title, a:active.calender_title, a:visited.calender_title{
	color:#fd4700;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
}

a:hover.calender_title{
	text-decoration:underline;
}

a:link.calender_date, a:active.calender_date, a:visited.calender_date{
	color:#353535;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}

a:hover.calender_date{
	text-decoration:underline;
}	

a:link.calender_type, a:active.calender_type, a:visited.calender_type{
	color:#353535;
	padding-left:25px;
	font-size:13px;
	font-style:italic;
	text-decoration:none;
	font-weight:normal;
}

a:hover.calender_type{
	text-decoration:underline;
}	


h1 {
	font-size:16px;
	color:#fd4700;
	font-weight:normal;
	margin:0 0 10px 0;
}

h2 {
	font-size:15px;
	color:#FFF;
	font-weight:normal;
	margin:27px 0 0 30px;
}

h3 {
	color:#fd4700;
	font-weight:normal;
	border-left:1px #fd4700 solid;
	margin:0 0 10px 0;
	padding:1px 0 1px 7px;
}

h4 {
	font-size:12px;
	color:#fd4700;
	font-weight:bold;
	float:left;
	margin:0;
}

.nieuws_img {
	border:#34abda 2px solid;
	margin-right:10px;
}


.inputbox2{
	width:250px;
	border:#0095d1 solid 1px;
	color:#4c4c4c;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-right:5px;
	font-weight:normal;
}

.submit_button{
	color:#FFFFFF;
	border:0px;
	margin-top:8px;
	padding:2px;
	font-size:11px;
	font-weight:bold;
	background-color:#0095d1;
	border:0px;
	cursor:pointer;
}

#footer {
	width:988px;
	height:165px;
	float:left;
	font-size:13px;
	color:#282828;
	background-image: url(/img/footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#social{
	padding:35px 0 0 20px;
	float:left;
	}

a:link.link_social, a:active.link_social, a:visited.link_social{
	color:#FFF;
	display:block;
	width:300px;
	height:20px;
	margin:4px 0 4px 30px;
	padding:4px 0 0 0;
	text-decoration:none;
	font-weight:normal;
}

a:hover.link_social{
	text-decoration:underline;
}


#contact{
	float:right;
	height:69px;
	color:#FFF;
	font-size:12px;
	margin:52px 30px 0 0;
	line-height:150%;
	padding-left:80px;
	background-image: url(/img/contact.jpg);
	background-repeat:no-repeat;
}

#copyright {
	width:988px;
	float:left;
	font-size:11px;
	color:#ffb78c;
	text-align:center;
	padding:5px 0 10px 0;
}

#copyright a {
	color:#ffb78c;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

/*
	Contact form
*/

#contact-area {
	width: 410px;
	margin-top: 25px;
	overflow:hidden;
	}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 245px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 3px 0px 3px 0px;
	border: 1px solid #353535;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #fd4700;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right:13px;
	font-size:12px;
	color:#000;
	background-color:#FFFFFF;
	cursor: pointer;
	cursor: hand;
}

label {
	float: left;
	text-align: left;
	margin-right: 10px;
	width: 130px;
	padding-top: 5px;
	font-size: 12px;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		padding:0px;
		float:left;
	}
	#gallery ul { list-style: none; padding:0px; }
	#gallery ul li { 
		display: inline; 		
		height:100px;
		overflow:hidden;
		float:left;
		width:100px;		
		border: 2px solid #353535;
		margin:6px; 
		}
		


/*
	Navigatie
*/

#menu{
	list-style: none;
	position:absolute;
	z-index:10;
	padding:0px;
	width:940px;
	margin:299px 0 0 44px;
	}

#menu li{
	margin: 0px; padding: 0px;
	float:left;
	text-align:center;
	}
	
#menu li .active{
	background-image: url(/img/button_active.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	font-weight:normal;
	color: #FFF;
	padding: 10px 15px 9px 15px;
	text-transform:uppercase;
	}

#menu li a{
	color: #FFF;
	cursor:pointer;
	text-transform:uppercase;
	display: block;
	font-weight:normal;
	font-size: 12px;
	text-decoration: none;
	padding: 10px 15px 9px 15px;
	}

#menu li a:hover{
	background-image: url(/img/button_over.jpg);
	background-repeat: repeat-x;
	}

/*
   Drop down menu
*/

#menu li ul 
{
	position: absolute;
	top: -999em;
	padding:0px;
	list-style: none;
	z-index: 5;
}

#menu li ul a 
{
	width: 10em;
	cursor:pointer;
	padding-right:3em;
	background-color:#FFF;
	border-bottom:1px #e8e8e8 solid;
	color:#353535;
	text-transform:none;
	font-weight: normal;
	font-size:12px;
	text-align:left;
}

#menu li ul a:hover
{
	color:#FFF;
}	

#menu li:hover ul, #menu li.cw_hover ul 
{
	top: auto;
	margin-left: 0px;
	width: 10em;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
/* root element for scrollable */ 
div.scrollable2 { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 470px; 
    width: 250px; 
} 
 
/* root element for scrollable items */ 
div.scrollable2 div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:45px;
	height:19px;
	float:left;
	
	cursor:pointer;
	font-size:1px;
	position:absolute;
}

/* right */
a.right 				{ background:url(/img/arrow_down.png) no-repeat; margin:20px 0 0 200px;}


/* left */
a.left				{ background:url(/img/arrow_up.png) no-repeat; margin:20px 0 0 150px; } 

/* disabled navigational button   */
a.disabled {
	background-position: 0 -19px;	
} 	


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 195px;
	height:517px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	heights:20000em;
	position:absolute;
	clear:both;
	float:left;
}

.scrollable a{
	float:left;
	}

/* single scrollable item */
.scrollable img {
	float:left;
	background-color:#fff;
	text-align:center;
	padding:0 0 14px 0;
	cursor:pointer;
	width:196px;
	height:117px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

.clear {
	display: block;
	clear: both;
}