@sitebreedte: 940px;
@kolom_smal: 275px; 
@kolom_breed: 638px;

/* kleuren */
@wit: rgb(255,255,255);
@zwart: #333;
@grijs: #777;
@groen: rgb(77,116,71);
@lichtgroen: rgb(120,149,58);
@oranje: rgb(210,110,49);

@marge1: 10px;
@marge15: 15px;
@marge2: 20px;
@marge3: 30px;
@marge4: 40px;
@marge5: 50px;
@marge6: 60px;
@marge7: 70px;

@sitemarge: @marge2;

/* kolommen */

.ie6 {
	display: none;
	}
	
.header { 
	font-family: "Open Sans", Geneva, Verdana, Arial, sans-serif;
	}
.brood {
	font-family: "Lucida Grande", "Lucida sans unicode", Verdana, Arial, sans-serif;
}	
	
@small: 10px; 
@medium: 12px; 
@large: 14px; 
@x-large: 16px;
@xx-large: 18px;
@huge: 20px; 
	
.small { font-size: @small; }
.medium { font-size: @medium; }
.large { font-size: @large; }
.x-large { font-size: @x-large; }
.xx-large { font-size: @xx-large; }
.huge { font-size: @huge;}

@border: 1px solid @grijs;
.kader { border: 1px solid @grijs; }

.structural {
	text-indent: -9999px;
	height: 1px;}
	
	@schaduw: 5px 5px 10px @grijs;
	.boxshadow {
			-moz-box-shadow: @schaduw;
			-webkit-box-shadow: @schaduw;
			box-shadow: @schaduw;
			}

/**
* Body
************************************************/

/* Contains everything */
body {
	font-family: "Lucida Grande", "Lucida sans unicode", Verdana, Arial, sans-serif;
	background: @wit url(../images/groene_cirkel.png) 50% @marge4 no-repeat fixed;
	.medium;
	}

	/* Wrapper for everything inside of the body */
	#body-container {
		background: @wit;
		width:@sitebreedte;
		margin: @marge6 auto @marge2 auto; 
		padding: @marge15;
		padding-bottom: @marge1 / 2;
		text-align:left;
			position: relative;

		.kader;
		.boxshadow;
/* DEVELOP
		background: #ddd; */
		
}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link,
a:visited,
a:active {
	text-decoration: none;
	color: @zwart;
	}
a:hover {
	color: @oranje;
	}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	.header;
	.xx-large;
	color: @groen;
	}
h2 {
	.x-large;
	}
h3 {
	.large;
	}
h4 {
	.medium;
	}
h5, h6 { 
	.medium;
	display: inline;
	}

	
/* Text elements */
strong, b {
	font-weight: bold;
	}
em, i {
	font-style: italic;}	

cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft, .thumbnail {
	float: left;
	margin: 9px @marge2 @marge1 / 2 0;
	}
.right, .alignright {
	float: right;
	margin: 5px @marge1 / 2 0 @marge2;
	}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	overflow: hidden;
	height: 138px;
	/* DEVELOP 
background: #ddeeff;*/
	}

	/* Contains site title and tagline */
	#header {
		width: @kolom_breed;
		float: right;
		}

		/* Site title */
		#site-title {
			height: 100px;
			}
		#site-title a {
		display: block;
		width: 345px;
		height: 100px;
		float: right;
 		background: url("http://www.zijnspraktijk.nl/praktijk/wp-content/themes/zijnspraktijk/images/de_zijnspraktijk.png") no-repeat 100% 0; 
		}
		#site-title a span {
				display: none;
				}

		/* Site description/tagline */
		#site-description {.structural}

/* Page navigation */

/* dropdownmenu 
===================================== */
div.menu ul {
	list-style: none;
	}
div.menu ul ul {
	position: absolute;
	top: -999em;
	width: 10em;
	z-index: 99;
	}
div.menu ul ul li {
	width: 100%;
	}
div.menu li:hover {
	visibility: inherit;
	}
div.menu li {
	position: relative;
}
div.menu a {
	display: block;
	position: relative;
	}
div.menu li:hover ul, li.sfHover ul {
	left: 0;
	top: 31px;
	z-index: 99;
	}
div.menu li:hover li ul, li.sfHover li ul {
	top: -999em;
	}
div.menu li li:hover ul, li li.sfHover ul {
	left: 10em;
	top: 0;
	}
div.menu li li:hover li ul, li li.sfHover li ul {
	top: -999em;
	}
div.menu li li li:hover ul, li li li.sfHover ul {
	left: 10em;
	top: 0;
	}


/* Wrapper for primary navigation */
#primary-menu .menu 	{
	.header;
	width: @kolom_breed;
	float: right;
	font-size: @large;
	ul {
	    height: 35px;
	    padding-top: @marge1;
		li {
		   	list-style: none;
		   	display: inline-block;
		   	padding: 0 @marge1 0 0;
		   	height: 35px;
			a {
			   	display: block;
			   	width: 100%;
			   	height: 100%;
			   	padding-top: 7px;
			   	color: @groen;
			}	
			a:hover,
			a:focus {
			   	color: @oranje;
			}
		}	
		
		li.current-menu-item a,
		li.current-menu-parent a {
				color: @oranje;
		}
		li.current-menu-item ul li a,
		li.current-menu-parent ul li a {
				color: @grijs;
		}
	}	
	    			 				 		
ul.sub-menu {
			padding: @marge1;
			padding-bottom: @marge15;
			display: block;
			float: left;
			height: auto;
			.kader;
			background: @wit;
			text-align: left;
		li {
			height: 24px;}	
		li a:hover {
				color: @oranje !important;
		}
		}
}
		
.sf-sub-indicator	{
				display: none;
			}		

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	clear: both;
	overflow: auto;
	width: 100%;
	margin-top: @marge1;
	background: @wit url(../images/oranje.png) 0 0 repeat-y;
	}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content {
		.kader;
		float: right;
		width: @kolom_breed;
		line-height: 200%;
		color: @grijs;
		min-height: 480px;
}

		/* Breadcrumb trail */
		.breadcrumb {
			.structural;
		}
			.breadcrumb-trail {}

		/* Archive and search <div> before posts are listed */
		.archive-info,
		.author-info,
		.term-info,
		.category-info,
		.tag-info,
		.date-info,
		.search-info {
			margin: @marge4;
			margin-bottom: 0;}
		.author-info {}
		.term-info
		.category-info {}
		.tag-info {}
		.date-info {}
		.search-info {}

			/* Archive and search page titles. */
			.archive-title,
			.author-title,
			.term-title,
			.category-title,
			.tag-title,
			.date-title,
			.search-title {
				.huge;
				a {
					color: @groen !important;
				}	
			}

		/* Entry wrapper <div> */
		.hentry {
			margin: @marge4;
			p,
	ul,
	ol,
	h2 {
		padding-bottom: @marge15;
	}
	
	h3,
	h4,
	h5,
	h6 {
		padding-bottom: 0;
	}
	
	ul, ol {
		margin-left: @marge3;
		list-style-type: disc;
	}
	ol {
		list-style-type: decimal;}
	li {
		padding-left: @marge1 / 2;
	}	
	img {
	
		
		}
			}
		.post {
			.entry-title {
				.xx-large;
				padding-bottom: 0;
			}
		}
		.page {}

			/* Post, page, and 404 page titles */
			.entry-title,
			.page-title,
			.post-title,
			.attachment-title,
			.error-404-title {
			padding-bottom: @marge2;
			a {
				color: @groen !important;}
			}
			
			.attachment-title {}
			.error-404-title {}

			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {}

			/* Excerpts (introduced) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.page-links a {}

				/* More link <!--more--> */
				a.more-link {
					display: block;
					text-align: right;
					}
			

			/* Entry metadata */
			.entry-meta {
			.small;}
				
			.taxonomy-category .entry-meta {
				display: none;}	

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {
display: none;			}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment metadata */
							#comments .comment-meta {}
								#comments .comment-meta cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					.navigation-links {
							margin: 0 @marge4 @marge2;
							width: @kolom_breed - @marge4 - @marge4;
							float: left;
							a {}
						.next {
						float: right;}
						.previous {
						float:left;
						}
}
				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond #submit {}
							#respond #submit:hover {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before header spreukenblok op alle pagina's en berichten en op de pagina categorie "blog" en "actueel" */
		#utility-before-header {
			width: @kolom_smal;
			position: absolute;
			left: @marge15;
			top: @marge15;
			height:167px;
			background: @wit url(../images/bg_spreuk.jpg) 0 0 no-repeat;
		}
		#secondary-html-content-2 p,
		#text-3 .textwidget {
			position: absolute;
			bottom: 0;
			left: 0;
			width: @kolom_smal - @marge15 * 2;
			margin: @marge15;
			color: @wit;
			text-align: center;
			line-height: 160%;
			}
		#text-3 h3 {
			display: none;
			}	


/* After header */
	#utility-header {
			width: @kolom_breed;
			float: right;
			height:24px;
			margin: @marge1 0 0 0;	
			position: relative;			
		}
		
	div.horizontal_scroller, div.vertical_scroller{
		position:relative;
		height:24px;
		width:@kolom_breed - 2;
		display:block;
		overflow:hidden;
		/* test .kader; */
		border-bottom: @border;
		border-color: @groen;
	}
	div.scrollingtext{
	top:5px;
		position:absolute;
		white-space:nowrap;
		color: @lichtgroen;
		
	}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {
		float: left;
		width: @kolom_smal;
		color: @wit;
		line-height: 200%;
		min-height: 480px;
		a {
			color: @zwart;
		}
		a:hover,
		a:focus {
			color: @wit;
			}
		p {
				padding: 0 !important;
		}
		.hentry .entry-title {
			font-size: @x-large !important;
			padding-bottom: 0;
			a {
			color: @wit !important;}
			a:hover,
			a:focus {
			   	color: @zwart !important;
			}
	}
		
		.widget {}
			.widget-inside {
				margin: @marge3;}
				.widget-title {
					.x-large;
					color: @wit;
					margin-bottom: @marge1;}
				.widget ul {}
					.widget ul li {}
		.hentry {
			margin: 0;
			
			.entry-title {
				.large;
				}
		}			
	}			
	/* Wrapper for primary navigation */
#secondary-menu .aanbod-menu 	{
	.header;
	margin: @marge5 @marge3 @marge5;
	ul {
		li {
			.x-large;
		   	a {
			   	color: @wit !important;
			}	
			a:hover,
			a:focus {
			   	color: @zwart !important;
			}
		}	
	}	
	ul.sub-menu li {
		.medium;
		.brood;
			}		
}
	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container {
	width: 100%;
overflow: auto;
	margin: @marge1 / 2 0 0 0;
	.small;	
	line-height: 200%;
	}

	/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {}

		/* Footer extra */
		#footer .copyright {
			width: @kolom_smal;
			float: left;
						}
		#footer .adres {
		float: right;
		width: @kolom_breed;}