/* Stylesheet "Psychologen Centrum Wageningen" :: v1 (08-12-2007) */
/* Designed by "Allyourmedia"  */
/* Coded by "WeCode.nl"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "Allyourmedia" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		$1.3 - Shared Layout Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Sub Navigation
		$3.4 - Extra Lists

	$4 - Image Styles
		$4.1 - General Image Styles
		$4.2 - Image Buttons

	$5 - Form Styles
		$5.1 - General Form Styles
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
	
			body {
				background: url(../images/bg_body.gif) no-repeat 0 26px #fff;
				color:#4f4f4f;
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				line-height:23px;
				padding:30px 0 23px 0;
			}
				
			#container {
				padding:0 0 0 170px;
				position:relative;
				width: 730px;
			}
				
			#header {
				height:260px;
				overflow: hidden;
			}
			
			#contact-info{
				background: url(../images/bg_contact-info.gif) no-repeat top left;
				height:131px;
				position:absolute;
				right:30px;
				top:70px;
				width:321px;
			}
				
			#content {
			}
			
			#article-content {
				float:left;
				width:400px;
			}
			
			#article-list {
				float:right;
				margin:85px 0 0 0;
				width:270px;
			}
			
			.profile-summary {
				float:left;
				font-size:11px;
				line-height:17px;
				padding:0 20px 0 0;
				width:300px;
			}
			
			.profile-long {
				padding:25px 0 0 0;
			}
			
			#footer {
				margin:45px 0 0 0;
			}
			
			#logo {
				left:0;
				position:absolute;
				top:15px;
			}
			
		/************************/
	
		/* 1.3 - Shared Styles */
	
			#container .left {
				float:left;
			}
	
			#container .right {
				float:right;
			}
	
			#container .nopadding {
				padding: 0 0 0 0;
			}

			#container .nomargin {
				margin: 0 0 0 0;
			}

			#container .noborder {
				border: 0;
			}

			#container .nobackground {
				background:none;
			}			
			
			#container .block {
				display:block;
			}
			
			#container .clear {
				clear:both;
				height:0;
			}
			
			#container .center {
				text-align:center;
			}





/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */
		
			a:link, a:visited{
				color:#4f4f4f;
				text-decoration: none;
			}
			
			a:hover, a:active{
			}
					
		/************************/
	
		/* 2.2 - Heading Styles */

			#header h1 {
				display:none;
			}

			h2 {
				margin:32px 0 26px 0;
			}
			
				#body_links h2 {
					margin:55px 0 0 0;
				}
				
				#body_links h2.first {
					margin:32px 0 0 0;
				}
				
			
			h2 span {	
				display:none;
			}
			
				#title-home {
					background: url(../images/title-home.gif) no-repeat top left;
					height:72px;
				}
			
				#title-problematiek {
					background: url(../images/title-problematiek.gif) no-repeat top left;
					height:72px;
				}
			
				#title-behandelingen {
					background: url(../images/title-behandelingen.gif) no-repeat top left;
					height:72px;
				}
				
				#title-afspraak-wageningen {
					background: url(../images/title-formulier-wageningen.gif) no-repeat top left;
					height:72px;
				}
				
				#title-wat{
					background: url(../images/title-wat.png) no-repeat top left;
					height:72px;
				
				}
				
				#title-wat_3{
					background: url(../images/title-wat_3.png) no-repeat top left;
					height:42px;
				
				}
				
				#title-wat_2{
					background: url(../images/title-wat_2.png) no-repeat top left;
					height:42px;
				
				}
				
				#title-wat_4{
					background: url(../images/title-wat_4.png) no-repeat top left;
					height:42px;
				
				}
	
				#title-wat_5{
					background: url(../images/title-link-spel.gif) no-repeat top left;
					height:42px;

				}
				
				#title-contact{
					background: url(../images/title-contact.png) no-repeat top left;
					height:42px;
				
				}
				
				#title-kosten{
					background: url(../images/title-vergoeding.png) no-repeat top left;
					height:42px;
				
				}
				
				#title-voor{
					background: url(../images/title-voor.png) no-repeat top left;
					height:42px;
				
				}
				
				#title-afspraak-mindfulness {
					background: url(../images/title-formulier-mindfulness.gif) no-repeat top left;
					height:72px;
				}
			
				#title-nieuws {
					background: url(../images/title-nieuws.gif) no-repeat top left;
					height:27px;
				}
			
				#title-link-nip {
					background: url(../images/title-link-nip.gif) no-repeat top left;
					height:35px;
				}
			
				#title-link-lve {
					background: url(../images/title-link-lve.gif) no-repeat top left;
					height:35px;
				}
			
				#title-link-vgc {
					background: url(../images/title-link-vgc.png) no-repeat top left;
					height:73px;
				}
			
				#title-link-emdr {
					background: url(../images/title-link-emdr.gif) no-repeat top left;
					height:35px;
				}
			
				#title-link-mind {
					background: url(../images/title-link-mind.gif) no-repeat top left;
					height:35px;
				}
				
				#title-link-fw{
					background: url(../images/title-link-fw.png) no-repeat top left;
					height:40px;
				}
				
				#content .profile-summary h2 {
					height:43px;
					margin: 32px 0 0 0;
				}
			
				#title-jorine {
					background: url(../images/title-jorine.png) no-repeat top left;
				}
			
				#title-josje {
					background: url(../images/title-josje.png) no-repeat top left;
				}
			
				#title-lex {
					background: url(../images/title-lex.png) no-repeat top left;
				}
			
				#title-femke {
					background: url(../images/title-femke.png) no-repeat top left;
				}

				#title-yvonne {
					background: url(../images/title-yvonne.png) no-repeat top left;
				}
				
				#title-tamara {
					background: url(../images/title-tamara.png) no-repeat top left;
				}
			
				
				#title-charlotte {
					background: url(../images/title-charlotte.png) no-repeat top left;
				}

				#title-sabina {
					background: url(../images/title-sabina.png) no-repeat top left;
				}

				#title-wil {
					background: url(../images/title-wil.png) no-repeat top left;
				}

				#title-erik {
					background: url(../images/title-erik.png) no-repeat top left;
				}
				
				#title-henriette {
					background: url(../images/title-henriette.png) no-repeat top left;
				}
				
				#title-bram {
					background: url(../images/title-bram.png) no-repeat top left;
				}
				
				#title-sigrid {
					background: url(../images/title-sigrid.png) no-repeat top left;
				}

			h3 {
				font-size:14px;
			}
			
			h4 {
			}
			
			
		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin: 0 0 23px 0;
			}
			
			p.first {
				margin:44px 0 23px 0;
			}
			
			#contact-info p {
				display:none;
			}
			
			.message_ok {
				font-weight:bold;
			}
			
			#body_links p {
				width:650px;
			}
			
			p.more-links {
				font-size:12px;
				margin:40px 0 0 0;
			}
						
			#footer p {
				text-align:right;
			}
			
		/************************/
	
		/* 2.4 - Link Styles */

			#header a.mail {
				display:block;
				height:23px;
				left:220px;
				position:absolute;
				top:2px;
				width:47px;
			}

			#header a.route-markt {
				display:block;
				height:23px;
				left:0;
				position:absolute;
				top:110px;
				width:47px;
			}

			#header a.route-veerweg {
				display:block;
				height:23px;
				left:170px;
				position:absolute;
				top:110px;
				width:47px;
			}
			
			#header a span {
				display: none;
			}
			
			#content a{
				text-decoration: underline;
			}
			
			#content a.more-info {
				background: url(../images/bg_more-info.gif) no-repeat top left;
				display:block;
				height:20px;
				margin:26px 0 0 0;
				width:140px;
			}
			
			#content a.terug {
				background: url(../images/bg_terug.gif) no-repeat top left;
				display:block;
				height:20px;
				margin:26px 0 0 0;
				width:140px;
			}
			
			#body_links #content a.visit-website {
				background: url(../images/bg_visit-website.gif) no-repeat top left;
				clear:left;
				display:block;
				height:20px;
				margin:26px 0 23px 0;
				width:140px;
			}
			
			
			#content a.more-info span, #body_links a.visit-website span {
				display:none;
			}



/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
			ul li {
				list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
		
			#header ul {
				left:170px;
				position:absolute;
				top:245px;
				width:700px;
			}
			
			#header li {
				background:url(../images/bg_nav-li.gif) no-repeat center right;
				display:block;
				float:left;
				margin:0 0 0 0;
				padding:0 21px 0 0;
			}
			
			#header li a {
				display:block;
				float:left;
				height:11px;
				margin:0 0 0 0;
			}
						
			#header li a span {
				display:none;
			}
			
			#header li a#nav-home {
				background:url(../images/bg_nav-home.png) no-repeat 0 0;
				width:40px;
			}
			
			#header li a#nav-wie {
				background:url(../images/bg_nav-wie.png) no-repeat 0 0;
				width:82px;
			}
			
			#header li a#nav-wat {
				background:url(../images/bg_nav-wat.png) no-repeat 0 0;
				width:105px;
			}
			
			#header li a#nav-voor {
				background:url(../images/bg_nav-voor.png) no-repeat 0 0;
				width:75px;
			}
			
			#header li a#nav-kosten {
				background:url(../images/bg_nav-kosten.png) no-repeat 0 0;
				width:60px;
			}
			
			#header li a#nav-contact {
				background:url(../images/bg_nav-contact.png) no-repeat 0 0;
				width:73px;
			}
			
			#header li a#nav-links {
				background:url(../images/bg_nav-links.png) no-repeat 0 0;
				width:38px;
			}
			
			#header li a#nav-home:hover, #header li.current a#nav-home, #header li a#nav-wie:hover, #header li.current a#nav-wie, #header li a#nav-wat:hover, #header li.current a#nav-wat, #header li a#nav-voor:hover, #header li.current a#nav-voor, #header li a#nav-kosten:hover, #header li.current a#nav-kosten, #header li a#nav-contact:hover, #header li.current a#nav-contact, #header li a#nav-links:hover, #header li.current a#nav-links {
				background-position:0 -11px;
			}
							
					
		/************************/
	
		/* 3.3 - Sub Navigation */
		
		
		/************************/
	
		/* 3.4 - Extra Lists */
		
			#content ul {
				margin: 0 0 23px 0;
			}			
		
			#content li {
				background:url(../images/bg_arrow.gif) no-repeat 0 5px;
				font-size:12px;
				padding:0 0 0 30px;
			}
		
			#article-list li.current {
				background:url(../images/bg_arrow.gif) no-repeat 0 5px;
				font-size:14px;
				padding:0 0 0 30px;
			}
			
			#article-list li {
				background:none;
				font-size:14px;
				font-weight:bold;
			}
			
			#article-list li a {	
				text-decoration:none;
			}
			
			#content .people {
			}
			
			#content .people li {
				background:none;
				display:block;
				float:left;
				height:177px;
				padding:23px 0 0 0;
				width:146px;
			}
			
			#content .people li a {
				display:block;
				float:left;
				height:177px;
				width:146px;
			}
			
			
			#content .people li a#people-jorine {
				background:url(../images/bg_people-jorine.jpg) no-repeat 0 0;
			}
			
			#content .people li a#people-josje {
				background:url(../images/bg_people-josje.jpg) no-repeat 0 0;
			}
			
			#content .people li a#people-lex {
				background:url(../images/bg_people-lex.jpg) no-repeat 0 0;
			}
			
			#content .people li a#people-femke {
				background:url(../images/bg_people-femke.jpg) no-repeat 0 0;
			}

			#content .people li a#people-yvonne {
				background:url(../images/bg_people-yvonne.jpg) no-repeat 0 0;
			}

			#content .people li a#people-sigrid {
				background:url(../images/bg_people-sigrid.jpg) no-repeat 0 0;
			}

			#content .people li a#people-charlotte {
				background:url(../images/bg_people-charlotte.jpg) no-repeat 0 0;
			}

			#content .people li a#people-sabina {
				background:url(../images/bg_people-sabina.jpg) no-repeat 0 0;
			}

			#content .people li a#people-wil {
				background:url(../images/bg_people-wil.jpg) no-repeat 0 0;
			}
			
			#content .people li a#people-erik {
				background:url(../images/bg_people-erik.jpg) no-repeat 0 0;
			}

			#content .people li a#people-henriette {
				background:url(../images/bg_people-henriette.jpg) no-repeat 0 0;
			}
			
			#content .people li a#people-bram {
				background:url(../images/bg_people-bram.jpg) no-repeat 0 0;
			}
			
			#content .people li a#people-tamara {
				background:url(../images/bg_people-tamara.jpg) no-repeat 0 0;
			}
			
			#content .people li a#people-jorine:hover
			, #content .people li.current a#people-jorine
			, #content .people li a#people-josje:hover
			, #content .people li.current a#people-josje
			, #content .people li a#people-lex:hover
			, #content .people li.current a#people-lex
			, #content .people li a#people-femke:hover
			, #content .people li.current a#people-femke
			, #content .people li a#people-yvonne:hover
			, #content .people li.current a#people-yvonne
			, #content .people li a#people-charlotte:hover
			, #content .people li.current a#people-charlotte
			, #content .people li a#people-sabina:hover
			, #content .people li.current a#people-sabina
			, #content .people li a#people-wil:hover
			, #content .people li.current a#people-wil
			, #content .people li a#people-erik:hover
			, #content .people li.current a#people-erik
			, #content .people li a#people-henriette:hover
			, #content .people li.current a#people-henriette
			, #content .people li a#people-sigrid:hover
			, #content .people li.current a#people-sigrid
			, #content .people li a#people-bram:hover
			, #content .people li.current a#people-bram
			, #content .people li a#people-tamara:hover
			, #content .people li.current a#people-tamara{
				background-position: 0 -183px;
			}
			
			
			
			
			
		/************************/







/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		
			img {
				border: none;
			}
			
		/************************/
	
		/* 4.2 - Image Buttons */
		
			#body_links p img {
				float:left;
			}
		

		/************************/







/*** $5 - Form Styles ***/

		/* 5.1 - General Form Styles */
		
			fieldset {
				border:none;
			}
			
			legend {
				display:none;
			}
			
			label {
				display:block;
				float:left;
				margin:1px 0 9px 0;
				width:135px;
			}
			
			label.textarea {
				display:block;
				float:none;
				margin:15px 0 10px 0;
				width:auto;
			}
			
			label.radio {
				display:block;
				float:left;
				margin:0 10px 10px 0;
				width:auto;
			}
			
			form br {
				clear:both;
			}
			
			.breaker {
				padding:20px 0 20px 0;
			}
			
			input, textarea {
				border:1px solid #b7b7b7;
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				margin:0 0 3px 0;
				padding:3px 5px 3px 5px;
				width:555px;
			}
			
			input.radio {
				border:0;
				float:left;
				margin: 0 5px 5px 0;
				padding:0 0 0 0;
				height:24px;
				width:auto;
			}
			
			input.button {
				border:0;
				float:right;
				height:auto;
				margin:20px 30px 0 0;
				width:auto;
			}
			
			textarea {
				width:695px;
			}
			
			input {
			}
				
			input.sc {
				display:none;
			}