/* ==================================================
	
	De Rooy Fysiotherapie.
	
	Stylesheet voor de basis opmaak.
	
	Datum: 24 -02- 2009.
	
	Auteur: Hans Gijsbers

 =================================================== */
 
html {
	height: 101%; /* === om het 'verspringen' van beeld (zijbalk)in o.a. Firefox te voorkomen ===== */
}

body {
	margin: 0px;
	padding: 0px;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	behavior: url(csshover.htc);
	background: url(../plaatjes/achtgr_nav_left.gif) repeat-y left top;
	color: #333333;
}

img {
	border-style: none;
}

a 		 { outline: none; }
a:active { outline: none; } 
a:focus  { outline: none; }


#header {
	height: 168px;
	background: url(../plaatjes/header_logo.gif) no-repeat left top;
	width: 100%;
}

/*  =========================================
    voor IE6 de png fix - zie pngfix folder
	pad voor blank.gif aanpassen in *.htc
	var blankImg = '/iepngfix/blank.gif'  
    =========================================  */
img, div { 
    behavior: url(iepngfix/iepngfix.htc) 
	}

/* ===================================================================
	Opmaak van de content en side bar.
	De margin left is om er voor te zorgen dat de content naast de 
	navigatie kan floaten.
	De position relatief is er om dit ook in Firefox en Opera voor
	elkaar te krijgen. 
   ==================================================================*/
#content_wrapper {
	margin-left: 320px;
	width: 66%;
}

/*  ==================================================================
	De margin left zorgt voor de juiste breedte van de content!
    ================================================================== */
#content {
	background: url(../plaatjes/tekst_achtergr.gif) repeat;
	border: thin solid #6C6C6C;
	float: left;
	margin-right: 33em;
	padding-bottom: 4em;
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 95%;
	line-height: 150%;
}
#content-new {
	float: left;
	background: url(../plaatjes/tekst_achtergr.gif) repeat;
	border: 1px solid #999999;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 4em;
	margin-top: 1px;
	font-size: 95%;
	line-height: 150%;
}
.foto-content {
	float: right;
	padding: 20px 20px 25px 15px;
}



/* ===========================================================
 	start opmaak admin invul formulier 
=========================================================== */

#content_admin {
	float: left;
	margin-left: 45px;
	width: 55%;
}
#content_admin #form1 td {
	padding-bottom: 15px;
}

/* ========= einde opmaak admin invul formulier ============*/

#content li {
	margin-bottom: 0.8em;
}
#header h1 {
	display: none;
}
/*  ========================================================
	De negatieve margin zorgt dat de side_bar voldoende 
	afstand krijgt
    ======================================================== */
#side_bar {
	margin: 1em 5em 0em -30em;
	float: right;
	width: 260px;
}
.mckenzie_img {            /* padding tekening mckenzie pag */
	margin-left: 0px;
}
#side_bar .voorvolg {
	text-decoration: none;
	color: #003399;
	font: bold small Arial, Helvetica, sans-serif;
}


/*  ===============================================
	 start opmaak footer + navigatie in footer
	 deze bevindt zich in de include footer_nav.php
    ===============================================*/
#footer {
	width: 100%;
	float: left;
	position: relative;
	background: url(../plaatjes/footer_left.gif) no-repeat left bottom;
	margin-top: 40px;
}
#footer img {
	padding-right: 24px;
	float: right;
}
#footer #copyright {
	text-align: right;
	font: bold 0.85em Arial, Helvetica, sans-serif;
	margin-top: 45px;
	margin-right: 465px;
}
#footer #reclame_hgweb a {     /* -- opmaak van de reclame link voor HG Webdesign -- */
	font-size: x-small;
	color: #003399;
	text-decoration: none;
	padding-left: 325px;
}

#footer #voorwaarden_disclaimer {
	border-top: 1px solid #808080;
	width: 35%;
	margin-left: 310px;
	padding-left: 0px;
	padding-top: 15px;
	padding-right: 45px;
	font-size: small;
	margin-top: 15px;
}
#footer #voorwaarden_disclaimer li {
	text-decoration: underline;
	list-style: url(none) none;
	display: inline;
	float: left;
}
#voorwaarden_disclaimer .current a {
	text-decoration: none;
}
/*  ===== einde opmaak footer/navigatie ========*/
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.current a {
	text-decoration: none;
}
/*  ===============================================
	start opmaak van de links op links_derooy.php
    =============================================== */
.links_opmaak {
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
#content #links a:hover {
	color: #696969;
	text-decoration: underline;
}
.img-links {
	margin-left: 25%;
}

#links h2 {
	color: #000000;
	margin-bottom: 0.5em;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}
#links hr {
	margin-bottom: 4em;
}
#side_bar #nieuws_index {
	margin-top: 10px;
	width: 263px;
	background: url(../plaatjes/tekst_achtergr.gif) repeat;
	border: thin solid #6c6c6c;
	padding: 10px 10px 15px 15px;
	margin-bottom: 25px;
}
/* === start opmaak img op de manuel pag. === */
.img_manuel {
	float: left;
	margin-right: 10px;
}
/* == einde opmaak img op de manuel pag. == */
#content hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* === start opmaak van de foto op de nieuws pagina ===*/
.nieuws-foto {
	padding-left: 30px;
}
/* === einde opmaak van de foto op de nieuws pagina ===*/

/* === start opmaak van de twitter logo ===*/

#twitter_logo {
	padding-top: 30px;
	padding-left: 50px;
}
/* === einde opmaak van de twitter logo ===*/