/*** kleuren *********************************************/

/* oranje      : #f58026; */
/* donkergrijs : #333333; */
/* lichtgrijs  : #8a8c90; */


/*** fonts ***********************************************/
body {	
	font-family        : 'Lato', sans-serif;
	font-weight        : 400;
	font-size          : 11px;
	line-height        : 20px;
	color              : #fff;
}
h1 {
	font-size          : 16px;
	line-height        : 20px;
	font-weight		   : 900;
	margin             : 0 0 15px 0;
	color              : #fff;
}
h2 {
	font-size          : 14px;
	line-height        : 20px;
	font-weight        : 400;
}
h3 {
	font-size          : 12px;
	line-height        : 28px;
	font-weight        : 700;
	color              : #acacac;
}
p {
	margin-bottom      : 18px;
}
p.intro {
	font-size          : 14px;
}

h3.groter {
	font-size          : 14px;
	color:#fff;
}

h3.normaal-1 {
	font-weight        : 400;
	line-height:18px;
	color:#fff;
}

a {
	color              : #acacac;
	text-decoration    : none;
}
a:hover {
	color              : #fff;
}

a.meer,
.btn {
	margin-top:10px;
	display:inline-block;
	line-height:18px;
	padding: 0px 6px;
	font-size: 10px;	
	background: #303030;
	color:#fff;
	cursor:pointer;
}
a.meer{
	margin-top:21px;
	line-height:18px;
	padding: 0px 6px;
}
a.meer-events, 
a.meer-berichten { 
	padding-right: 9px;
	background: url(../img/pijl_grijs_rechts.gif) no-repeat right 4px; 
}

a.sort,
.sort-disabled,
.sort-active {
	background: #232323;	
	width: 21px;
	height: 21px;
	display: inline-block;
	text-align:center;
	margin-right:5px;
}
a.sort:hover {
	background: #414141;
}
.sort-disabled {
	background: #131313;
}
.sort-active {
	background: #414141;
}
	
hr {
	
}

strong {
	font-weight        : 700;
}
textarea {
	font-family        : Arial;
	font-size          : 11px;
	line-height        : 18px;	
}

img.info {
	position           : relative;
	top                : 5px;
}

td{ vertical-align:top; }

#map-canvas { height: 450px; }
#map-canvas h1, #map-canvas h2, #map-canvas h3, #map-canvas p, #map-canvas a { color:#000; }

/*** positioneren ****************************************/

body {
	text-align         : center;
	background         : #060606 url(../img/bg_body.jpg) center top no-repeat;
}

#wrap {
	position           : relative;
	margin             : 0 auto;
	width              : 982px;
	text-align         : left;
}




/*** header **********************************************/
#header-top {
	position		   : absolute;
	left			   : 0;
	width			   : 100%;
	height			   : 165px;
	background		   : url(../img/bg_top.png);
}

#wrap #header {
	height             : 527px; /* 212+315 */
	xbackground         : url('../img/bg_header_2.png') 0px 0px no-repeat;
}

#wrap #header #header-back {
	position		   : absolute;
	top				   : 130px;
}
#wrap #header #header-back-shadow {
	z-index			   : 99;
	position		   : absolute;
	margin-top		   : 212px;
	margin-left		   : 4px;
}


#wrap #header #header-image-bg {
	position           : absolute;
	top                : 136px;
	/*border             : 4px solid #fff;*/
	margin-left: 5px;
}

#wrap #header #header-image {
	position           : absolute;
	top                : 136px;
	margin-left		   : 5px;
}
#wrap #header #header-image span {
	position           : absolute;
	background         : url(../img/bg_headertekst.png) 0px 0px;
	text-align         : center;
	font-size          : 14px;
	line-height        : 18px;	
	padding 	       : 0 50px 10px 50px;
}
#wrap #header #header-image span h2 {
	font-size          : 28px;
	line-height        : 45px;
	letter-spacing     : -1px;
	font-weight		   : 700;
}
#wrap #header #top-border{
	position           : absolute;
	top                : 13px;
	width:100%;
	text-align:right;
}
#wrap #header .choose-your-interest{
	margin:0px 20px 0px 0px;
	float:right;
	line-height:0px;
	opacity: 0.5;
}
#wrap #header .choose-your-interest:hover{
	opacity:1;
}


#wrap #header #language-switch {
	position           : relative;
	text-align:center;
	color:#404040;
	float:right;
	margin-left:20px;
	xtop                : 13px;
	xleft               : 878px;
	xright:0px;
	xwidth:auto;
	border:1px solid #404040;
	white-space:nowrap;
	z-index			   : 1000;

}
#wrap #header #language-switch a {
	color              : #fff;
	text-decoration    : none;
	display			   : inline-block;
	padding			   : 0px 3px 0px 3px;
	cursor: pointer;
	width: 15px;
}
#wrap #header #language-switch a:hover,
#wrap #header #language-switch .selected-taal {
	color			   : #2a2a2a;
	background		   : #fff;
	display			   : inline-block;	
	padding			   : 0px 3px 0px 3px;	
	
		
	height:14px;
	width: 15px;
	line-height:14px;
}

#wrap #header #searchform {
	position		: relative;
	float:right;
	xtop				: 12px;
	xleft			: 677px;
	padding			: 0px;
	border			:1px solid #303030;
}
#wrap #header #searchform a {
	color				: #fff;
	text-decoration		: none;
}

#wrap #header #searchform .tekst {
	float				: left;
	border-right		: 0px;
	padding				: 0px 5px;
	background-color	: #000;
	color				: #fff;
	width				: 135px;
	line-height			: 20px;
	height				: 20px;
}
* html #wrap #header #searchform .tekst {
	margin-right:-3px;
}

#wrap #header #searchform .tekst:focus{
	background-color   : #000;
	color              : #fff;
}
#wrap #header #searchform .btn{
	text-indent:-9999px;
	width:34px;
	height:20px;
	background         :#000 url(../img/search.gif) no-repeat;
	cursor:pointer;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}

#wrap #header #searchform .btn:hover{
	background         :#000 url(../img/searchHover.gif);
}

#cart-information{
	position:absolute;
	right:0px;
	top:45px;
}

/*** mainmenu ********************************************/

#wrap ul#mainmenu {
	position           : absolute;
	right              : 1px;
	top                : 90px;
	font-size          : 12px;
	line-height        : 40px;
	font-weight        : 700;
	height             : 40px;
	z-index            : 600;
}
#wrap ul#mainmenu a {
	color              : #acacac;
	text-decoration    : none;
	padding            : 0 20px;
	display            : block;
	margin-left        : -1px;
	letter-spacing     : 1px;
}
#wrap ul#mainmenu a.active {
	color              : #fff;
}

#wrap ul#mainmenu a.activeMainmenu {
	color              : #111;
	background-color   : #f4f4f4;
}
#wrap ul#mainmenu a:hover {
	color              : #acacac;
	background-color   : #f4f4f4;
}
#wrap ul#mainmenu li {
	display            : block;
	float              : left;
	white-space        : nowrap;
	/*background         : url(../img/bg_mainmenu_border.gif) bottom right no-repeat;*/
}
#wrap ul#mainmenu li ul {
	position           : absolute;
	display            : none;	
	line-height        : 25px;
}
.shadow {
  -moz-box-shadow: 3px 3px 4px #666; /* Firefox/Mozilla */
  -webkit-box-shadow: 3px 3px 4px #666; /*Safari/Chrome */
  box-shadow: 3px 3px 4px #666; /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#666666')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#666666');
}
#wrap ul#mainmenu li ul li {
	display            : block;
	float              : none;
	background-color   : #f4f4f4;
	font-size          : 11px;
}
#wrap ul#mainmenu li ul li.first {
	padding-top        : 18px;
}
#wrap ul#mainmenu li ul li.last {
	padding-bottom     : 15px;
}
#wrap ul#mainmenu li ul li a {
	color              : #666;
	margin-left        : 0px;
	background-color   : #f4f4f4;
	font-weight        : 400;
	letter-spacing     : 0px;
}
#wrap ul#mainmenu li ul li span {
	color              : #000;
	padding            : 0 22px;
	display            : block;
	margin-left        : -1px;
	letter-spacing     : 1px;
}

/* uitzondering: terrace */
#wrap ul#mainmenu li#terrace a {
	color              : #111;
	background-color   : #f4f4f4;
}


/* button menu */
ul#buttonmenu {
	position           : absolute;
	top:130px;
	line-height        : 25px;
	right              : 0px;
	width              : 979px;
	background         : #fff url(../img/bg_mainmenu_sub.jpg) 0 0 no-repeat;
	padding-bottom     : 0px;
	z-index            : 50;
}

ul#buttonmenu li {
	background-color   : transparent;
	float              : left;
	width              : 244px; /*met 4 items*/
	/*width              : 195px; met 5 items*/
	height             : 82px;
	white-space        : normal;
}
ul#buttonmenu li a {
	display:block;
	font-size          : 11px;
	letter-spacing     : 0px;	
	height             : 62px;
	line-height        : 15px;
	color              : #8a8c90;
	padding            : 15px 10px 5px 15px;
}
ul#buttonmenu li a.activeMainmenu {
	background-color   : transparent;
}

ul#buttonmenu li a:hover {
	color              : #ccc;
}
ul#buttonmenu li h2 {
	font-size          : 16px;
	font-weight        : 700;
	line-height        : 15px;
	color              : #000;
	margin             : 0px;
	margin-bottom:5px;
}	
ul#buttonmenu li a:hover h2{
	color              : #777;
}	

/* uitzondering: submenu met meerdere nivieau's, daarvan komen de kolommen naast elkaar */
#wrap ul#mainmenu li.subkolommen ul li {
	display            : block;
	float              : left;
	width              : 199px;
	height             : 250px;
	border-right       : 1px solid #999;	
}
#wrap ul#mainmenu li.subkolommen ul li ul {
	/*height             : 175px;*/
}
#wrap ul#mainmenu li.subkolommen ul li ul li {
	float              : none;
	height             : 25px;
}
#wrap ul#mainmenu li.subkolommen ul div {
	height             : 250px;
	background         : #f4f4f4;
}
#wrap ul#mainmenu li.subkolommen ul li a {
	font-weight        : 700;
}
#wrap ul#mainmenu li.subkolommen ul li ul li a {
	font-weight        : 400;
}

/* service menu */
#wrap ul#mainmenu li#service ul {
	margin-left              : -288px;
}
#wrap ul#mainmenu li#service ul li ul,
#wrap ul#mainmenu li#service ul li ul il ul {
	margin-left              : 0;
}


/*** secondmenu ******************************************/
#wrap #secondmenu {
	background		   : #000;	
	height			   : 41px; 
	padding			   : 6px 6px 0px 6px;
	margin		   	   : 0 auto;
	display			   : inline-block;
	
	zoom: 1;
	*display:inline;
}

#wrap #secondmenu-images {
	position		   : absolute;
	width			   : 100%;	
	top				   : 496px;	
	left:5px;
	z-index			   : 400;
	text-align		   : center;
}


#wrap #secondmenu img.off,
#wrap #secondmenu a {
	display            : inline-block;
	width		 	   : 175px;
	height			   : 59px;
	
	zoom: 1;
	*display:inline;	
	text-align		   : left;
}

#wrap #secondmenu a:hover img,
#wrap #secondmenu a.active img {
	display            : block;
	width			   : 175px;
	height			   : 59px;
}
#wrap #secondmenu img.rand {
	position		   : absolute;
	display			   : none;
	width			   : 175px;
	height			   : 59px;
}


/*** news ************************************************/
#wrap #news {
	position           : relative;
	
}

#wrap #news p#ticker,
#wrap #news p#path {
	color              : #fff;	
	line-height        : 65px;
	/*background         : url(../img/bg_news.gif) repeat-x;*/	
	background         : url(../img/twitter-balk.jpg);	
	
	margin-top         : 47px;
	width              : 663px;
	height			   : 45px;
	margin-bottom      : 10px;
}
#wrap #news p#path-buy {
	color              : #fff;	
	line-height        : 65px;
	background         : url(../img/bg_news.gif) repeat-x;
	padding            : 0px 10px;
	width              : 713px;
}

#wrap #news ul#newslist {
	position           : relative;
	top                : -45px;
	left               : 158px;
	width              : 480px;	
	display			   : none;
}
#wrap #news ul#newslist li {
	white-space        : nowrap;
	width              : 480px;
	overflow           : hidden;
	font-size		   : 12px;
	line-height		   : 14px;
}
#wrap #news ul#newslist li a {
	color              : #838383;
	font-weight		   : 900;
	font-style		   : italic;
}

#wrap #news ul#newslist li a.twitter-bericht {	
	color			   : #fff;
}

#wrap #news p#path a {
	display            : inline-block;
	font-size          : 11px;
	line-height        : 65px;
	padding            : 0 20px 0px 10px;
	background         : url(../img/bg_news_path_button.gif) right 15px no-repeat;
}
#wrap #news p#path-buy a {
	display            : inline-block;
	font-size          : 11px;
	line-height        : 65px;
	padding            : 0 20px 0px 10px;
	background         : url(../img/bg_news_path_button.gif) right 15px no-repeat;
}

#wrap #news p#path a.path-first {
	font-weight        : 700;
	padding-left       : 0px;
}

#wrap #news p#news-right {
	position           : absolute;
	top                : 12px;
	right              : 0px;
	width              : 235px;
}
#wrap #news #signup {
	position           : absolute;
	top                : 0px;
	right              : 20px;
	width              : auto;
	height			   : 45px;
}
#wrap #news #signup p {
	color              : #fff;
	margin             : 0px;
	float			   : left;
	line-height		   : 14px;
	padding-top		   : 8px;
}
#wrap #news #signup img {
	margin-left		   : 9px;	
	margin-top		   : 12px;
}
#wrap #news #signup #email {
	width              : 133px;
	height             : 15px;
	font-size          : 11px;
	line-height        : 15px;
	color              : #000;
	border             : 1px solid #313131;
	margin-right       : 6px;
}
#wrap #news #signup #submit {
	width              : 82px;
	height             : 20px;
	font-size          : 11px;
	line-height        : 15px;
	background-color   : #fff;
	color              : #000;
	border             : 1px solid #313131;
	background         : #fff url(../img/pijl_zw_rechts.gif) 70px 5px no-repeat;
}



/*** cnt *************************************************/
#wrap #cnt {
	background         : #000;
	border             : 1px solid #313131;
}
#wrap #cnt #cnt-verloop {
	background: url(../img/content_verloop.png) 5px 5px no-repeat;
}
#wrap #cnt #cnt-main {
	width              : 681px;
	padding            : 25px;	
	padding-bottom: 35px;
	/*background         : #000;*/
	/*background: url(../img/content_verloop.png) 5px 5px no-repeat;*/
	
	min-height         : 280px;
	height: auto !important; /* voor moderne Browser */
	/*height:410px; voor IE6 */
}

#wrap #cnt #cnt-main .active-chapter {
	color: #fff;
}

#wrap #cnt #cnt-main ul {
	list-style         : disc;
	margin-left        : 15px;
	margin-right       : 15px;
}
#wrap #cnt #cnt-main h1.nieuws{
	margin:0px;
	margin-bottom:3px;
}

#wrap #cnt #cnt-main .datum{
	color:#6e6e6e;
	display:block;
}

#wrap #cnt #cnt-main h1 a { color: #fff }
#wrap #cnt #cnt-main .nieuwsregel {
	
}

.fancy {
	display				: inline-block;
}

.type-iframe #fancybox-title, .type-iframe #fancybox-right, .type-iframe #fancybox-left{
	display:none !important;
}
.thumb {
	width              : 90px;
}

#wrap #cnt #cnt-main #video_embed {
	width: 449px;
	padding-bottom: 22px;	
}
#wrap #cnt #cnt-main #nieuws-afbeelding-rechts {
	float: right;
	width: 210px;
	padding-left: 22px;
}
#wrap #cnt #cnt-main #nieuws-afbeelding-rechts a,
#wrap #cnt #cnt-main #nieuws-afbeelding-links a {
	display: block;
	width: 210px;
	height: 98px;
	margin-bottom: 10px;
	border: 1px solid #fff;
	
	
}
#wrap #cnt #cnt-main #nieuws-afbeelding-links {
	float: left;
	width: 210px;
	padding-right: 22px;
}



#wrap #cnt #cnt-main ul#actueel {
	list-style         : none;
	margin             : 0;
}
#wrap #cnt #cnt-main ul#actueel li {
	border-top         : 1px solid #313131;
	padding-top        : 18px;
	margin-bottom      : 18px;
}
#wrap #cnt #cnt-main ul#actueel li.first {
	border-top         : 0;
	margin-top         : -18px;
}
#wrap #cnt #cnt-main ul#actueel li img {
	border             : 2px solid #fff;
	position           : absolute;
	margin             : 2px 0 18px 0;
}
#wrap #cnt #cnt-main ul#actueel li h1 {
	margin             : 0 0 4px 165px;
}
#wrap #cnt #cnt-main ul#actueel li p {
	margin             : 0 0 0 165px;
}

#wrap #cnt #cnt-sidemenu {
	float              : right;
	width              : 227px;
	margin             : 10px 10px 0px 0px;
	background         : #000;
}
* html #wrap #cnt #cnt-sidemenu {
	width              : 202px;
}

/* events */
#wrap #cnt #cnt-sidemenu .blok-achtergrond,
#wrap #cnt #cnt-sidemenu #events-achtergrond,
#wrap #cnt #cnt-sidemenu #nieuwsbrief-achtergrond {
	background		   : #262626;
	width			   : 203px;
	padding			   : 11px 12px;
	margin-bottom:10px;
}
#wrap #cnt #cnt-sidemenu .banner-achtergrond,
#wrap #cnt #cnt-sidemenu .testcase-achtergrond {
	width			   : 227px;
	padding			   : 11px 0px;
}
#wrap #cnt #cnt-sidemenu #events-achtergrond h1 {
	margin-bottom	   : 13px;	
}

#wrap #cnt #cnt-sidemenu ul#events h2 {
	color: #000;	
}
#wrap #cnt #cnt-sidemenu ul#events {
	background         : #fff; 
}
#wrap #cnt #cnt-sidemenu ul#events li {
	padding            : 0 10px;
}

#wrap #cnt #cnt-sidemenu #events a {
	display            : block;
	min-height         : 42px;
	overflow           : hidden;
	color              : #6b7177;
	background         : #fff url(../img/bg_sidemenu.gif) -9px 0 no-repeat;
	padding-top        : 12px;
	border-top         : 1px solid #8a8c90;
}
#wrap #cnt #cnt-sidemenu #events li.first a {
	border-color       : #fff;	
}

#wrap #cnt #cnt-sidemenu #events a:hover {
	display            : block;
	color              : #acacac;
	text-decoration    : none;
}

/* quotes */
#wrap #cnt #cnt-sidemenu .quotes {
	font-size          : 14px;
	line-height        : 18px;
	font-weight        : 700;
	margin             : 36px 0;
}
#wrap #cnt #cnt-sidemenu .quotes span {
	font-size          : 12px;
	line-height        : 18px;
	font-weight        : 400;
	display			   : block;
}

/* social media */
#wrap #cnt #cnt-sidemenu ul#social_media li {
	line-height        : 27px;
}
#wrap #cnt #cnt-sidemenu ul#social_media li a {
	padding-left       : 40px;
	display            : block;
}

#wrap #cnt #cnt-sidemenu ul#social_media a#social_media_twitter {
	background         : url(../img/bg_social_media_icons.gif) -5px 0px no-repeat;
}
#wrap #cnt #cnt-sidemenu ul#social_media a#social_media_youtube {
	background         : url(../img/bg_social_media_icons.gif) -5px -80px no-repeat;
}
#wrap #cnt #cnt-sidemenu ul#social_media a#social_media_facebook {
	background         : url(../img/bg_social_media_icons.gif) -5px -40px no-repeat;
}
#wrap #cnt #cnt-sidemenu ul#social_media a#social_media_linkedin {
	background         : url(../img/bg_social_media_icons.gif) -5px -120px no-repeat;
}

#wrap #cnt #cnt-sidemenu #nieuwsbrief-achtergrond p{
	margin:0px;
	margin-bottom:10px;
}

#wrap #cnt #cnt-sidemenu .blok-achtergrond .tekst,
#wrap #cnt #cnt-sidemenu #nieuwsbrief-achtergrond .tekst{
	border             : 1px solid #363a3d;
	padding            : 2px;
	background-color   : #000;
	width:100%;
	display:block;
	color              : #a4a4a4;
}

#wrap #cnt #cnt-sidemenu .blok-achtergrond .tekst:focus ,
#wrap #cnt #cnt-sidemenu #nieuwsbrief-achtergrond .tekst:focus {
	border             : 1px solid #fff;
	border-color       : #999 #fff #fff #999;
	background-color   : #ffc;
	color              : #000;
}
#wrap #cnt #cnt-sidemenu #nieuwsbrief-achtergrond .error {
	display:block;
}



/*** footer **********************************************/
#wrap #footer {
	margin-top         : 10px;
	background         : #000;
	color              : #acacac;
	border             : 1px solid #313131;
	clear              : both;
}

#wrap #footer #footer-top {
	height: 30px;
	border-bottom: 1px solid #1a1a1a;
	padding-top:10px;	
}
#wrap #footer #footer-top img {
	float:left;

}

#wrap #footer #footer-top a {
	font-style:10px;
	font-weight:700;
	color:#999999;
}


#wrap #footer #footermenu {
	margin-top         : 8px;	
	margin-left        : 80px;
}
#wrap #footer #footermenu li {
	float              : left;
	/*width              : 160px;*/
	font-size          : 12px;
	line-height        : 28px;
	font-weight        : 700;
}
#wrap #footer #footermenu li a {
	display            : block;
}
#wrap #footer #footermenu li ul {
	margin-right       : 55px;
}

#wrap #footer #footermenu li ul li {
	float              : none;
	font-size          : 11px;
	line-height        : 16px;
	font-weight        : 400;
}
#wrap #footer #footermenu li ul li a {
	color              : #777;
}
#wrap #footer #footermenu li ul li a:hover {
	color              : #fff;
}
#wrap #footer #footermenu li.mostright,
#wrap #footer #footermenu li.mostright ul li {
	width              : 110px;	
}

/*** end *************************************************/
#wrap #end {
	padding              : 26px 0px 40px 0px;
	font-size            : 10px;
	font-family          : Verdana;
	text-align			 : center;
}


/*** home ************************************************/
#wrap #home {
	position           : absolute;
	top                : 88px;
	left               : 0px;
	line-height:0px;
}


/*** jquery selectbox ************************************/
input.selectbox{
	background:url("../img/jquery_selectbox/lay-selectMoreButton.gif") right no-repeat;
}
input.selectbox:focus{
	background:url("../img/jquery_selectbox/lay-selectMoreButtonHover.gif") right no-repeat;
}

#nieuwsbriefform .selectbox{
	width:100% !important;
	color:#fff;
	background-color:#000;
	padding:5px 0px;
	border:1px solid #363a3d;
}

div.selectbox-wrapper{
	position:absolute;
	padding:0px;
	margin:0px;
}

div.selectbox-wrapper ul { 
	list-style-type:none; 
	text-align:left;
	margin:0px !important;
	padding:0px;
	border-top:1px solid #000;
}

div.selectbox-wrapper ul li.current {  
  background-color: #000; 
	color:#ffc;
} 
div.selectbox-wrapper ul li { 
	padding:0px 3px;
	background:#ffc;
	color:#000;
  list-style-type:none; 
  cursor:pointer;
  width:100%;
} 

/*** dataform ********************************************/

#dataform td {
	vertical-align     : top;
	/*background-color   : #131313;*/
}

#dataform th {
	color              : #a4a4a4;
}

#dataform h2,
#dataform p {
	margin-bottom      : 9px;
}

#dataform ul {
	list-style         : disc;
	margin-left        : 15px;
	margin-right       : 15px;
}
#dataform label {
	/*float              : left;
	width              : 150px; */
	display            : block;
	
}
#dataform .inline {
	display              : inline;
}
#dataform input,
#dataform textarea {
	border             : 1px solid #363a3d;
	padding            : 2px;
	background-color   : #000;
	color              : #a4a4a4;
}
#dataform input:focus,
#dataform textarea:focus {
	border             : 1px solid #fff;
	border-color       : #999 #fff #fff #999;
	background-color   : #ffc;
	color              : #000;
}

#dataform input.radio {
	border             : 0px;
	background         : #050505;
}
#dataform textarea.breed,
#dataform input.breed {
	width              : 200px;
}
#dataform input.middel {
	width              : 70px;
}
#dataform input.smal {
	width              : 32px;
}

#dataform #verwijder1 {
	display            : none; /* de eerste verwijderlink hoeft niet getoond te worden */
}
#dataform .commentaar{
	display:block;
}
#dataform .bijschrift {
	color              : #a4a4a4;
	float              : right;
	margin-right       : 35px;
}


#dataform label.error {
		color          : red;
		font-style     : italic;
		width          : 300px;
		border         : 0;
		display        : block;
		float          : none;
		margin-left    : 130px;
}

#dataform textarea.disabled,
#dataform input.disabled {
	background-color   : #a4a4a4;
	overflow           : hidden;
}
#dataform h2.disabled,
#dataform p.disabled {
	color              : #666;
}

#dataform input.checkbox { border: none }
/*#dataform input:focus { border: 1px dotted black; }*/
#dataform input.error { border: 1px dotted red; background : #ffa; }

/*** buttons ***/
#dataform .btn,
#dataform input.btn {
	background-color   : #f5f6f7;
	font-size          : 12px;
	line-height        : 22px;
	color              : #000;
	padding            : 0 10px 3px 10px;
	cursor             : pointer;
}
#dataform a.btn{
	height             : 22px;
	text-decoration:none;
	padding            : 2px 11px 4px 11px;
}
#dataform input.btn:focus {

}
#dataform input.btn.accent {
	font-weight        : bold;
}
#dataform input.btn2 {
	background         : url(../img/order/btn_bg2.gif);
}
#dataform input.btn-text {
	border             : 0px;
	background-color   : #040404;
	font-size          : 11px;
	line-height        : 1;
	color              : #a4a4a4;
	cursor             : pointer;
}

/* Accordion */
	#accordion { border-bottom:1px solid #fff; padding-top:15px; } 
	.accordion-toggle { border-top:1px solid #fff; margin:0px; cursor: pointer; padding: 15px; background: transparent url(../img/pijl_wit_rechts.gif) no-repeat left;}
	.accordion-content {display: block; margin: 10px 0px 40px 0px;}
	.accordion-toggle.active { background: transparent url(../img/pijl_wit_down.gif) no-repeat left; }
  
/*
Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {
	margin:0; padding:0;
}
ul.newList a {
	text-decoration:none; 
	display:block;
	color:#000 !important;
}
ul.newList a:hover {
	color:#fff !important;
}
ul.newList {
	xmargin:0px; 
	xpadding:0px; 
	xlist-style:none; 
	width:190px; 
	background:#fff; 
	position:absolute;  
	border:1px solid #000; 
	top:22px; 
	margin-left:0px !important; 
	overflow:auto; 
	z-index:9999;
}
.newListSelected {
	height:18px; 
	padding:0px 0 0 6px; 
	xfloat:left;
	border:1px solid #363a3d;
	width:184px;
	cursor:pointer;
	background: #000 url(../img/jquery_selectbox/lay-selectMoreButton.gif) no-repeat right;
}
.newListSelected:hover {
	background: #fff url(../img/jquery_selectbox/lay-selectMoreButtonHover.gif) no-repeat right;
	width:184px;
	color:#000;
}
.newListSelected span {
	width:162px; 
	display:block;
}
ul.newList li a {
	padding:0px 3px; 
	display: block;
	line-height:14px;
}
ul.newList li a:focus {
	-moz-outline-style: none;
}
.selectedTxt {
	width:162px; 
	overflow:hidden; 
	height:16px; 
	padding:0px;
}
/*.hiLite {
	background:#650101!important; 
	color:#000!important;
}
.hiLite a {
	background:#650101!important; 
	color:#000!important;
}
*/
.newListHover {
	background:#000; 
	cursor:pointer;
}

.download-link
{
	padding-left: 20px;
	background: transparent url(../img/ico-download.png) no-repeat 0 0;
}
/*
.newListSelHover, .newListSelFocus {
	background-position:0 -22px; 
	cursor:default;
}
.newListOptionTitle {
	font-weight:bold;
}
.newListOptionTitle ul {
	margin:3px 0 0;
}
.newListOptionTitle li {
	font-weight:normal; 
	border-left:1px solid #ccc;
}
*/

/*** choose-your-interest ************************************************/

.choose-your-interest #wrap #header {
	background         : none;
	height             : 120px;
}

.choose-your-interest #wrap #cnt {
	background: none;
	margin: 0 auto;
	width: 800px;
	border: 0;
}

.choose-your-interest #wrap #end {
	padding:0px;
}

.business {
	margin-bottom: 45px;
}
.business:hover p {
	background: #fff;
}

.business h1 {
	text-indent: -99999px;
	height: 36px;
	line-height: 36px;
	margin: 0;
}
#esthec-nautical-decking h1 {
	background: url('../img/choose-your-interest/logo_esthec_nautical_decking_260x36.png') no-repeat;
}
#esthec-terrace h1 {
	background: url('../img/choose-your-interest/logo_esthec_terrace_162x36.png') no-repeat;
}
.business img {
	display: block;
}
.business p {
	line-height: 13px;
	margin: 0;
	padding: 10px;
	color: #000;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(200, 200, 200);
	/* RGBa with 0.5 opacity */
	background-color: rgba(255, 255, 255, 0.5);
}


.business a.bar {
	position: relative;
	display: block;
	height: 21px;
	line-height: 21px;
	color: #fff;
	text-align: right;
	padding: 0 10px;
	background: url('../img/choose-your-interest/bg_balk.png') repeat-x;
}

.business { 
	transition: all .4s ease; 
}
.business:hover { 
	transition: all .2s ease; 
	transform: scale(1.1); 
}

.choose-your-interest #wrap #end {
	color: #8a8c90;
}

.warning {
	color: #c20000;
}