/* =========================================================================================

//
//	StyleSheet Radix-fysiocare.nl
//
//	Aangemaakt door Jesse Ros, Mangovision, 11-2009
//

========================================================================================= */

/* =========================================================================================
// 	Algemeen
========================================================================================= */

	html, body {
		margin: 0px;
		padding: 0px;
		}
		
	body {
		background: #39383a;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		margin: 0px;
		padding: 0px;
		}
		
	body.white {
		background: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		margin: 10px;
		padding: 0px;
		}
				
	img {
		border: none;
		}
		
	a,
	a:link,
	a:active,
	a:visited {
		color: #0099FF;
		text-decoration: none;
		}
		
	a:hover {
		color: #0099FF;
		text-decoration: underline;
		}
		
	.transparent_class {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
	#gmap {
    height:150px;
    width:290px;
}
 #gdirections {
    width:270px;
}
				
/* =========================================================================================
// 	General / Place Holders
========================================================================================= */

	#site_wrapper {
		width: 100%;
		height: 600px;
		margin-top: -300px;
		padding: 0px;
		position: absolute;
		top: 50%;
		left: 0px;
		}
		

/* =========================================================================================
// 	Header
========================================================================================= */

	#header_wrapper {
		width: 960px;
		height: 134px;
		padding: 0px;
		position: relative;
		text-align: left;
		}	
	
	#logo {
		width: 275px;
		height: 134px;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: -125px;
		left: 0px;
		z-index: 5000;
		}
		
	#mainmenu_holder {
		width: 550px;
		height: 30px;
		margin-top: 95px;
		margin-left: 323px;
		padding: 0px;
		position: relative;
		float: left;
		}
		
	html>body #mainmenu_holder {
		width: 600px;
		margin-left: 318px;
		}
		
/* =========================================================================================
// 	Content section
========================================================================================= */
		
	#content_wrapper {
		width: 100%;
		height: 425px;
		margin-top: 0px;
		padding: 0px;
		position: relative;
		float: left;
		background: #4B4B4D url(../images/bg_content.jpg) center center no-repeat;
		border-top: #00b1e6 2px solid;
		border-bottom: #00b1e6 2px solid;
		text-align: left;
		z-index: 200;
		}
		
	#content_holder {
		width: 960px;
		height: 425px;
		margin-left: -480px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 50%;
		}
		
	#text_pane {
		width: 290px;
		height: 340px;
		margin: 40px 0 0 40px;
		padding-right: 30px;
		position: relative;
		float: left;
		overflow: scroll;
		overflow-y: auto;
		overflow-x: hidden;
		color: #FFFFFF;
		}
		
	#text_pane h1 {
		margin: 0px 0px 5px 0px;
		padding: 0 0 5px 0;
		font-weight: normal;
		font-size: 15px;
		}
		
	#text_pane p {
		margin: 0px 0px 5px 0px;
		padding: 0 0 5px 0;
		font-weight: normal;
		font-size: 12px;
		line-height: 15px;
		}
		
	#text_pane p.breadcrumb {
		margin: 0 0 15px 0;
		color: #721977;
		}
		
	#side_pane {
		width: 104px;
		height: 340px;
		margin: 40px 0px 0 326px;
		padding: 0px;
		position: relative;
		float: left;
		}
		
	html>body #side_pane {
		width: 104px;
		}
		
	#side_pane h2 {
		margin: 0px 0px 5px 0px;
		padding: 0 0 5px 0;
		font-weight: normal;
		color: #FFFFFF;
		font-size: 15px;
		border-bottom: #00b1e6 2px solid;
		}
		
	#low_menu_pane {
		width: 434px;
		height: auto;
		margin: 5px 0 0 326px;
		padding: 0px;
		position: relative;
		float: left;
		font-size: 12px;
		}
						
/* =========================================================================================
// 	Footer
========================================================================================= */
	
	#footer_wrapper {
		width: 960px;
		height: auto;
		margin-top: 5px;
		position: relative;
		text-align: right;
		color: #00b1e6;
		font-size: 18px;
		padding-right: 18px;
		}
		
	html>body #footer_wrapper {
		width: 960px;
		height: auto;
		margin-top: 435px;
		position: relative;
		text-align: right;
		color: #00b1e6;
		font-size: 18px;
		padding-right: 40px;
		}
		
/* =========================================================================================
// 	Main menu
========================================================================================= */
		
	.mainmenu {
		font-weight: bold;
		width: 100%;
		}
	
	.mainmenu ul{
		padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
		margin: 0;
		text-align: left;
		}
	
	.mainmenu ul li{
		display: inline;
		}
	
	.mainmenu ul li a,
	.mainmenu ul li a:active,
	.mainmenu ul li a:visited{
		color: #FFFFFF;
		padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
		margin-right: 20px; /*spacing between each menu link*/
		text-decoration: none;
		font-size: 14px;
		}
	
	.mainmenu ul li a:hover, .mainmenu ul li a.selected{
		color: #00b1e6;
		}
		
/* =========================================================================================
// 	Side menu
========================================================================================= */
		
	.sidemenu{
		margin: 0px;
		padding: 0px;
		border-bottom-width: 0;
		width: 104px;
		}
	
	* html .sidemenu{ /*IE only rule. Original menu width minus all left/right paddings */
		width: 104px;
		}
	
	.sidemenu ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
	
	.sidemenu a{
		font: normal 12px Arial;
		padding: 4px 0px;
		display: block;
		width: 100%; /*Define width for IE6's sake*/
		color: #FFFFFF;
		text-decoration: none;
		}
	
	.sidemenu a:visited{
		color: #FFFFFF;
		}
	
	html>body .sidemenu a{ /*Non IE rule*/
		width: auto;
		}
	
	.sidemenu a:hover{
		color: #FFFFFF;
		text-decoration: underline;
		}
		
/* =========================================================================================
// 	Footer menu
========================================================================================= */
		
	.footermenu {
		height: auto;
		width: 100%;
		}
	
	.footermenu ul{
		padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
		margin: 0;
		text-align: left;
		}
	
	.footermenu ul li{
		display: inline;
		}
	
	.footermenu ul li a,
	.footermenu ul li a:active,
	.footermenu ul li a:visited{
		color: #FFFFFF;
		padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
		margin-right: 10px; /*spacing between each menu link*/
		text-decoration: none;
		font-size: 10px;
		}
	
	.footermenu ul li a:hover, .footermenu ul li a.selected{
		border-bottom-color: #721977;
		}
		
/* =========================================================================================
// 	Gastenboek
========================================================================================= */

	table.gastenboek td.exp {
		width: 100px;
		padding: 5px 0px;
		font-size: 12px;
		color: #FFFFFF;
		}
		
	table.gastenboek td.fields {
		width: 300px;
		padding: 5px 0px;
		}
		
	table.gastenboek td.fields input[type="text"] {
		width: 200px;
		padding: 3px;
		border:  #00b1e6 2px solid;
		background-color: #FFFFFF;
		}
		
	table.gastenboek td.fields textarea {
		width: 200px;
		height: 80px;
		padding: 3px;
		border:  #00b1e6 2px solid;
		background-color: #FFFFFF;
		}
		
	p.gastenboek {
		font-size: 12px;
		margin-bottom: 20px;
		line-height: 20px;
		font-size: 14px;
		border-bottom: #00b1e6 1px solid;
		}
		
	p.gastenboek span {
		margin-top: 10px;
		color:#00b1e6;
		font-size: 12px;
		font-weight: bold;
		}
		
/* =========================================================================================
// 	Nieuws
========================================================================================= */
		
	div.nieuws {
		font-size: 12px;
		margin-bottom: 25px;
		line-height: 20px;
		font-size: 14px;
		}
		
	div.nieuws span.datum {
		margin-top: 10px;
		color:#000000;
		font-size: 14px;
		font-weight: normal;
		}
		
	div.nieuws span.titel {
		margin-top: 10px;
		color:#5faa41;
		font-size: 16px;
		font-weight: bold;
		}
		
	div.nieuws p {
		margin-top: 0px;
		line-height: 20px;
		font-size: 14px;
		}
		
	table.form td {
		color: #FFFFFF;
		}
		
	table.form td {
		padding: 3px 0px;
		}
		
	table.form td.expl {
		width: 200px;
		}