/*FONTFACE*/
@font-face {
    font-family: 'ubuntubold';
    src: url('webfontkit-ubuntu/ubuntu-b-webfont.eot');
    src: url('webfontkit-ubuntu/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit-ubuntu/ubuntu-b-webfont.woff') format('woff'),
         url('webfontkit-ubuntu/ubuntu-b-webfont.ttf') format('truetype'),
         url('webfontkit-ubuntu/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url('webfontkit-ubuntu/ubuntu-r-webfont.eot');
    src: url('webfontkit-ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit-ubuntu/ubuntu-r-webfont.woff') format('woff'),
         url('webfontkit-ubuntu/ubuntu-r-webfont.ttf') format('truetype'),
         url('webfontkit-ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntuitalic';
    src: url('webfontkit-ubuntu/ubuntu-ri-webfont.eot');
    src: url('webfontkit-ubuntu/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit-ubuntu/ubuntu-ri-webfont.woff') format('woff'),
         url('webfontkit-ubuntu/ubuntu-ri-webfont.ttf') format('truetype'),
         url('webfontkit-ubuntu/ubuntu-ri-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** RESET ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{text-decoration:none}body{line-height:1}ol,ul{list-style-type:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}input,textarea{-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:0;-moz-border-radius:0}button,input[type="button"]{background:0}:required{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none}em,i{font-style:italic}strong,b{font-weight:bold}u{text-decoration:underline}pre,code{font-family:Monaco,Courier,monospace}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}blockquote,q{quotes:"" ""}blockquote:before,blockquote:after,q:before,q:after,{content:""}a,input[type="submit"],input[type="button"],button,label[for]{cursor:pointer}img{-ms-interpolation-mode:bicubic}

html { margin-left: 0 !important; }
html, body, #outerwrapper{ z-index: 1; height: 100%; }

body { font-family: 'ubunturegular', Arial, Helvetica, sans-serif; color: #ccc; background: #a71e2e; font-size: 16px; }

h1, h2, h3 { font-family: 'ubuntubold', sans-serif; font-weight: normal; color: #fff; }
h1 { font-size: 50px; margin-bottom: 15px; line-height: 1em; }
h2 { font-family: 'ubuntuitalic'; margin-top: 25px; 	margin-bottom: 25px; font-size: 25px; line-height: 35px; }
h3 { font-family: 'ubuntubold'; margin-top: 25px; 	margin-bottom: 5px; font-size: 18px; line-height: 30px; }

a { color: #ccc; text-decoration: none; border-bottom: 1px solid #fff; }
#content a, .img, #nav a { 
	-webkit-transition: color .2s,border-color .2s ease,background .2s ease;
	-moz-transition: color .2s,border-color .2s ease,background .2s ease;
	-o-transition: color .2s,border-color .2s ease,background .2s ease;
	transition: color .2s,border-color .2s ease,background .2s ease;
}
a:hover { border-color: #ddd; }

p, ul{ margin-bottom: 15px; line-height: 1em;}
strong{ font-family: 'ubuntubold', sans-serif; font-weight: normal; color: #fff; }

#content ul { list-style: disc; margin-left: 15px; line-height: 24px; }
#content ol { list-style: decimal; margin-left: 25px; margin-bottom: 10px; margin-top: 10px; }
#content p, #footer { line-height: 30px; }
#content .content { padding-top: 50px; padding-bottom: 50px; }

#headerbox { position: relative; background: #fff; 	height: 180px; padding-top: 5px; padding-bottom: 5px; z-index: 5; box-shadow: 0px 0px 20px rgba(0,0,0,0.5); }
#header { left: 50%; margin-left: -570px; width: 1140px; position: absolute; padding-left: 0; padding-right: 0; }

#logo { width: 400px; height: 130px; }
#logo a { background: url('../images/logo.png') no-repeat left top; display: block; width: 100%; height: 100%; 	border-bottom: none; background-size: 100% 100%; }
#logo strong { position: absolute; left: -100000px; }

#slider { text-align: center; overflow: hidden; height: 45%; margin-top: 0px; }
.home #slider { height: 65%; }
#slider #inner { text-align: center; }
#slider .slide { position: relative; width: 100%; height: 100%; margin-top: 0%; }

#slider .slide img { width: 100%; }

#header .lang { position: absolute; top: 85px; right: 0px; }
.lang a { 	font-variant: small-caps;
	padding-top: 7px;
	color: #404040;
	display: block;
	float: left;
	border: none;
	text-decoration: none;
	border-radius: 60px;
	width: 37px;
	height: 30px;
	margin-left: 5px;
	background: rgba(255, 255, 255, .75);
	text-align: center;
}

.lang a:hover{
	background: #fff;
}
.lang .selected, .lang .selected:hover{
	color: #fff;
	background: #a71e2e;
}

/* LAYOUT  TABLE*/

td.leftAlign {text-align:left;}
td.rightAlign {text-align:right;}

.dubbelkop { 
font-size: 20px;
font-weight: bold;
border-bottom-style: solid ; 
border-bottom-color: white; 
border-bottom-width: 1px; 
border-top-style: solid ;
border-top-color: white; 
border-top-width: 1px;
line-height: 300%;
}

.dubbel { 
font-size: 16px;
border-bottom-style: solid ; 
border-bottom-color: white; 
border-bottom-width: 1px; 
border-top-style: solid ;
border-top-color: white; 
border-top-width: 1px;
line-height: 300%;
}




/*NAVIGATION*/

#nav{	
	z-index: 5;
	top: 0;
	font-family: 'ubuntubold';
	font-weight: normal;
	text-align: right;
	}
				
#nav #trigger{
	display: none;
	}
	
#nav ul{
	xxmargin-left: 401px;
	margin-left: 10px;	
	margin-bottom: 0;
	padding-top: 130px;
	padding-bottom: 10px;
	position: relative;
	}
	
#nav a{
	color: #a71e2e;
	font-size: 1.1em;
	border-bottom: 3px solid #fff;
	padding: 10px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	}
	
#nav a:hover,#nav a.selected{
	border-color:  #212121;
	}
	
#nav ul li{
	display: inline-block;
	position: relative;
	margin-right: 15px;
	}
	
#nav a:hover, #nav .sub:hover a,#nav a.selected{
	color: #002636;
	}


.eventitem{
	border: none;
	position: relative;
	width: 22.75%;
	display: block;
	float: left;
	
	margin-right: 2%;
	margin-bottom: 2%;
}
.eventitem img{
	margin-bottom: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid #fff;
	
}
.eventitem p{
	margin-bottom: 0;
}
#products{
	margin-bottom: 25px;
}
#products .category{
	margin-bottom: 25px;
	margin-top: 10px;
}
.cat_32 .eventitem img{
	border-color: #cf8214;
}
.cat_title h2{
	margin-bottom: 0;
}
.cat_title{
	margin-bottom: 25px;
}

.home #content img{
	border: 5px solid #212121;
}

.greybg{
	background: #a71e2e;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5x;
	display: inline-block;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
.greybg a{
	color: #fff;
}

.bg{
	background: #efefef;
	padding: 20px;
}
.bg .select{
	color: #212121;
}
.info{
	padding: 15px;
	border-radius: 5px;
	padding-left: 50px;
	background: #009AD6 url('../images/info.png') no-repeat 15px center;
	font-size: 20px;
}


#footer{
	font-family: ubunturegular;
	font-size: 1.0em;
	background: #212121;
	color: #fff;
}
#footer .content{
	padding-bottom: 20px;
	padding-top: 20px;
}
#footer a{
	color: #fff;
	border-color: #f6c6c9;
}

.fancybox{
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	line-height: 0;
	border-bottom: none;
	width: 46%;
	border: 4px solid #fff; 
}
.fancybox:hover{

}


.button{
	display: inline-block;
	padding: 10px;
	background: #212121;
	color: #fff;
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2x;
	margin-right: 10px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.button:hover, .button.selected{
	background: #631213;
}
.button.square{
	width: 12px;
	height: 22px;
	text-align: center;
}

.news .archief strong{
	background: #212121;
	color: #fff;
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2x;
	border: none;
	padding: 2px;
	margin-bottom: 5px;
	display: inline-block;
}
.news .archief{
	display: block;
	margin-bottom: 20px;
	border: none;
	text-transform: uppercase;
}

@media handheld, only screen and (max-width: 1170px) {
	#header{ 	width: 100%; left: 0; margin-left: 0; }
	#nav ul{ margin-left: 350px; padding-top: 57px; }
	#headerbox{ height: 130px; }
	#header .lang{ right: 20px; }
	#logo{ margin-left: 20px; width: 300px; height: 98px; }
	#nav a{	color: #a71e2e; font-size: 0.8em; border-bottom: 3px solid #fff; padding: 5px; padding-left: 0px; padding-right: 0px; display: block; }
}

@media handheld, only screen and (max-width: 970px) {
	#nav ul{ margin-left: 342px; }
	#nav a{ font-size: 16px; }
	#header .lang{ top: 80px; }
	.home #slider,#slider{ height: 65%; }
}

@media handheld, only screen and (max-width: 870px) {
	#logowrapper,#logo{ }
	#nav ul{ margin-left: 270px; }
	#nav a{ font-size: 15px; }
	#nav ul li{ margin-right: 10px; }
	.eventitem{ width: 48%; }
	h1{ font-size: 50px; }
}

@media handheld, only screen and (min-width: 768px) {

	#nav #bestel-online{
		position: absolute;
		top: 0;
		right: 0;
	}#nav #bestel-online a{	
		background: #212121;
		padding: 15px;
		padding-top: 12px;
		padding-bottom: 10px;
		border-radius: 10px;
		color: #fff;
		border: none;
	}
	#nav #bestel-online a:hover{
		background: #a71e2e;
	}

}
@media handheld, only screen and (max-width: 768px) {
	#logowrapper{ background: #fff; }
	#header .lang{ position: fixed; }
	#nav #trigger{ display: block; 	padding: 20px; padding-right: 50px; padding-bottom: 15px; 	background: #212121 url('../images/list.png') no-repeat right center; 	color: #fff; cursor: pointer; text-transform: uppercase; }
	#nav{ padding: 0; position: absolute; background: transparent; width: 250px; right: 0; top: 50px; }
	#nav .twelvecol{ padding: 0; }
	#nav ul{ display: none; width:250px; padding: 0px; float: right; background: #fff; }
	#nav ul li{ float: none; display: block; margin-right: 0; }
	#nav a{ padding-right: 50px; margin-bottom: 0; padding-top: 15px; background: #fff; color: #a71e2e; }
	.no-js #nav ul li:hover ul, .desk #nav ul li:hover ul,#nav ul li:hover ul a,#nav ul li ul{ display: none; 	}
	#nav .selected{ }
	.home #slider,#slider{ height: 55%; }
	.arRepeat{ position: absolute; top: 42px; right: -15px; }
}

@media handheld, only screen and (max-width: 690px) {
	.w6{width: 10%;}
	.w67{width: 63%;}
	.w47{width: 45%;}
	.w58{ width: 56%; }
	.w36{ width: 34%;	}
	.repeat .w47 { width: 95%; }
	.repeat .w36, .repeat .w6{ width: 90%; }
	.arRepeat{ position: absolute; top: 82px; }
	#headerbox{ height: 170px; }
	#nav{ width: 100%; 	top: 150px; }
}

@media handheld, only screen and (max-width: 600px) {
	#header .lang{ right: 0; top: 10px; width: 50px; font-size: 15px; }
	.lang a{ width: 32px; height: 25px; }
	#header{ 	background: #fff; height: 118px; }
	#logowrapper{ margin: auto; }
	#nav #trigger{ text-align: center; padding-right: 0; padding-left: 0; }
	#nav ul{ width: 100%; }
	#nav ul li{ margin-left: 0; text-align: center; }
	#nav a{ padding-right: 15px; }
	.home #slider,#slider{ height: 45%; }
}

@media handheld, only screen and (max-width: 520px) {
	#content .content{ background: transparent; padding: 20px; padding-top: 50px; }
	h1{ font-size: 40px; }
	.ptop{ padding-top: 0; }
	.w58, .w36{ width: 100%; }
	
}

@media handheld, only screen and (max-width: 480px) {
	body{ background-image: none; }
	.home #slider,#slider{ height: 200px; }
	.listitem .w3{ width: 100%; margin-right: 0; float: none; }
	#footer{ font-size: 13px; line-height: 25px; }
	h1{ font-size: 35px; }
	h2{ font-size: 20px; line-height: 24px; }
	h3{ font-size: 16px; }
}

@media handheld, only screen and (max-width: 400px) {
	body{ font-size: 15px; }
	#slider{ height: 185px; }
	#table{ font-size: 11px; }
	#footer { 	font-size: 11px; }
	.w6{width: 15%;}
	.w16{width: 27%;}
	.w27{ width: 25%;}
	.w67{width: 60%;}
	.w47, .block, #nieuwsbrief .w36{width: 100%;}
	.repeat .w36{ width: 90%; }
	.arRepeat{ right: -25px; }
	form input[type='submit']{ float: none; width: 107%; }
	.eventitem{ width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 5%; }
	h1{ font-size: 30px; }
	h2{ font-size: 20px; }
	h3{ font-size: 16px; }
}

@media handheld, only screen and (max-width: 320px) {
	#logowrapper{ padding-left: 0; padding-right: 0; }
	.home #slider, #slider{ height: 150px; }
	#slider .slide{ margin-top: -15%; }
	#nav{ top: 110px; }
	#headerbox{ height: 130px; }
	#logo{ width: 215px; height: 61,5px; }
	.info{ background-image: none; padding-left: 15px; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { 
	#nav #trigger{ background: #212121 url('../images/retina/list.png') no-repeat right center; background-size: 36px 16px; }
	.icon span{ background-image: url('../images/retina/icons.png'); background-size: 30px 237px; }
}


.lFloat{ float: left; }
.rFloat{ float: right; }

.hide{ display: none; }

.cAlign{ text-align: center; }
.rAlign{ text-align: right; }

/* Select style (color + background)   */
::selection{
	background: #212121;
	color: #fff;
} 
::-webkit-selection{
	background: #212121;
	color: #fff;
}
::-moz-selection {
	background: #212121;
	color: #fff;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */tml .clearfix { zoom: 1; } /* IE7 */