/*------------------------------opbouw van de website--*/
.con{
	position:absolute;
	display:block;
	width:980px;
	height:100%;
	left:50%;
	top:0px;
	margin-left:-490px;
}

.header{
	position:relative;
	float:left;
	width:980px;
	height:91px;
	display:block;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
	background-color:#FFFFFF;
}

.main{
	position:relative;
	float:left;
	width:980px;
	height:auto;
	display:block;
	text-align:left;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
	background-color:#FFFFFF;
}

.footer{
	position:relative;
	float:left;
	width:980px;
	height:auto;
	display:block;
	background-color:#EFEFEF;
	border:#999999 1px solid;
}

/*------------------------------basiselementen van de website--*/
html, body{
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
overflow-y:scroll;
}

a, a:visited{
color:#E55A24;
text-decoration:none;
outline:none;
}

a:hover{
color:#999999;
}

a img{
border:none;
}

input, select{
border:#cccccc 1px solid;
font-size:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.knop, .knop:visited{
background-color:#E55A24;
border:#E55A24 1px solid;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
height:auto;
line-height:18px;
color:#fff;
display:block;
text-align:center;
cursor:pointer;
}

input:hover, .veld_verplicht:hover, .knop:hover{
background-color:#F2F2F2;
color:#000;
}

.knop_vink{
background-image:url(../images/website/vinkje.jpg);
height:16px;
width:16px;
border:none;
cursor:pointer;
}

.checkbox{
background-color:#FFFFFF;
border:none;
display:inline;
height:12px;
width:12px;
}

.radio{
height:10px;
width:10px;
}

.grijs9{
font-size:9px;
color:#666;
}

.grijs10{
font-size:10px;
color:#666;
}


.rood10{
font-size:10px;
color:#FF0000;
}

.groen10{
font-size:10px;
color:#006600;
}

.groen11{
font-size:11px;
color:#006600;
}

.rood10 a{
font-size:10px;
color:#FF0000;
}

.rood11{
font-size:11px;
color:#FF0000;
}

.grijs11{
font-size:11px;
color:#666;
}

.grijs12{
font-size:12px;
color:#666;
}

.oranje10, .oranje10:visited{
font-size:10px;
color:#E55A24;
}

.oranje11, .oranje11:visited{
font-size:11px;
color:#E55A24;
}

.oranje12{
font-size:12px;
color:#E55A24;
}

.oranje36{
font-size:36px;
color:#E55A24;
font-weight:bold;
}

.bg_grijs{
background-color:#FaFaFa;
border-right:#cccccc 1px solid;
border-top:#cccccc 1px solid;
padding:5px;
}

h6{
font-size:16px;
color:#E55A24;
letter-spacing:2px;
margin-bottom:0px;
}

h4{
font-size:15px;
color:#999999;
}


h3, td h3{
margin-top:20px;
font-size:12px;
color:#999999;
width:100%;
}

h5{
color:#E55A24;
font-size:12px;
}

hr{
color:#ffffff;
border:none;
border-top:#999999 dashed 1px;
height:1px;
width:95%;
text-align:center;
}

.foutmelding{
color:#CC0000;
font-size:10px;
}

legend{
color:#E55A24;
font-size:12px;
font-weight:bold;
}

/*------------------------------Opmaak van de homepage--*/
.zoekwoorden{
	position:relative;
	float:left;
	width:980px;
	height:60px;
	border-top:#999 1px solid;
	overflow:hidden;
}

.zoekwoorden a{
	margin:0px 5px 0px 5px;
}

.homepage_large{
	display:inline-block;
	float:left;
	width:241px; /*LETOP AANPASSEN NAAR 241 NOBORDER*/
	height:240px; /*LETOP AANPASSEN NAAR  240 NOBORDER*/
	margin:2px;
	overflow:hidden;
	background-repeat:no-repeat;
}

.homepage_medium{
	display:inline-block;
	float:left;
	width:241px; 
	height:116px; 
	margin:2px;
	overflow:hidden;
}

.homepage_small{
	display:inline-block;
	float:left;
	width:484px; 
	height:56px; 
	margin:2px;
	overflow:hidden;
	background-repeat:no-repeat;
	border:#999 solid 1px;
}

.homepage h1{
	font-size:18px;
	letter-spacing:2px;
	margin:16px 0px 0px 20px;
}

.homepage h2{
	font-size:48px;
	letter-spacing:2px;
	text-align:right;
	margin:30px 3px 0px 0px;
}

.homepage h3{
	font-size:14px;
	letter-spacing:2px;
	margin:0px 0px 8px 20px;
	color: #666;
}

.homepage h2 sup{
	font-size:20px;
}

/*------------------------------Opmaak van de Top Box--*/
.home{
position:relative;
float:left;
width:200px;
height:63px;
cursor:pointer;
}

.topbox{
position:relative;
float:right;
display:block;
width:600px;
height:33px;
text-align:left;
font-size:10px;
color: #000000;
margin-top:4px;
margin-right:5px;
}

.topbox_item{
position:relative;
float:right;
text-align:left;
border-right: #999999 1px solid;
height:27px;
margin-left:10px;
padding-right:10px;
}

/*------------------------------opmaak van de informative pagina's--*/
.info_pagina{
margin:20px;
}

.info_item{
position:relative;
float:left;
display:block;
overflow:hidden;
height:155px;
width:195px;
margin:6px 6px 0px 0px;
cursor:pointer;
}

.info_head{
color:#E55A24;
font-size:14px;
font-weight:bold;
}


/*------------------------------opmaak van de userpagina's--*/
.order_row{
height:15px;
}

.order_row:hover{
background-color:#F4F4F4; 
}

.order_subrow{
display:none;
border:1px solid #E55A24; 
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
}

.order_subrow:hover{
background-color:#F4F4F4; 
}


/*------------------------------opmaak van de agenda--*/
.agenda_topimg{
position:relative;
float:left;
width:980px;
}

.agenda_maandknop{
position:relative;
float:left;
width:61px;
height:20px;
border-bottom:2px solid #E55A24;
margin-right:6px;
margin-top:2px;
text-align:center;
color:#666666;
font-size:12px;
line-height:20px;
}

.agenda_maandknop:hover{
border-bottom:2px solid #F2F2F2;
}

.agenda_item{
position:relative;
float:left;
display:block;
height:80px;
width:193px;
margin:3px 6px 3px 0px;
cursor:pointer;
border:#999 1px solid;
}

.agenda_dag{
position:relative;
float:left;
display:block;
height:55px;
width:38px;
color:#E55A24;
font-size:30px;
text-align:right;
}

.agenda_maand{
position:relative;
float:left;
display:block;
height:55px;
width:150px;
color:#E55A24;
font-size:14px;
line-height:45px;
margin-left:5px;
}

.agenda_titel{
position:relative;
float:left;
display:block;
height:25px;
width:193px;
margin-left:5px;
font-size:12px;
font-weight:bold;
color:#666666;
}

.agenda_popup{
display:none;
left:50%;
padding:10px;
background-color:#FFFFFF;
color:#000;
z-index:100;
}

/*------------------------------opmaak van de nieuwspaginas--*/
.nieuws_topimg{
position:relative;
float:left;
width:980px;
}

.nieuws_item{
position:relative;
float:left;
display:block;
height:120px;
width:237px;
margin:3px 3px 3px 3px;
cursor:pointer;
border:#999 1px solid;
}

.nieuws_item h1, .nieuws_popup h1{
	position:relative;
	float:left;
	display:block;
	height:35px;
	width:237px;
	margin:10px 0px 0px 5px;
	font-size:15px;
	color:#E55A24;
}

.nieuws_item p{
position:relative;
float:left;
display:block;
margin:5px 0px 0px 5px;
font-size:12px;
color:#000;
}

.nieuws_datum{
position:relative;
float:left;
display:block;
margin-left:5px;
font-size:10px;
font-style:italic;
color:#666666;
}

.nieuws_popup{
display:none;
top:5px;
padding:10px;
background-color:#FFFFFF;
color:#000;
z-index:100;
}

.nieuws_img{
border:none;
}
/*------------------------------opmaak van de berichtenpagina--*/
.user_bg{
position:relative;
float:left;
background-repeat:repeat-y;
}

.user_message{
position:relative;
float:left;
width:400px;
margin-bottom:10px;
margin-right:200px;
background-image: url(../images/website/wit_trans.png);
}

.user_message_text{
position:relative;
float:left;
width:350px;
margin-left:30px;
}

.user_message_sender{
position:relative;
float:left;
width:400px;
}

.user_box_right{
position:relative;
float:right;
border:#F2F2F2 1px solid;
margin-right:10px;
width:160px;
margin-bottom:10px;
padding:5px;
}

.user_box_left{
position:relative;
float:left;
width:760px;
margin-left:20px;
}
/*------------------------------opmaak van de Deel je creatie--*/
.djc_con{
margin:5px;
}

.djc_item{
position:relative;
float:left;
display:block;
height:360px;
width:146px;
border:#F2F2F2 1px solid;
margin-right:2px;
padding:5px;
font-size:11px;
}

a .djc_item:hover{
background-color:#F2F2F2;
color:#000000;
cursor:pointer;
}

.djc_foto{
display:block;
text-align:center;
height:220px;
overflow:hidden;
}

.djc_foto img{
width:auto;
height:210px;
text-align:center;
margin-bottom:5px;
}

.djc_new_items{
position:relative;
float:left;
width:600px;
margin-bottom:20px;
}

.djc_new_item{
position:relative;
float:left;
margin:5px;
height:auto;
width:auto;
}

.djc_small{
position:relative;
float:left;
display:block;
width:90px;
height:80px;
margin:0px 5px 0px 5px;
border:#F2F2F2 1px solid;
overflow:hidden;
}

.djc_small_img{
width:90px;
}

.djc_nav{
	position:relative;
	float:left;
	display:block;
	width:970px;
	height:28px;
	text-align:right;	
}

.djc_nav a{
	position:relative;
	float:right;
	display:block;
	height:20px;
	width:20px;
	cursor:pointer;
	border:#ccc 1px solid;
	text-align:center;
	line-height:20px;
	font-size:10px;
	margin:1px;
}

.djc_nav a:hover{
	background-color:#E55A24;
	color:#FFFFFF;
}
/*------------------------------historische order info--*/
.bestel_his_item{
position:relative;
float:left;
display:block;
width:90px;
height:60px;
overflow:hidden;
font-size:10px;
text-align:center;
cursor:pointer;
}

.bestel_his_item:hover{
background-color:#F2F2F2;
}

.bestel_his{
position:relative;
float:left;
display:none;
width:380px;
height:auto;
}

/*------------------------------modevakscholen--*/
.mvs_con{
position:relative;
float:left;
display:block;
width:970px;
margin:5px;
}

.mvs_form{
position:relative;
float:right;
}

.mvs_swf{
position:relative;
float:left;
}

.mvs_item{
position:relative;
float:left;
display:block;
height:80px;
width:193px;
margin:6px 6px 0px 0px;
cursor:pointer;
border:#F2F2F2 1px solid;
text-align:center;
}

.mvs_item_naam{
position:relative;
float:left;
display:block;
height:30px;
width:190px;
font-weight:bold;
font-size:12px;
text-align:center;
margin-top:5px;
}

.mvs_con fieldset{
	margin:5px;
}

.mvs_creaties{
position:relative;
float:left;
display:block;
width:100%;
}

.mvs_backlink{
position:relative;
float:left;
display:block;
width:100%;
}
/*------------------------------popup--*/
.confirm_box{
position:absolute;
display:none;
left:50%;
top:120px;
width:200px;
margin-left:-100px;
min-height:60px;
padding:10px;
background-color:#FFFFFF;
z-index:500;
border:#E55A24 1px solid;
text-align:center;
}

.confirm_box a{
font-weight:bold;
margin:20px;
}

.confirm_box a:hover{
color:#E55A24;
}

/*------------------------------Opmaak je eigen labels maken--*/
.label_stap{
position:relative;
float:left;
display:block;
overflow:hidden;
border:#F2F2F2 1px solid;
margin-left:5px;
}

.label_titel{
position: relative;
float:left;
display:block;
height:20px;
font-size:12px;
font-weight:bold;
color: #999999;
letter-spacing:2px;
margin:5px 0px 0px 5px;
}

.label_titel2{
position: relative;
float:left;
display:block;
height:20px;
font-size:12px;
font-weight:bold;
color: #000000;
letter-spacing:2px;
margin:0px 0px 0px 3px;
}

.label_form{
position:relative;
float:left;
display:block;
margin:10px 3px 0px 10px;
}

.label_kleur{
position:relative;
float:left;
width:10px;
height:8px;
display:block;
border:#000000 1px solid;
}

.label_prijs{
position:relative;
float:right;
margin:30px 0px 0px 00px;
width:160px;
display:block;
border-top:#E55A24 1px solid;
}

.label_tabel{
position:relative;
float:left;
display:block;
}


.symbool_bg{
position:relative;
float:right;
}

/*------------------------------Searchbar--*/
#searchbar{
	position:relative;
	float:left;
	background-color:#fff;
	border-bottom:#999999 1px solid;
	width:100%;
	height:30px;
	display:block;	
}

#searchbar img{
	position:relative;
	float:left;
	margin:5px 0px 0px 10px;
}

#searchbar_input{
	position:relative;
	float:left;
	width:320px;
	font-size:12px;
	border:#E55A24 1px solid;
	border-left:#E55A24 4px solid;
	margin:5px 0px 0px 10px;
	color:#000;
}

#search_result{
	position:absolute;
	top:30px;
	padding:0px 84px 0px 84px;
	display:none;
	width:812px;
	border-bottom:#999999 1px solid;
	background-image:url(../images/website/wit_trans.png);
	z-index:1;
}



/*------------------------------Footer--*/
.footer_item{
	position:relative;
	float:left;
	display:block;
	color:#000;
	width:160px;
	height:160px;
	margin:10px;
	border-left:#000 1px dotted;
	padding-left:10px;
}

.footer_item h1{
	font-size:16px;
}

.footer_item a, .footer_item a:visited{
	position:relative;
	float:left;
	color:#000;
	width:140px;
	margin-left:20px;
	font-size:10px;
	line-height:16px;
}

.footer_item a:hover{
	color:#E55A24;
}


/*------------------------------Footer--*/
.sitemap_item{
	position:relative;
	float:left;
	width:940px;
	height:auto;
	margin:10px;
	font-size:11px;
}

.sitemap_header{
	position:relative;
	float:left;
	width:90%;
	font-weight:bold;
	font-size:12px;
}

.sitemap_sub, .sitemap_sub:visited{
	position:relative;
	float:left;
	width:110px;
	margin-left:30px;
	color:#E55A24;
}

/*------------------------------Frontpages--*/
.rits_img{
position:relative;
float:right;
}

.rits_kleuren{
position:relative;
float:left;
width:680px;
}

.rits_kleuren img{
position:relative;
float:left;
width:61px;
margin:3px;
}

.frontpage_home{
	display:block;
	background-image:url(../images/frontpages/home/home.jpg);
	position:relative;
	float:left;
	width:980px;
	height:450px;
}

/*------------------------------pagina merken--*/
.merk{
	position:relative;
	float:left;
	width:958px;
	height:auto;
	display:block;
	margin:5px 0px 0px 5px;
	padding:5px;
	border: #CCC 1px solid;
}

.merk img{
	margin:10px 10px 0px 0px;
}

/*------------------------------BACKEND--*/
.backend_pagina{
	margin:10px;	
}





/*------------------------------hoofdmenu van de website--*/
.hoofdmenu{
	position:relative;
	float:left;
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:100%;
}

.hoofdmenu_item, .hoofdmenu_item:visited{
	position:relative;
	float:left;
	font-size:11px;
	display:block;
	line-height:26px;
	padding-left:7px;
	padding-right:7px;
	color:#000;
	outline:none;
	text-transform:capitalize;
}

.hoofdmenu_item:hover, #active_hoofdmenu{
	background-color:#E55A24;
	color:#fff;
}

/*------------------------------sumenu van de website--*/
.submenu{
	position:relative;
	float:left;
	width:150px;
	margin:10px 0px 0px 0px;
	overflow:hidden;
	background-color:#FFFFFF;
}

.submenu_tekst{
	position:relative;
	float:left;
	display:block;
	width:150px;
	font-size:11px;
	color: #E55A24;
	font-weight:bold;
}

.submenu_item, .submenu_item:visited{
	position:relative;
	float:left;
	width:140px;
	line-height:16px;
	outline:none;
	margin:0px;
	padding-left:10px;
	font-size:12px;
	color:#000000;
	border-top:#666666 1px dotted;
}

.submenu_item:hover, #active_submenu{
	background-color:#E55A24;
	color:#fff;
}

.moreitems_button{
	font-size:10px;
	color: #999999;
	cursor:pointer;
}