
/* ---------------------------

BACKGROUND COLOR: 				COLOR 01
TEXT COLOR:						COLOR 02

ACCENT COLOR:					COLOR 03
TEXT ON ACCENT COLOR:			COLOR 04

sitebar
2nd ACCENT COLOR:				COLOR 05
2nd TEXT ON ACCENT COLOR:		COLOR 06
HEADING COLOR:					COLOR 07
BORDER COLOR:					COLOR 08

footer
3nd ACCENT COLOR:				COLOR 09
3nd TEXT ON ACCENT COLOR:		COLOR 10

------------------------------ */


/* ---------------------------
			ROUNDED CORNERS

			-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
			-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; 
			-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; 
			-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; 
------------------------------ */

	
/*------------------------------------- TEMPLATE 02 ---------------------------------------------*/



/* --- header-top --- */

	div#header-top-b {
		height: 50px;
		position:relative;
		background: none;		
		}
	
		div#header-top-b ul {
			-moz-border-radius-bottomleft:25px; -webkit-border-bottom-left-radius:25px; 
			-moz-border-radius-bottomright:25px; -webkit-border-bottom-right-radius:25px; 

			background:#E89B10;		/*  COLOR 03  */
			position: relative;
			overflow:hidden;_zoom:1;
			margin: 0;
			padding: 6px 20px 0 10px;
			float:right;
			height: 25px;
			}
		
			div#header-top-b ul li {
				list-style-type: none;
				float:left;
				}
			
				div#header-top-b ul li a {
					padding: 0;
					display:inline-block;
					margin: 0 0 0 10px; 
					font-size: 1.0em; 
					color: #fff;		/*  COLOR 04  */
					text-decoration:none;
					}
				
				div#header-top-b ul li a:hover {
					text-decoration:underline;
					}		

/* --- end header-top --- */



/* --- header --- */
		
	div#header-b {
		-moz-border-radius-topleft:25px; -webkit-border-top-left-radius:25px;
		-moz-border-radius-topright:25px; -webkit-border-top-right-radius:25px; 
	
		background: url(../images/headers/bietentocht.nl) no-repeat;
		height: 148px;
		position: relative;
		}

/* --- end header --- */



/* --- horizontal menu --- */			

div.menu-b {
	position:relative;
	top:-35px;
	left: 0;
	margin: 0;
	padding: 0;
	display:block;
	z-index:1000;
	}
					
	div.menu-b ul#navigation {
		background: url(../images/trans_bg_40.png);
		height:35px;
		list-style-type:none;
		margin:0;
		padding:0;
		}
	
		div.menu-b ul#navigation li {
			border-left: none;
			float:left;
			position:relative;
			height:25px;
			margin:5px 0;
			}
		
			div.menu-b ul#navigation li a {
				color:#000;
				cursor:pointer;
				display:block;
				margin:0;
				height:25px;
				line-height:25px;
				padding:0 10px;
				text-decoration:none;
				font-size:1.22em;
				font-weight:normal;
				}
			
			div.menu-b ul#navigation li a:hover {
				-moz-border-radius:25px; -webkit-border-radius:25px; 
				
				height:25px;
				line-height:25px;				
				color: #E89B10;		/*  COLOR 03  */
				background: #fff;
				margin:0;
				}
				
			


			div.menu-b ul#navigation li.selected a {
				-moz-border-radius:25px; -webkit-border-radius:25px; 
				
				height:25px;
				line-height:25px;				
				color: #E89B10;		/*  COLOR 03  */
				background: #fff;
				margin:0 0;
				}						
					
			/*    Subnavigation    */			
					
					div.menu-b ul#navigation li ul {
						display:none;
						left:0;
						list-style-type:none;
						margin:0 auto;
						padding:0;
						position:absolute;
						top:25px;
						background:url(../images/trans_bg_40.png);
						}
				
					div.menu-b ul#navigation li:hover ul {
						display:block;
						}
					
						div.menu-b ul#navigation li ul li {
							float:none;
							margin:0;
							padding:0;
							}
						
						div.menu-b ul#navigation li ul li a {
							background: none;
							color:#000;
							font-size:1.0em;
							height:20px;
							line-height:20px;
							white-space:nowrap;
							}
						
						div.menu-b ul#navigation li ul li a:hover {
							-moz-border-radius:25px; -webkit-border-radius:25px; 

							background:#E89B10;		/*  COLOR 03  */
							color:#FFFFFF;							
							height:20px;
							line-height:20px;
							margin:0;
							}							


			div.menu-b ul#navigation li.selected ul li a {
				margin:0;
				background:none;
				color:#000;
				font-size:1.0em;
				font-weight:normal;
				height:20px;
				line-height:20px;
				white-space:nowrap;
				}

			div.menu-b ul#navigation li.selected ul li a:hover {
				margin:0;
				background:#E89B10;		/*  COLOR 03  */
				color:#fff;							
				height:20px;
				line-height:20px;
				margin:0;
				}					
/* --- end horizontal menu --- */	


/* --- sitebar menu --- */		

	div.site-menu-b	{
		-moz-border-radius:7px; -webkit-border-radius:7px; 
				
		margin: 0 0 30px 0;
		background: #E89B10;		/*  COLOR 03  */
		}

		div.site-menu-b h2 {
			font-size: 1.1em;
			font-weight:normal; 
			margin:0; 
			padding: 9px 0 0 7px; 
			color: #fff;		/*  COLOR 07  */
			display: block;
			height: 26px;
			}
								
		div.site-menu-b ul {
			list-style-type: none;
			padding: 0 0 5px 0;
			margin: 0 7px;
			}
		
			div.site-menu-b ul li {
				cursor:pointer;
				padding:0;
				margin:0;
				display:block;
				}

			div.site-menu-b ul li.selected a {
				-moz-border-radius:25px; -webkit-border-radius:25px; 
	
				color: #E89B10;		/*  COLOR 03  */
				background-color: #fff;		/*  COLOR 07  */
				background-image: url(../bullet.php?image=images/bullet-b.png&color=E89B10);		/*  COLOR 03  */
				background-repeat:no-repeat;
				background-position: 9px 8px;
				border-bottom:none;
				text-decoration:none;
				padding: 5px 5px 5px 19px;
				margin:0;
				}

			div.site-menu-b ul li.selected ul li a {
				line-height:20px;
				padding: 1px 5px 1px 12px;
				color: #fff;		/*  COLOR 06  */
				background:none;
				}

			div.site-menu-b ul li.selected ul li a:hover {
				-moz-border-radius:0px; -webkit-border-radius:0px; 
				
				background: url(../images/bullet.gif) no-repeat 1px 5px;		/*  COLOR 07  */
				color:#fff;		/*  COLOR 07  */
				padding:1px 5px 1px 12px;
				margin:0;
				}
												
			div.site-menu-b ul li.last a {
				border:none;
				}
			
				div.site-menu-b ul li a {
					border-bottom: none;
					font-size: 1.1em; 
					font-weight:normal;
					margin: 0; 
					padding: 5px 0;
					color: #fff;		/*  COLOR 06  */
					text-decoration: none;
					display: block; 
				
					}
				
				div.site-menu-b ul li a:hover {
					-moz-border-radius:25px; -webkit-border-radius:25px; 
		
					color: #E89B10;		/*  COLOR 03  */
					background-color: #fff;		/*  COLOR 07  */
					background-image: url(../bullet.php?image=images/bullet-b.png&color=E89B10);		/*  COLOR 03  */
					background-repeat:no-repeat;
					background-position: 9px 8px;
					border-bottom:none;
					text-decoration:none;
					padding: 5px 5px 5px 19px;
					margin:0;
					}

				div.site-menu-b ul li ul li {
					font-size: 1.0em;
					}

				div.site-menu-b ul li ul li a {
					line-height:20px;
					padding: 1px 5px 1px 12px;
					color: #fff;		/*  COLOR 06  */
					background:none;
					}

				div.site-menu-b ul li ul li a:hover {
					-moz-border-radius:0px; -webkit-border-radius:0px; 
				
					background: url(../images/bullet.gif) no-repeat 1px 5px;		/*  COLOR 07  */
					color:#fff;		/*  COLOR 07  */
					padding:1px 5px 1px 12px;
					}

/* --- end sitebar menu --- */	



/* --- sitebar other menu --- */		

	div.site-nav-b	{
		margin: 0 0 30px 0;
		}

		div.site-nav-b h2 {
			-moz-border-radius:7px; -webkit-border-radius:7px; 
			
			background: #E89B10;		/*  COLOR 03  */
			font-size: 1.0em;
			font-weight:normal; 
			margin:0 0 5px 0; 
			padding: 5px 0 0 7px; 
			color: #fff;		/*  COLOR 07  */
			display: block;
			height: 20px;
			}
								
		div.site-nav-b ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
			}
		
			div.site-nav-b ul li {
				cursor:pointer;
				padding:0;
				display:block;
				}

			div.site-nav-b ul li.selected a {
				color:#fff;		/*  COLOR 07  */
				padding: 5px 7px 5px 10px;
				}

			div.site-nav-b ul li.selected ul li a {
				color:#fff;		/*  COLOR 06  */
				}

			div.site-nav-b ul li.selected ul li a:hover {
				color:#fff;		/*  COLOR 07  */
				}
										
			div.site-nav-b ul li.last a {
				border:none;
				}
			
				div.site-nav-b ul li a {
					border-bottom: 1px solid #588373;		/*  COLOR 08  */
					font-size: 1.05em; 
					font-weight:normal;
					margin: 0; 
					padding: 5px 0;
					color: #fff;		/*  COLOR 06  */
					text-decoration: none;
					display: block; 
					}
				
				div.site-nav-b ul li a:hover {
					color:#fff;		/*  COLOR 07  */
					text-decoration:none;
					padding: 5px 7px 5px 10px;
					}

				div.site-nav-b ul li ul li a {
					padding:5px 7px 5px 10px;
					}
				
				div.site-nav-b ul li ul li a:hover {
					padding:5px 7px 5px 15px;
					}

/* --- end sitebar other menu --- */


	
/* --- main content text blocks --- */

	.block-b {
		-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; 
		-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; 
		
		background: url(../images/block_bg.png) repeat-x bottom;
		padding:10px;
		margin:0 0 20px 0px;
		overflow:hidden;_zoom:1;
		}

	.heading-b {
		background: none;
		}
		
	.heading-b h1 {
		-moz-border-radius:10px; -webkit-border-radius:10px;

		font-size: 1.4em; 
		margin: 0 0 20px 0; 
		padding: 10px; 
		font-weight:normal;
		color:#000;		/*  COLOR 02  */
		text-transform:uppercase;
		background: #f4f4f4;
		}
		
		
/* --- end main content text blocks --- */						


/* --- main content --- */

	.main_content-b {
		width: 760px;
		float:left;
		overflow:hidden;_zoom:1;
		padding:20px;
		position: relative;
		}
		
/* --- end main content --- */


/* --- footer --- */

	div#footer-b {
		-moz-border-radius-bottomleft:25px; -webkit-border-bottom-left-radius:25px; 
		-moz-border-radius-bottomright:25px; -webkit-border-bottom-right-radius:25px; 
	
		background: #588373;		/*  COLOR 09  */
		clear:both;
		height:35px;
		position: relative;
		top:-35px;
		}

/* --- end footer --- */
