@charset "utf-8";

/* CSS Document */

body {
	background: #333333;
	margin: 0px;
	padding : 0px;
	font-size: 0.8em;
	font-family: verdana;
	}

#content {
	background: #333333;
}



#main {
	background: #333333; 
	width: 100%;
	height: 100%;
	}













#container {
	color:#FFF;
}


#header {
	width: 100%;
	background: url(../images/header_bg.jpg) repeat-x top left;
	height: 104px;
	}


#content {
	width: 960px;
	margin-left: 50px;;
	margin-right: auto;
}


#footer {
	background: url(../images/footer_bg.jpg) repeat-x top left;
	height: 284px;
	width: 100%;
}



.container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


#logo {
	position: relative;
	float: left;
	top: 10px;
	left: 0px;
	background: url(../images/logo.jpg) no-repeat;
	width: 271px;
	height: 58px;
}



#green_tab_bot {
	position: relative;
	top: 4px;
	left: 0px;
	float: left;
	background: url(../images/green_tab_bot.jpg) no-repeat;
	width: 96px;
	height: 38px;
}



.clear_all {



	clear: both;



	visibility: hidden;



}



#left_bot {float: left; display: block; width: 460px; margin: 40px 0 20px; 30px;}



#right_bot {float: right; width: 400px; margin: 40px 0 20px; 0;}



#left_bot img { margin: 10px;}



#right_bot ul { list-style: none; padding: width: 340px;}



#right_bot ul li { background-color: #333333; width: 168px; line-height: 25px; margin: 0 2px 2px 0; padding-left: 5px; float: left; display: inline;}



#right_bot ul li.first { background-color: #8bbf0b; line-height: 40px; width: 342px; font-weight: bold; font-size: 1.4em;}







#menu {



	position: relative;



	top: 74px;



	right: 0px;



	float: right;



	width: 534px;



	height: 30px;



	}



#nav { list-style: none; margin: 0; padding: 0; height: 30px; position: absolute;}



#nav li { float: left; display: inline; padding: 0; margin: 0; }



#nav li a { display: block; line-height: 30px; background: url(../images/menu.jpg) no-repeat; text-indent:-999em; }



#nav li a:focus		{ outline:none; }







#subnav li a		{ display:block; line-height:54px; background:url(/images/subnav_bg3.gif) no-repeat; text-indent:-999em;	}











#nav li#diensten a { background-position:0px top; width:98px; }



#nav li#diensten a:hover { background-position:0px -30px; width:98px; }



#nav li#diensten.current a { background-position:0px -60px;; width:98px; }



#nav li#informatie a { background-position:-98px top; width:123px; }



#nav li#informatie a:hover { background-position:-98px -30px; width:123px; }



#nav li#informatie.current a { background-position:-98px -60px;; width:123px; }



#nav li#contact a { background-position:-221px top; width:100px; }



#nav li#contact a:hover { background-position:-221px -30px; width:100px; }



#nav li#contact.current a { background-position:-221px -60px;; width:100px; }



#nav li#route a { background-position:-321px top; width:73px; }



#nav li#route a:hover { background-position:-321px -30px; width:73px; }



#nav li#route.current a { background-position:-321px -60px;; width:73px; }



#nav li#startpagina a { background-position:-395px top; width:139px; }



#nav li#startpagina a:hover { background-position:-395px -30px; width:139px; }



#nav li#startpagina.current a { background-position:-395px -60px;; width:139px; }



	







/* Menu engels */



#menu_en {



	position: relative;



	top: 73px;



	right: 0px;



	float: right;



	width: 534px;



	height: 30px;



	}



#nav_en {

	list-style: none;

	margin: 0;

	padding: 0;

	height: 28px;

	position: absolute;

	width: 670px;

	left: -22px;

	top: 1px;

}



#nav_en li { float: left; display: inline; padding: 0; margin: 0; }



#nav_en li a { display: block; line-height: 30px; background: url(../images/menu_en.jpg) no-repeat; text-indent:-999em; }



#nav_en li a:focus		{ outline:none; }







#subnav_en li a		{ display:block; line-height:54px; background:url(/images/subnav_bg3.gif) no-repeat; text-indent:-999em;	}











#nav_en li#services a { background-position:0px top; width:99px; }



#nav_en li#services a:hover { background-position:0px -30px; width:99px; }



#nav_en li#services.current a { background-position:0px -60px;; width:99px; }



#nav_en li#information a { background-position:-100px top; width:138px; }



#nav_en li#information a:hover { background-position:-100px -30px; width:138px; }



#nav_en li#information.current a { background-position:-100px -60px;; width:138px; }



#nav_en li#contact a { background-position:-238px top; width:96px; }



#nav_en li#contact a:hover { background-position:-238px -30px; width:96px; }



#nav_en li#contact.current a { background-position:-238px -60px;; width:96px; }



#nav_en li#route a { background-position:-334px top; width:75px; }



#nav_en li#route a:hover { background-position:-334px -30px; width:75px; }



#nav_en li#route.current a { background-position:-334px -60px;; width:75px; }



#nav_en li#startpage a { background-position:-409px top; width:139px; }



#nav_en li#startpage a:hover { background-position:-409px -30px; width:139px; }



#nav_en li#startpage.current a { background-position:-409px -60px;; width:139px; }



	



	





	



#lang { 



	float:right;



	position: relative;



	top: 5;



	right: 0px;



}



.main_text {
	width: 390px;
	float: left;
	height: 400px;
	margin-bottom: 0px;
	text-align: left;
	margin-top: 30px;
	font-family: Verdana, Geneva, sans-serif;
}



#banner { width: 540px; float: left; height: 400px; margin-top: 30px;}



	.buja_text {



	width: 960px;



	padding-left: 70px;



	margin-bottom: 0px;



	text-align: left;



	margin-top: 30px;



	font-family: Verdana, Geneva, sans-serif;



	}



.main_text h1 {



	font-weight: normal;



	font-size: 2em;



	margin-bottom: 20px;



}



.main_text hr {



	color: #666;



	height: 1px;



}



.main_text p {



	padding: 0 0 0 5px;



	margin: 0;



}


