/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Marktmonitor
	Version:		1.0
	Last change:	14/09/09
	Assigned to:	Rudy de Jong (WIS)
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
	
*/

/*------------------------------------------------------------------
	[Typography]

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

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper
	
	
-------------------------------------------------------------------*/

	/*------------------------------------------------------------------
		[1. Body]
	*/
	
		html, body {
			
        }
		
		body {
			font: normal 12px/14px Tahoma,Arial,Verdana,sans-serif;
			color: #636363;
		}
		
		h1 {
			color: #e61a34;
			font: bold 17px/25px Tahoma,Arial,Verdana,sans-serif;
			text-transform: uppercase;
		}
		
		h2 {
			color: #4194cd;
			font: bold 16px/30px Tahoma,Arial,Verdana,sans-serif
		}
		
		p {
			margin: 15px 0px;	
		}
        
        a:link,
        a:visited,
        a:active {
        	color: #e61a34;
            text-decoration: none;
        }
        
        a:hover {
        	text-decoration: underline;
			color: #e61a34;
        }
		
		
			
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
		#wrapper {
			width: 1000px;	
			margin: 0 auto;
			text-align: center; /* IE: Center the wrapper */
			background: #f3f7fc url(/images/bodybg1.gif) no-repeat top left;
			position: relative;
			overflow: hidden;
		}
			
			#wrapper div {
				text-align: left;	
			}
			
		#inner {
			width: 990px;
			margin: 0 auto;
		}
		
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
	
		#header {
			width: 100%;
			height: 131px;
			background-color: #FFF;
			padding-top: 6px;
			position: relative;
			
		}
		
			#header .banner {
				width: 100%;
				top: 6px;
				height: 123px;
				left: 0;				
				z-index: 1;
			}
			
				
		
			#header .logo {
				width: 430px;
				height: 100px;
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 2;
			}	
			
			.opacity_topnav {
				filter:alpha(opacity=20);
				opacity:0.2;
				background-color: #fff;
				width: 240px;
				height: 79px;
				position: absolute;
				right: 0px;
				top: 6px;
				z-index: 5;
			}
			
			.opacity_searchbox {
				filter:alpha(opacity=40);
				opacity:0.4;
				background-color: #333333;
				width: 240px;
				height: 43px;
				position: absolute;
				right: 0px;
				top: 86px;
				z-index: 5;
			}
			
			#header .topnav {
				width: 200px;
				height: 74px;
				position: absolute;
				top: 12px;
				right: 65px;
				z-index: 6;
			}
			
				#header .topnav ul {
					list-style-type: none;	
				}
				
					#header .topnav ul li {
						padding-left: 35px;
						margin-bottom: 1px;
						height: 24px;
					}
				
					#header .topnav ul li.home {
						background: url(/images/topnav_home.gif) no-repeat top left;
						
					}
					
					#header .topnav ul li.contact {
						background: url(/images/topnav_contact.gif) no-repeat top left;
						padding-left: 35px;
						margin-bottom: 1px;
					}
					
					#header .topnav ul li.sitemap {
						background: url(/images/topnav_sitemap.gif) no-repeat top left;
						padding-left: 35px;
						margin-bottom: 1px;
					}
					
						#header .topnav ul li a {
							color: #fff;	
							text-decoration: none;
							display: block;
							padding-top: 5px;
							font-size: 10px;
						}
						
						#header .topnav ul li a:hover {
							text-decoration: underline;	
						}
	
			#header .search {
				width: 242px;
				height: 43px;
				position: absolute;
				top: 86px;
				right: 0px;
				z-index: 6;
			}
			
				#header .search input {
					width: 163px;
					height: 20px;
					margin: 11px 0 0 12px;
					background: url(/images/search_input.gif) no-repeat top left;
					border: 0;
				}
				
				#header .search .submit{
					background: url(/images/search_line.png) no-repeat bottom right;
					text-align: left;
					height:17px;
					width: 61px;
					display: inline-block;
				}

					#header .search .submit a {
						color: #fff;
						display: inline-block;
						padding-left: 15px;
						text-decoration: none;
						font-size: 11px;
					}
					
		.banner_shadow{
			width: 100%;
			height: 19px;
			background: url(/images/banner_shadow.gif) no-repeat top left;
		}
	/*------------------------------------------------------------------
		[4. Menu]
	*/
		
		
		#main_navigation{
			width: 221px;
			float: left;
			background-color: #26b78c;
			min-height: 530px;
            height: 100%;
		}
		
			#main_navigation ul {
				list-style-type: none;	
				margin: 0;
				padding: 0;
            }
		
				#main_navigation ul li {
					line-height: 33px;
					background-color: #26b78c;
					border-bottom: 1px solid #93dbc6;
                   
                }
					
				#main_navigation ul li .arrow {
					padding-left: 12px;	
					color: #fff;
				}
				
				#main_navigation ul li.first {
					line-height: 44px;
					background: url(/images/mainmenu_first.gif) no-repeat top left;
					border-bottom: 0;
					border-bottom: 1px solid #93dbc6;
				}
				
				#main_navigation ul li.last {
					border-bottom: 1px solid #93dbc6;
				}
				
				#main_navigation ul li.bottom {
					
				}
				
					#main_navigation ul li a:link,
					#main_navigation ul li a:visited,
					#main_navigation ul li a:active{
						padding-left: 6px;
						text-decoration: none;
						color: #f9f1f2;
					}
					
					#main_navigation ul li a:hover	{
						text-decoration: underline;	
					}
					
					#main_navigation ul li a.active {
						font-style: italic;
                        font-weight: bold;
					}
				
			#main_navigation ul ul {
				background-color: #26b78c;
				border-top: 1px solid #93dbc6;
			}
			
				#main_navigation ul ul li {
					line-height: 21px;
					margin-left: 18px;
					font-size: 11px;
                    margin-right: 18px;
                    background: url(/images/submenu_bg.gif) repeat-y top left;
				}
				
				#main_navigation ul ul li .sub_arrow{
					display: inline-block;
					height: 7px;
					padding-left: 14px;
				}
				
				#main_navigation ul ul li .sub_arrow img {
					margin-top: -7px;	
				}
				
				#main_navigation ul ul li.last {
					line-height: 21px;
					border-bottom: 0px;
					margin-bottom: 12px;
                    width: 185px;
				}
            #main_navigation ul ul ul {
            	
            }
            
            	#main_navigation ul ul ul li {
                	padding-left: 20px;
                    margin: 0;
                }   
			
			#main_navigation ul.bottom{
				width: 221px;
                margin-top: 35px;
			}
			
				#main_navigation ul.bottom li {
					padding-left: 5px;	
				}
			
				#main_navigation ul.bottom li.last {
					border-bottom: 0px;	
					height: 30px;
					color: #f9f1f2;
					padding-left: 12px;
				}
	/*------------------------------------------------------------------
		[5. Content]
	*/
	
		#main_container {
			width: 100%;
			
			height: 100%;
			position: relative;
			overflow: hidden;
			margin-bottom: 6px;
			background: url(/images/bg_repeater.gif) repeat top left;
		}
		
			#main_container .bg_watermerk {
				width: 530px;
				height: 523px;
				position: absolute;
				top: 40px;
				left: 0px;
				background: url(/images/watermerk.png) no-repeat top left;
				z-index: -1;
			}
		
		#contentcontainer {
			float: left;
			width: 744px;
			background: url(/images/contentcontainer_shadow.png) no-repeat top left;
			padding: 24px 0px 24px 25px;
			position: relative;
			z-index: 2;
		}	
        
        #contentcontainer_sub {
        	float: left;
			width: 720px;
			background: url(/images/contentcontainer_shadow.png) no-repeat top left;
			padding: 24px 24px 24px 25px;
			position: relative;
			z-index: 2;
        }
        
        	#contentcontainer_sub ul,
			#contentcontainer_sub ol {
            	margin-left: 20px;
            }
            
        #contentcontainer .content_home_left {
			width: 475px;
			margin-right: 24px;
			float: left;
		}
        
        	#contentcontainer .content_home_left ul {
            	margin-left: 20px;
            }
            
            blockquote {
            	margin-left: 20px;
            }
            
       
		
		#contentcontainer .content_home_right {
			float: left;	
			width: 242px;
			margin-top: -10px;
		}
		
		
	/*----------------------------------------------------------------
		[6. Nieuws]
	*/	
	
		#nieuws {
			background: url(/images/nieuwsblok.png) no-repeat top left;
			width: 248px;
			height: 489px;
			overflow: hidden;
		}
		
			#nieuws ul {
				list-style-type: none;	
				padding-top: 20px;
				padding-left: 15px;
			}
				#nieuws ul ul{
					list-style-type: disc;
				}
				#nieuws ul li {
					width: 200px;
					float: left;
				}
				
				#nieuws ul li.kop{
					color: #e85568;
					font-weight: bold;
					font-size: 14px;
					width: 110px;
					float: left;
					margin-bottom: 15px;
				}
				
				#nieuws ul li.toon_alle_items {
					float: left;
					width: 116px;
					background: url(/images/nieuws_archief_line.png) no-repeat bottom right;
					padding-bottom: 3px;
					padding-right: 4px;
				}
				
				#nieuws ul li.toon_alle_items a{
					text-align: right;
					display: inline-block;
					text-decoration: none;
					width: 100%;
					color: #636363;
					font-size: 11px;
				}
				
					#nieuws ul li.toon_alle_items a:hover {
						text-decoration: underline;	
					}
				
				#nieuws ul li.titel a {
					color: #4595ce;
					font-weight: bold;
					margin-bottom: 5px;
				}
				
				#nieuws ul li.separator {
					width: 216px;
					height: 1px;
					background-color: #e0e0e0;
					margin: 10px 0px;

				}
				
				#nieuws ul li.datum {
					font-size: 10px;	
				}
				
		#nieuws_archief ul {
        		list-style-type: none;
        	}
        	
			#nieuws_archief sul ul{
				list-style-type: disc;
			}
        	#nieuws_archief ul li {
            		width: 100%;
           	 }
	
            
            #nieuws_archief ul li.titel,
            #nieuws_archief ul li.titel a {
                color: #4595ce;
                font-weight: bold;
                margin-bottom: 5px;
            }	
            
            	#nieuws_archief ul li.datum {
					font-size: 10px;	
				}	
                
                #nieuws_archief ul li.separator {
					width: 100%;
					height: 1px;
					background-color: #e0e0e0;
					margin: 10px 0px;

				}
                
               
	/*------------------------------------------------------------------
		[7. Footer]
	*/
	
		#footer {
			height: 31px;
			width: 1000px;
			margin: 0 auto;
			background: url(/images/footerbg.gif) repeat-x top left;
		}
		
			#footer ul {
				list-style-type: none;	
				padding-left: 20px;
				padding-top: 9px;
			}
			
			#footer ul li {
				float: left;
                width: auto;
			}
		
			#footer ul li a{
				color: #636363;
				text-decoration: none;
				font-size: 10px;
				font-weight: bold;
			}
			
			#footer ul li span {
				color: #636363;
				
			}
			
	/*------------------------------------------------------------------
		[8. Sitemap]
	*/			
	
		.sitemap_level_1 {
			font-size:14px;
			font-weight:bold;
			cursor:pointer;
			padding:2px;
			padding-left:6px;
            padding-top: 10px;
        }
		.sitemap_level_2 {
			font-size:12px;
			padding:2px;
			padding-left:14px;
			cursor:pointer;
		}
		.sitemap_level_3 {
			font-size:11px;
			padding:1px;
			padding-left:26px;
			cursor:pointer;
		}
		.sitemap_level_4 {
			font-size:10px;
			padding:1px;
			padding-left:56px;
			cursor:pointer;
		}
		.sitemap_level_5 {
			font-size:10px;
			padding:1px;
			padding-left:106px;
			cursor:pointer;
		}
		.borderline {
			background-Color:black;
		}