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


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

/* content */
#header { position: relative; height: 125px; background: url(../images/layout/header.png) no-repeat; }
#header a#logo { float: right; display: block; margin-top:20px; width: 450px; height: 85px; }
#content { overflow: hidden; padding: 0 10px 15px 10px; line-height: 16px; }
#contentLeft { float: left; overflow: hidden; padding: 0 10px 15px 10px; line-height: 16px; width: 580px; }
#imgRight { float: left; overflow: hidden; padding: 50px 10px 15px 10px; line-height: 16px; width: 320px; text-align: center; }
#imgRight img { margin-bottom: 10px; }

/* 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; }

/* box Right */
div#middleContent { padding: 0 15px 0 15px; float: left; }
div#middleContent img { border: 1px solid #94312c; }
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; }

div#board_actions { width: 150px; height: 130px; padding: 70px 25px 20px 30px; background-position: top; color:#ffffff; }
div#board_news { width: 155px; height: 210px; padding: 50px 30px 20px 30px; background-position: top; }

div#boxRight { width: 215px; float: left; }
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; }

/* navigation */

#navigate { padding: 80px 0 0 20px; }
#menu { width: 420px; height: 25px; }
#menu ul { overflow: hidden; padding: 0 0 0 0; }
#menu li { float: left; }
#menu li a { display: block; height: 25px; text-decoration: none; }
#menu li ul { display: none; position: absolute; background: #aa0000; padding:0; }
#menu li ul a { height: 20px; min-width: 80px; padding: 5px 15px 5px 15px; background: url(../images/layout/bg_li.png); color: #ffffff; font-family: Georgia; font-size: 14px; font-weight: bold; }
#menu li ul a:hover { background: url(../images/layout/bg_li_h.png); }
#menu li ul li { float: none; }
#menu li:hover ul { display: block; }

#menu li#home a { width: 80px; background: url(../images/layout/bg_nav.png) no-repeat 0 0; }
#menu li#trimsalon-terdiek a { width: 160px; background: url(../images/layout/bg_nav.png) no-repeat -80px 0; }
#menu li#fotos a { width: 82px; background: url(../images/layout/bg_nav.png) no-repeat -240px 0; }
#menu li#contact a { width: 94px; background: url(../images/layout/bg_nav.png) no-repeat -322px 0; }

#menu li#home a:hover { width: 80px; background: url(../images/layout/bg_nav.png) no-repeat 0 -25px; }
#menu li#trimsalon-terdiek a:hover { width: 160px; background: url(../images/layout/bg_nav.png) no-repeat -80px -25px; }
#menu li#fotos a:hover { width: 82px; background: url(../images/layout/bg_nav.png) no-repeat -240px -25px; }
#menu li#contact a:hover { width: 94px; background: url(../images/layout/bg_nav.png) no-repeat -322px -25px; }

#menu li#home a.select { width: 80px; background: url(../images/layout/bg_nav.png) no-repeat 0 -50px; }
#menu li#trimsalon-terdiek a.select { width: 160px; background: url(../images/layout/bg_nav.png) no-repeat -80px -50px; }
#menu li#fotos a.select { width: 82px; background: url(../images/layout/bg_nav.png) no-repeat -240px -50px; }
#menu li#contact a.select { width: 94px; background: url(../images/layout/bg_nav.png) no-repeat -322px -50px; }
 

#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: #c11b21; font-weight: normal; }
h2 { font-size: 14px; }
a { color: #6060c6; }
h2 span.hidden, a span { display: none; border: none; }
input, textarea, select { display: block; border: 1px solid #aeaeae; padding: 2px; }
select { padding: 0; }
option { padding: 2px 10px 2px 5px; }
input[type="hidden"] { border: 0; padding: 0; margin: 0; }
ul { list-style: none; }

/* 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 #dedede; color: #808080; font-size: 11px; }
fieldset.default button:hover { color: #4d4d4d; background: url(../images/layout/button_bg_h.png) repeat-x #ecece2; border: 1px solid #808080; }

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

/* 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; }

/* 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; }


/* 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 #fafafa; 
	border: 1px solid #b4191e; 
}



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

.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 #fafafa; 
	border: 1px solid #b4191e; 
}

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

div.img { display: inline-block; padding: 0 10px 10px 0; color: #1c1c1c; zoom: 1; *display: inline; }
#content img, #contentLeft img, #imgRight img { display: inline-block; padding: 6px; background-color: #ffffff; border: 1px solid #b4191e; }

#content div.img a img { display: block; padding: 0; border: none; }
#content div.img a { display: block; padding: 6px; background-color: #ffffff; border: 1px solid #b4191e; }
#content div.img a:hover { background-color: #b4191e; border: 1px dashes red; }

div.img a { display: block; }

table.collage td { vertical-align: top; }
#content .collage img { display: inline-block; padding: 6px; background-color: #ffffff; border: 1px solid #b4191e; }