@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);

html {
 filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


@font-face {
	font-family: 'CoconBold';
	src: url('/themes/ceress/fonts/cocon-bold-webfont.eot');
	src: local('☺'), url('../fonts/cocon-bold-webfont.woff') format('woff'), url('../fonts/cocon-bold-webfont.ttf') format('truetype'), url('../fonts/cocon-bold-webfont.svg#webfont7uKh7k3t') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CoconRegular';
	src: url('/themes/ceress/fonts/cocon-regular-webfont.eot');
	src: local('☺'), url('../fonts/cocon-regular-webfont.woff') format('woff'), url('../fonts/cocon-regular-webfont.ttf') format('truetype'), url('../fonts/cocon-regular-webfont.svg#webfontOozM6EfI') format('svg');
	font-weight: normal;
	font-style: normal;
}



body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #471a0b; 
	background: #d59747 url(../images/bodyback.jpg) no-repeat 50% 0px;
}

		
html
{
	height: 100%;
}

p{
	margin: 0px;
	padding: 7px 0px 7px 0px;
}


#container {
	margin: 0 auto;
	width: 980px;
}

#content{
	float: left;
	width: 950px;
	min-height: 630px;
	padding: 0px 15px 0px 15px;
	background: url(../images/contentback.jpg) top left no-repeat;
}

		/* Fix voor IE */
		* html #content
		{
			height: 630px;
		}		
		

#footer{
	float: left;
	width: 980px;
	height: 34px;
	background: url(../images/footer.png) top left no-repeat;
}

#footer2{
	float: left;
	width: 980px;
	height: 80px;
	background: url(../images/footer2.png) top left no-repeat;
	margin-top: -46px;
	position: relative;
}

#footer3{
	float: left;
	width: 980px;
	height: 80px;
	background: url(../images/footer5.png) top left no-repeat;
	margin-top: -46px;
	position: relative;
}

	/* Fix voor IE */
	* html #footer3
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/ceress/images/footer5.png', sizingMethod='crop');
	}


a.homelink:link, a.homelink:visited, a.homelink:hover, a.homelink:active { 
	position: absolute;
	width: 250px;
	height: 100px;
	z-index: 101;
	background: none;
	top: 0px;
	left: 0px;
	}


a:link, a:visited { 
	color: #471a0b;
	text-decoration: underline;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #f4a725;
	text-decoration: underline;
	}
	
	
#bovenkant{
	float: left;
	position: relative;
	width: 950px;
	height: 300px;
}

#slideshow{
	float: left;
	width: 781px;
	height: 276px;
	overflow: hidden;
	position: relative;
}

#slideshow img{
	float: left;
	width: 781px;
	height: 276px;
	border: 0px;
}

#slideshow ul{
	float: left;
	width: 781px;
	height: 276px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

#slideshow ul li{
	float: left;
	width: 781px;
	height: 276px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	position: relative;
}


#mask{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 276px;
	width: 781px;
	z-index: 99;
	background: url(../images/mask_header.png) top left no-repeat;
}

	/* Fix voor IE */
	* html #mask
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/ceress/images/mask_header.png', sizingMethod='crop');
		right: -1px;
	}


#payoff{
	position: absolute;
	width: 325px;
	height: 99px;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	background: url(../images/passie.gif) top left no-repeat;
}

#payoff_en{
	position: absolute;
	width: 325px;
	height: 99px;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	background: url(../images/passie_en.gif) top left no-repeat;
}

#payoff_de{
	position: absolute;
	width: 325px;
	height: 99px;
	bottom: 30px;
	right: 0px;
	z-index: 100;
	background: url(../images/passie_de.gif) top left no-repeat;
}

#flags{
	position: absolute;
	z-index: 100;
	width: 100px;
	height: 25px;
	top: 13px;
	right: 35px;
}

#zoekkop{
	position: absolute;
	width: 150px;
	height: 20px;
	z-index: 100;
	right: 35px;
	top: 80px;
}

#zoeken{
	position: absolute;
	width: 150px;
	height: 20px;
	z-index: 100;
	right: 35px;
	top: 100px;
}

.searchformInput {
	background: transparent no-repeat url("../images/searchbg.gif") 0px 0px;
	border: 0px solid #999999;
	font-size: 11px;
	width: 125px;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	color: #471a0b;
	z-index: 997;
}



.searchformInput:focus {
	background: transparent no-repeat url("../images/searchbg.gif") 0px -20px;
}


.searchformSubmit {
	display: none;
}

#hoofdnav{
	position: absolute;
	width: 150px;
	z-index: 100;
	bottom: 15px;
	left: 50px;
	font-family: 'CoconRegular', Arial, Verdana, Helvetica, sans-serif;	
}


#hoofdnav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

#hoofdnav ul li{
	margin: 0px;
	padding: 0px;
	width: 150px;
	list-style-type: none;	
}

#hoofdnav ul li a:link, #hoofdnav ul li a:visited { 
	float: left;
	width: 150px;
	padding: 3px 0px 3px 0px;
	color: #471a0b;
	text-decoration: none;
	font-size: 14px;	
	}

#hoofdnav ul li a:hover, #hoofdnav ul li a:active { 
	color: #8c4816;
	text-decoration: none;
	}
	
#hoofdnav ul li a.actief:link, #hoofdnav ul li a.actief:visited, #hoofdnav ul li a.actief:hover, #hoofdnav ul li a.actief:active { 
	color: #f4a725;	
	}	

#subnav{
	float: left;
	position: relative;
	width: 875px;
	height: 24px;
	background: url(../images/subnav.jpg) top left no-repeat;
	padding: 0px 35px 0px 40px;
}

#subnav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

#subnav ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	display: inline;
}

#subnav ul li a:link, #subnav ul li a:visited { 
	float: left;
	padding: 0px 10px 0px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	background: url(../images/streepje.gif) top right no-repeat;
	}

#subnav ul li a:hover, #subnav ul li a:active { 
	color: #ffd794;
	text-decoration: none;
	}
	
#subnav ul li a.actief:link, #subnav ul li a.actief:visited, #subnav ul li a.actief:hover, #subnav ul li a.actief:active { 
	color: #ffffff;	
	font-weight: bold;
	}	
	
	
a.btn_home:link, a.btn_home:visited { 
	float: right;
	padding: 0px 15px 0px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	}

a.btn_home:hover, a.btn_home:active { 
	color: #ffd794;
	text-decoration: none;
	}	
	
#kolom1{
	float: left;
	width: 286px;
	position: relative;
	padding: 0px 0px 0px 35px;
}

#kolom2{
	float: left;
	width: 286px;
	position: relative;
	padding: 0px 0px 0px 11px;
}

#kolom3{
	float: left;
	width: 286px;
	position: relative;
	padding: 0px 0px 0px 11px;
}


.teksthome{
	float: left;
	width: 256px;
	padding: 12px 15px 15px 15px;
}
		
a.doorlink:link, a.doorlink:visited { 
	float: right;
	color: #471a0b;
	text-decoration: none;	
	padding-top: 10px;
	}

a.doorlink:hover, a.doorlink:active { 
	color: #f4a725;
	text-decoration: none;
	}	
	
.blokhome a.doorlink:link, .blokhome a.doorlink:visited { 
	float: right;
	color: #ffffff;
	text-decoration: none;	
	padding-top: 10px;	
	}

.blokhome a.doorlink:hover, .blokhome a.doorlink:active { 
	color: #ffd794;
	text-decoration: none;
	}		
	
.blokhome{
	float: left;
	width: 256px;
	padding: 12px 15px 15px 15px;
	background: url(../images/blokhome.gif) top left no-repeat;
	min-height: 213px;
	position: relative;
	color: #ffffff;
}	

		/* Fix voor IE */
		* html .blokhome
		{
			height: 210px;
		}	


.blokhome ul{
	margin: 0px;
	padding: 7px 0px 7px 0px;
	list-style-type: none;
}

.blokhome ul li{
	margin: 0px;
	padding: 2px 0px 2px 10px;
	list-style-type: none;
	background: url(../images/bullet.gif) 0px 7px no-repeat;	
	line-height: 15px;
	position: relative;
}

.blokhome_bottom{
	position: absolute;
	width: 286px;
	height: 15px;
	overflow: hidden;
	background: url(../images/blokhome_bottom.gif) top left no-repeat;
	bottom: 0px;
	left: 0px;
}

	/* Fix voor IE */
	* html .blokhome_bottom
	{
		bottom: -1px;
	}
		
.blokfoto{
	float: right;
	width: 285px;
	height: 240px;
	position: relative;
}

.blokfoto img{
	float: left;
	width: 285px;
	height: 240px;
	border: 0px;
}

#mask2{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 285px;
	height: 240px;
	border: 0px;
	background: url(../images/mask2.png) top left no-repeat;
}

	/* Fix voor IE */
	* html #mask2
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/ceress/images/mask2.png', sizingMethod='crop');
	}


#fotonav{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	background: url(../images/fotonav.png) top left no-repeat;
	padding: 10px 0px 10px 0px;
}


#fotonav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#fotonav ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 130px;
}


#fotonav ul li a:link, #fotonav ul li a:visited { 
	font-family: 'CoconRegular', Arial, Verdana, Helvetica, sans-serif;
	float: left;
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	width: 120px;
	padding: 5px 0px 5px 10px;
	}

#fotonav ul li a:hover, #fotonav ul li a:active { 
	color: #f4a725;
	text-decoration: none;
	}
	
#footercontent{
	float: left;
	width: 865px;
	padding: 0px 0px 0px 65px;
	height: 20px;
	line-height: 20px;
	color: #471a0b;
	font-size: 10px;
}

#footercontent a:link, #footercontent a:visited { 
	color: #471a0b;
	text-decoration: none;
	}

#footercontent a:hover, #footercontent a:active { 
	color: #471a0b;
	text-decoration: underline;
	}

.copyright{
	float: left;
}

.footerlinks{
	float: right;
}

#teksten{
	float: left;
	width: 494px;
	padding: 10px 0px 0px 50px;
}

p.intro{
	color: #f4a725;
}
	
#rechterkant{
	float: right;
	width: 285px;
	padding: 0px 35px 0px 0px;
}


.fotoright{
	float: left;
	position: relative;
	width: 285px;
	position: relative;
}

.fotoright img{
	float: left;
	width: 285px;
	border: 0px;
}

.fotoright_top{
	position: absolute;
	width: 285px;
	height: 10px;
	overflow: hidden;
	background: url(../images/fotoright_top.png) top left no-repeat;
	top: 0px;
	left: 0px;
}


	/* Fix voor IE */
	* html .fotoright_top
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/ceress/images/fotoright_top.png', sizingMethod='crop');
	}


.fotoright_bottom{
	position: absolute;
	width: 285px;
	height: 10px;
	overflow: hidden;
	background: url(../images/fotoright_bottom.png) top left no-repeat;
	bottom: 0px;
	left: 0px;
}


	/* Fix voor IE */
	* html .fotoright_bottom
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/ceress/images/fotoright_bottom.png', sizingMethod='crop');
	}


.fotoright_top2{
	position: absolute;
	width: 285px;
	height: 10px;
	overflow: hidden;
	background: url(../images/fotoright_top2.png) top left no-repeat;
	top: 0px;
	left: 0px;
}


	/* Fix voor IE */
	* html .fotoright_top2
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/ceress/images/fotoright_top2.png', sizingMethod='crop');
	}


.fotoright_bottom2{
	position: absolute;
	width: 285px;
	height: 10px;
	overflow: hidden;
	background: url(../images/fotoright_bottom2.png) top left no-repeat;
	bottom: 0px;
	left: 0px;
}


	/* Fix voor IE */
	* html .fotoright_bottom2
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/ceress/images/fotoright_bottom2.png', sizingMethod='crop');
	}


#formulier{
	float: left;
	width: 350px;
	padding: 10px 0px 0px 50px;
}

#contactrechts{
	float: right;
	width: 440px;
	padding: 0px 35px 0px 0px;
}

.adres1{
	float: left;
	padding: 0px 40px 0px 0px;
}

.adres2{
	float: left;
	padding: 0px 0px 0px 0px;
}

#contactrechts a:link, #contactrechts a:visited { 
	color: #471a0b;
	text-decoration: none; 	
	}

#contactrechts a:hover, #contactrechts a:active { 
	color: #471a0b;
	text-decoration: underline;
	}
	
	
#map{
	float: left;
	width: 440px;
	height: 259px;
	overflow: hidden;
}

#productenrechts{
	float: right;
	width: 583px;
	padding: 0px 35px 0px 0px;
}


.blokfoto_big{
	float: left;
	width: 583px;
	height: 250px;
	position: relative;
}

.blokfoto_big img{
	float: left;
	width: 583px;
	height: 250px;
	border: 0px;
}

#mask2_big{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 583px;
	height: 250px;
	border: 0px;
	background: url(../images/mask2_big.png) top left no-repeat;
}

	/* Fix voor IE */
	* html #mask2_big
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/ceress/images/mask2_big.png', sizingMethod='crop');
	}

#fotonav_big{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	background: url(../images/fotonav.png) top left no-repeat;
	padding: 10px 0px 10px 0px;
}



#fotonav_big ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#fotonav_big ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 130px;
}


#fotonav_big ul li a:link, #fotonav_big ul li a:visited { 
	font-family: 'CoconRegular', Arial, Verdana, Helvetica, sans-serif;
	float: left;
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	width: 120px;
	padding: 5px 0px 5px 10px;
	}

#fotonav_big ul li a:hover, #fotonav_big ul li a:active { 
	color: #f4a725;
	text-decoration: none;
	}
	
	
#fotonav_big ul li a.actief:link, #fotonav_big ul li a.actief:visited, #fotonav_big ul li a.actief:hover, #fotonav_big ul li a.actief:active { 
	color: #f4a725;
	text-decoration: none;
	}

	
	
#carwrapper{
	float: left;
	width: 561px;
	height: 131px;
	overflow: hidden;
	background: url(../images/carwrapper.gif) top left no-repeat;
	padding: 19px 0px 0px 22px;
	position: relative;
}
	



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


	
	


	
	


	
h1 { 
	font-family: 'CoconBold', Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #f4a725;
	padding: 0px 0px 0px 0px;
	}
	
.blokhome h1 { 
	color: #ffffff;
	}
	
h2 { 
	font-family: 'CoconBold', Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px -5px 0px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #f4a725;
	padding: 0px 0px 0px 0px;
	}	


.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.flag_nl, a.flag_nl:link, a.flag_nl:visited 
{
	float: left;
	width: 31px;
	height: 25px;
	background: url(../images/flag_nl.gif) 0px 0px;
	overflow: hidden;
	margin-right: 3px;
}

a.flag_nl:hover, a.flag_nl:active
{
	background: url(../images/flag_nl.gif) 0px -25px;
	text-decoration: none;
}

.flag_nl_act, a.flag_nl_act:link, a.flag_nl_act:visited 
{
	float: left;
	width: 31px;
	height: 25px;
	background: url(../images/flag_nl.gif) 0px -25px;
	overflow: hidden;
	margin-right: 3px;
}




.flag_en, a.flag_en:link, a.flag_en:visited 
{
	float: left;
	width: 31px;
	height: 25px;
	background: url(../images/flag_en.gif) 0px 0px;
	overflow: hidden;
	margin-right: 3px;
}

a.flag_en:hover, a.flag_en:active
{
	background: url(../images/flag_en.gif) 0px -25px;
	text-decoration: none;
}

.flag_en_act, a.flag_en_act:link, a.flag_en_act:visited 
{
	float: left;
	width: 31px;
	height: 25px;
	background: url(../images/flag_en.gif) 0px -25px;
	overflow: hidden;
	margin-right: 3px;
}




.flag_de, a.flag_de:link, a.flag_de:visited 
{
	float: left;
	width: 31px;
	height: 25px;
	background: url(../images/flag_de.gif) 0px 0px;
	overflow: hidden;
	margin-right: 0px;
}

a.flag_de:hover, a.flag_de:active
{
	background: url(../images/flag_de.gif) 0px -25px;
	text-decoration: none;
}

.flag_de_act, a.flag_de_act:link, a.flag_de_act:visited 
{
	float: left;
	width: 31px;
	height: 25px;
	background: url(../images/flag_de.gif) 0px -25px;
	overflow: hidden;
	margin-right: 0px;
}







.fotorechts{
	float: right;
	width: 180px;
	padding: 5px 20px 0px 0px;
	margin: 0px;	
}

.fotorechts img{
	float: right;
	width: 160px;
	padding: 0px 0px 15px 0px;
	margin: 0px;	
	border: 0px;
}


.fotooverzicht{
	display: block;
}

.fotooverzicht img{
	float: left;
	width: 105px;
	height: 90px;
	border: 0px;
	padding: 0px 18px 18px 0px;
}









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

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 550px;
	height:99px;

}

/*
	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 */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:550px;
}

/* single scrollable item */
.scrollable img {
	float: left;
	margin: 0px 11px 0px 0px;

	padding:0px;
	border:0px solid #ccc;
	width:99px;
	height:99px;
}

/* active item */
.scrollable .active {
	border:0px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */


/* right */
a.right { 
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 18px;
    height: 14px;
    cursor: pointer;
    background: transparent url(../images/next.gif) no-repeat 0 0;
    z-index: 100;
}



/* left */
a.left { 
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 18px;
    height: 14px;
    cursor: pointer;
    background: transparent url(../images/prev.gif) no-repeat 0 0;
    z-index: 100;    
}





/* disabled navigational button */
a.disabled {
	filter: alpha(opacity=40);
   -moz-opacity: 0.4;
   opacity: 0.4;		
}