/* 

Theme Name: Gezondheidpraktijk
Theme Url: www.gezondheidpraktijk.nl
Description: This theme has been created by Dutch Design Office. 
Author: Dutch Design Office
Author Url: www.Dutch-design-office.nl

Version: 1.0

*/

/*Stijlen*/		
	p{ margin-top: 0; text-align: left}
	h1{ margin: 0 0 5px 0; font-size: 24px; color: #f1662a; text-align:left; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}
	h2{ margin: 0 0 5px 0; font-size: 16px; color: #4b4b4b; line-height:24px; text-align:left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}
	h3{ margin: 10px 0 5px 0; font-size: 16px; color: #333; text-align:left; }
	h4{ margin: 10px 0 5px 0; font-size: 18px; color: #ff6633; text-align:center; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif }
	.clear{ clear: both;}
	a { color:#000; text-decoration: underline; } 
	a:hover { color:#000; text-decoration: none; } 
	
	
/*******************************/

html, body { 
	height			: 100%;
	padding			: 0; 
	margin			: 0; 
	
}

body {
	font-family		: Arial, Helvetica, sans-serif; 
	color			: #000;
	font-size		: 12px;
	line-height 	: 20px;
	background		: #FFF url('images/achtergrond-gezondheidpraktijk.jpg') top center no-repeat; ja 
	
}

#wrapper {
		margin			: 0 auto;
		width			: 100%;
		height			: auto;
		min-height		: 727px;
		min-width		: 100%;
		text-align		: center; 
}
#wrapper #container {
	margin			: 0 auto;
	padding			: 0;
	width			: 1006px;
	height			: auto;
	
}

	#menu { 
		float: left; 
		margin: 0 auto; padding-left: 10px;
		width: 625px; height: 54px;
		background: url(images/navigatiebar.png) no-repeat left;
		z-index: 999;
		position: relative;
	}
	
	#right { 
		float: right; 
		margin: 0 auto; padding: 0;
		width: 371px; height: auto; 
	} 
	
		#right #logo { 
			float: left;
			margin: 0 auto; padding: 0; 
			width: 371px; height: 289px; 
		} 
		
		#right .behandelingen { 
			float: left; 
			margin-left: 4px; padding: 0; 
			width: 350px; height: auto;
		} 
		
			#right .behandelingen a{ color: #4c4c4c; font-size: 14px; text-decoration: underline; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}  
			#right .behandelingen a:hover{ text-decoration: none; } 
			
			#right .behandelingen .header-behandelingen { 
				float: left; 
				margin-top: 5px; padding-top: 20px; 
				width: 350px; height: auto; 
				background: url(images/header-behandelingen.png) no-repeat top; 
			} 
			#right .behandelingen .content-behandelingen { 
				float: left; 
				margin: 0 auto; padding: 0 19px; 
				width: 312px; height: auto; 
				background: url(images/bg-behandelingen.png) repeat-y top; 
			
			}
			#right .behandelingen .footer-behandelingen { 
				float: left; 
				margin-top: -28px; padding: 0; 
				width: 350px; height: 39px; 
				background: url(images/footer-behandelingen.png) no-repeat bottom; 
				z-index: -1;
				position: relative;
			} 
				#right .behandelingen .content-behandelingen p{ 
					text-align: center; color: #666; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
				}
			
		#right #sidebar { 
			float: left;
			margin: 0 auto; padding-top: 18px; 
			width: 350px; height: auto; 
			background: url(images/header-sidebar.png) no-repeat top; 
		} 
				#right #sidebar #content-sidebar {
					float: left;
					margin: 0 auto; padding: 0 19px; 
					width: 312px; height: auto; 
					background: url(images/bg-sidebar.png) repeat-y top; 
					text-align: left;
				}
				#right #sidebar #footer-sidebar { 
					float: left;
					margin: 0 auto; padding: 0; 
					width: 350px; height: 27px; 
					background: url(images/footer-sidebar.png) no-repeat top;
				}
				#right #sidebar ul { margin: 0 auto; padding: 0; list-style-type: none; }  
				#right #sidebar h2 { color: #cc3333; font-size: 16px; margin-bottom: 5px; font-weight: normal; } 
				
		#right #contact-sidebar { 
			float: left; 
			margin-top: 15px; padding: 19px 19px 0 19px; 
			width: 312px; height: 346px;
			background: url(images/contact-sidebar.png) no-repeat top; 
		} 
		#right #contact-sidebar p{
			height: 262px; 
		}
		
			#right #contact-sidebar #bedrijfsheelkunde{ 
				float: left; 
				margin: 0 auto; padding: 0; 
				width: 312px; height: auto; 
				
			}
			#right #contact-sidebar #bedrijfsheelkunde h2{ font-size: 16px; line-height: 24px; text-align: center; font-weight: normal; }  
			#right #contact-sidebar #bedrijfsheelkunde h2 a{ color: #fff; margin: 0 auto; text-decoration: underline; display: block; } 
			#right #contact-sidebar #bedrijfsheelkunde h2 a:hover{ color: #000; margin: 0 auto; text-decoration: none; } 
		
	#left { 
		float: left; 
		margin: 0 auto; padding: 0; 
		width: 618px; height: auto; 
	}
	
	#left img { padding: 3px; background: #fff; border: 1px solid #CCC; } 
	
		#left .home-tekst { 
			float: left; 
			margin-top: 20px; padding: 0 23px 0 23px;
		}
		#left .home-tekst ul { margin: 0 auto; padding: 0; list-style-type: none; } 
			
		#left #nieuws-box { 
			float: left; 
			margin-top: 5px; padding: 10px 0 0 13px; 
			width: 604px; height: 94px; 
			background: url(images/nieuws-box.png) no-repeat top; 
			text-align: left;
		} 
		
			#left #nieuws-box p{ margin: 0 auto; padding: 0; display: inline; }  
			#left #nieuws-box a{ color: #000; text-decoration: none; display: block; line-height: 26px; width:590px; } 
			#left #nieuws-box a:hover { color: #C00; }
		
		#left #contact { 
			float: left; 
			margin-top: 5px; padding: 0; 
			width: 617px; height: 298px; 
			background: url(images/contact-box.png) no-repeat top; 
		}
		
			#left #contact p{
				float: left; 
				padding-left: 226px; margin-top: 30px;
				height: 215px; 
			} 
			#left #contact h2 { text-align: center; font-weight: normal; } 
			#left #contact h2 a{ color: #fff; margin: 0 auto; text-decoration: underline; } 
			#left #contact h2 a:hover{ color: #000; margin: 0 auto; text-decoration: none; } 
			#left #contact ul, #contact-sidebar ul{margin: 0 auto; padding: 0; list-style-type: none; } 
		
		/*vervolg pagina*/
			#left #content{ 
				float: left;
				margin-top: 60px; padding-top: 16px; 
				width: 617px; height: auto; 
				background: url(images/header-content.png) no-repeat top;
				text-align: left;
			} 
				#left #content #bg-content{ 
					float: left; 
					margin: 0 auto; padding: 0 23px; 
					width: 571px; height: auto; 
					background: url(images/bg-content.png) repeat-y top; 
				}
				#left #content #footer-content{ 
					float: left; 
					margin: 0 auto; padding: 0; 
					width: 617px; height: 17px; 
					background: url(images/footer-content.png) repeat-x top; 
				}
				#left #content h2{ color: #cc3333; font-size: 18px; margin-bottom: 5px; font-weight: normal; }  
		/*vervolg pagina END*/
	
	#footer { 
		float: left; 
		margin: 15px 0 20px 0; padding:0; 
		width: 1006px; height: 40px; 
		background: url(images/footer.png) no-repeat top; 
		color: #cc3333;
	} 
	
		#footer #subnav { 
			float: left; 
			margin: 0 auto; padding: 7px 0 0 15px; 
			width: 400px; height:30px; 
			text-align: left;
		} 
		#footer #copyright { 
			float: right; 
			margin: 0 auto; padding: 7px 15px 0 0; 
			width: 400px; height:30px; 
			text-align: right; 
		} 
		
		#footer a{ color: #cc3333; text-decoration: underline; } 
		#footer a:hover{ color: #000; text-decoration: none; } 
	
	
	
	/**SUCKERFISH MENU**/
#pixopoint_menu1 #suckerfishnav {
    font-size:14px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
    font-weight:normal;
    width:100%;
    }
#pixopoint_menu1 #suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:36px;
    padding:0;
    border:0px solid #aaa;
    margin:0;
    width:100%;
	text-align: left;
    }
#pixopoint_menu1 #suckerfishnav a {
    display:block;
    color:#841b00;
    text-decoration:none;
    padding:0px 10px;
	font-weight: normal;
    }
#pixopoint_menu1 #suckerfishnav li {
    float:left;
    padding:0;
	display:block
    }
#pixopoint_menu1 #suckerfishnav ul {
	position: absolute;
	left:-999em;
    height:auto;
	padding: 5px;
    width:190px;
	display: block;
    font-weight:normal;
	-moz-opacity:0.95;
    opacity:0.95;
    khtml-opacity:0.95;
    line-height:12px;
	text-align: left;
	background: #f9ac34; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: -3px;
	margin-left: 0px;
	
}

	

   #pixopoint_menu1 #suckerfishnav li li {
	float:left;
	padding: 0;
	margin:0 0 0 0;
	width:190px;
	display: block;
	
}



#pixopoint_menu1 #suckerfishnav li li a {
    height: 5px;
	padding: 10px 0;
    width:190px;
	font-size:12px;
	font-weight:normal;
	text-align: left;
	line-height: 4px;
	color: #000;
	border-bottom: 1px solid #F33; 
    }
#pixopoint_menu1 #suckerfishnav li ul ul {
    margin:-29px 0 0 200px;
    }
#pixopoint_menu1 #suckerfishnav li li:hover {
   	color: #000;
	font-weight: bold;
	}
#pixopoint_menu1 #suckerfishnav li li:first-child {	
	background: url(images/arrow.jpg) 35px 0 no-repeat;
}
	
	/*Submenu HOVER */
#pixopoint_menu1 #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color: #fff;
	font-weight: bold;
	text-decoration: underline;
	display: block;
    }
	
	/*HOOFDMENU */
#pixopoint_menu1 #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color: #000;
	
    }

	/*SUBMENU KLEUR */
	#pixopoint_menu1 #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#000;
	font-weight: 900;
	
    }
#pixopoint_menu1 #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#pixopoint_menu1 #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    
    }
#pixopoint_menu1 #suckerfishnav li:hover, #suckerfishnav li.sfhover {
    color: #fff; 
    }
#pixopoint_menu1 #suckerfishnav .current_page_parent {
	color: #fff; 
    }
#pixopoint_menu1 #suckerfishnav .current_page_item {
    color: #fff; 
}