/* CSS

-- Import CSS
-- Misc
	-- positioning
	-- clearing breaks
	-- HTML5 inline fix
	-- sticky footer code - http://www.cssstickyfooter.com/
	-- generic styles
-- main areas
-- header
-- menu
-- main content
-- footer
-- accessibility 
	-- positioning

*/


/* import CSS */ /*
@import url(reset.css);

@import url(text_replace.css);
*/
@import url(typography.css);
 

/*clear breaks*/
.clearright{ clear:right; line-height:0;}
.clearleft{ clear:left; line-height:0;}
.clearboth{ clear:both; line-height:0;}
/**HTML5 inline fix thingie**/
header, footer, nav, section, article {
 display:block;
}
/**sticky footer**/
html, body, #wrap{ height:100%; }
body > #wrap {height: auto; min-height: 100%;}
#mainContent {padding-bottom: 220px;}  /* must be same height as the footer */
footer {position: relative;
	margin-top: -220px; /* negative value of footer height */
	height: 220px;
	clear:both;} 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**generic styles**/
p {
	margin:8px 2px 8px 2px;
}
p.center {
	text-align:center;
}
.fLeft{ float:left; }
.fRight{ float:right;}


/**body/HTML styles**/

/**main areas**/
#content_container{
	width:960px;
	margin:5px auto;
}


/**header**/
header {
	margin-top: 0px;
	margin-bottom: 0px;

	background-color: #333;
	
	padding-left: 11px;
	padding-top: 3px;
	padding-right: 11px;
	padding-bottom: 0px;
	
	text-align: center;

	-moz-border-radius-topleft: 22px;
	-webkit-border-top-left-radius: 22px;
	-moz-border-radius-topright: 22px;
	-webkit-border-top-right-radius: 22px;
}


header a, header div
{
	display:inline-table;
	width: 130px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	color:#222;
	background-color: #999;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 0px;
	margin-top: 4px;
}

header a:focus, header a:hover, header a:active
{
	color: #222;
	background-color: #bbb;
}

header div {
	padding-top: 4px;
	padding-bottom: 5px;	
	margin-top: 3px;
	border-bottom: 1px solid #fff;
	color:#333;
	background-color: #fff;
}

/**menu**/	
nav {
	text-align: left;
}



	
/**main content**/
#mainContent {
	position: relative;
	min-height: 500px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	
	padding-top: 22px;
	padding-bottom: 22px;
	text-align: center;

	-moz-border-radius-bottomleft: 22px;
	-webkit-border-bottom-left-radius: 22px;
	-moz-border-radius-bottomright: 22px;
	-webkit-border-bottom-right-radius: 22px;
	border-left: 3px solid #333333;
	border-top: 0px solid #333333;
	border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
}

#externalContent {
	width:100%;
	height:800px;
	overflow:visible;
	border-width: 0px;
}


#mainCol{
	
}
	
#sideCol{

}




/**footer**/
footer{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
}	

.Visitekaartje {
	width: 360px;
	height: 160px;
	padding: 22px;
	font-family: 'Droid Sans';
	text-align: left;
	background-color: #eee;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}

#Avatar {
	position: absolute;
	left: 0px;
	top: 16px;
	width: 141px;
	height: 188px;
	overflow: hidden;
	background-image: url("http://www.mreij.nl/images/main_images/michel.jpg");
	background-repeat: no-repeat;
	border: 0px solid #eee;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	padding: 0px;
	margin: 0px;
	opacity:0.88;
}

#Contact {
	position: absolute;
	left: 60px;
	top: 50px;
	text-align: right;
}

#Specialisaties {
	position: absolute;
	left: 480px;
	top: 300px;	
}

/**accessibility**/
a.accessibility:active, a.accessibility:focus {
	left: 0em;
	width:10em;
	border: 3px solid #FF0000;
	background-color: #fff;
	text-align:center;
	height:3em;
	line-height: 3em;
	font:1em bold Verdana, Geneva, sans-serif;
	color:#03F;
	z-index:10;
}
a.footerAccessibility {
	position: absolute;
	bottom:0;
    left: -999em;
    width: 990em;
}
a.footerAccessibility:active, a.footerAccessibility:focus {
	left: 0em;
	bottom:0em;
	width:10em;
	border: 3px solid #FF0000;
	background-color: #fff;
	text-align:center;
	height:20px;
	line-height: 20px;
	font:14px bold Verdana, Geneva, sans-serif;
	color:#03F;
}

/* positioning */
.accessibility {
	   position: absolute;
       left: -999em;
       width: 990em;
   }
#skipLink {
	display: block;
	position: absolute;
	top:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	z-index:999;
}
#topLink {
	display: block;
	position: absolute;
	bottom:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	z-index:999;
}
#skipLink:focus, #topLink:focus {
	left: 0;
}