/* CSS Document */

/*
Theme name: Bunk.nl Versie 1
Theme URI: http://www.bunk.nl
Description: Versie 1 van Bunk.nl. Groene achtergrond, met een witte pagina erop. Het menu bestaat uit grote tabs en boven en onderaan de pagina zijn foto's te bekijken.
Author: Randy van Vugt
Author URI: http://www.randyvanvugt.nl
Version: 1.0
*/

@charset "UTF-8";
/* CSS Document */
/* #006248 = GREEN */
/* #CCCCCC = GRAY */

body, h1, h2, h3, p { padding: 0px; margin: 0px; }
img { border: none; }
a { color: #006248; }
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Helvetica; color: #000; background: #006248; }
.alignright { float: right; }
.alignleft { float: left; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright, img.alignleft { display: block; padding: 5px; margin: 0px; display: inline; }

#container { width: 900px; height: auto; padding: 0px 30px 0px 30px; margin: 0px auto 0px auto; background: url(shadow_960.png) repeat-y; }
#header { width: 900px; height: 110px; padding: 10px 0px 0px 0px; overflow: hidden; }
	#logo { padding: 0px 0px 2px 0px; }
	#header p { font-size: 1.8em; }
	#headerimg { float: right; padding: 0px; margin: 0px; }

#menu { width: 900px; height: 30px; margin: 20px 0px 0px 0px; overflow: hidden; }
	#menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
	#menu ul li { margin: 0px 0px 0px 0px; float: left; padding: 0px 0px 0px 0px; width: auto; }
	#menu a { text-decoration: none; font-size: 2em; }
	#menu a:link, #menu a:visited, #menu a:link span, #menu a:visited span, #menu a:hover, #menu ul li.current_page_item a, #menu a:hover span, #menu ul li.current_page_item a span { display: block; height: 30px; }
	
	#menu a:link, #menu a:visited {  background: url(right_off.png) right top no-repeat; color: #fff; padding: 0px 15px 0px 10px; }
	#menu a:link span, #menu a:visited span { background: url(left_off.png) left top no-repeat; color: #fff; padding: 8px 0px 0px 10px;}
	#menu a:hover, #menu ul li.current_page_item a { background: url(right_on.png) right top no-repeat; color: #000; padding: 0px 15px 0px 10px; }
	#menu a:hover span, #menu ul li.current_page_item a span { background: url(left_on.png) left top no-repeat; color: #000; padding: 8px 0px 0px 10px;}

#page { width: 880px; height: auto; padding: 10px 10px 0px 10px; background: #CCC; overflow: hidden; }
	#afgeleverd { width: 360px; height: auto; background: #FFF; padding: 10px; float: right; margin: 0px 0px 10px 10px; }
	#submenu { width: 130px; height: auto; background: #FFF; padding: 10px; float: right; margin: 0px 0px 10px 10px; }
	#submenu h3 { font-size: 1.4em; }
	#submenu ul { padding: 0px 0px 0px 10px; margin: 0px; text-align: left; font-size: 1.4em; }
	#submenu li { padding: 0px; margin: 0px; }
	#breadcrumbs { font-size: 1.2em; margin: 0px 0px 10px 0px; }
	#page h2 { font-size: 2em; margin: 0px 0px 10px 0px; }
	#content { font-size: 1.4em; overflow: hidden; }
	#content p { padding: 0px 0px 10px 0px; margin: 0px; }
	#content img { padding-bottom: 10px; }
	.archieflijst { padding: 0px 0px 10px 0px; margin: 0px; }
	#content li { padding: 0px; margin: 0px; list-style:none; }
	.datum { padding: 0px 0px 30px 0px; margin: 0px; }
	.ngg-clear { padding: 0px 0px 10px 0px; }
#footer { width: 900px; height: auto; padding: 10px 0px 0px 0px; overflow: hidden; text-align: center; }
	#contact { float: left; width: 180px; height: 130px; padding: 10px; margin: 0px 0px 10px 0px; background: #CCC; text-align: left; }
		#contact h2 { color: #000; font-size: 2em; }
		#contact p { color: #FFF; font-size: 1.4em; }
		#contact span { color: #000; }
		#contact a { color: #006046; }
	#footermenu { float: left; width: 170px; height: 150px; padding: 0px; margin: 0px 0px 10px 0px; list-style: none; text-align: left; }
		#footermenu ul { padding: 0px; margin: 0px; }
		#footermenu li { margin: 30px 0px 0px 0px; padding: 6px 10px 4px 10px; background: url(footermenu.png) no-repeat; height: 20px; }
		#footermenu a { text-decoration: none; font-size: 1.8em; color: #FFF; }
	#footerimage { width: 510px; height:150px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 20px; }
		#footerimage ul { padding: 0px; margin: 0px; }
		#footerimage ul li { position:absolute; list-style: none; padding: 0px; margin: 0px;  }
		#footerimage ul li img { width: 510px; height: 150px; padding: 0px; margin: 0px; background: #FFF; }
		#footerimage ul li.show { padding: 0px; margin: 0px; z-index:500 }
#bottom { width: 960px; height: 30px; margin: 0px auto 0px auto; background: url(bottom_960.png) no-repeat; }