html, body, img, form { margin: 0; padding: 0; }
html, body, textarea { height: 100%; background: #ececed; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 1.4; color: #222; }
p { margin: 0; padding: 0 0 4px 0; }
a img { border: none; }
a { text-decoration: none; color: #004b95; }
a:hover { text-decoration: underline; }
a.more { display: block; }
input, textarea { border: 1px solid #c7c7c8; padding: 2px; margin: 0; font-size: 11px; vertical-align: bottom; }
input.button { border: none; width: auto; height: auto; padding: 0; }
/** input.uname { background: #FFF url("img/gebruikersnaam.gif") left center no-repeat; } **/
input.cname { background: #FFF url("img/bedrijfsnaam.gif") left center no-repeat; }
/** input.pass { background: #FFF url("img/wachtwoord.gif") left center no-repeat; } **/
input.search { background: #FFF url("img/zoek.gif") left center no-repeat; }

h1,h2,h3 { margin: 0; padding: 0; font-weight: bold; color: #004b95; text-decoration: none; }
h1 { font-size: 16px; }
h2,h3 { font-size: 14px; }

.usablitityaddon { display: none; }
.menu, .menu li, .flat, .flat li { margin: 0; padding: 0; list-style-type: none; }

#wrapper { position: relative; min-height: 100%; margin: 0 auto; width: 990px; background: #FFF; border-left: 1px solid #c7c7c8; border-right: 1px solid #c7c7c8; overflow-x: hidden; }

/**
 * Logo link
 */
#logo { position: absolute; top: 20px; left: 30px; z-index: 100; }

/**
 * Top menu at thr upper right corner
 */
#top_menu { padding: 50px 26px 10px 30px; text-align: right; line-height: 24px; font-size: 12px; color: #004b95; }
#top_menu a { padding: 4px; }
#top_menu .rss { padding-left: 28px; background: url("img/rss.png") center left no-repeat; }


#header { background: url("img/header_home.jpg") top left no-repeat; position: relative; padding-top: 70px; z-index: 50; }


/**
 * member login form
 */
#members { background: url("img/header_form_trans.png") top left no-repeat; position: absolute; top: 18px; right: 0; width: 200px; height: 77px; }
#members.logout { background: url("img/header_form_trans_empty.png") top left no-repeat; text-align: center; }
#members input { padding: 1px 2px; }
#members fieldset { margin: 0; padding: 0; border: none; }
#members legend, #members label { display: none; }
#members ul { padding: 0px 10px 0 12px; }
#members input, #sidebar input { width: 115px; } 
#members .button, #sidebar .button { width: auto; padding: 0; vertical-align: bottom; }
#members #members_login { height: 20px; }
#members #members_login a { display:block; height: 20px; text-decoration: none; }



/**
 * Navigation in max three levels, javascript-aided for IE6 and extra usability
 */
 #nav a { outline: 0; line-height: normal; }
#nav { height: 76px; background: url("img/header_nav_trans.png") center top no-repeat; padding: 0 60px 0 45px; position: relative; }
#nav > li { position: relative; z-index: 99; overflow: visible; }
#nav li { background: url("img/menu_li.png") center right no-repeat; float: left; padding: 0 15px; margin-top: 3px; font-weight: bold; font-size: 14px; height: 34px; line-height: 34px; }
#nav li:last-child { background: none; }
#nav li a { color: #FFF; line-height: 29px; height:29px;  }
#nav li a:hover { color: #004b95; text-decoration: none; }
#nav li.current, #nav li.hover { background: url("img/header_menu_current.png") bottom right no-repeat; padding: 0 13px 0 0;  }
#nav > li.current > div, #nav li.hover div { height: 29px; line-height: 29px; color: #004b95; float: left; position: relative; z-index: 50; left: -2px; padding: 5px 0 0 17px; background: url("img/header_menu_current.png") bottom left no-repeat; }

#nav .submenu li { float: left; position: relative; margin: 0; z-index: 50; overflow: visible; }
#nav .submenu li a { color: #FFF; font-weight: normal; }
#nav .submenu li a:hover, #nav #submenu li.current a, #nav li.current > div a, #nav .submenu li.current > a  { color: #004b95; }
#nav .submenu li.current li a, #nav #submenu li.hover li a { color: #fff;}
#nav .submenu ul { background: url("img/sub_submenu.png") top left; z-index: 50; }
#nav .submenu ul li { float: none; padding: 0; margin: 0; padding: 0 15px; background: transparent; height: auto; line-height: 16px; padding-bottom: 3px; font-size: 12px; }

#nav .submenu { visibility: hidden; position: absolute; width: 800px;}
#nav li.current .submenu { visibility: visible; top: 0; left: 0; padding-top: 34px; }
#nav .submenu div { display: none; width: 170px; position: absolute; opacity: 0.99; top: 32px; left: 0; height: auto; padding: 0 0 11px 0; background: url("img/sub_submenu_bot.png") bottom left no-repeat; z-index: 51; }

#nav .submenu li.current div { display: block; }


#nav li li.current, #nav li li.hover {
background: url("img/menu_li.png") center right no-repeat;
padding:0 15px;
}
#nav li li.current li { padding: 5px 0 0 17px; background: #B0B0B3;}
#nav li li:last-child,
#nav li li.last-child, #nav li li.last-item {
    background: none;
}


/**
 * Bread crumb
 */
#breadcrumb { height: 35px; line-height: 35px; font-size: 10px; padding: 0 60px; }


/**
 * Sidebar containing blocks at the right
 */
#sidebar { float: right; width: 200px; }
#sidebar form li { padding-bottom: 2px; }
#sidebar form input { padding: 2px; }
#sidebar .block { margin: 0 30px 15px 0; }
#sidebar label { display: none; }

.block { background: #e3e4e4 url("img/block_bottom.gif") left bottom no-repeat; }
.block .inner { padding: 10px; }
.block .inner p { margin: 0; padding: 0;}
.block h3 { font-size: 16px; padding: 5px 0; }
.block h2, #sidebar .block h3 { height: 39px; line-height: 39px; margin: 0; padding: 0 16px; font-size: 16px; font-weight: normal; background: url("img/sidebar_h3.png") top left no-repeat; color: #FFF; }
#sidebar #GSM h3 { height: 40px; line-height: 20px; padding: 5px 16px; background: url("img/gsm_h3.png") }

/**
 * Main content field
 */
#content_wrapper { width: 750px; padding: 15px 0 15px 30px; background: url("img/content_top.gif") 30px 0 no-repeat; }
#content_inner { background: #EEE url("img/content_bottom.gif") bottom left no-repeat; padding: 15px 30px 30px 30px; margin: 0 10px 0 0; min-height: 380px; line-height: 1.6; overflow-x: hidden; }
#content_wrapper h1 { padding-bottom: 10px; }
#content_wrapper p { padding-bottom: 12px; }
#content_wrapper .first { font-size: 14px; }
#content_wrapper ul, #content_wrapper li { margin: 0; padding: 0; list-style-type: none; }
#content_wrapper li { padding-left: 10px; background: url("img/bullet.png") top left no-repeat; }

/* HOMEPAGE SPECIFIC */
.home #content_wrapper { background: #FFF; padding-top: 0; }
#content_wrapper .block { width: 170px; float: left; margin: 0 20px 30px 0; background: #eeeeee url("img/content_block_bottom.gif") bottom left no-repeat; }
#content_wrapper .block h2 { background-image: url("img/content_h2.png"); }
#content_wrapper #news { width: 550px; background-image: url("img/content_news_bottom.gif"); }
#content_wrapper #news .inner { padding-top: 0; }
#content_wrapper #news h2 { background-image: url("img/nieuws_h2.png"); }
#content_wrapper #agenda { float: right; margin-right: 10px; min-height: 535px; }
#content_wrapper #read img { margin-left: 10px; }

#agenda dl, #agenda dd,#agenda dt { margin: 0; padding: 0; }
#agenda dl { margin: 0 10px 10px 10px; }
#agenda dt { padding: 10px 0 0 0; }
#agenda dd { padding: 0 0 5px 0; }


/* SEARCH SPECIFIC */
#register_search { width: 330px; }
#register_search li { text-align: right; line-height: 22px; height: 22px; padding: 0 0 3px 0; background: none; }
#cname { width: 324px; }
#zipcode { width: 90px; }
#register_search select { width: 300px; float: left; }

#search_result { width: 305px; float: right; background: #e3e4e4 url("img/results_bottom.gif") bottom left no-repeat; position: relative;z-index: 10; top: -10px;  }
#search_result h2 { padding: 20px 15px 5px 15px; font-size: 14px; background: url("img/results_top.gif") left top no-repeat; }
#search_result ul { padding: 5px 15px 20px 15px; }
#search_result ul li { padding: 1px 0; }
#search_result ul a { color: #444; padding-left: 18px; background: url("img/i.gif") left center no-repeat; }
#search_result ul a:hover { color: #004b95; text-decoration: none; }

body.nieuws dl dd { margin:0; padding: 0;}
h3.newsHeader { display: inline; font-size: 1em;}
body.nieuws .date { font-style: italic; }
#content_wrapper .newsOverview li { list-style: none; padding-left:0; margin:0 0 10px 0; background: #EEEEEE;}
a.register { text-decoration: none; }
span.date { font-style: italic; }

/** FORM **/

#content_wrapper form li 
form ul { list-style: none;}
#content_wrapper form li {
  clear: both;
  list-style: none;
  margin: 3px 0;
  overflow: auto;
  padding: 0;
  background: none;
  
}

form input[type=text] { width: 200px; padding: 2px;}

#content_wrapper form li span{
  float: left;
  margin: 0;
  padding: 0;
}

form label{
  float: left;
  width: 180px;
}

form textarea {
	padding:2px;
	width:200px;
	height: 50px;
	background: #fff;
	color: #000;
}

form.no-float label{
  display: block;
}

form.no-float li{
  clear: none;
}

form.no-float li span, form.no-float li label{
  float: none;
}

#register-form ul { padding: 0; margin: 20px auto;}
#register-form li { padding: 5px 0;}
#register-form label { font-weight: bolder; color:#004B95;}
#register-form textarea { width: 200px;}

span.succes { border: 1px dashed #EEE; display: block; padding: 5px; background: #B0B0B3; color: #FFF;}

#login input {
    width: 200px;
}

#content_wrapper #login_block { width: 550px; background-image: url("img/content_news_bottom.gif"); }
#content_wrapper #login_block .inner { padding-top: 0; }
#content_wrapper #login_block h2 { background-image: url("img/nieuws_h2.png"); }

#content_wrapper #password_reminder { width: 550px; background-image: url("img/content_news_bottom.gif"); }
#content_wrapper #password_reminder .inner { padding-top: 0; }
#content_wrapper #password_reminder h2 { background-image: url("img/nieuws_h2.png"); }

.flat a {
    font-size: 10px;
}

.flat li {
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    padding: 2.5px 0px;
}


ul#account { list-style-type: none; margin: 0; padding: 0; }
ul#account li { width:100%; /** height:30px; **/ float: left; /** font-size:0.8em; **/}
ul#account li label { display: inline; float: left; width:150px; font-weight: bold; }
small.account {text-align:right; width:150px; display:block; margin-top:70px;}
small.pass {text-align:left; width:100%; display:block; margin-top:5px;}

input[type=radio] { vertical-align: text-top; }