/* Header */

#headerwrap {height:233px; background:url('../images/kunstgras.jpg');z-index:-1;}
#header {width:980px; margin:0 auto;}
#header_logo {float:left; width:400px; margin:0 auto; padding-top:20px;}
#header_bal {float:right; width:330px; height:233px; background:url('../images/bal.png');}
#header_contact {position:absolute; width:343px;height:31px; 
                 margin:24px 0 0 630px; padding: 12px 0 0 16px; font-weight:bold; 
                 line-height: 19px; background:url('../images/contact_bg.png');}
#header_contact a {color:black;}
#header_contact a:hover {text-decoration:underline;}

#header_nkb1 {float:left; border:1px solid black;}

/* Topmenu */

#menu {width:980px; height:31px; margin:0 auto; padding:0; background:white;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:16px;}
#menu a {display:block; font-size:11pt; text-decoration:none; line-height:31px;}
.menubutton a {padding:0 8px; color:#313a85;}
.menubutton a:hover {color:white; background:#313a85;}
.menubutton_on a {padding:0 8px; color:white; background:#313a85;}

/* Inhoud */

#wrapper {width:980px; margin:0 auto; padding-top:15px; text-align:left; 
          background:url('../images/wrapper.jpg') repeat-y;}
#inhoud {float:right; width:820px; margin-right:10px;}
#links {float:left; width:400px;}
#rechts {float:right; width:400px;}

/* Navigatie Menu - Items */

#navigatie {float:left; width:130px; margin-left:1px;}
#navigatie img {margin-left:8px; margin-top:8px;}
.banner img {border:1px solid black;}

/* Navigatie Menu - Menu */

.navmenu ul {margin:0px; padding:0px; text-decoration:none;}
.navmenu li {list-style:none;} 
ul.top-level li {border-top:1px solid #b2b2b2;}
.navmenu a {display:block; text-indent:16px; line-height:28px; 
            background:url('../images/meer.png') no-repeat 0px 6px; color:black;}
.navmenu a:hover {text-decoration:none; background:#EAEAEA url('../images/meer.png') no-repeat 0px 6px;}

/* Footer */

#footerwrap {background:#313a85;}
#footer {width:980px; margin:0 auto; padding-top:10px;} 
.footermenu {float:left; width:138px;}
#footer ul {margin:0; padding:5px 0; list-style:none;}
#footer a {color:white;}
#footer a:hover {text-decoration:none;}
.footerheader {margin:0; padding:0; font-weight:bold; color:white;}
#footercopyright {float:right; width:100%; border-top:1px dotted white; text-align:right; color:white;}
#footercopyright a {font-size:7pt;}

#footersocial ul li {list-style:none; padding:0 0 0 12px; float:right;}
#footersocial ul li a {
	text-indent:-9999px; font-size:0; 
	line-height:0; overflow:hidden; height:32px; width:32px ;
	border:0; background:url('../images/socialmedia.png') no-repeat; display:block;}

#footersocial li#facebook a {background-position: 0px 0px;}
#footersocial li#facebook a:hover {background-position: 0px -32px;}

#footersocial li#twitter a {background-position: -32px 0px;}
#footersocial li#twitter a:hover {background-position: -32px -32px;}

#footersocial li#hyves a {background-position: -64px 0px;}
#footersocial li#hyves a:hover {background-position: -64px -32px;}

#footersocial li#youtube a {background-position: -96px 0px;}
#footersocial li#youtube a:hover {background-position: -96px -32px;}

#footersocial li#google a {background-position: -128px 0px;}
#footersocial li#google a:hover {background-position: -128px -32px;}

#footersocial li#rss a {background-position: -160px 0px;}
#footersocial li#rss a:hover {background-position: -160px -32px;}

/* Clickpad */

#clickpadwrap {font:8pt Arial; color:white; background:url('../images/clickpad.jpg');}
#clickpad {width:980px; height:30px; margin: 0 auto;}
#clickpad a {text-decoration:underline; line-height:31px; color:white;}