* { margin: 0; padding: 0; border: 0; font-family: Verdana, Arial; font-size: 12px; }
html, body {
	height:100%;
	width:100%;
}
body { 
	background: #fdf8e0;
}
#bgImage { height: 100%; width: 100%; z-index: -1; position: fixed; }


#bg { position:fixed; top:0; left:0; width:100%; height:100%; z-index: -1; }
/* wrapper */
#wrapper { position: relative; margin: 0 auto 0; padding-top: 10px; width: 990px; z-index: 1; }

/* content */
#header { position: relative; margin-bottom: 5px; height: 180px; background: url(../images/layout/header.jpg) no-repeat; }
#header a#logo { float: left; display: block; width: 450px; height: 180px; }
#content_head { background: url(../images/layout/bg_content_head.png) no-repeat top #eeeddf; }
#content { overflow: hidden; padding: 30px 15px 30px 15px; background: url(../images/layout/bg_content_foot.png) no-repeat bottom; line-height: 18px; }

/* layout */
#top { height: 15px; background: url(../images/layout/bg_top.png) no-repeat; }
#mid { background: url(../images/layout/bg_mid.png) repeat-y; padding: 0 15px 0 15px; }
#bottom { height: 15px; background: url(../images/layout/bg_bottom.png) no-repeat; }

/* boxLeft */
div#boxLeft { width: 190px; float: left; }
div#boxLeft a { display: block; margin-bottom: 5px; width: 190px; }

a#banner_students { height: 145px; background-position: top; }
a#banner_students:hover { background-position: bottom; }
a#banner_free { height: 165px; background-position: top; }
a#banner_free:hover { background-position: bottom; }
a#banner_newsletter { height: 165px; background-position: top; }
a#banner_newsletter:hover { background-position: bottom; }
a#banner_4halen { height: 180px; background-position: top; }
a#banner_4halen:hover { background-position: bottom; }
a#banner_allyoucaneat { height: 180px; background-position: top; background: url(/images/layout/banner_allyoucaneat.jpg) no-repeat; }
a#banner_allyoucaneat:hover { background-position: bottom; }

/* box Middle */
div#middleContent { width: 495px; padding: 0 15px 0 15px; float: left; }
div#middleContent img, div#middleContentRight img { border: 1px solid #94312c; }
div#middleContent img.noborder, div#middleContentRight img.noborder { border: 0; }
div#middleContentRight { width: 710px; padding: 0 15px 40px 15px; float: left; }
div#middleContent img[style="float: right;"], div#middleContentRight img[style="float: right;"] { margin-left: 15px; }
div#middleContent img[style="float: left;"], div#middleContentRight img[style="float: left;"] { margin-right: 15px; }

/* box Right */
div.board_actions { width: 150px; padding: 70px 25px 5px 30px; background-position: top; color:#ffffff; }
div.board_action_bot { height: 28px; background: url(../images/layout/board_actions_bot_new.png) no-repeat; }
div#board_news { width: 155px; height: 210px; padding: 50px 30px 20px 30px; background-position: top; }

div#boxRight { width: 215px; float: left; font-size: 11px; }
div#boxRight #aanbieding { width: 150px; height: 130px; padding: 70px 25px 20px 30px; background: url(../images/layout/bord_aanbiedingen.png) no-repeat top; color:#ffffff; }
div#boxRight #news { width: 155px; height: 210px; padding: 50px 30px 20px 30px; background: url(../images/layout/bord_nieuws.png) no-repeat top; }
div#boxRight p { padding: 0 0 5px 0; }

/* navigation */
#navigation { margin-bottom: 5px; height: 30px; }
#navigation ul { height: 30px; background: url(../images/layout/bg_li.png); padding: 0 15px 0 12px; }

#navigation li { float: left; }
#navigation li a, #navigation li span { display: block; height: 25px; padding-top: 5px; text-align: center; text-decoration: none; color: #eeeddf; font-family: Georgia; font-size: 16px; }
#navigation li#select { background: url(../images/layout/bg_li_h.png); }
#navigation li a:hover, #navigation li span:hover { background: url(../images/layout/bg_li_h.png); }
#navigation li ul { display: none; position: absolute; background: #8c221d; padding:0; }
#navigation li ul a { height: 20px; width: 140px; padding: 6px 15px; border-top: 1px solid #eeeddb; background: url(../images/layout/bg_li.png); font-size: 14px; text-align: left; }
#navigation li ul a:hover { background: url(../images/layout/bg_li_h.png); }
#navigation li ul li { float: none; }
#navigation li:hover ul, #navigation li.sfhover ul { display: block; }


#lang { position: relative; float: right; width: 136px; height: 61px; }
a#lang_nl { margin: 0 0 0 41px; display: block; width: 45px; height: 30px; background: url(../images/layout/lang_nl.gif) no-repeat bottom; }
a#lang_nl:hover, a#lang_nl.select { background: url(../images/layout/lang_nl.gif) top; }
a#lang_en { margin: -9px 0 0 88px; display: block; width: 45px; height: 30px; background: url(../images/layout/lang_en.gif) no-repeat bottom; }
a#lang_en:hover, a#lang_en.select { background: url(../images/layout/lang_en.gif) no-repeat top; }
/* atributen.. */
h1, h2, h3, p { padding-bottom: 10px; }
h1, h2, h3 { font-family: Georgia; }
h1 { font-size: 18px; color: #8c221d; font-weight: normal; }
h1.little { font-size: 13px; padding-bottom: 0; }
h2.menu { padding-bottom: 5px; }
h2 { font-size: 14px; }
a { color: #6060c6; }
a.white { color: #ffffff; }
a.red { color: #8c221d; }
a.block { display: inline-block; }
h2 span, a span { display: none; border: none; }
#navigation a span { display: inline; }
input[type="text"], textarea, select { display: block; border: 1px solid #aeaeae; padding: 2px; }
textarea { resize: none; }
select { padding: 0; }
option { padding: 2px 10px 2px 5px; }
input[type="hidden"] { border: 0; padding: 0; margin: 0; }
ul { list-style: none; }
#content ul { list-style: none; padding: 10px 0; }
#content li {
	background:url("../images/layout/vinkje.png") no-repeat scroll 0 4px transparent;
	padding:3px 0 3px 20px;
}

img#noborder { border: 0; }
img.pageImg { margin-bottom: 10px; }

/* style from - default */
fieldset.default  { margin: 0; padding: 0 0 10px 0	; }
fieldset.default legend { margin: 0px; padding: 0px; font-weight: bold; padding-bottom: 20px; }
fieldset.default label { display: block; float: left; width: 170px; padding-top: 4px; clear: both; }
fieldset.default input { display: block; float: left; width: 500px; margin-bottom: 5px; }
fieldset.default select { display: block; float: left; margin-bottom: 5px; }
fieldset.default textarea { display: block; float: left; width: 500px; height: 300px; margin-bottom: 5px; }
fieldset.default button { display: block; clear: both; background: url(../images/layout/button_bg.png) repeat-x top #ecece2; padding: 2px 20px 1px 20px; border: 1px solid #8c221d; color: #000000; font-size: 11px; }
fieldset.default button:hover { color: #8c221d; background: url(../images/layout/button_bg_h.png) repeat-x #ecece2; border: 1px solid #000000; }


/* normal */
fieldset.normal label { width: 100px; }
fieldset.normal input { width: 200px; }
fieldset.normal textarea { display: block; float: left; width: 300px; height: 80px; margin-bottom: 5px; }
fieldset.normal button { margin-left: 100px; }

fieldset.default input.day { display: block; float: left; width: 25px; margin: 0 5px 5px 0; }
fieldset.default input.month { display: block; float: left; width: 25px; margin: 0 5px 5px 0; }
fieldset.default input.year { display: block; float: left; width: 40px; margin: 0 5px 5px 0; }
fieldset.default label.description { display: block; float: left; margin: 0 5px 5px 0; clear: none; padding: 0; width: auto; }

fieldset.default input.checkbox, fieldset.default input.radio { width: auto; border: none; margin: 0 5px 5px 0; }
input[type="hidden"] { border: 0; padding: 0; margin-bottom: 0px; }
input[type="checkbox"], input[type="radio"] { width: auto; }

/* form css */
div.c1, div.c2 { padding: 3px 0 3px 10px; clear: both; overflow: hidden; }
div.c1 .required, div.c2 .required { padding-left: 10px; }
div.c2 { background: #e2e1d2; }
div.c2_text { background: #e2e1d2; }

/*
div.shadow { background: url(../images/layout/shadow_input.png) no-repeat; width: 180px; height: 19px; float: left; }
.shadow input[type="text"] { width: 170px; height: 17px; background: none; border: none; display: block; padding: 3px 5px 0 5px; } 
*/
.shadow { background: none; width: 180px; height: 19px; float: left; }
.shadow input[type="text"] { width: 166px; height: 15px; background: url(../images/layout/shadow_input.png) no-repeat #eeeddf; border: 1px solid #900; padding: 2px 5px 0 5px; }

.shadow input[type="text"]:focus, fieldset.normal .shadow_text textarea:focus { border: 1px solid #d7b400; }
.shadow input[type="text"].error {  background-color: #ff9090; }


fieldset.normal .shadow_text { float: left; width: 300px; background: url(../images/layout/shadow_textarea_300x100.png) no-repeat 1px 1px #eeeddf; }
fieldset.normal .shadow_text textarea { width: 290px; height: 96px; background: none; border: 1px solid #900; padding: 2px 5px 2px 5px; margin: 0; resize: none; }


fieldset.normal button.submit_2 { width: 180px; padding-botton: 2px; background: url(../images/layout/btn_submit.png) no-repeat; font-weight: bold; color: #fff; border: none; }
/*fieldset.normal button.submit_2 { width: 180px; background: url(../images/layout/btn_submit_text.png) no-repeat; font-weight: bold; color: #fff; border: none; text-indent: -180px; }*/


/* table overview */
table.overview { border-collapse: collapse; width: 100%; border: 1px solid #dbd9c8; }
table.overview td, table.overview th { padding: 2px 5px 2px 5px; }
table.overview th { text-align: left; }
tr.tr0 { background: #dbd9c8; }
tr.tr1 { background: #e4e2d2; }
tr.tr2 { background: #f2f1e5; }
tr.tr3 { background: #f2f2f2; }

fieldset.default option.opt1 { background: #e4e2d2; border-top: 1px solid #aeaeae; }
fieldset.default option.opt2 { padding-left: 10px; background: #ffffff; }

tr#selected { background: #97d7ff; }
tr.tr1:hover, tr.tr2:hover, tr.tr3:hover { background: #ffffff; }
table.overview td.padLeft1 { padding: 0 0 0 20px; }
table.overview td.padLeft2 { padding: 0 0 0 40px; }

th.position { width: 50px; }
th.edit { width: 80px; }
th.del { width: 100px; }
th { text-align: left; }

a.edit { display: block; background: url(../images/icons/page_edit.png) no-repeat; margin-left: 20px; padding-left: 20px; height: 17px; }
a.del { display: block; background: url(../images/icons/page_delete.png) no-repeat; padding-left: 20px; height: 17px; }

/* Menu */
table.menu { border-collapse: collapse; width: 100%; border: 1px solid #dbd9c8; margin-bottom: 20px; }
table.menu td, table.menu th { padding: 2px 5px 2px 5px; }
table.menu th { text-align: left; }
tr.tr0 { background: #dbd9c8; }
tr.tr1 { background: #eeeddf; }
tr.tr2 { background: #e2e1d2; }
tr.tr1:hover, tr.tr2:hover, tr.tr3:hover { background: #ffffff; }
table.menu td.price { width: 100px; text-align: right; }

/* standaard classes */
.clear { clear: both; }
#middleContent ul { padding: 0 0 10px 0; }
#middleContent li { list-style: none;  padding: 0 20px 3px 15px; background: url(../images/layout/list_item.png) no-repeat 0px 6px; }
#middleContent .image_blok a.uitklap img:hover, #middleContentRight .image_blok a.uitklap img:hover { border: 1px solid #fff; }

h1.top { font-size: 14px; padding: 0; text-decoration: none; }
h1.top a { font-family: Georgia; font-size: 14px; color: #8c221d; font-weight: normal; font-size: 14px; padding: 0; text-decoration: none;  }
h2.sub { font-size: 18px; font-weight: normal; color: #8c221d; }


/* NEWS */

div.news { border: 1px solid #dbd9c8; }
div.newsitem { padding: 10px; }
div.newsitem h2 a { font-family: Georgia; font-size: 15px; color: #8c221d; font-weight: normal; text-decoration: none; }
div.newsitem a { color: #8c221d; }
div.newsitem a:hover { color: #8c0700; }

div.d1 { background: #eeeddf; }
div.d2 { background: #e2e1d2; }
div.d3 { background: #f2f2f2; }
/* div.d1:hover, div.d2:hover, div.d3:hover { background: #ffffff; } */

/* fieldstyle1 */

.fieldstyle1 { padding-bottom: 10px; }

.fieldstyle1 label { 
	display: inline-block; 
	width: 100px; 
/*	border-bottom: 1px solid yellow; */
	padding: 0; 
	margin: 0 0 5px 0; 
	vertical-align: top;
}
.fieldstyle1 label.content { width: auto; margin-right: 10px; }

.fieldstyle1 input { margin: 0 5px 5px 0; }
.fieldstyle1 p { padding: 0 0 5px 0; }

.fieldstyle1 input[type="text"] {
	display: inline-block; 
	width: 188px; 
	height: 15px; 
	padding: 2px 5px 0 5px;
	background: url(../images/layout/input_shadow_200.png) no-repeat #fafaf5; 
	border: 1px solid #8c221d; 
}



.fieldstyle1 input[type="text"].big {
	width: 288px;
	background: url(../images/layout/input_shadow_300.png) no-repeat #fafaf5;
}

.fieldstyle1 input[type="text"]:focus, .fieldstyle1 textarea:focus { background-color: #fff; border: 1px solid #d7b400; }
.fieldstyle1 input[type="text"].error, .fieldstyle1 textarea.error { background-color: #ff9090; border: 1px solid red; }
.fieldstyle1 input[type="text"].error:focus, .fieldstyle1 textarea.error:focus { border: 1px solid #d7b400; }


.fieldstyle1 textarea {
	display: inline-block; 
	width: 288px; 
	height: 96px; 
	padding: 2px 5px 0 5px;
	margin: 0 0 5px 0; 
	background: url(../images/layout/textarea_shadow_300.png) no-repeat #fafaf5; 
	border: 1px solid #8c221d; 
}

.fieldstyle1 button { margin-left: 100px; background: #8c221d; padding: 3px 10px 3px 10px; color: #ffffff; }


/*
.new_form input { display: inline-block; width: 200px; border: 1px solid blue; padding: 2px 5px 2px 5px; margin: 0; }
*/

ul#winners li { font-weight: bold; }

h2.kerst { background: #8c221d; color: #fff; padding: 5px 10px; }
#content ul.kerst { border: 1px solid #8c221d; padding: 0 10px; }

#content ul.kerst li {
	background: url("/images/layout/usp.png") no-repeat scroll 0 9px transparent;
	padding: 3px 0 3px 12px;
}

#social-buttons { position: relative; padding-left: 30px; }
#social-buttons .facebook-btn { position: absolute; top: 2px; right: 35px; }