/*********** BODY ***********/
body {
	background:	#5c645c;
	margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: 	#555;
    text-align:center; 
}

img {
border:0;
}

ol,ul,h1,h2,h3,h4 {
margin: 0;
padding: 0;
list-style: none;
}

/* @group default links */
a:link,a:active,a:visited {  
	 outline:none;	 
	}
	:focus{
	 -moz-outline-style:none;
	}
/* @end */

#mainwrap {
    width:800px;
    padding:0;
    margin: 50px auto 0 auto;
    background:#fff;
    text-align:left;
    position: relative;
}

#maincontent {
width:580px;
height:400px;
float:right;
}

#mainmenu {
height:60px;
display:none;
}

/* @group splash */
#splash {
	 display: block;
	 width: 800px;
	 height: 400px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 100;
	 background: #fff;
	}
	#splash a#gohome {
	 display: block;
	 width: 800px;
	 height: 400px;
	 background: url(../img/kostershop.jpg) no-repeat;
	 float: left;
	 text-indent: -9999px;
	}
	#splash a#goshop {
	 display: block;
	 width: 400px;
	 height: 400px;
	 background: url(../img/goshop.gif) no-repeat;
	 float: right;
	 text-indent: -9999px;
	}

/* @end */

/* @group flashmenu */
#flashmenu {
	 height:60px;
	 width: 800px;
	 position: relative;
	}
	#flashmenu a#logo {
	 display: block;
	 width: 248px;
	 height: 31px;
	 text-indent: -9999px;
	 background: url(../img/logo.gif) no-repeat;
	 position: absolute;
	 top: 5px;
	 left: 5px;
	}
	#flashmenu a#webshop {
	 display: block;
	 height:30px;
	 width: 166px;
	 text-indent: -9999px;
	 position: absolute;
	 bottom: 3px;
	 right: 0;
	 background: url(../img/btnwebshop.gif) no-repeat;
	}
	
	#mainnav {
	 display: block;
	 width: 650px;
	 overflow: hidden;
	 position: absolute;
	 left: 5px;
	 bottom: 3px;
	}
	#mainnav li {
	 float: left;
	 margin-right: 8px;
	 border-left: 3px solid #66CC33;
	}
	#mainnav a {
	 float: left;
	 font-family: Arial,Tahoma,Helvetica,sans-serif;
	 font-size: 13px;
	 font-weight: bold;
	 color: #222;
	 text-decoration: none;
	 padding: 1px 5px 1px 3px;
	}
	#mainnav a:hover, #mainnav a.act {
	 background: #66CC33;
	 color: #fff;
	}
	
/* @end */


#mainimage {
width:219px;
height:400px;
float:left;
}

#dot_hor {
background: #686868 url(../img/dot.gif);
height:1px;
clear:both;
}

#dot_ver {
float:left;
width:1px;
height:400px;
background: #686868 url(../img/dot.gif);
}

.ul_con {
margin: 0;
padding:0px 0px 15px 37px;
list-style:none;
background:url(../img/blokje.gif) no-repeat;
background-position: 20px 2px;
}

.ul_con li {
margin:0;
padding:0;
margin-bottom:6px;
}

.aanhef {
font-weight:bold;
}

#column_1 {
width: 235px;
float:left;
padding-left: 40px;
background:url(../img/blokje.gif) no-repeat;
background-position: 20px 2px;
}

#col_cnt {
width: 278px;
float:left;
}

#column_2 {
width: 300px;
float:right;
}

#ol_con {
margin: 0;
padding:0;
margin-top: -16px;
list-style:none;
}

.form_con {
height:14px;
}

.form_con_file {
height:18px;
}

.form_con_msg {
height:70px;
}

h1 {
display:none
}

h2 {
background:#66cc33;
color:#fff;
font-size:12px;
font-weight:bold;
padding: 4px 0px 2px 10px;
margin: 30px 0px 10px 10px;
}


#route_img {
 margin: 0 0 0 20px;
 padding-bottom: 10px;
 background: #66cc33;
}


.list_img {
margin: 0;
padding: 2px 0 20px 20px;
list-style:none;
}

.list_img li {
margin:0 10px 10px 0;
padding:0;
float:left;
}

.list_img li img {
 margin: 0;
 padding-bottom: 10px;
 background: #66cc33;
}


/*----------------------------------------------------------------- CREDITS */
#credits {
	font-size: 			9px; 
	width:				800px;
	color:				#FFF;
	margin: 			3px auto 0 auto;
	position: relative
}

#cr_left {
position: absolute;
top:0;
left:0;
}

#cr_right {
position: absolute;
top: 14px;
left: 0;
}

a.cr:active,a.cr:link,a.cr:visited {  
	color: 				#FFF;
	text-decoration: 	none;	 
	font-weight: 		normal;
}

a.cr:hover {
	color: 				#FFF;
	font-style: 		normal;
	font-weight: 		normal;
	text-decoration: 	underline;
}

/*---------------------------------------------------------------- LISTOPMAAK VOOR LINKS NAAST ELKAAR */

ul#lnk, ul#lnk li {
 margin:0;
 padding:0;
}

ul#lnk {
 float: left;
 display: block;
 width: 240px;
 margin-bottom: 10px;
}

ul#lnk li {
 float:left;
 display: block;
 width:120px;
}

br {
 clear:both;
}


/*---------------------------------------------------------------- ALTERNATIEVE NAVIGATIE */

#mainmenu h3 {
font-size: 14px;
margin:8px 0 0 10px;
}

#mainmenu ul {
margin-left: 10px;
}

#mainmenu ul li {
float:left;
}

#mainmenu ul li a {
display: block;
padding: 0 8px; 
}

#mainmenu ul li a:hover {
background: #66cc33;
color: #fff;
text-decoration: none;
}

/*---------------------------------------------------------------- ALGEMENE LINKS */
a:active,a:link,a:visited {  
	color: 				#888;
	text-decoration: 	none;	 
	font-weight: 		normal;
}
a:hover {
	color: 				#66cc33;
	font-style: 		normal;
	font-weight: 		normal;
	text-decoration: 	underline;
}


/*--------------------------------------------------------------------- FORMULIER */
form {
margin: 0;
padding: 0;
}


input,textarea { 
	color:				#555; 
	font-size: 			11px;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:		middle;
	border:				1px solid #888;
    padding: 2px 0px 0px 9px;
    margin: 0px 0px 8px 30px;
    width:240px;
}

.frmfile {
display:block;
padding: 0px 0px 2px 37px;
background:url(../img/blokje.gif) no-repeat;
background-position: 20px 2px;
}

.frm_btns {
height:18px;
margin: 0 0 0 30px;
padding: 0;
}

.frm_btn {
width:68px;
height:18px;
border:0;
margin:0 10px 0 0;
padding:0 0 2px 0;
background:#ddd;
border-left: 2px solid #66cc33;
float:left;
}

#frn_process {
padding: 0 0 0 232px;
visibility:hidden;
}
/*------------------------------------------------------------------------------*/
#frmmail {
 width: 390px;
 position: absolute;
 right: 0;
 top: 4px;
 text-align: left;
}

#frmmail i {
 display: block;
 width: 180px;
 font-style: normal;
 float: left;
 font-size: 10px;
 padding: 3px 10px 4px 0;
 text-align: right;
}

#frmmail i.green {
 color: #66cc33;
}

#frmmail input {
 width: 190px;
 height: 16px;
 border: 1px solid #fff;
 padding: 1px 4px 1px 4px;
 margin: 0;
}

#frmmail a {
 float: right;
 color: #fff;
 margin: 5px 0 0 0;
 padding: 2px 8px 2px 5px;
 border-left: 3px solid #66cc33;
}

#frmmail a:hover {
 background: #66cc33;
 text-decoration: none;
}