@charset "utf-8";
body {
	height:auto !important;
	height:100%;
	min-height:100%;
	background-repeat:repeat-x;
	background-position:top;
	background-color:#000000;
	margin:0;
	padding:0;
	overflow-y:scroll;
	*overflow-y:auto;
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size:13px;
	line-height:27px;
	color: #999999;
	text-align: left;
}
html {
	
	color: #cccccc;
	text-align: left;
	height: 100%;
}
.react_tab {
	position:absolute;
	z-index:0;
	bottom: 28px;
	left: 0px;
}
p {
	font-size:13px;
	line-height:27px;

	m/argin:0;
	padding:0;
}
a {
	color:#fff;
	text-decoration:none;
	outline: none;

}
a:hover {
	color:#999999;
	text-decoration:underline;
}

#container {
	position: absolute;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
#main_container {
	padding:0;
	margin:0 auto;
	width:983px;
	height:auto;
	display:table;
	margin-top:20px;

}
#brief_container {
	padding:20px 0 0 0;
}

/*de header container --------------------------------------------- */

#header_container {
/*	position:absolute;*/
	height:481px;
	width:950px;
	margin:0;
	padding:0;
	z-index:10;

}
#header_left {
	background:#333333 url(../gfx/left_achtergrond.gif) left top repeat-x;
	width:241px;
	height:481px;
	float:left;
	z-index:20;
	position:relative;
}

#newsheader {
	margin-top:10px;
	width:241px;

}

#header_right {
	background-color:#7f7f7f;
	width:709px;
	height:481px;
	float:right;
	z-index:20;
}
#header_banner {
	width:709px;
	height:481px;

	background-repeat:no-repeat;
	background-position:right top;
	float:right;
	z-index:20;
}

#header_news_btn { display:none; }

#map { /*hoogte en breedte van de kaart instellen*/
	width: 709px;
	height: 442px;
	float:right;
	z-index:20;
}



#logo {
	top:0px;
	left:0;
	display:table;
	width:241px;
	height:241px;
	float:left;
}
#menu_container {
	position:absolute;
	top:461px;
	width:635px;
	height:41px;
	margin:0;
	padding:0px 35px 0 39px;
	background:url(../gfx/bg_menu.png);
	z-index:30;
}

#language_selection{
	width:241px;
	margin:0;
	float:right;
	position:absolute;
	bottom:0;
	background:url(../gfx/bg_menu.png);
	height:40px;
	text-indent:25px;
	line-height:40px;
	right:0;

/*
	width:180px;
*/
}
#language_selection p{
	color:#a4a9ab;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 5px 0 5px;
	margin-top:8px;
}
#language_selection a{
	color:#a4a9ab;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 5px 0 5px;
}
#language_selection a:hover{
	color:#a4a9ab;
	text-decoration:underline;
}
#language_selection span { 	text-decoration:underline; }

/*de crumbpath container --------------------------------------------- */
#crumbpath_container {
	width:639px;
	padding:5px 0 5px 0;
	height:30px;
	margin:0;
	text-align:left;
	color:#999999;
}
#crumbpath {
	width:450px;
	padding:0 0 5px 0;
	margin:0;
	float:left;
	color:#999999;
}
.crumbpath {
	color:#999999;

}
#crumbpath a { color:#999999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration		:none; }

/*PAGE02 ----------------------------------------------------------- */
.page02 { background-image:url('../gfx/page02_bg.gif'); background-color:none; width:950px; overflow:hidden; }

.page02_vak {
	width:180px;
	padding:26px;
	float:left;
	line-height: 25px;
}
.page02_vak h5  {
	padding-bottom:10px;
}

.margincollectie { height:50px;}
.vak1 { width:188px; }
.vak2 { width:180px; }
.vak3 { width:195px; }
.vak4 { width:175px; }


.block {
	position:absolute;
	width:540px;
	height:220px;
	margin-top:8px;
}



.blockleft {
	width:180px;
	float:left;
}
.overlay {
	position:relative;
	overflow:hidden;
	width:180px;
	height:235px;

}

.overlay2 .block, .overlay2 { height:165px; }

#button1, #button2, #button3, #button4, #button5, #button6 {
	height:6px;
	width:6px;
	background-color:#666666;
	float:left;
	margin:5px;
	cursor:pointer;

}

#button1, #button4 { margin-left:75px; margin-bottom:30px; }



/*de content container --------------------------------------------- */

#content_container {

	top:479px;
	height:auto;

}
#content {
	width:950px;

	background:#333333 url('../gfx/content_bg_large.gif');
	display:inline-block;
	color: #CCCCCC;
	height:auto;
}
#content_left {
	vertical-align: top;
	float: left;
	clear:left;
	width:211px;
	padding:0px 0 0 30px;
	background-color:#222222;
}

#content_right {
	width:639px;
	float: right;
	vertical-align: top;
	padding:0px 20px 20px 50px;
	margin:0;

}

#content_left1 {
	vertical-align: top;
	float: left;
	clear:left;
	width:300px;
	padding:0;
}

#content_right1 {
	width:310px;
	float: right;
	vertical-align: top;
	padding:0px 0 20px 0;
		margin:0;

}

#content_sub_left {
	width:95px;
	margin:0;
	padding:0;
	float:left;
	font-size:11px;
	color:#999999;
	text-transform:uppercase;
	line-height:21px;
}

#content_sub_right {
	text-align:left;
	width:200px;
	margin:0;
	padding:0;
	float:right;
	font-size:11px;
	color:#999999;
	line-height:21px;
}

#clear {
	width: 100%;
	height: 0px;
	clear: both;
}

.clear {
	width: 100%;
	height: 0px;
	clear: both;
}


/*de form container --------------------------------------------- */

#form_container {
	padding:0 0 0 30px;
	width:470px;
}
/*de gallery container --------------------------------------------- */

#gallery_container {
	width:300px;
	vertical-align: top;
	padding:0;
	margin:0;
}

div.gallery_placeholder {
	width:27px;
	height:27px;
	padding:0;
	float:left;
}
div.gallery_placeholder_large {
	width:93px;
	height:93px;
	padding:0;
	float:left;
}
.gallery_element {
	width:22px;
	height:22px;
	text-align:left;
}
.gallery_element_large {
	width:88px;
	height:88px;
	text-align:left;
}

.gallery_placeholder_large { width:88px; height:88px; margin:0 5px 5px 0; }
/*nieuws elementen --------------------------------------------- */

#news_datum {
	width:100px;
	float:left;
	text-align:left;
	margin:0;
	line-height:18px;
	padding:5px 0 5px 0;
}
.news_datum {
	width:100px;
	float:left;
	text-align:left;
	margin:0;
	line-height:18px;
	padding:5px 0 5px 0;
}

#news_item {
	width:400px;
	float:left;
	text-align:left;
	margin:0;
	line-height:18px;
	color:#999999;
	padding:5px 0 5px 0;
}

#news_item a {
	text-align:left;
	line-height:18px;
	color:#999999;
	text-decoration:none;
}
#news_item a:hover {
	text-decoration:underline;
}
.news_item {
	width:400px;
	float:left;
	text-align:left;
	margin:0;
	line-height:18px;
	color:#999999;
	padding:5px 0 5px 0;
}

.news_item a {
	text-align:left;
	line-height:18px;
	color:#fff;
	text-decoration:none;
}
.news_item a:hover {
	text-decoration:underline;
}

#news_link {
	width:100px;
	float:right;
	text-align:right;
	margin:0;
	line-height:18px;
	padding:5px 0 5px 0;
}




/*de footer  --------------------------------------------- */


#footer_container {
	position:absolute;
	width:100%;
	height:40px;
}

/* daadwerkelijke footer */

#footer{
	margin:0 auto;
	height:25px;
	width:950px;
	padding:0px;
}
#footer_left{
	vertical-align: top;
	float: left;
	clear:left;
	width:211px;
	padding:4px 0 0 10px;
}

#footer_right{
	width:659px;
	float: right;
	vertical-align: top;
	text-align:left;
	padding:4px 0 0 0;
	margin-right:20px;
}

.footer, .footer a{
	color:#999999;
	font-size:11px;
	height:16px;
	text-decoration:none;
	margin:0;
	line-height:16px;

}
.footer a:hover{
	color: #333333;
	text-decoration:underline;
}



/* de underfooter  --------------------------------------------- */
#under_footer {
	width: 950px;
	height: 60px;
}

/* de font elementen --------------------------------------------- */

a, a.visited, a.hover {
	color: #fff;
	text-decoration:underline;
}


hr {
	border: 0px;
	border-top: 1px solid #483d81;
	height: 0px;
	margin: 1px 0 1px 0;
}

#line {
	border: 0px;
	border-top: 1px solid #595959;
	height:0px;
	margin:0 0 1px 0;
	padding:0;
}
.line {
	border: 0px;
	border-top: 1px solid #595959;
	height:0px;
	margin:0 0 1px 0;
	padding:0;
}


/*h1 {
	font-family:Arial narrow, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight:normal;
	color: #ff6600;
	font-size: 35px;
	line-height:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

h2 {
	font-family:Arial narrow, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight:normal;
	text-transform:uppercase;
	color: #ffffff;
	font-size: 28px;
	line-height:normal;
	margin:0;
	padding:0;
}
h3 {
	font-family:Arial narrow, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #797979;
	font-size: 24px;
	line-height:normal;
	font-weight:normal;
	padding:0;
	margin:0;
}
h4, h4  a {
	font-family:Arial narrow, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight:normal;
	text-transform:uppercase;
	color: #a9a9a9;
	font-size: 18px;
	line-height:normal;
	margin:0;
	padding:0;
}
h5 {
	font-family:Arial narrow, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight:normal;
	color: #ff6600;
	font-size: 21px;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	text-transform:uppercase;
	color: #FF6600;
	font-size: 18px;
	line-height:normal;
	margin:0;
	padding:0;
	margin-top:43px;
}*/
.button { color:#999999 }

.button_small, .button_small a {
	font-size:11px;
	text-transform:uppercase;
	color:#999999;
	text-decoration:none;
}

.button_small a:hover {
	font-size:11px;
	text-transform:uppercase;
	color:#999999;
	text-decoration:underline;
}

.float_left {
	float:left;
	text-align:left;
	margin:0;
}

.float_right {
	float:right;
	text-align:right;
	margin:0;
}

.button_caps, .button_caps a {
	color:#999999;
	text-transform:uppercase;
	text-decoration:none;
	font-size:13px;
}
.button_caps a:hover {
	color:#999999;
	text-transform:uppercase;
	text-decoration:underline;
}

.button_caps_small, .button_caps_small a {
	color:#999999;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
}
.button_caps_small a:hover {
	color:#999999;
	text-transform:uppercase;
	text-decoration:underline;
}


/* custom css elements ---------------------------------- Carpet Sign*/

#background {
	position:absolute;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	top:0;
	z-index:-50;
}


#tabje {
	position:absolute;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	top:0;
	background:url(../gfx/label_carpetsign.jpg) center top no-repeat;
	z-index:-40;
}

img.collectie {
	width:50px;
	height:50px;
	padding:0 10px 5px 0;
	margin:0;
	border:0;
	z-index:0;
	float:none;
}

.page02 img.collectie {
	width:50px;
	height:50px;
	padding:0 10px 5px 0;
	margin:0;
	border:0;
	z-index:0;
	float:none;
}


img.collectieHover {
	width:88px;
	height:88px;
	padding:0;
	margin:0;
	border:0;
	z-index:50;
	float:none;
}
a.collectie, a.collectie a:hover {
	padding:0;
	margin:0;
}
div.collectiePopup{
	display:none;
	b/ackground-color:#ffffff;
	p/adding:6px;
	b/order:0;


	border:6px solid #ffffff;
	width:88px;
	height:88px;
/*
  	position:absolute;
	margin:-25px 0 0 -85px;

*/
}
div.header_news{
	width:191px;
	padding:10px 20px 0 30px;
	height:192px
}

.header_news, .header_news a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#999999;
	line-height:18px;
}

#header_news_btn, #header_news_btn a{
	text-decoration:none;
	color:#999999;
	padding:0px 10px 0px 0;
	text-align:right;
}
#header_news_btn a:hover{
	text-decoration:underline;
	color:#999999;
	text-align:right;
}
.header_news ul {
	margin:0;
	padding:8px 0px 0px 0px;
	list-style-image:url(../gfx/list_image_news.gif);
	list-style-position:outside;
}

.header_news li, .header_news li a {
	list-style-position:outside;
	text-decoration:none;
	margin:0;
	padding:0 0 18px 0;
	list-style-image:url(../gfx/list_image_news.gif);
}
.header_news li a:hover {
	list-style-position:outside;
	text-decoration:underline;
	list-style-image:url(../gfx/list_image_news.gif);
}

#dealers {
	padding:0 50px 0 20px;
	background:url(../../gfx/list_image.gif) top left no-repeat;
	float:left; width:140px;
	line-height:15px;
	color:#999999;
	font-size:11px;
	height:80px;
}
.dealers {
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:bold;
	display:block;
	padding:0;
	margin:4px 0 0 0;
	height:0px;
}
.nieuws, .nieuws a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b9fa2;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
}
.nieuws a:hover {
	color:#666666;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:underline;
}
#product_banner {
	position:absolute;
	width:709px;
	text-align:right;
	padding:0;
	top:241px;
	margin:0;
	z-index:400;
}
.product_banner {
	margin:0;
	padding:0;
	background:url(../gfx/product_sauvage.png);
}
#made_in_holland {
	padding:50px 0 0 0;
	margin:0;
	width:33px;
	display:inline-block;
	height:200px;
	float:right;
	z-index:99;
	background:url(../gfx/label_carpetsign.gif) left top no-repeat;


}
.made_in_holland {
	width:27px;
	height:136px;
	display:block;
	cursor:pointer;
}
div.infoWindow, div.infoWindow p, div.infoWindow a, div.infoWindow a:hover {
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #333333;
	m/argin:0;
	padding:0;
}

#header_banner_maps {
	width:709px;
	height:482px;
	background-color:#7f7f7f;
	float:right;
	z-index:20;
}
#ie6-upgrade {
	background-color:#ffffff;

}
.ie6-upgrade {
	margin:0 auto;
	width:940px;
	padding:10px 40px 10px 0;
}
.ie6-upgrade p {
	font-size:11px;
	line-height: 14px;
	color:#666666;
}

/* BLACKOUT --------------------------------------------*/


/* Overlay section */
#section {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	z-index:900;
	background:#000 url(../gfx/large_bg.jpg) no-repeat center top;
}

#wrapper {
	position:relative;
	width:981px;
	height:800px;
	margin:0 auto;
}



#flashlogo {
	position:absolute;
	top:19px;
	left:0;
}


/* Style page */
#inner, #article
{

	width: 630px;
	margin: 0 auto;
}


/* =BRANDBOX ------------------------------------------------------ BRANDBOX
 	jQuery Nivo Slider v2.1 */

.nivoSlider { position:relative; width:600px; }
.nivoSlider img {
                position:absolute;
                top:0px;
                left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
                position:absolute;
                top:0px;
                left:0px;
                width:100%;
                height:100%;
                border:0;
                padding:0;
                margin:0;
                z-index:60;
                display:none;
}
/* The slices in the Slider */
.nivo-slice {
                display:block;
                position:absolute;
                z-index:50;
                height:100%;
}
/* Caption styles */
.nivo-caption {
                position:absolute;
                left:0px;
                bottom:0px;
                background:#000;
                color:#fff;
                opacity:0.8; /* Overridden by captionOpacity setting */
                width:100%;
                z-index:89;
}
.nivo-caption p {
                padding:5px;
                margin:0;
}
.nivo-caption a {
                display:inline !important;
}
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
                position:absolute;
                top:45%;
                z-index:99;
                cursor:pointer;
}
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Custom Bullets */

.nivo-controlNav {
                position:absolute;
                right:10px;
                bottom:55px;
                z-index:99;
}
.nivo-controlNav a {
                display:block;
                width:10px;
                height:10px;

				background:url(../gfx/bg_menu.png);
                text-indent:-9999px;
                border:0;
                margin-right:3px;
                float:left;
}
.nivo-controlNav a.active {  background:#FFFFFF url(../gfx/white.png);	 }
.nivo-directionNav a {
                display:block;
                width:32px;
                height:34px;
                background:#ff0000 url('/gfx/nivoslider_arrows.png') no-repeat;
                text-indent:-9999px;
                border:0;
}
/* SLIMBOX */
#lbOverlay {
                position: fixed;
                z-index: 800;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                background-color: #000;
                cursor: pointer;
}
#lbCenter, #lbBottomContainer {
                position: absolute;
                z-index: 9999;
                overflow: hidden;
                background-color: #fff;
}
.lbLoading { background: #fff url('/gfx/jquery/loading.gif') no-repeat center; }
#lbImage {
                position: absolute;
                left: 0;
                top: 0;
                border: 10px solid #fff;
                background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
                display: block;
                position: absolute;
                top: 0;
                width: 50%;
                outline: none;
}
#lbPrevLink { left: 0; }
#lbPrevLink:hover {
                background: transparent url('/gfx/jquery/prevlabel.gif') no-repeat 0 15%;
}
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url('/gfx/jquery/nextlabel.gif') no-repeat 100% 15%; }
#lbBottom {
                font-size: 10px;
                color: #666;
                line-height: 1.4em;
                text-align: left;
                border: 10px solid #fff;
                border-top-style: none;
}
#lbCloseLink {
                display: block;
                float: right;
                width: 66px;
                height: 22px;
                background: transparent url('/gfx/jquery/closelabel.gif') no-repeat center;
                margin: 5px 0;
                outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
#lbNumber { color:#CCCCCC; }



.displayNone { display:none; }


/* brandbox - coda slider */
.floatLeft { float: left; margin-right: 10px; }
.floatRight { float: right; }
.clear { clear: both; }
a { outline: none; }
 .slider-wrap { height:120px; width: 940px;}
 .stripViewer {
                position: relative;
                overflow: hidden;
                width: 600px;
                height: 208px;
/*
                width:940px;
                height:120px;
*/
}



.company a, .company #dealers, .company  { color:#cccccc; }
x.menuSub2 { position:absolute; left:100%; top:3px; }


.page02 img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
 }

.page02 table { margin:0; padding:0; line-height:0px;}

span.labelNL {
	display:inline-block;
	width:80px;
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 13px;
	text-align:left;
	line-height:19px;
}
span.fieldNL {
	display:inline-block;
	width:160px;
	text-align:right;
}
input.inputNL, input.buttonNL {
	height: 19px;
	width: 160px;
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	border: 0px solid #cccccc;
	font-size: 13px;
	color: #858585;
	fl_oat:none;
	padding:1px 3px 1px 3px;
	margin:2px 7px 3px 0;
	padding:0;
	margin:0;


}
input.buttonNL {
	color: #FFFFFF;
	background-color:#eb6217;
}
/*
span.labelNL {
color:red;
width:100px;
}
*/



