/*
Theme Name: de ergotherapeut.
Theme URI: http://www.deergotherapeut.nl
Description: Wordpressthema speciaal gemaakt voor de ergotherapeut.nl en Pim van den Brule.
Author: Olaf Kruyt
Author URI: http://www.lightcyber.nl
Version: 2.0 

.
Dit thema mag alleen gebruikt worden voor sites van de Ergotherapeut.nl. Voor andere 
doeleinden dient toestemming te worden gevraagd aan de drager van het Auteursrecht.
.

*/

/* Lettertypes toevoegen */

@font-face {
    font-family: 'tondo_cyr_lightregular';
    src: url('font/tondo_cyr_light-webfont.eot');
    src: url('font/tondo_cyr_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tondo_cyr_light-webfont.woff') format('woff'),
         url('font/tondo_cyr_light-webfont.ttf') format('truetype'),
         url('font/tondo_cyr_light-webfont.svg#tondo_cyr_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tondo_cyr_lightregular';
    src: url('font/tondo_cyr_bold-webfont.eot');
    src: url('font/tondo_cyr_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/tondo_cyr_bold-webfont.woff') format('woff'),
         url('font/tondo_cyr_bold-webfont.ttf') format('truetype'),
         url('font/tondo_cyr_bold-webfont.svg#tondo_cyrbold') format('svg');
    font-weight: bold;
    font-style: normal;

}



@charset "UTF-8";
/* Background-Styles */
/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }

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

body {
	margin:0 auto; 
	padding:0;
	background-color: #fff;
	background: url(images/achtergrond.png) no-repeat top center ;
	height: 100%;
	font-family: 'tondo_cyr_lightregular', Arial, sans-serif;
}
table {
	border-collapse:collapse;
}
table, tr, th, td {
	border: 1px solid #d0d0d0;
	padding: 3px;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}

/********************************************************************************************
	Tekst stijlen
********************************************************************************************/


/* Titles stijlen */
h1		{
		color: #0F5C92;
		font-size: 1.6em;
		font-weight: normal;
		margin:4px 0px 10px 0px;
}
h1 a	{
		color: #545658;
		font-size: 1.25em;
		text-decoration:underline;
		font-weight:normal;
		margin:-1px 0px -1px 0px;
}
h2		{
		color: #000;
		font-size: 1.1em;
}
h3		{
		color: #000;
		font-size: 1.1em;
}


/********************************************************************************************
	Afbeeldingen stijlen
********************************************************************************************/
img		{
	border:0px;
}
.alignleft {
	float:left;
	margin:0 2em 2em 0;
}
.alignright {
	float:right;
	margin:0 0 2em 2em;
}
.aligncenter {
	margin: 2em auto 2em auto;
	display: block;
}
.wp-caption {
	position: relative;
}
.wp-caption p.wp-caption-text {
    font-size: 0.88em;
    margin:-80px auto 20px auto;
    padding:0 1em 1em;
	text-align: center;
}
.showALT {
    display: inline-block;
}
.ALTimage {
    position: absolute;
    top:300px;
    color: white;
    z-index: 1;
    text-align: center;
    padding: 120px 10px 0px 10px;
	background: url(images/hoverBG.png) repeat;
	font-size: 1.3em;
}

/********************************************************************************************
	Menu stijlen
********************************************************************************************/
ul.menu  {
	list-style: none;
	margin-top: 25px;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	-ms-padding-start: 0px;
	-o-padding-start: 0px;
}
ul.menu li {
	display: block;	
	float: left;
	position: relative;
	margin-right: 13px;
	border: 1px solid #d0d0d0;
   	padding: 1px;
   	min-width: 144px;
   	height: 28px;
}
ul.menu li a {
   color: #006bb7;
   font-size: 0.8em;
   text-decoration: none;
   display: block;
   background: url('images/menubutton_normal.png') repeat-x;
   padding: 0 4px;
   min-width: 144px;
   height: 28px;
   line-height: 32px;
   text-align: center;
}
ul.menu li a:hover {
	background: url('images/menubutton_hover.png') repeat-x;
	color: #fff;
}
ul.menu li a:active {
	background: url('images/menubutton_hover.png') repeat-x;
	color: #fff;
}
ul.menu li.current_page_item a {
	background: url('images/menubutton_hover.png') repeat-x;
	color: #fff;
}

ul.menu li ul.sub-menu li {
	clear: left;
}
ul.menu li ul.sub-menu {
	list-style: none;
	margin-top: 0px;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	-ms-padding-start: 0px;
	-o-padding-start: 0px;
	display: none;
	position: absolute;
	left: -1px;
	z-index:9999;
}
ul.menu li ul.sub-menu li {
	position: relative;
	width: 100%;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-top: none;
	margin-top: -2px;
	padding: 1px;
	background: #fff;
	margin-bottom: 0px;
}
ul.menu > li > ul.sub-menu > li:nth-child(2){
	border-top: 1px solid #d0d0d0;
}
ul.menu li ul.sub-menu li a {
	color: #006bb7;
   	font-size: 0.8em;
   	text-decoration: none;
   	display: block;
   	padding: 0 10px;
  	line-height: 28px;
   	text-align: center;
	background-image: none;
}
ul.menu li ul.sub-menu li a:hover {
	background: url('images/menubutton_hover.png') repeat-x;
	color: #fff;
}
ul.menu li ul.sub-menu li.menuPijl {
	height: 15px;
	display: block;	
	border: none;
	background: none;
	width: 100%;
}
ul.menu li ul.sub-menu li.menuPijl img {
	position: absolute;
	margin-left: -20px;
	left: 50%;
	margin-bottom: -1px;
	z-index: 9999;
}

/** TWEEDE LEVEL **/
ul.menu li ul.sub-menu > li > ul.sub-menu {
	list-style: none;
	top: 0px;
	left:100%;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	-ms-padding-start: 0px;
	-o-padding-start: 0px;
	display: none;
	margin-top: -1px;
}
ul.menu li ul.sub-menu > li > ul.sub-menu > li:first-child {
	border-top: 1px solid #d0d0d0;
	margin-top:0px;
}




/********************************************************************************************
	Header
********************************************************************************************/
#header-wrapper {
	width: 930px;
	margin: 0 auto;
	position: relative;
}
#logo {
	width:280px;
	height:30px;
	margin-top: 30px;	
}
#font-resize {
	position: relative;
	min-width: 50px;
	margin: 0 auto;
	color: white;
	text-transform:lowercase;
	text-shadow: none;
	float: right;
	margin-top: -32px;
	margin-right: 4px;
}
#font-resize-bg {
	background: url(images/font-bg.png) no-repeat left bottom;	
	width: 60px;
	height: 30px;
	position: absolute;
	z-index: -1;
	right: -10px;
	top: -30px;
}
#font-resize ul {
	list-style: none;	
	margin: 0;
}


/********************************************************************************************
	Container 
********************************************************************************************/
#container {
	width: 930px;
	margin: 0 auto;	
	min-height: 400px;
}

/* Middengedeelte stijlen */
#main {
	margin: 0;
	color: #1a171b;
	font-size: 0.88em !important;
	line-height: 1.6em;	
	font-weight: normal;
	padding: 0;
	margin-top: 80px;
}
#main p {
	overflow: hidden;
}
#main a		{
	text-decoration:none;
	color:#EC7404;
}
#main a:hover {
	text-decoration: underline;
}
#main ul {
	padding: 0px;
	margin-left: 20px;
}
#main img {
	margin-bottom: 80px;
}
.blauw {
	color: #0c5283;	
}
/********************************************************************************************
	Footer
********************************************************************************************/
#footer-wrapper {
	width: 930px;
	height: 44px;
	margin: 0 auto;
	clear: both;
}
#footer {
	width:930px; 
	height: 44px;
	bottom: 0;
	text-align: center;
	background: url('images/footer.png') top center no-repeat;
	vertical-align: center;
	line-height: 44px;
	position: relative;
	margin: 40px 0px 20px 0px;
}
#footer ul {
	font-size:0.75em;
	color:#000;
	list-style: none;
	width: 100%;
}
#footer ul li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
#footer ul li.last {
	border-right: none;;
}
#footer ul li a {
	color: #000;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer #KP-logo {
	background-image: url(images/KP_logo.png);
	background-size: 65px 65px;
	width: 65px;
	height: 65px;
	position: absolute;
	left: 5px;
	top: -10px;	
}





hr {color: #fff; background-color: #fff; border: 1px dotted #cbcbcb; border-style: none none dotted; }

/*************************************************
	Werkt samen met 
*************************************************/
#WSM_menu {
	float: left;
	width: 180px;	
}
#WSM_content {
	margin-left: 220px;	
	width: 650px;
}
ul.thumbs {
	list-style: none;
	width: 190px;
	padding-left: 10px;
	margin: 0;
}
ul.thumbs li {
	display: block;
	position: relative;
	margin-bottom: 5px;
	border: 1px solid #D0D0D0;
	padding: 1px;
	min-width: 144px;
	height: 28px;
}
ul.thumbs li a {
	color: #006BB7;
	font-size: 0.8em;
	text-decoration: none;
	display: block;
	background: url('images/menubutton_normal.png') repeat-x;
	padding: 0 4px;
	min-width: 144px;
	height: 28px;
	line-height: 32px;
	text-align: center;
}
ul.thumbs li a.pager-active {
	background: url('images/menubutton_hover.png') repeat-x;
	color: white;
}
ul#WSM_slider  {
	list-style: none;
}
ul#WSM_slider li ul {
	list-style: none;
}
ul#WSM_slider li ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	width: 155px;
	height: 120px;
	max-width: 155px;
	position: relative;
	text-align: center;
	line-height: 120px;
}
ul#WSM_slider li ul li a {
	font-style: normal;
	color: #646464;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}
ul#WSM_slider li ul li a:hover {
	color: #0865a8;
	text-decoration: none;
}
ul#WSM_slider li ul li a img {
	max-width: 155px;
	max-height: 100px;
	vertical-align: middle;
	margin-bottom: 0px;
}


/*************************************************
	Formulier stylen
*************************************************/
input, textarea {
	padding: 4px;	
}