@import url("https://resources.7u.nl/css/normalize.css");

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, font, 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, section, article, nav, header, footer,
table, caption, tbody, tfoot, thead, tr, th, td {
margin				: 0;
padding				: 0;
border				: 0;
outline				: 0;
vertical-align		: baseline;
background			: transparent;
}

html {
height				: 100%;
}

body {
font-family			: Georgia, "Times New Roman", Times, serif;
font-size			: 0.75em;
color				: #231f20;
padding				: 0px 0px 0px 0px;
}

ol, ul {
list-style			: none;
}

blockquote, q {
quotes				: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content				: '';
content				: none;
}

/* remember to define focus styles! */
:focus {
outline				: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration		: none;
}

del {
text-decoration		: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse		: collapse;
border-spacing		: 0;
}

/* Embedded content ---------------------------------------- */

img, object, video {
	max-width: 100%; /* Automatically scales images larger than the container. Consider this first: http://unstoppablerobotninja.com/entry/fluid-images/ */
}

img {
	-ms-interpolation-mode: bicubic; /* Improve IE's resizing of images: css-tricks.com/ie-fix-bicubic-scaling-for-images */
}

/* GLOBAL STYLES ---------------------------------------*/

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

/* GLOBAL STYLES ---------------------------------------*/


h1 {
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size			: ;
font-weight			: normal;
line-height			: 1em;
padding-bottom		: 20px;
text-transform		: uppercase;
}

h2 {
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size			: ;
font-weight			: normal;
line-height			: ;
padding-bottom		: ;
text-transform		: uppercase;
}

h3 {
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size			: ;
font-weight			: normal;
line-height			: ;
padding-bottom		: ;
text-transform		: uppercase;
}

h4 {
font-family			: ;
font-size			: ;
font-weight			: normal;
line-height			: ;
padding-bottom		: ;
}

p {
font-size			: 1.167em;
font-weight			: normal;
line-height			: 1.38em;
padding-bottom		: 20px;
color				: #6d6e71;
}

a {
text-decoration		: none;
color				: #000000;
}

a:hover {
text-decoration		: underline;
}


figure {
overflow 			: hidden;
background-position : center center;
background-repeat 	: no-repeat;
background-size		: cover;
}
.slide figure > img {
	/*display 		: none !important;*/
}

/* GLOBAL LAYOUT ---------------------------------------*/
#wrapper {
position			: relative;
width				: 1104px;
margin				: auto;
padding 			: 0 20px;
}

header {
position			: relative;
float				: left;
width				: 100%;
padding-top			: 40px;
}

.unit_1 { float: left; width: 16.6666666666%; }
.unit_2 { float: left; width: 33.3333333333%; position: relative;}
.unit_3 { float: left; width: 50%; }
.unit_4 { float: left; width: 66.6666666666%; }
.unit_5 { float: left; width: 83.3333333333%; }
.unit_6 { float: left; width: 100%;}

.unit5_1 { float: left; width: 20%; }
.unit5_2 { float: left; width: 40%; }
.unit5_3 { float: left; width: 60%; }
.unit5_4 { float: left; width: 80%; }
.unit5_5 { float: left; width: 100%; }

.unit4_1 { float: left; width: 25%; }
.unit4_2 { float: left; width: 50%; }
.unit4_3 { float: left; width: 75%; }
.unit4_4 { float: left; width: 100%; }

.unit3_1 { float: left; width: 33.3333333333%; }
.unit3_2 { float: left; width: 66.6666666666%; }
.unit3_3 { float: left; width: 100%; }

footer {
float				: left;
width				: 100%;
padding				: 50px 0;
}

/* COOKIE opt-in styles ---------------------------------------*/

#cookie_optin {
margin 				: 0 auto;
width 				: 100%;
position 			: fixed;
top 				: 0;
left 				: 0;
background-color	: #e2001a;
z-index 			: 9999;
box-shadow 			: 0px 3px 3px rgba(0,0,0,0.2);
}

#cookie_optin .cookie_wrapper {
margin 				: 0 auto;
padding 			: 10px;
overflow 			: hidden;
text-align			: center;
}

#cookie_optin .cookie_wrapper p {
margin  			: 0;
float 				: left;
color 				: #FFF;
padding				: 2px 0 0 0;
}

#cookie_optin .cookie_wrapper p a {
color 				: #FFF;
text-decoration		: underline;
}

#cookie_optin .cookie_wrapper .buttons {
float 				: right;
}

.cookie-button {
background-color 	: #FFF;
padding 			: 4px 10px;
border 				: 1px solid #FFF;
color 				: #231f20;
margin-left 		: 10px;
float 				: left;
}

.optout {
background-color 	: #231f20;
color 				: #FFF;
border 				: 1px solid #231f20;
}

.optin:hover {
border 				: 1px solid #231f20;
text-decoration		: none;
}

.optout:hover {
border 				: 1px solid #FFF;
color				: #FFF;
text-decoration		: none;
}


/* GLOBAL PAGE ELEMENTS ---------------------------------------*/

.corner_left_top 	 { position:absolute; z-index: 110; left: 0px; top: 0px; width: 16px; height: 16px; background:url(../img/corner_left_top.png) no-repeat; }
.corner_right_bottom { position:absolute; z-index: 110; right: 0px; bottom: 0px; width: 16px; height: 16px; background:url(../img/corner_right_bottom.png) no-repeat; }

.thumbs {
position			: relative;
float				: left;

padding				: 0;
margin-bottom		: 10px;
}

.thumbs.last-child {
margin-right		: 0;
}

.thumbs a {
position			: relative;
display				: block;
margin-left			: 4px;
margin-right		: 4px;
background-color	: #e3ddd1;
}

.thumbs h2 {
margin				: 0px !important;
text-align			: center;
text-transform		: uppercase;
font-size			: 1.5em;
line-height			: 1em;
}

.thumbs p {
font-size			: 1em;
color				: #231f20;
}

.thumbs p.subinfo {
text-align			: center;
padding-top			: 8px;
}

.thumbs .content {
overflow			: hidden;
}

.th_small	 	 	{ height: 240px; margin : 0; }
.th_small a 	 	{ height: 100%; }
.th_small figure 	{ height: 120px; margin-bottom: 10px; }
.th_small p 	 	{ position: absolute; bottom: 10px; text-align: center; padding: 0 4%; width: 92%; overflow: hidden;}
.thumbs a:hover 	{ text-decoration: none; }

.thumbs a:hover:after {
position			: absolute;
top					: -8px;
left				: -8px;
content				: " ";
width				: 100%;
height				: 100%;
z-index				: 1000;
border				: 8px solid #231f20;
}

.thumbs a:hover .corner_left_top {
z-index: 1100;
left: -8px;
top: -8px;
width: 26px;
height: 26px;
background:url(../img/corner_left_top_hover.png) no-repeat;
}

.thumbs a:hover .corner_right_bottom {
z-index: 1100;
right: -8px;
bottom: -8px;
width: 26px;
height: 26px;
background:url(../img/corner_right_bottom_hover.png) no-repeat;
}


.th_medium	 	 	{ margin : 0; }
.th_medium a 		{ height : 100%; }
.th_medium figure 	{ width: 100%; }
.th_medium .th_text	{ float: left; width: 100%; }

.judge {
	margin-bottom 		: 8px;
}

.judge .content {
	background-color 	: #E3DDD1;
	margin-right		: 8px;
	overflow 			: hidden;
	height 				: 100%;
	margin-bottom 		: 8px;
}

.judge .content h2 {
	font-size 			: 14px;
	padding 			: 0 4px;
	min-height 			: 28px;
}

.judge figure {
	margin-bottom 		: 15px;
	background-color 	: #000;
	background-size	 	: contain;
	background-repeat 	: no-repeat;
	background-position	: center;
	height 				: 0;
	padding-top 		: 67.61%;
}

.judge .content p.subinfo {
	position 			: relative;
	margin-top 			: 10px;
	font-size 			: 11px;
}

.judge .corner_right_bottom {
	right 				: 8px;
}

.slider_main {
overflow			: hidden;
margin				: 0 4px 20px 4px;
background-color 	: transparent;
}

.slider_main .slide  {
position			: relative;
float				: left;
width				: 100%;
background-color 	: #E3DDD1;
}

.slider_main figure {
position			: relative;
top					: 0px;
left				: 0px;
margin				: 0px;
}

.nav_slider li {
float				: left;
width				: 35px;
height				: 35px;
margin-right		: 8px;
}

.nav_slider li a {
display				: block;
width				: 35px;
height				: 35px;
margin				: 0;
background			: url(../img/nav_slider.gif) no-repeat;
}

.nav_slider li a.prev_case { background-position: 0px 0px;}
.nav_slider li a.next_case { background-position: -35px 0px;}

.nav_slider li a.prev_case:hover { background-position: 0px -35px;}
.nav_slider li a.next_case:hover { background-position: -35px -35px;}

.slider_main h2 {
line-height			: 0.88em;
}

.button {
float				: right;
width 				: auto !important;
padding 			: 4px 10px;
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform		: uppercase;
background-color	: #231F20;
color				: #FFF;
margin-left			: 12px;
text-decoration		: none;
}

.button:hover {
background-color	: #E3DDD1;
color				: #231F20;
text-decoration		: none;
}


/* HEADER Content---------------------------------------*/

.logo {
float				: left;
height				: 90px;
}

header h1 {
float				: left;
height				: 90px;
padding				: 0;
max-width			: 100%;
}

header h1 strong {
text-indent			: -99999px;
display				: none;
}

.loggedin {
position			: absolute;
top					: 20px;
right				: 0;
text-align			: right;
line-height			: 1.5em;
}

.txt_uitreiking {
float				: right;
height				: 22px;
margin-top			: 54px;
font-size			: 2.1em;
/* EXTRA RULES FOR WHEN THERE'S 2 LINES */
line-height 		: 1.2em;
height 				: auto;
margin-top 			: 23px;
}

.spacing-0 {
	letter-spacing	: -2px;
}.spacing-1 {
	letter-spacing	: -3px;
}

/* MAIN NAVIGATION ---------------------------------------*/

nav {
position 			: relative;
float				: left;
width				: 100%;
margin 				: 35px 0 32px 0;
}

.nav_nieuwsbrief,
nav ul li {
position 			: relative;
float 				: left;
padding 			: 0;
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size			: 1.333em;
text-transform		: uppercase;
width				: 16.6666666666% /*176px*/;
}

nav ul li:first-of-type {
width				: 33.3333333333% /*176px*/;
}

.nav_nieuwsbrief a:before,
nav ul li a:before {
background			: url(../img/nav_left.png) no-repeat;
background-position : top right;
width				: 12px;
height				: 32px;
content				: " ";
position 			: absolute;
top					: 0;
left				: 0px;
}

.nav_nieuwsbrief a:after,
nav ul li a:after {
background			: url(../img/nav_right.png) no-repeat;
background-position : top left;
width				: 12px;
height				: 32px;
content				: " ";
position 			: absolute;
bottom				: 0;
right				: 8px;
}

.nav_nieuwsbrief a:hover:before,
nav ul li a:hover:before {
background-position : top left;
}

.nav_nieuwsbrief a:hover:after,
nav ul li a:hover:after {
background-position : top right;
}

nav ul li li {
font-size			: 1em;
width				: 100% !important;
}

.nav_nieuwsbrief a,
nav ul li a {
display				: block;
xwidth				: 100%;
height				: 32px;
padding-left		: 4px;
padding-right		: 0px;
margin				: 0 20px 0 12px;
color				: #FFFFFF;
text-decoration		: none;
background			: #231F20;
overflow			: hidden;

}

nav ul > li.first-child {
width				: 33.3333333333% /*364px*/;

}

nav ul > li.first-child a {
}

.nav_nieuwsbrief a:hover,
nav ul li a:hover {
text-decoration		: none;
color				: #231f20;
background-color	: #E3DDD1;
}

nav ul ul {
display 			: none;
position 			: absolute;
z-index 			: 1000;
min-width 			: 160px;
}

nav ul ul li {
display 			: block;
}



.mobile_nav {
display 			: none;
}

#newsletter_form {
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size			: 1.333em;
text-transform		: uppercase;
height				: auto;
margin				: 0 !important;
float				: none;
position			: absolute;
right				: 4px;
top					: 32px;
width				: 136px;
padding				: 2px 20px;
line-height			: 1.13em;
display				: none;
background-color	: #E3DDD1;
z-index				: 2000;
}

#newsletter_form form {
margin				: 0 0 8px 0 !important;
}

#newsletter_form form input {
float				: none;
width				: 100% !important;
margin				: 3px 0;
color				: #231f20;
font-size			: 0.88em;
}

#newsletter_form form input[type="submit"] {
float				: none;
width				: 100% !important;
margin				: 3px 0;
color				: #FFF;
}

#newsletter_form form input[type="submit"]:hover {
color				: #231f20;
}


/* FOOTER Content---------------------------------------*/

footer h2 {
font-size			: 0.917em;
border-bottom		: 1px solid #231f20;
margin				: 0 8px 0 0;
}

footer ul {
float				: left;
width				: 100%;
}

footer li {
overflow			: hidden;
}

footer li a {
width				: 95%;
float				: left;
height				: 40px;
padding				: 5px 0;
border-bottom		: 1px solid #231f20;
overflow			: hidden;

}

.keypartner {
}

.keypartner h2 {
margin				: 0 4px 0 0;
}

.keypartner a {
display				: block;
margin-top			: 8px;
}

footer div {
margin-top		: 20px;
}


/* HOME Content---------------------------------------*/

section#content_home {
float 				: left;
}

section#content_home h2 {
margin				: 0 0 5px 15px;
}

#slider_home {
float				: left;
width				: 100%;
height				: 260px;
background-color	: #e3ddd1;
margin-bottom		: 20px;
position 			: relative;
}

#slider_home .nav_slider {
position 			: absolute;
top 				: 10px;
right 				: 2px;
z-index 			: 200;
}

#slider_home figure {
height 				: 260px;
}

#slider_home figure img {
display				: inline-block;
vertical-align		: middle;
}

#slider_home .slide  {
position			: relative;
float				: left;
width				: 100%;
height				: 260px;
background-color	: #e3ddd1;
}

.th_padding {
padding				: 10px 15px;
}

#slider_home .th_text {
position			: relative;
float				: left;
width				: 100% /*368px*/ ;
height				: 240px;
overflow			: hidden;
}

#slider_home .slide h3 {
text-transform		: uppercase;
font-size			: 2.5em;
line-height			: 1em;
}

#slider_home .slide p {
position			: absolute;
bottom				: 10px;
padding-bottom		: 0;
font-size			: 1.167em;
}

#slider_home .slide figure {
position			: absolute;
right				: 0px;
top					: 0px;
}

#recent_news {
float				: left;
position			: relative;
width				: 100%;
margin-bottom		: 20px;
}

#recent_news #counter {
position			: relative;
float				: left;
height				: 240px;
overflow			: hidden;
background-color	: #000;
width				: 100%;
margin-bottom		: 10px;
}

#counter figure {
background-color	: #000;
text-align			: center;
}

.pad-4-right {
padding-right		: 4px;
}

#recent_news #counter h2 {
position			: absolute;
width				: 100%;
bottom				: 62px;
margin				: 0px;
text-align			: center;
color				: #FFF;
text-transform		: uppercase;
font-size			: 2.5em;
line-height			: 1em;
}

#recent_news #counter p {
position			: absolute;
width				: 100%;
bottom				: 0px;
text-align			: center;
color				: #FFF;
font-size			: 1.167em;
}

#recent_news .thumbs {
margin-bottom		: 0px;
}

#previous_esprix {
position			: relative;
float				: left;
width				: 100%;
min-height				: 240px;
margin-left			: 0px;
margin-top			: 0px;
padding				: 0px;
background-color	: #e3ddd1;
}


#previous_esprix .intro_text {
position			: relative;
float				: left;
height				: 220px;
width				: 100%;
}

#previous_esprix .intro_text dl {
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform		: uppercase;
font-size			: 2.5em;
line-height			: 1em;
}

#previous_esprix .intro_text dt {
float				: left;
width				: 35px;
margin-right		: 10px;
text-align			: right;
}

#previous_esprix .intro_text p {
position			: absolute;
bottom				: 10px;
padding-bottom		: 0px;
font-size			: 1.167em;
}

#previous_esprix figure {
float				: right;
height				: 100%;
min-height			: 240px;
}

aside#login_social {
float				: right;
}

.aside_wrap {
padding-left		: 4px;
}

aside#login_social h2 {
margin-bottom 		: 10px;
line-height			: 0.88em;
}

aside#login_social form {
margin-bottom		: 0;
}

aside#login_social .forgot_pass {
float				: left;
margin-bottom		: 20px;
}

aside#login_social
input[type="submit"] {
float				: none;
margin				: 0 0 10px 0;
}

aside#login_social .social_buttons {
clear: both;
}

aside#login_social .social_buttons li {
float				: left;
width				: 24px;
height				: 24px;
margin-right		: 8px;
}

aside#login_social .social_buttons li a {
display				: block;
width				: 24px;
height				: 24px;
background			: url(../img/bg_socialmedia.png) no-repeat;
}

aside#login_social .social_buttons li a.btn_facebook	{ background-position: 0 0; }
aside#login_social .social_buttons li a.btn_linkedin	{ background-position: -24px 0; }
aside#login_social .social_buttons li a.btn_twitter 	{ background-position: -48px 0; }
aside#login_social .social_buttons li a.btn_feed		{ background-position: -72px 0; }

aside#login_social .social_buttons li a.btn_facebook:hover	{ background-position: 0 -24px; }
aside#login_social .social_buttons li a.btn_linkedin:hover	{ background-position: -24px -24px; }
aside#login_social .social_buttons li a.btn_twitter:hover	{ background-position: -48px -24px; }
aside#login_social .social_buttons li a.btn_feed:hover		{ background-position: -72px -24px; }



/* DEFAULT PAGE Content---------------------------------------*/

.unit_6 .unit_2 {
-webkit-box-sizing	: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing		: border-box;    /* Firefox, other Gecko */
box-sizing			: border-box;         /* Opera/IE 8+ */
padding-right 		: 10px;
}

#textpage ul,
#textpage ol {
font-size			: 1.167em;
font-weight			: normal;
line-height			: 1.38em;
padding				: 0 20px 18px 0;
margin-left			: 22px;
color				: #6d6e71;
}

#textpage ul { list-style: square;}
#textpage ol { list-style: decimal;}

#textpage a {
font-size			: 1.167em;
font-weight			: normal;
line-height			: 1.38em;
color				: #6d6e71;
text-decoration		: underline;
}

#textpage p a {
font-size			: 1em;
}

#textpage table {
margin				: 20px 0;
}

#textpage td {
color				: #6d6e71;
padding				: 3px 0;
border-bottom		: 1px solid #231F20;
}

#textpage td.total {
background-color	: #e3ddd1;
}



/* WINNERS PAGE Content---------------------------------------*/

#winners .slider_main {
height				: 480px;
}

#winners .slider_main .slide  {
height				: 480px;
}

#winners .slider_main figure {
position 		: relative;
height 			: 240px;
width 			: 100%;
}

#winners .slider_main figure img {
width 				: 100%;
max-width 			: none;
}

#winners .slider_main dt {
float				: left;
width				: 65px;
min-height			: 16px;
margin-bottom		: 3px;
clear 				:  both;
}

#winners .slider_main dd {
float				: left;
min-height			: 16px;
margin-bottom		: 3px;
}

#winners .nav_slider {
position			: absolute;
left				: 15px;
top					: 255px;
z-index				: 200;
}

#winners .slider_main h2 {
position			: absolute;
left				: 15px;
top					: 305px;
text-align			: left;
line-height			: 0.88em;
z-index				: 150;
}

#winners .th_medium .th_text {
margin-top 			: 84px;
}

/*








.slider_wrap_bronze,
.slider_wrap_silver,
.slider_wrap_gold {
position 		: relative;
float 			: left;
overflow 		: hidden;
margin-bottom 	: 20px;
}
*/

/* ORGANIZATION & JURY PAGE Content---------------------------------------*/

#members .th_small	  		{ height: 296px; margin-bottom: 8px;}
#members .th_small h2 		{ top: 184px; }
#members .th_small a 		{ margin-bottom : 8px; }
#members .th_small figure 	{ width: 100%; height: 176px; }

#members .th_small figure img { width : 100%; }

#member .thumbs,
#member .slider_main {
margin				: 0;
width 				: 100%;
background-color 	: #E3DDD1;
}



#member  figure img {
width 				: 100%;
max-width 			: none;
}

#member .nav_slider {
position			: absolute;
right				: 11px;
top					: 15px;
z-index 			: 200;
}

#member  h2 {
line-height			: 0.88em;
}

#member .th_text a {
width				: auto;
display				: inline;
position			: relative;
margin				: 0;
}

#member .th_text img {
height				: auto !important;
width				: 100% !important;
}

#member a.btn_back {
position			: absolute;
right				: 15px;
top					: 15px;
display				: block;
width				: 35px;
height				: 35px;
margin				: 0;
background			: url(../img/nav_slider.gif) no-repeat 0 0;
}

#member a.btn_back:hover { background-position: 0px -35px;}


/* CATEGORIES PAGE Content---------------------------------------*/

#categories .th_medium {
margin-bottom 		: 8px;
}

#categories .th_medium a {
min-height				: 194px;
}


#categories .th_medium h2 {
text-align			: center;
padding				: 15px 0 0 0;
}

#categories .th_medium p {
float				: left;
padding				: 5px 15px 20px 15px;
}

.cat_list {
font-size			: 1.167em;
font-weight			: normal;
line-height			: 1.38em;
padding				: 3px 0 20px 0;
color				: #6d6e71;
}

.cat_list a {
line-height			: 1.38em;
color				: #6d6e71;
text-decoration		: none;
}

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


/* NEWS PAGE Content---------------------------------------*/

#news figure {
position			: relative;
float				: left;
width 				: 100%;
}

#news .th_padding {
overflow 			: hidden;
}

#news .th_text h2 {
padding				: 0 0 8px 0;
}

#news .th_text a {
display				: inline;
margin-left			: 0;
position			: relative;
}

#news .th_text .shares {
float				: right;
}

#news .th_medium {
background-color 	: #E3DDD1;
}

.news_list {
font-size			: 1.167em;
font-weight			: normal;
line-height			: 1.38em;
padding				: 3px 0 20px 0;
color				: #6d6e71;
}

.news_list a {
line-height			: 1.38em;
color				: #6d6e71;
text-decoration		: none;
}

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


/* REGISTRATION PAGE Content ---------------------------------------*/

#registration .unit_2 {
padding-right		: 20px;
}

#registration .form_step_2 fieldset,
fieldset.wachtwoord {
}

#registration .form_step_2 fieldset ul {
float				: left;
border-bottom		: 1px solid #6d6e71;
padding-bottom		: 8px;
margin-bottom		: 15px;
width				: 100%;
}

#registration .form_step_2 fieldset li,
fieldset.wachtwoord li {
float				: left;
/*padding-right		: 24px;*/
width				: 48%;
padding-right		: 2%;
}

#registration .form_step_2 select,
#registration .form_step_2 textarea,
#registration .form_step_2 input {
width 				: 100%;
}

#registration .button {
margin-left			: 4px;
}


#registration a {
color				: #6d6e71;
text-decoration		: underline;
}

#registration .input_inline label 	{ width: 80px; margin-bottom: 24px;}
#registration .field_radio 			{ width: auto; }
#registration .field_radio label 	{ width: 50px; }

/* FORGOT & RESET PAGE Content ---------------------------------------*/

#forgot_password fieldset,
#reset_password fieldset { margin-left: 0;	}

/* CAMPAIGN OVERVIEW / FORMS Content ---------------------------------------*/

#add_campaigns h2 {
padding				: 16px 0 5px 0;
}

.campaign_overview {
float				: left;
clear				: both;
border-bottom		: 1px solid #231F20;
margin-bottom		: 20px;
}

.campaign_overview h3 {
float				: left;
margin-top			: 3px;
}

.campaign_overview em {
color				: #6D6E71;
font-size			: 1.167em;
}

.campaign_overview dt,
.campaign_overview dd {
float				: left;
xwidth				: 360px;
padding				: 8px 5px;
border-top			: 1px solid #231F20;
}

.campaign_overview dd {
width				: 336px;
}

.dl_header			{ border-top: 0 !important;}
.uploaded_files dt 	{ width: 560px; }
.uploaded_files dd 	{ width: 136px; }
.no_files			{ border-top: 0 !important; padding: 0 5px 10px 5px !important;}

#campaign_nav {
float				: left;
width				: 100%;
margin 				: 20px 0;
}

#campaign_nav li {
position 			: relative;
float 				: left;
padding 			: 0 4px;
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size			: 1.18em;
text-transform		: uppercase;
}

#campaign_nav li a {
display				: block;
width				: 156px /*176px*/;
height				: 32px;
padding-left		: 20px;
color				: #FFFFFF;
text-decoration		: none;
background			: url(../img/bg_navitem.png) no-repeat 0 0;
}

#campaign_nav li a:hover,
#campaign_nav li a.selected,
#campaign_nav li a.selected:hover {
background-position	: 0 -32px;
text-decoration		: none;
color				: #231f20;
}

#add_campaigns fieldset {
width				: 716px;
}

/* FORMS ---------------------------------------*/

legend, #registration h3 {
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size 			: 1.5em;
text-transform		: uppercase;
margin-bottom 		: 12px;
}

fieldset, textarea, legend, select, input, span.tooltip, span.error {
margin-bottom 		: 12px;
}

form {
margin-bottom 		: 40px;
}

fieldset {
float				: left;
margin				: 0 0 12px 0px;
}

form ul {
list-style			: none;
margin				: 0px;
font-size			: 1.167em;
font-weight			: normal;
line-height			: 1.38em;
color				: #6d6e71;
}

form li {
float				: left;
width				: 100%;
padding				: 3px 0;
}

form li h3 {
padding				: 20px 0 8px 0;
color				: #231F20;
font-size			: 18px;
}

form li ul {
font-size			: 1em;
}

form li ul li {
float				: left;
width				: 48%;
padding				: 0 2% 0 0;
}

form li ul li.second_listitem {
padding				: 0 0 0 1%;
}

form li ul.threecol {
float				: left;
padding-bottom		: 12px;
}

form li ul.threecol li {
width				: 30%;
padding				: 0 3% 0 0;
}

select, textarea, input {
-webkit-box-sizing 	: border-box;
-moz-box-sizing 	: border-box;
-ms-box-sizing 		: border-box;
box-sizing 			: border-box;
width 				: 98%;
font-family			: Georgia, "Times New Roman", Times, serif;
font-weight			: normal;
color				: #6d6e71;
padding				: 4px;
border				: 1px solid	#231F20;
}

textarea {
height				: 130px;
}

label {
margin-bottom 		: 2px;
}

input[type="checkbox"], input[type="radio"] {
width 				: auto !important;
float 				: left;
margin-top 			: 1px;
margin-right 		: 5px;
clear				: both;
}

input[type="checkbox"], input[type="radio"] {
border				: 0;
}

input[type="file"] {
padding				: 4px;
border				: 1px solid	#231F20;
margin				: 0 0 20px 0;
}

li#file-upload {
width				: 500px;
margin				: 0 0 20px 220px;
}

span.tooltip, span.error, label {
display 			: block;
}

span.error {
color 				: red;
display 			: none;
}

input[type="submit"],
input[type="button"] {
float				: right;
clear				: both;
width 				: auto !important;
padding 			: 4px 10px;
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform		: uppercase;
background-color	: #231F20;
color				: #FFF;
margin-right		: 36px;
text-decoration		: none;
}

input[type="submit"]:hover,
input[type="button"]:hover {
background-color	: #E3DDD1;
color				: #231F20;
text-decoration		: none;
}

.input_inline label {
float				: left;
width				: 200px;
margin-top			: 4px;
}

.listgroup {
float				: left;
width				: 520px;
border-bottom		: 1px solid #231F20;
margin-bottom		: 10px;
}

.alt_label label {
width				: auto;
}

.input_inline input {
float				: left;
margin-left			: 20px;
width				: 300px;
}

input.input_small {
width				: 85px;
margin				: 0 8px;
}

select.select_medium {
width				: 300px;
}

.field_radio {
float				: left;
width				: 130px;
margin		 		: 1px 0 12px 0;
}

.uploadlist .field_radio {
width				: 170px;
margin		 		: 1px 0 12px 0;
}

.uploadlist .field_radio input {
width				: 10px;
}

.field_radio input {
margin-top			: 5px;
}

.field_radio label {
width				: auto;
}

table.bestanden {
float				: left;
width				: 100%;
margin				: 20px 0;
}

table.bestanden td {
line-height			: 1.5em;
padding				: 0 0 4px;
border-bottom		: 1px solid #231F20;
padding				: 5px 0;
color				: #6D6E71;
font-size			: 1.167em;
}

/* -------- tickets -----------------------------------------*/
#tickets form {
margin-bottom		: 0px;
}

#tickets fieldset ul {
float				: left;
padding-bottom		: 8px;
padding-right		: 0;
margin-bottom		: 15px;
margin-left			: 0px;
width 				: 100%;
}

#tickets fieldset ul li {
float				: left;
list-style			: none;
}

#tickets .last_col h2 {
margin-bottom		: 20px;
}

#tickets .ticket-costs td{
border-bottom		: 0px;
padding-bottom		: 10px;
}

#tickets .ticket-costs tr.total td {
border-top			: 1px solid #ccc;
padding-top			: 10px;
font-weight			: bold;
}

#tickets #guests td {
border-bottom		: 0px;
}

#tickets a.button {
color				: #fff;
text-decoration		: none;
font-size			: 0.98em;
}

#off-canvas {
display 			: none;
}

/* Media queries ---------------------------------------- */
@media only screen and (max-width: 1120px) {

	#wrapper {
	width 				: auto !important;
	}

}

@media only screen and (max-width: 960px) {



}

@media only screen and (max-width: 768px) {

.unit_1_sm { float: left; width: 16.6666666666%; }
.unit_2_sm { float: left; width: 33.3333333333%; position: relative;}
.unit_3_sm { float: left; width: 50%; }
.unit_4_sm { float: left; width: 66.6666666666%; }
.unit_5_sm { float: left; width: 83.3333333333%; }
.unit_6_sm { float: left; width: 100%;}

.unit5_1_sm { float: left; width: 20%; }
.unit5_2_sm { float: left; width: 40%; }
.unit5_3_sm { float: left; width: 60%; }
.unit5_4_sm { float: left; width: 80%; }
.unit5_5_sm { float: left; width: 100%; }

.hide_sm {
display					: none;
}

#member {
margin-bottom 		: 20px;
}

.nav_nieuwsbrief, nav ul li {
font-size 			: 1.2em;
}

header {
padding-top 		: 20px;
}

}


@media only screen and (max-width: 480px) {

.nav_nieuwsbrief, nav ul li {
font-size 			: 1.33em;
}

html {
overflow-x : hidden;
}

header {
}

#slider_home .slide h3 {
	font-size 	: 2em;
}

.unit_1_xs { float: left; width: 16.6666666666%; }
.unit_2_xs { float: left; width: 33.3333333333%; position: relative;}
.unit_3_xs { float: left; width: 50%; }
.unit_4_xs { float: left; width: 66.6666666666%; }
.unit_5_xs { float: left; width: 83.3333333333%; }
.unit_6_xs { float: left; width: 100%;}

.unit5_1_xs { float: left; width: 20%; }
.unit5_2_xs { float: left; width: 40%; }
.unit5_3_xs { float: left; width: 60%; }
.unit5_4_xs { float: left; width: 80%; }
.unit5_5_xs { float: left; width: 100%; }

.unit_6 .unit_2 { padding-right : 0; }

.hide_xs {
display					: none;
}

.logo {
width 					: 100%;
text-align 				: center;
}

.logo img {
max-width 				: 90%;
}


.th_small {
height				: 200px;
}

.th_small h2 {
font-size				: 1.1em;
}

#slider_home .slide,
#slider_home {
height					: auto;
float 					: none;
}
#slider_home .slide {
height 					: auto;
}
#slider_home .slide-content {
padding-right 			: 0;
float 					: none;
}
#slider_home .th_text {
height 					: auto;
float 					: none;
padding-top 			: 10px;
}
#slider_home .slide figure {
height 					: auto;
position 				: static;
background-image 		: none !important;
}
#slider_home .slide figure > img {
display 				: block !important;
width 					: 100%;
}

.slide-content {
/*position 				: absolute;
top						: 0;
left					: 0;
color					: #fff;
z-index					: 100;*/
padding-right			: 90px;
/*text-shadow				: 0 1px 2px #000;*/
-webkit-box-sizing 	: border-box;
-moz-box-sizing 	: border-box;
-ms-box-sizing 		: border-box;
box-sizing 			: border-box;
}

#previous_esprix figure {
min-height			: 150px;
}



.txt_uitreiking {
margin-top			: 15px;
width 				: 100%;
text-align 			: center;
font-size			: 1.6em;
}

.mobile_nav {
display 			: block;
}

.mobile_nav nav li {
width 				: 100% !important;
}


#off-canvas {
background-color	: #231F20;
padding 			: 10px;
-webkit-box-sizing 	: border-box;
-moz-box-sizing 	: border-box;
-ms-box-sizing 		: border-box;
box-sizing 			: border-box;
font-size 			: 1.6em;
position 			: fixed;
width 				: 80%;
z-index 			: 1;
top 				: 0;
height 				: 100%;
overflow-y 			: scroll;
overflow-x 			: hidden;
left 				: 0%;
display 			: block;
}

#off-canvas > ul > li {
position 			: relative;
width 				: 100%;
float 				: left;
}

#off-canvas ul ul {
padding-left 		: 20px;
}

#off-canvas ul li.show-sub ul {
display 			: block;
}

#off-canvas a {
color 				: #fff;
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform		: uppercase;
font-weight 		: normal;
padding 			: 8px 0;
float 				: left;
width 				: 100%;
opacity 			: 0;
transition				: all 0.2s ease-in-out;
margin-left 		: -10px;
}

#off-canvas ul ul a {
font-size			: 0.8em;

}

#close {
text-align 			: right;
margin-top 			: 10px;
font-size 			: 0.8em;
}

.hasChildren {
position 			: absolute;
overflow 			: hidden;
font-family 		: Arial;
text-align 			: center;
background-color 	: #E3DDD1;
z-index 			: 1000;
top 				: 5px;
right 				: 0px;
padding 			: 5px;
font-size 			: 30px;
line-height 		: 22px;
height 				: 22px;
width 				: 22px;
cursor 				: pointer;
}

.hasChildren:before {
content 				: "+";
}

li.show-sub .hasChildren:before {
content 				: "-";
}

#off-canvas li ul a {
padding 			: 0 0;
transition				: all 0.2s ease-in-out;
height 				: 0;
overflow 			: hidden;
}

#off-canvas a.selected {
color 				: #d69172;
}

#off-canvas li.show-sub  ul a {
padding 			: 8px 0 !important;
height 				: auto;
}

#off-canvas a:hover {
text-decoration 	: none;
}

.show-nav #off-canvas {
-webkit-overflow-scrolling: touch;
overflow-x 			: hidden;
}

.show-nav #off-canvas a {
opacity 			: 1;
margin-left 		: 0px;
}



#wrapper {
transition				: all 0.2s ease-in-out;
-webkit-transform		: translate3d(0%, 0, 0);
-moz-transform			: translate3d(0%, 0, 0);
transform				: translate3d(0%, 0, 0);
overflow-x 				: hidden;
float 					: left;
height 					: 100%;
position 				: relative;
z-index 				: 2;
background 				: #fff;
padding 				: 0 10px;
}

.show-nav {

}

.show-nav #wrapper {
	-webkit-transform		: translate3d(80%, 0, 0);
	-moz-transform			: translate3d(80%, 0, 0);
	transform				: translate3d(80%, 0, 0);
}


.mobile_nav small {
color 						: #ccc;
text-align 					: center;
float 						: left;
width 						: 100%;
margin-bottom 				: 8px;
display 					: none;
}

#home .mobile_nav small { display: inline; }
.mobile_nav i {
font-weight 				: bold;
font-size					: 1.2em;
font-style 					: normal;
margin-right 				: 5px;
}
}