/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Rollebol Kindercentra
	Version:		1.0
	Last change:	09/04/09
	Assigned to:	Rudy de Jong
    Company:		WIS Services BV http://www.wis.nl/
	Primary use:	Web
-------------------------------------------------------------------*/

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

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

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

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

	/*------------------------------------------------------------------
		[1. Global Styles]
	*/
	
    html, body {
    	text-align: center; /* IE: center the wrapper*/
    }
	
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
	#wrapper {
    	width: 1004px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto;
		position: relative;
        text-align: left;
	}	
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
	
    #header {
    	height: 52px;
        width: 100%;
        float: left;
		clear: left;
		position: relative;
	    background: #a072a1;
    }
	
		#header .line {
			margin-top: 12px;
			width: 770px;
			margin-left: 7px;
			height: 1px;
			background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/topmenu_border.gif) repeat-x left top;
		}
    
    	#header .topmenu {
        	width: 340px;
            height: 34px;
			float: left;
           
        }
        
        	#header .topmenu ul {
            	width: 100%;
                padding-top: 12px;
                height: 21px;
                border-bottom: 1px solid #b38fb5;
			}
            
            	#header .topmenu ul li {
					padding: 0 12px;
                	width: auto;
                    height: 21px;
                    float: left;
                    background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/menu_seperator.gif) no-repeat left top;
                }
				
				#header .topmenu ul li.last {
					border-right: 1px solid #b38fb5;
				}
                
                
                	#header .topmenu ul li a {
                    	color: #FFF;
						font: normal 10px/10px Arial,sans-serif;
                        text-decoration: none;
						vertical-align:top;
                    }
					
			#header .search {
				float: left;
				height: 29px;
				margin-top: 5px;
				padding-left: 12px;
				width: 410px;
				background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/topmenu_border.gif) repeat-x left bottom;
			}
			
			#header .text {
				color: #FFF;	
				font: normal 10px Arial,sans-serif;
				width: 42px;
				float: left;
				padding-top: 7px;
			}
			
			#header .input {
				float: left;
				margin-top: 2px;
				width: 127px;
				height: 16px;
				border: 1px solid #967097;
				background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/search_input.gif) no-repeat top left;
				color: #FFF;
				font-size: 10px;
			}
			
			#header .button {
				float: left;
				margin-top: 2px;
				width: 41px;
				margin-left: 6px;
				height: 18px;
				background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/go_button.gif) no-repeat top left;
				border: 0px;
				cursor: pointer;
			}
    		
			#header .logo {
				position: absolute;
				top: 0;
				z-index: 3;
				right: 36px;
				width: 207px;
				height: 140px;
			}
    /*------------------------------------------------------------------
		[4. Banner]
	*/
		
     #banner {
     	width: 100%;
        height: 154px;
        float: left;
		border-bottom: 1px solid #e9e9e9;

     } 
	 
	/*------------------------------------------------------------------
		[5. Menu]
	*/ 
	
	#menu {
		float: left;
		margin-left: 23px;
		display: inline; /* IE6 */
		width: 100%;
		margin-top: -35px;
	}

	/*------------------------------------------------------------------
		[6. menuleft]
	*/
	#menuleftcontainer {
		float: left;		
		margin-top: 9px;
		margin-left: 22px;		
		width: 238px;		
	}
	
	#menulefttop	{
		min-width: 132px; 
		height: 34px;	
		
	
	}
		#menulefttop .left {
			float: left;
			background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/leftmenutop_left.gif) no-repeat top left;
			width: 5px;
			border: 0px;	
			height: 34px;			
		} 
		
		#menulefttop .center {
			background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/leftmenutop_background.gif) repeat-x top left;
			float: left;
			
				min-width: 113px;
			
			height: 34px;			
		}
		
			#menulefttop .paginanaam{
			
				display: block;
				margin-top: 8px;
				margin-left: 11px;		
				font: bold 12px Arial,sans-serif;
				color: #FFF;
			}
			
		
		#menulefttop .right {
			float: left;
			background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/leftmenutop_right.gif) no-repeat top left;
			width: 14px;
			height: 34px;
			border: 0px;		
		}
	
	#menuleft {
		width: 237px;
		background-color: #a579a6; 
		border-right: 1px solid #986699;
		border-left: 1px solid #986699;
		border-top: 1px solid #986699;
	}
	
		#menuleft .menu {
			width: 221px;
			!---background-color: #a579a6; 
			min-height: 180px;
			height:auto !important;
			margin-left: 11px;
			margin-right: 5px; 
		}
	
		#menuleft .menu ul {
			
				
		}
		
			#menuleft .menu ul li.level2 {
				font: normal 11px Arial,sans-serif;
				width: 221px;
				border-bottom: 1px solid #ac84ac;
				color: #FFF;
				padding-top: 6px;	
				padding-bottom: 4px;	
			}
			
				#menuleft .menu ul li.level2 a {			
					font: normal 11px Arial,sans-serif;
					color: #FFF;	
					text-decoration: none;					
				}
				
				#menuleft .menu ul li.level2 a.activesub {
					font-weight: bold;
				}
			
			#menuleft .menu ul li.level3 {
				font: normal 11px Arial,sans-serif;
				width: 209px;
				background-color: #835485;
				border-bottom: 1px solid #ac84ac;
				color: #FFF;				
				padding-top: 6px;	
				padding-left: 12px; 
				padding-bottom: 4px;
					
			}
				
				#menuleft .menu ul li.level3 a	{
					font: normal 11px Arial,sans-serif;
					color: #FFF;	
					text-decoration: none;	
				}
				
		#leftmenu_bottom{
			background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/leftmenu_bottom.jpg) no-repeat bottom left;
			width: 239px;
			height: 8px;
			margin-top: 0px;	
			font-size: 1px;
		}
		
		#inschrijfcontent{
			margin-top: -19px;
		
		
		}
	
	
	/*------------------------------------------------------------------
		[6. Content]
	*/
	
	#contentright {
		float: left;
		width: 740px; 
	}

	
	#klantenregistratie {
		height: 34px;
		width: 222px;
		margin-right: 8px;
		position: absolute;
		right: 8px;
		top: 206px;
	}
	
	#content {
		float: left;
		min-height: 380px;
		height: auto !important; /* IE 6 hack */
		height: 380px; /* IE 6 hack */
		width: 100%;
		padding: 8px 20px 0px 20px;
		color: #636363;
		/* margin-top: -35px; */
		font: normal 12px/15px Arial,sans-serif;
	}
    
    	#content img {
        	border-color: #fff;
        }
    
    	#content ul{
        	margin-left: 21px;
      	}
        
        #content ol {
        	margin-left: 25px;
        }
        
        #content ul {
        	list-style-type: disc;
        }
        
        	#content ul ul {
            	list-style-type: circle;
            }
		
	
	
	#content .top_right .header {
		width: 100%;
		height: 47px;
		background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/news_header.png) no-repeat top left;
		behavior: url(/Page/nctrue/pngfix/index.html);
	}
	
		#content .top_right .header .overzicht {
			padding-left: 15px;
			padding-bottom: 15px;
			color: #000;
			font: bold 15px Arial,sans-serif;
			text-decoration: none;
			width: 50px;
			padding-top: 10px;
		}
		
		#content .top_right .header .archief {
			
			padding-bottom: 15px;
			width: 100%;
			text-align: left;
			padding-top: 10px;
		
		}
		
			#content .top_right .header .archief a {
				color: #996699;
				text-decoration: none;
			}
		
		#content .top_right .header .datum_news {
			width: 50px;
			color: #7a777a;
			vertical-align: top;
			padding-left: 23px;
			padding-top: 10px;
		}	

		#content .top_right .header .titel_news {
			color: #000;
			padding-left: 12px;
			padding-top: 10px;
		}
		
		#content .top_right .header .korteomschrijving_news {
			padding-left: 85px;
			font: normal 11px Arial,sans-serif;
			height: 15px;
			white-space: nowrap;
			overflow: hidden;
			width: 87%;
		}
		
		#content .top_right .header .leesmeer_news {
			height: 18px;
			cursor: pointer;
		}
		
		#content .top_right .header .empty {
			height: 6px;
			font-size: 1px;
		}
		
		#content .overzicht {
			color: #000;
			font: bold 15px Arial,sans-serif;
			padding-bottom: 5px;
		}
		
		#content .datum_news_archief {
			width: 50px;
			color: #7a777a;
			vertical-align: top;
			padding-right: 10px;
		}
		
		#content .titel_news_archief a{
			width: 100%;
			color: #000;
		}
		
		#content .omschrijving_news_archief {
			font: normal 11px Arial,sans-serif;
			padding-bottom: 10px;
		}
		
		
		
	
	#Locatie {
		width: 484px;
		height: 220px;
		background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/locatie_kader.gif) no-repeat top left;
	}
	
		#locatiekaart{
			width: 230px;
			padding-left: 12px;
			padding-top: 12px;
			padding-bottom: 12px;	
			float: left;		
		}
		
		#locatiegegevens {
			padding-right: 6px;
			float: left;
		}
	
			
		#locatiegegevens ul {
			float: left;
			margin-left: 10px;
			margin-top: 16px;
			height: 50px;
            list-style-type: none;
		}
		
		#locatiegegevens li.titel {
			color: #b8878d;
			font: 16px Arial,sans-serif;						
		}	

		#locatiegegevens li.subkop {
			color: #996699;
			font: bold 16px Arial,sans-serif;
			padding-top: 6px;
		}
		
		#locatiegegevens li.locatieselectie {
			padding-left: 0px;
			font: normal 11px Arial,sans-serif;			
			padding-top: 12px;
			height: 20px;
			
		}
		
		#locatiegegevens select.selectiebox {
			color: #000;
			border: 1px #e9e9e9 solid;
			font: normal 12px Arial,sans-serif;
			height: 20px;
			width: 220px;
						
		}
		
		#locatiegegevens li.scheidinglijn {
			padding-top: 12px;
			font: normal 11px Arial,sans-serif;			
			width: 220px;
			
		}		
		
		#locatiegegevens .leesmeer {	
			padding-top: 30px;
			width: 18px;
			height: 18px;
			cursor: pointer;
		}
	
		
	
	#fotoalbum	{
		background: url("//rollebol.wiscentral.com/Clients/3/htdocs/1/images/fotoalbum_kader.gif") no-repeat top left;
		width: 234px;
		height: 220px;
		margin-top:4px;
	}

		#fotoalbum a {
			color: #986699;
			text-decoration: none;
		}
	
		#fotoalbum ul {
			float: left;
			margin-left: 15px;
			margin-top: 16px;
			height: 50px;
            list-style-type: none;
		}

		#fotoalbum li.kop{
			color: #996699;
			font: bold 24px Arial,sans-serif;						
		}

		#fotoalbum li.subkop{
			font: 16px Arial,sans-serif;						
			margin-top: 7px;
		}	
		
		#fotoalbum li.leesmeer{
			padding-top: 80px;
			cursor: pointer;
		}

	
	
	#inschrijven {
		background: url("//rollebol.wiscentral.com/Clients/3/htdocs/1/images/inschrijven_kader.gif") no-repeat top left;
		width: 240px;
		height: 220px;
		margin-top:4px;
	}
	
	#inschrijven a {
		color: #986699;
		text-decoration: none;
	}

		#inschrijven ul {
			float: left;
			margin-left: 15px;
			margin-top: 16px;
			height: 50px;
            list-style-type: none;
		}

		#inschrijven li.kop{
			color: #996699;
			font: bold 24px Arial,sans-serif;						
		}

		#inschrijven li.subkop{
			font: 16px Arial,sans-serif;
			margin-top: 7px;
		}	

		#inschrijven li.leesmeer{
			padding-top: 60px;
			cursor: pointer;
		}

	
	
	
	.top_left {
		width: 470px;
		vertical-align: top;
		padding-right: 15px;
		padding-top: 30px;
	}
	
	.top_right {
		vertical-align: top;
	}
	
	.bottom_left {
		padding-right: 5px;
		width: 234px;
	}
	
	.bottom_center {
		width: 240px;
	}
	
	.bottom_right {
		padding-left: 5px;
	}
		
	
	
	
	#smoelenboek {
		width: 100px;
		height: 125px;
		float: left;
		margin-bottom: 15px;
	}
	
		#smoelenboek li {
			float: left;
			height: auto;
			padding: 0px 0px 3px 5px;
		}
		
		#smoelenboek li.afbeelding {
			padding: 0;
			width: 100%;
		}
		
			#smoelenboek li.naam {
				font-weight: bold;
				height: 30px;
			}
			
			#smoelenboek li.vestiging {
				float: left;
			}
			
			#smoelenboek li.meerinfo a{
				text-decoration: underline;
				color: #636363;
				display: block;
			}

	/*------------------------------------------------------------------
		[7. Login]
	*/	
		
		
	#login {
		width: 400px;
		height: 300px;
		padding: 25px;
		position: absolute;
	}

	#login ul {
		margin-top: 20px;
		width: 300px;
		list-style-type: none;
	}
	
	#login ul li {
		float: left;
	}
		
		#login ul li.textposition {
			width: 125px;
			white-space: nowrap;
			color: #986699;
			font-weight: bold;
		}
		
		.input {
			background-color: #bb9abb;
			border: 1px solid #967097;
			width: 170px;
			margin-bottom: 2px;
			color: #FFF;
		}
		
		.textarea {
			background-color: #bb9abb;
			border: 1px solid #967097;
			color: #FFF;
			font-family: Arial,sans-serif;
			font-size: 12px;
			width: 180px;
			height: 60px;
			overflow-y: scroll;
			margin-bottom: 5px;
		}
		
		#login ul li .submit {
			width: 125px;
			height: 18px;
			margin-top: 10px;
		}
		
		.error {
			color: red;
			display: block;
			font-weight: bold;
		}
	
		
	/*------------------------------------------------------------------
		[8. Footer]
	*/
	
	
	
	#footer {
		float: left;
		height: 32px;
		width: 990px;
		margin-left: 7px;
		border-top: 1px solid #e1e1e1;
		border-left: 1px solid #e1e1e1;
		border-right: 1px solid #e1e1e1;
	}
	
		#footer ul {
			width: 100%;
			height: 32px;
		}
		
			#footer ul li {
				border-right: 1px solid #e1e1e1;
				padding: 0 12px;
				width: auto;
				height: 20px;
				float: left;
				padding-top: 12px;
				color: #636363;
				font: normal 10px/10px Arial,sans-serif;
			}
	

	/*------------------------------------------------------------------
		[9. Plattegrond]
	*/
	
	#locatieInfo {
		 background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/locatieInfo.gif) no-repeat top left; 
		 display: none; 
		 position: absolute; 
		 top: 225px; 
		 left: 40px; 
		 width: 239px; 
		 height: 328px;
	}
	
		
		#locatieInfo .adresgegevens {
			margin-left: 15px;
			color: #000;
		}	
			
			#locatieInfo ul li {
				padding-left: 25px;
			}
			
			#locatieInfo ul li.kop {
				color: #996699;
				font: bold 15px Arial,sans-serif;
				padding-left: 24px;
				padding-top: 14px;
				margin-bottom: 20px;
			}
		
			#locatieInfo ul li.adres {
				background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/adres.gif) no-repeat center left;
			}
			
			#locatieInfo ul li.postcode {
				
			}
			
			#locatieInfo ul li.telefoon {
				background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/telefoon.gif) no-repeat center left;
			}
			
			#locatieInfo ul li.fax {
				background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/fax.gif) no-repeat center left;
			}
			
			#locatieInfo ul li.email {
				background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/email.gif) no-repeat center left;
			}
			
			#locatieInfo ul li.www {
				background: url(//rollebol.wiscentral.com/Clients/3/htdocs/1/images/www.gif) no-repeat center left;
			}
				
				#locatieInfo ul li a {
					color: #000;
					text-decoration: none;
				}
	
	
	#overLay {
		background-color: #000000;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 950px;
		filter:alpha(opacity=75);
		-moz-opacity:.75;
		opacity:.75;
		z-index: 6;
		display: none;
	}
	
	#overLayInner_1,
	#overLayInner_2,
	#overLayInner_3,
	#overLayInner_4 {
		left: 0;
		top: 0;
		position: fixed;
		width: 100%;
		z-index: 100;
		display: none;
	}
	
	#innerText {
		width: 700px;
		border: 3px solid #888888;
		position: relative;
		left: 0px;
		top:55px;
		padding: 10px;
		height: 500px;
		margin: 0 auto;
		background-color: white;
		overflow: auto;
        overflow-x: hidden;
	}
	
	.sitemap_lvl_1 a, .sitemap_lvl_2 a, .sitemap_lvl_3 a, .sitemap_lvl_4 a, .sitemap_lvl_5 a {
		text-decoration:none;
	}
	.sitemap_lvl_1 a:visited, .sitemap_lvl_2 a:visited, .sitemap_lvl_3 a:visited, .sitemap_lvl_4 a:visited, .sitemap_lvl_5 a:visited {
		text-decoration:none;
	}
	.sitemap_lvl_1 a:hover, .sitemap_lvl_2 a:hover, .sitemap_lvl_3 a:hover, .sitemap_lvl_4 a:hover, .sitemap_lvl_5 a:hover {
		text-decoration:underline;
	}
	.sitemap_lvl_1 {
		cursor:pointer;
		font-family:Arial,verdana;
		font-size:13px;
		padding:4px 2px 2px 6px;
		font-weight:bold;
	}
	.sitemap_lvl_2 {
		cursor:pointer;
		font-family:Arial,verdana;
		font-size:12px;
		padding:0px 2px 0px 14px;
	}
	.sitemap_lvl_3 {
		cursor:pointer;
		font-family:Arial,verdana;
		font-size:11px;
		padding:1px 1px 1px 26px;
	}
    
    /*------------------------------
    	Locatie Zoeker
    */
    
    #zoeker_options {
    	width: 400px;
        height: 170px;
        margin-right: 5px;
    }
    
    	#zoeker_options fieldset {
        	padding: 5px;
        }
    
    	#zoeker_options label {
        	font-weight: bold;
            color: 986699;
			height: 20px;
            display: block;
        }
        
        #zoeker_options input {
        	background-color: #bb9abb;
			border: 1px solid #967097;
			width: 170px;
			margin-bottom: 2px;
			color: #FFF;
        }
		
		#location input {
			background-color: #bb9abb;
			border: 1px solid #967097;
			margin-bottom: 2px;
			color: #FFF;
		}
        
        #zoeker_options .button {
        	height: 18px;
            width: 55px;
            margin-top: 10px;
        }
        
        #zoeker_options .checkbox {
        	width: 20px;
        }
        
        #zoeker_options .checkboxLabel {
        	width: auto;
            display: inline;
        }
    
    #google_maps {
    	width: 724px;
        height: 400px;
        margin-bottom: 10px;
    }
    
    	
    	
    /*---------------------------
		INSCHRIJFFORMULIER
	---------------------------*/
	
	.firstcol {
		padding-right: 40px;
	}
	
	.secondcol {
		padding-right: 20px;
	}
	
	.thirdcol {
		padding-right: 10px;
	}
	
	.fourthcol {
		padding-right: 10px;
	}
	
	#peuteropvang table tbody tr td {
		vertical-align: top;
	}