/* Basis elementen en hoofdelementen -----------------------------------------*/

* {
margin					: 0px;
padding					: 0px;
}

body {
background				: #777 url(../img/bg_main.gif) repeat-y center top;
color					: #777;
}

h1 {
font-family				: Arial, Helvetica, sans-serif; 
font-size				: 20px; 
font-style				: normal;
line-height				: normal; 
font-variant			: normal; 
color					: #333; 
font-weight				: lighter; 
margin					: 10px 0px 20px 0px;
}



p {
line-height				: 1.4em;
padding					: 10px 0px 10px 0px;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size				: 11px;
}

a {
text-decoration			: none;
color					: #777;
}

a:hover {
color					: #777;
}

a img {
border					: 0px;
}

strong {
font-weight				: bold;
}


/* Container --------------------------------------------------------------*/

#container {
width					: 842px;
margin					: auto;
color					: #000;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

/* Header --------------------------------------------------------------*/

#header {
clear					: both;
width					: 828px;
height					: 65px;
padding-left				: 14px;
color					: #777;
}

#logo {
float					: left;
width					: 131px;
height					: 65px;
}

#metamenu {
float					: left;
width					: 400px;
height					: 30px;
padding					: 45px 0px 0px 84px;
display					: inline;
}

#metamenu ul {
list-style				: none;
}

#metamenu li {
float					: left;
padding-left				: 40px;
}

#metamenu li a {
color					: #777;
}

#metamenu li a:hover {
text-decoration			: underline;
}

#download_info {
padding					: 10px 0px 0px 0px;
}

#download_info a {
text-decoration			: underline;
}

/* NAVIGATIE ------------------------------------------------------- */
#nav {
float					: right;
width					: 223px;
margin-top				: 13px;
}

#nav ul {
list-style				: none;
width					: 223px;
}

#nav li {
width					: 223px;
height					: 27px;
}

#nav li a {
display					: block;
width					: 208px;
height					: 25px;
background-image			: url(../img/bv_nav.gif);
background-position			: 0px 0px;
padding-left				: 15px;
font-size					: 18px;
font-weight				: bold;
color					: #58585a;
}

#nav li a:hover, #nav li a.selected {
background-position			: 0px 25px;
color					: #e2001a;
}

/* CONTENT   ------------------------------------------------------- */

#wrap {
float					: left;
clear					: both;
width					: 828px;
}

#content {
float					: right;
width					: 828px;
padding-left				: 14px;
display					: inline;
}
	
/* CONTENT Home   ------------------------------------------------------- */

#front_pic {
float					: left;
}

#front_news {
float					: left;
width					: 817px;
background-color			: #FFFFFF;
margin					: 15px 0px;
background				: url(../img/bg_frontnews.gif) no-repeat;
}

#front_news_container {
float					: left;
width					: 272px;
background-color			: #FFFFFF;
margin					: 7px 3px 3px 3px;
}

.newsitem, .newsitem_last {
width					: 262px;
height					: 50px;
background-color			: #FFFFFF;
background				: url(../img/bg_frontnewsitem.gif) no-repeat;
border-bottom				: 1px solid #DDD;
padding					: 5px 5px 2px 5px;
}

.newsitem_last {
border-bottom				: 0px;
}

.newsitem h2, .newsitem_last h2 {
color					: #e2001a;
font-weight				: bold;
font-size					: 14px;
width					: 194px;
padding					: 0px 0px 4px 0px;
margin					: 0px;
line-height				: 12px;
}

.newsitem h2 a, .newsitem_last h2 a {
color					: #e2001a;
}

.newsitem p, .newsitem_last p {
float					: left;
font-size					: 10px;
width					: 194px;
padding					: 0px 0px 7px 0px;
margin					: 0px;
line-height				: 10px;
}

.newsitem p a, .newsitem_last p a {
color					: #777;
font-size					: 10px;
line-height				: 10px;
float					: left;
}

.newsitem img, .newsitem_last img {
color					: #777;
font-size					: 10px;
line-height				: 10px;
float					: right;
padding					: 3px;
border					: 1px solid #DDD;
width					: 42px;
height					: 42px;
}

#front_news #main_text {
float					: right;
width					: 440px;
padding					: 25px 60px 10px 30px;
display:inline;
}

#front_news #main_text h2 {
color					: #58585a;
font-weight				: bold;
font-size					: 18px;
padding					: 0px 0px 10px 0px;
margin					: 0px;
line-height				: 14px;
}

#front_news #main_text p {
font-size					: 11px;
padding					: 0px 0px 7px 0px;
margin					: 0px;
line-height				: 18px;
}

/* CONTENT Follow   ------------------------------------------------------- */

#main_content {
float					: left;
background				: url(../img/bg_content_follow.gif) no-repeat;
width					: 828px;
margin-top				: 10px;
}

#main_text_follow {
float					: left;
width					: 335px;
padding					: 25px 0px 10px 15px;
min-height				: 380px; 
height					: auto;
display					: inline;
}

/* for Internet Explorer */
/*\*/
* html #main_text_follow {
height					: 380px;
}

#main_text_follow h2 {
color					: #58585a;
font-weight				: bold;
font-size					: 22px;
padding					: 0px 0px 15px 0px;
margin					: 0px;
line-height				: 20px;
}

#main_text_follow h3 {
font-size					: 11px;
padding					: 0px 0px 0px 0px;
margin					: 0px;
line-height				: 18px;
font-weight				: bold;
}

#main_text_follow p {
font-size					: 11px;
padding					: 0px 0px 7px 0px;
margin					: 0px;
line-height				: 18px;
}

#main_text_follow a {
text-decoration			: none;
color					: #777;
}

#main_text_follow a:hover {
color					: #777;
text-decoration			: underline;
}

#side_img {
float					: right;
width					: 195px;
padding					: 20px 20px 10px 0px;
margin					: 0px;
display					: inline;
background				: url(../img/bg_side_img.gif) no-repeat;
}

#side_img img {
float					: left;
width					: 173px;
height					: 173px;
padding					: 10px 0px 0px 10px;
display					: inline;
}

/* Subnavigatie   ------------------------------------------------------- */

#subnav {
background				: url(../img/bg_subnav_main.gif) no-repeat bottom;
float					: left;
width					: 200px;
margin-top				: 5px;
min-height				: 450px; 
height					: auto;
}

/* for Internet Explorer */
/*\*/
* html #subnav {
height					: 450px;
}


#subnav li ul {
list-style				: none;
background				: none;
width					: 168px;
padding					: 0px;
margin					: 0px;
}

#subnav ul {
list-style				: none;
background				: url(../img/bg_subnav_main.gif) repeat-y;
width					: 168px;
padding					: 0px 16px;
}

#subnav li {
width					: 168px;
padding					: 18px 0px 0px 0px;
border-bottom				: 1px solid #e4e4e4;
}

#subnav li a {
width					: 168px;
color					: #e2001a;
padding					: 0px 0px 0px 16px;
font-weight				: bold;
font-size					: 14px;
}

#subnav li a:hover,
#subnav li a.selected {
background				: url(../img/bg_subnav_item_selected.gif) no-repeat;
background-position			: 4px 3px;
}

#subnav li ul li {
width					: 168px;
padding					: 0px;
margin					: 0px;
border-top				: 1px solid #e4e4e4;
border-bottom				: 0px solid #e4e4e4;
}

#subnav li ul li a {
color					: #000;
font-weight				: normal;
font-size					: 11px;
padding					: 0px 0px 0px 16px;
width					: 152px;
display					: block;
}

#subnav li ul li a:hover,
#subnav li ul li a.selected {
color					: #FFF;
background				: none;
background-color			: #908e8e;
}

/* FORMS   ------------------------------------------------------- */
form dl dd span {
margin					: 0px;
}

dl.formulier {
width					: 350px;
margin					: 0px;
padding					: 0px;
}

dl.formulier dt {
width					: 120px;
float					: left;
clear					: left;
padding					: 4px 3px 3px 0px;
}

dl.formulier dd {
width					: 200px;
float					: left;
padding					: 3px;
text-align				: left;
margin					: 0px;
}

.inputfield_large {
width					: 180px;
border					: 1px solid #999;
padding					: 0px 3px;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.inputfield_medium {
width					: 120px;
border					: 1px solid #999;
padding					: 0px 3px;
margin					: 0px;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.inputfield_small {
width					: 80px;
border					: 1px solid #999;
padding					: 0px 3px;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.inputfield_mini {
width					: 30px;
border					: 1px solid #999;
padding					: 0px 3px;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.selectbox {
width					: 60px;
border					: 1px solid #999;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.selectbox_verhuur {
width					: 100px;
border					: 1px solid #999;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.textarea {
width					: 180px;
border					: 1px solid #999;
padding					: 0px 3px;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.button {
width					: auto;
border					: 1px solid #999;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.datepicker {
width					: 80px;
border					: 1px solid #999;
padding					: 0px 3px;
font-family				: Trebuchet MS, "Verdana", "Arial", "Helvetica", sans-serif;
font-size					: 11px;
}

.error {
border					: 1px solid #F00;
background-color			: #FEACAC;
}	

/* PDFLIST   ------------------------------------------------------- */
#pdflist ul {
	list-style			: none; 
	list-style-position	: inside;
}
#pdflist ul li {
	vertical-align		: top;
	background-image	: url(../img/pdf-icon.gif);
	background-repeat	: no-repeat;
	padding-left		: 2em;
	height				: 18px;
}


/* FOTORACK   ------------------------------------------------------- */
#fotorack {
	width				: 360px;
	height				: 180px;
}

#fotorack ul {
	list-style			: none;
	list-style-position	: inside;
	clear				: both;
}

#fotorack li,
#fotorack li img {
	width				: 80px;
	height				: 80px;
}

#fotorack li {
	position			: relative;
	float				: left;
	margin				: 0 10px 10px 0;
}
		
/* FOOTER   ------------------------------------------------------- */
	
#footer {
float					: right;
width					: 330px;
padding					: 10px 14px 0px 0px;
}

/* Drop-shadow elementen   ------------------------------------------------------- 

img.shadowed_no_border {
background-color			: #000000;
}

img.shadowed {
background-color			: #000000;
}*/