html, body { height: 100%; }
* { margin: 0; padding: 0; }
img {border:0px}


/* Splashpage */

			html, body{margin: 0px; padding: 0px;}
			body#splash{
				background: #6F787C  url(img/splash_bg.jpg) repeat;
                font-family: Tahoma, Verdana, Arial;
			}
			body#splash #container{
				margin: 0 auto 0 auto;
				width: 741px;
				text-align: center;
			}
			body#splash #img{ float: left;}
			body#splash #languages{float: left}
			body#splash img{border:0px;}
            
			body#splash div.update{
				width: 741px;
                float:left;
                color: white;
                font-size: 8pt;
			}
            
			body#splash div.hiring{
				padding: 50px 0 50px 0;
			}

			body#splash div.hiring a{
				font-size: 17px;
				color: #FFBD35;
				margin: 0 20px 0 20px;
			}

			div.hiring a{
				font-size: 17px;
				color: #FFBD35;
				margin: 0 20px 0 0;
			}


/* All other pages */

			
strong{
	font-weight: bold;
	font-size: 15px;
	color: #FFBD35;
}

a.orange{
	color: #FFBD35;
	font-size: 14px;
}

body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #6F787C url(../img/bg_menu.jpg) repeat-x;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	color: white;
}



img{
	border: 0px;
}
a{color: white;}

#all_container{
	 width:100%;	
	 font-size: 12px;
	 padding: 0px;	 
}

#container{
	margin: 0px auto 0px auto;
	width:717px;
	position: relative; 
	min-height: 100%;	
	height:auto !important; /* voor moderne browsers */
	height: 100%	 
}

#menu{
	float: left;
	width: 308px;
	height: 200px;
	clear: both;
	bottom: auto;
}
#content{
	padding: 0px;
	height: auto;
}

div.content_left{
	width: 395px;
	padding: 0 20px 20px 0;
	float: left;
	height: auto;
	line-height: 140%;
}

div.leftcontent{
	width: 395px;
	padding: 40px 20px 20px 20px;
	float: left;
	height: auto;
	line-height: 140%;
}

div.rightcontent{
	width: 240px;
	padding: 40px 20px 20px 20px;
	float: left;
	clear: right;
	height: auto;
}

span.more a{
	display: block;
	float: right;	
}

div.news_box div.more {
	text-align: right;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
}

div.news_box div.more a:hover{
	text-decoration:underline;
}

div.news_box span.title{
	text-align: left;
	color: #a0cedf;
	font-weight: bold;
}
div.news_box span.title a{
	text-align: left;
	color: #a0cedf;
	font-weight: bold;
}
div.news_box span.title a:hover{
	text-align: left;
	color: #a0cedf;
	font-weight: bold;
	text-decoration: underline;
}


div.rightcontent div.news_box span.date{
	font-size: 8pt;
	display: block;
	color: #acb6ba;
	padding: 0px 0px 7px 0px;
}

div.leftcontent div.news_box span.date{
	font-size: 8pt;
	display: block;
	color: #acb6ba;
	padding: 0px 0px 7px 12px;
}

div.news_box span.text{
	color: white;
	text-align: left;
	font-size: 9pt;
	display: block;
	margin: 0px 0px 0px 12px;
}

div.news_box span.text a{
	text-decoration: none;
	text-align: left;
}

div.txt{
	padding: 0px 0px 0px 11px;
	text-align: justify;
}

div.line {
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #8b8e8f;
	margin: 0px 0px 20px 0px;
}

div.links_box span.title{
	display: block;
	color: #a0cedf;
	font-weight: bold;
	text-decoration: underline;
}
div.links_box span.date{
	display: block;
	color: #acb6ba;
}
div.links_box span.text{
	color: white;
	text-align: justify;
}
div.links_box span.link{
	color: #C2CBCE;
	text-align: justify;
	display: block;
	margin: 6px 0px 0px 0px;
}
div.links_box span.link a{
	color: #C2CBCE;
	text-decoration: underline;
}

div.text{
	padding: 0px 0px 20px 0px;
	text-align: left;
}
div.title{	
	color: #ffffff;
	background: url(../img/dotted_bar.gif) repeat-x 10px 20px;
	text-transform: uppercase;
	/*ont-family: "Briem Script Std", Tahoma, Verdana, Arial;*/
	font-size: 10pt;
	margin-bottom: 4px;
	height: 25px;
}
h1{	
	color: #ffffff;
	background-image: url(../img/dotted_bar.gif);
	background-position: 10px 20px;
	background-repeat: repeat-x;
	text-transform: uppercase;
	/*ont-family: "Briem Script Std", Tahoma, Verdana, Arial;*/
	font-size: 10pt;
	margin-bottom: 4px;
	height: 25px;
}
div.footer{
	margin: 0px auto 0px auto;
	width: 100%;
	height: 181px;
	padding: 1px 0px 0px 0px;
	text-align: center;
	clear: both;
	border: 0px solid green;
	background: url(../img/bg_footer.jpg) 0 100% repeat-x;
	position: relative; 
	min-height: 100%;	
	height:auto !important; /* voor moderne browsers */	 
	/*position: absolute;
	bottom: 0px; /* heel belangrijk */
}
div.box_uren{
	background-repeat: no-repeat;
	width: 412px;
	height: 145px;
	float:right;
	font-size: 8pt;
	text-align: left;
	padding: 35px 0px 0px 15px;
}
div.box_contact{
	background-repeat: no-repeat;
	width:252px;
	height: 140px;
	font-size: 8pt;
	float:right;
	text-align: left;
	padding: 40px 0px 0px 25px;	
}
div.pics_box{
	padding: 5px 0px 0px 0px;
}
div.pics_box img{
	margin: 0px 5px 0px 0px;
	border: 1px solid white;
}
div.pics_box div.more {
	text-align: right;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
}
div.pics_box div.more a:hover{
	text-decoration: underline;
}
div.pics_box span.text{
	color: white;
	text-align: justify;
	font-size: 8pt;
}

div.pics_box span.text a{
	text-decoration: none;
}
div.codedor{
	margin-left:auto;
	margin-right:auto;
	color: white;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
}

div.weather{
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	font-size: 8pt;
}
div.products{
	padding: 30px 20px 0px 20px;
}

div.product_title{
	background-image: url(../img/bg_product_title.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 162px;
	padding: 7px 0px 0px 10px;
	font-weight: bold;
	float: left;
}
div.product_0{
	background-image: url(../img/bg_product_item_0.jpg);
	background-repeat: no-repeat;
	height: 115px;
	width: 145px ;
	text-align: left;
	padding: 8px 0px 0px 17px;
	font-weight: bold;
	float: left;
	margin: 0px 7px 10px 0px;
}
div.product_0 img{
	margin: 27px 0px 0px 0px;
	border: 1px solid white;
}

div.product_0 span.title{
	font-weight: normal;
	font-size:1em;	
}

div.product_1{
	background-image: url(../img/bg_product_item_1.jpg);
	background-repeat: no-repeat;
	height: 145px;
	width: 145px ;
	text-align: left;
	padding: 8px 0px 0px 17px;
	font-weight: bold;
	float: left;
	margin-right: 7px;
}
div.product_1 img{
	margin: 27px 0px 0px 0px;
	border: 7px solid white;
}
div.product_box{
	background-color: #9AA1A4;	
	float: left;
	margin: 0px 0px 10px 0px;
}
div.product_box img{
	border: 1px solid white;
}

div.info_box{
	margin: 0px 0px 10px 0px;
	width: 132px;
	border-top:1px solid #6F787C;
	background-color: #99A1A4;
	padding: 20px 10px 20px 20px;
}

div.product_cat{
	float: left;
	padding-bottom: 10px;
}

div.pictures{
	padding: 30px 20px 0px 20px;
}

div.pictures img.thumb{
		border: 1px solid white;
}

div.picture_title{
	background: #899194 url(../img/bg_picture_title.jpg)  no-repeat;
	height: 29px;
	margin: 0px 0px 4px 0px;
	padding: 10px 10px 0px 10px;
	font-weight: bold;
	float: left;
}

div.picture_box{
	background-color: #9AA1A4;
	padding: 10px 10px 10px 10px;
	width: 650px;
}
div.picture_box img{
	border: 1px solid white;
	margin-bottom: 10px;	
}
div.picture_0{
	background-image: url(../img/bg_product_item_0.jpg);
	background-repeat: no-repeat;
	height: 145px;
	width: 145px ;
	text-align: left;
	padding: 8px 0px 0px 17px;
	font-weight: bold;
	float: left;
	margin-right: 7px;
}
div.picture_0 img{
	margin: 27px 0px 0px 0px;
	border: 7px solid white;
}
div.picture_1{
	background-image: url(../img/bg_product_item_1.jpg);
	background-repeat: no-repeat;
	height: 145px;
	width: 145px ;
	text-align: left;
	padding: 8px 0px 0px 17px;
	font-weight: bold;
	float: left;
	margin-right: 7px;
}
div.picture_1 img{
	margin: 27px 0px 0px 0px;
	border: 7px solid white;
}

div.lang{
	text-align: right;
	width:347px; 
	height:20px;
	margin: 58px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
}

.lang_select {
	background-color: #6F787C;
	text-decoration: none;
	padding: 5px;
	
}
.lang_active{
	background-color: #5CBCD1;
	text-decoration: none;
	padding: 5px;
	
}

div.contact{
	padding: 30px 20px 0px 20px;
}
div.route{
	padding: 30px 20px 0px 20px;
}

br.clear{
	clear: both;	
}

/* product page */

.tab_selected {
	background-color: #9AA1A4;
	color:white;
	cursor:pointer;
	height:20px;
	background-image:url(images/tab1.jpg);
	border-top: 1px solid #949c9e;
	border-left: 1px solid #949c9e;
	border-right: 1px solid #949c9e;
	text-align:center;
	font-family:verdana;
	font-size: 0.89em;
	font-weight: normal;
	text-transform: uppercase;
}
.tab {
	background-color: #838b8f;
	color: white;
	cursor: pointer;
	height: 20px;
	background-image: url(images/tab2.jpg);
	border-top: 1px solid #949c9e;
	border-left: 1px solid #949c9e;
	border-right: 1px solid #949c9e;
	text-align:center;
	font-family:verdana;
	font-size: 0.89em;
	font-weight:normal;
	text-transform: uppercase;
}

ul#product_menu {
	margin: 0px;
	padding: 0px;	
	float: left;
}

ul#product_menu li{
		display: block;
		float: left;
		padding: 8px 13px 0px 13px;
		margin-right: 2px;
}

div.product_box_img{
	margin-right: 10px; 
	width: 310px;	
	padding: 10px 0px 10px 10px;	
	background-color: #9AA1A4;	
	float: left;
}

div.product_box_img img{
	border: 1px solid white;
}

div.product_tab{
	width: 317px; 
	padding: 20px 15px 10px 15px;
	background-color: #9AA1A4;
	margin: 0;
	height: 25em;
	clear: both;
}

div.product_tab ul{
	margin-left: 15px;
}

div.product_tab ul li{
	
}

div.product_info{
	float: left;	
}

/* product page */

/* FORM LAYOUT */

form dl dt{
	width: 120px;
	float: left;
}

form label{
	display: block;
	margin: 5px 0 0;
	padding: 0;
}

form input, form textarea{
	margin: 5px;
}

input, textarea{
	border: 1px solid white;	
	width: 200px;
}

input.btn{
	width: 70px;
	float: left;
	color: white;
	background-color: #22343c;
	border: none;
}

form br {
	clear: left;
}
span.warning{
	color: #BE0A0A;
}