@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;
}

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

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		: 20px;
text-transform		: uppercase;
}

h3 {
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size			: ;
font-weight			: normal;
line-height			: ;
padding-bottom		: 12px;
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				: #6d6e71;
}

a:hover {
text-decoration		: underline;
}

.first-child {
padding-left 		: 0;
margin-left 		: 0;
}

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

figure {
overflow 			: hidden;
background-position : center center;
background-repeat 	: no-repeat;
background-size		: cover;
}

table {
overflow			: hidden;
margin-bottom		: 40px;
}

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

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

footer {
float				: left;
width				: 100%;
padding				: 15px 0 30px 0;
text-align			: right;
color				: #6d6e71;
border				: 1px solid #e3ddd1;
border-style		: solid none none none;
font-style			: italic;
}


/* Basiselementen  ----------------------------------------------------------------------------- */

section {
float					: left;
width					: 100%;
margin					: 30px 0;
padding					: 0px;
}

section.content_txt {
width					: 60%;
}

aside {
float					: left;
display					: inline;
width					: 266px;
margin					: 0px;
padding					: 0px;
}

.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;
border				: 1px solid #231F20;
padding 			: 3px 9px;
text-decoration		: none;
}

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

.logo_esprix {
float				: left;
width				: 364px;
height				: 90px;
}

.txt_uitreiking {
float				: right;
width				: 290px;
height				: 22px;
margin-top			: 54px;
}

.txt_uitreiking {
float				: right;
height				: 22px;
margin-top			: 54px;
font-size			: 2.1em;
}

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

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

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

nav ul li.first-child 	{ padding : 0 4px 0 0; }

nav ul 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;
}

nav ul li a:hover {
background-position	: 0 -32px;
text-decoration		: none;
color				: #231f20;
}


/* Logscherm : inloggen  ----------------------------------------------------------------------------- */

.login {
padding-top			: 70px;
}

.login form {
width				: 100%;
}

.login .input_inline label {
width				: 140px;
}

.login .input_inline input[type="text"],
.login .input_inline input[type="password"] {
margin-left			: 0px;
width				: 200px;
}

.login .input_inline input[type="submit"],
.login .lostpass {
margin-left			: 140px;
}



/* Sidebar  ----------------------------------------------------------------------------- */


.textarea_comment {
margin					: 0px 0px 10px 0px;
padding					: 2px;
border					: 1px solid #999999;
font-family				: Georgia, Arial, Helvetica, sans-serif;
font-size					: 12px;
color					: #333333;
width					: 250px;
height					: 250px;
}

select {
margin					: 0px 0px 10px 0px;
padding					: 1px;
border					: 1px solid #999999;
font-family				: Georgia, Arial, Helvetica, sans-serif;
font-size				: 12px;
color					: #333333;
}

/* Required (na textarea */
.required {
display					: block;
position				: absolute;
margin-top				: -23px;
margin-left				: 58px;
font-size				: 0.9em;
font-style				: italic;
width					: 200px;
text-align				: right;
}

span.commercieel {
	position				: absolute;
}

.headings span.commercieel {
	position				: relative;
}

/* Required (na textarea */
.required2 {
display					: block;
position				: absolute;
margin-top				: -15px;
margin-left				: 58px;
font-size				: 0.9em;
font-style				: italic;
width					: 200px;
text-align				: right;
}

/* Basic page : Campagneoverzicht  ----------------------------------------------------------------------------- */


table.campagneoverzicht {
margin					: 8px 0px 3px 0px !important;
border-bottom				: 1px solid #e9e9e9;
}

/* Juryleden bewerken  ----------------------------------------------------------------------------- */

.upload_foto {
float					: right;
}

/* Basic page : Overzichtstabellen  ----------------------------------------------------------------------------- */

table.overzichtstabel   {
float					: left;
font-size				: 12px;
margin					: 10px 0px 30px 0px;
text-align				: left;
width					: 100%;
}

table.overzichtstabel th {
background				: #231f20 none repeat scroll 0 0;
font-size				: 1.33em;
font-weight				: normal;
padding					: 5px 8px;
font-family				: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform			: uppercase;
color					: #FFFFFF;
}

table.overzichtstabel tr.hovered {
background-color		: #e3ddd1;
cursor					: pointer;
}

table.overzichtstabel td {
border-bottom			: 1px solid #231f20;
padding					: 5px 8px !important;
margin					: 0px;
line-height				: 20px;
vertical-align			: middle;
}

table.overzichtstabel td.total_ammount {
border-top				: 3px solid #231f20;
background-color		: #e3ddd1;
}

table.juryleden_tabel tr.hovered {
background-color		: #e3ddd1;
cursor					: default !important;
}

.overzichtstabel em {
padding-bottom			: 0 !important;
}



/* Print buttons  ----------------------------------------------------------------------------- */

.print_expand {
float					: right;
width					: 300px;
}

.print_expand a {
float					: right;
margin-left				: 10px;
}

/* 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 {
float				: left;
margin-bottom 		: 40px;
width: 100%;
}

#frm_logout {
margin-bottom 		: 0px;
}

fieldset {
float				: left;
xwidth				: 352px;
margin				: 0 16px 12px 0px;
}

form ul {
list-style			: none;
overflow			: hidden;
margin				: 0 0 30px 0;
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;
width				: 100%;
}

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;
margin-left			: 10px;
}

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;
padding 			: 4px 10px;
}

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

.input_inline div {
margin-top			: 4px;
}

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

.alt_label label {
width				: auto;
}

.input_inline input,
.input_inline textarea,
.input_inline select {
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;
}

.show_jury .field_radio {
width				: 250px;
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;
}

/* INPUT FORMS (THE CAMPAIGN FORMS) --------------------------------------------------- */
#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;
}

#campaign_forms {
width				: 732px;
}

#campaign_forms fieldset {
width				: 716px;
}

/*#campaign_forms aside {
float				: left;
width				: 100%;
}

#campaign_forms aside ul {
float				: right;
border				: 0px solid red;
width				: 100%;
}

#campaign_forms aside li {
width				: auto;
margin-left			: 20px;
font-size			: 0.88em;
}*/

/* OUTPUT JURY FORMS (THE CAMPAIGN FORMS) --------------------------------------------------- */

#campaign_nav {
position 			: relative;
float				: left;
width				: 732px;
margin 				: 0px 0 32px 0;
}

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

#campaign_nav  li.first-child 	{ padding : 0 4px 0 0; }

#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 {
background-position	: 0 -32px;
text-decoration		: none;
color				: #231f20;
}

.file_link {
color				: #231F20;
}

.jury_form div {
color				: #231F20;
}

.jury_form div em {
float				: left;
font-size			: 1.08em;
padding-bottom		: 12px;
}

.jury_form ul ul {
margin-bottom		: 10px;
}

.jury_form .rowsplitter {
margin-bottom		: 10px;
padding-bottom		: 14px;
border-bottom		: 1px solid #231F20;
}

.jury_votes,
.jury_cats,
.edit_spark {
float				: right;
position			: relative;
background-color	: #E3DDD1;
padding				: 12px 20px;
}

aside.jury_cats { margin-top: 30px;	}

.jury_votes h2,
.edit_spark h2 {
font-size			: 1.5em;
line-height			: 1em;
}

.jury_votes ul,
.edit_spark ul {
margin-bottom		: 10px;
}

.jury_votes .input_inline input {
margin-left			: 0px;
}

.jury_votes textarea {
margin-left			: 0;
width				: 98%;
}

.jury_votes .button {
margin-right		: 2%;
}

aside.jury_cats li {
float				: left;
width				: 100%;
padding				: 12px 0;
}

aside.jury_cats .button {
float				: none;
margin				: 0;
}

.jury_votes input[type=radio] {
margin				: 4px 5px 0 0;
}

.jury_votes label {
margin				: 0;
}

.edit_spark .button {
float				: none;
margin-left			: 0;
}

.edit_spark #btn_save {
font-size			: 1.75em;
margin-bottom		: 30px;
}

.corner_left_top {
position			: absolute;
width				: 16px;
height				: 16px;
left				: 0;
top					: 0;
z-index				: 10;
background			: url("../img/corner_left_top.png") no-repeat scroll 0 0 transparent;
}

.corner_right_bottom {
position			: absolute;
width				: 16px;
height				: 16px;
bottom				: 0;
right				: 0;
z-index				: 10;
background			: url("../img/corner_right_bottom.png") no-repeat scroll 0 0 transparent;
}

/* Small forms for More info & Add comment ------------------------------------------------------------*/

.small_form li {
width				: 540px;
}

.small_form label {
width				: 100px;
}

.small_form input,
.small_form textarea {
width				: 440px;
margin				: 5px 0;
}

.small_form .button {
margin				: 0;
}

/* Global notices and errors ------------------------------------------------------------*/
#global_notice , #global_error {
position			: absolute;
padding				: 5px 0;
color				: green;
font-weight			: bold;
display				: none;
width				: 100%;
font-family			: 'futuramedium', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size			: 1.333em;
font-weight			: normal;
text-transform		: uppercase;
text-align			: center;
color				: #231F20;
border-bottom		: 1px solid #231F20;
background-color	: #E3DDD1;
}

#global_error {
color				: #FFF;
border-bottom		: 1px solid #FFF;
background-color	: red;
}