/* Dokterdokter - CSS Elements Template (c)2008 HN Leussink

v1.1 - 21 oktober 2008

div	{
	border: 1px solid #808080;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;} 
*/

BODY {
	position: relative;
	font-size: 62.5%; /* Reset 1em naar 10px */
	letter-spacing: .001em;
	font-family:"Lucida Grande",Calibri,Arial,sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;}

b,table	{
	font-size: 1.1em;}

p	{
	text-align: justify;
	font-size:1.2em;
	margin: 0 15px 0 0;
	}	

/* ---=== ELEMENTEN ===--- */

.ident	{
	height: 20px;
	font-size: 1.5em;
	text-align: left;
	padding: 2px 2px 2px 10px;
	line-height: 20px;}

.container	{
	position: relative;
	width: 900px;
	position: relative;
	margin: 2.5em auto;
	margin-bottom: 2em;
	margin-top: 0;}

.top_balk	{
	position: relative;
	height: 100px;
	margin: 0 0 -16px 0;
	padding: 1px;
	z-index: 1;}

	.top_balk#plaatje1	{ background-image: url('img/boven_1.jpg'); background-repeat: no-repeat; background-position: top center;}
	.top_balk#plaatje2	{ background-image: url('img/boven_2.jpg'); background-repeat: no-repeat; background-position: top center;}

	.top_balk .title	{
		margin-top: 1em;
		font-size: 2.6em;
		font-weight: bold;
		text-align: center;}
		
		.top_balk#plaatje1 .title, .top_balk#plaatje2 .title 	{
			color: #FFFFFF;}
	
	.subtitle	{
		margin: 0 0 .8em 0;
		text-align: center;}	

.bar {
	position: relative;
	margin: auto;
	height: 68px;
	text-transform: lowercase;
	background-repeat: repeat-x;
	background-position: top right;
	z-index: 0;}
	
	.bar #links {
		position: relative;
		float: left;
		margin-right: -180px;
		width: 180px;
		height: 68px;
		background-repeat: no-repeat;
		background-position: bottom left;
		clear: left;
		z-index: -1;}
	
	.bar #barmenu {
		position: relative;
		line-height: 64px;
		font-size: 1.6em;
		text-transform: lowercase;
		text-align: center;
		z-index: 1;}
	
	.bar #rechts {
		position: relative;
		float: right;
		margin-left: -180px;
		width: 180px;
		height: 68px;
		background-repeat: no-repeat;
		background-position: top right;
		clear: right;
		z-index: -1;}
	
	.bar ul, .bar li {
		position: relative;
		top:1px;
		list-style-type: none;
		display: inline;
		margin:-1.5px;
		padding:0;
		>margin:1px;
		}
		
		.bar ul li {
			position: relative;
			background-color: #fff;
			padding: 6px;
			top: -1px;
			>margin-left:0px;
			>top: 0px;
			>padding-top:0px;
			>padding-bottom:0px;
			>padding-left:7px;
			>padding-right:3px;}

.content	{
	position: relative;
	top: -18px;
	margin: auto;
	width: 764px;
	>width: 762px;
	clear: both;
	z-index: 1;
	}

	.content_block_links	{
		position: relative;
		float: left;
		width: 475px;
		text-align: left;
		padding-bottom: 15px;
		margin: 0 0 0 0;}
	
	.content_block_rechts	{
		position: relative;
		float: left;
		width: 275px;
		text-align: left;
		margin: 0 0 0 1px;}
	
	.content img	{
		margin: 0 10px 10px 0;
		}

	.content_block_links img	{
		float: left;}
	
	.content_block_links .bladwijzers	{
		margin: 15px 0 10px 0;
		font-size: 1.2em;
		width: 460px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;}
	
	.content h3	{
		font-size:1.4em;
		margin: 20px 0 15px 0;}
	
	.content ul {
		font-size: 1.1em;}
		
	.content strong {
		font-size: 1.2em;}
		
	.rekfix	{
		line-height: 0px;
		font-size: 0px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		height: 0;
		width: 0;
		clear: both;
		}
	
	.nieuwtje	{
		margin: 10px 0 0 0;
		}
		
		.nieuwtje	h3	{
			margin: 0;
			}
	
.bar2 {
	position: relative;
	top: -18px;
	height: 19px;
	background-repeat: repeat-x;
	background-position: bottom left;
	z-index: -1;}
	
	.bar2 #links {
		float: left;
		margin-right: -180px;
		width: 180px;
		height: 19px;
		background-repeat: no-repeat;
		background-position: bottom left;
		clear: left;}
	
	.bar2 #rechts {
		float: right;
		margin-left: -180px;
		width: 180px;
		height: 19px;
		background-repeat: no-repeat;
		background-position: bottom left;
		clear: right;}

.bar3 {
	position: relative;
	top: -18px;
	height: 19px;
	background-repeat: repeat-x;
	background-position: bottom left;
	z-index: -1;margin-bottom: -18px;
		}
	
	.bar3 #links {
		float: left;
		margin-right: -180px;
		width: 180px;
		height: 19px;
		background-repeat: no-repeat;
		background-position: bottom left;
		clear: left;margin-bottom: -18px;
		}
	
	.bar3 #rechts {
		float: right;
		margin-left: -180px;
		width: 180px;
		height: 19px;
		background-repeat: no-repeat;
		background-position: bottom left;
		clear: right;
		margin-bottom: -18px;
		}
				
.feeds {
	margin: auto;
	width: 760px;
	height: auto;
	overflow: hidden;
	position: relative;
	top: -18px;
	margin-bottom: 15px;
	text-align: left;}
	
	.feed	{
		font-size:1em;
		width: 250px;
		float: left;}
		
		/*5 december 2008 */
		.feed p	{
			text-align: left;
			}
		
		.feed img	{
			margin: 0 5px 5px 0;
			float: left;}
			
		.feed h3	{
			font-size:1.4em;
			margin: 0 0 10px 0;}
		
		/*21 november 2008 */	
		.feed h3 a	{
			text-decoration: none;}

/*25 november 2008 */
.medewerker	{
	clear: both;
	}

/*25 november 2008 */
.clickable	{	
	cursor: pointer;
	cursor: hand;
	}

.r_adres    {
    position: relative;
	background-image: url('img/bg_rechts_1.png');
	background-repeat: repeat-y;
	background-position: top center;
    width: 275px;
    margin: 0 0 10px 0;
    padding: 1px; } /*padding is een workaround voor de collapse bug in FF en Mozilla-browsers */

.r_spoed    {
    position: relative;
	background-image: url('img/bg_rechts_2.png');
	background-repeat: repeat-y;
	background-position: top center;
    width: 275px;
    margin: 0 0 10px 0;
    padding: 1px; } /*padding is een workaround voor de collapse bug in FF en Mozilla-browsers */

.r_extra    {
    position: relative;
	background-image: url('img/bg_rechts_1.png');
	background-repeat: repeat-y;
	background-position: top center;
    width: 275px;
    margin: 0 0 10px 0;
    padding: 1px; } /*padding is een workaround voor de collapse bug in FF en Mozilla-browsers */

.r_nieuwsbrief    {
    position: relative;
	background-image: url('img/bg_rechts_1.png');
	background-repeat: repeat-y;
	background-position: top center;
    width: 275px;
    margin: 0 0 10px 0;
    padding: 1px; } /*padding is een workaround voor de collapse bug in FF en Mozilla-browsers */

.r_content  {
    position: relative;
    padding: 0;
    margin: 10px;}
    
    .r_adres .r_content	{
    	margin: 20px 10px 10px 10px;
    	}

.r_content p  {
    position: relative;
	margin: 0;
	}
    
	.r_content  h3  {
        margin-top: 0;}
		
.footer	{
	font-size: 1.1em;
	position: relative;
	top: -12px;
	width: 900px;
	clear:both;}


/* ---=== OVERRIDES ===--- */

/* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { 
BODY { font-family:"Lucida Grande",Calibri,Arial,sans-serif;font-size: 58%;	}
b	{font-size: 1em;}
.title	{ font-size: 2.3em;}
.subtitle	{ font-size: 1.4em; margin: 6px 0 .8em 0;}
.bar #barmenu { line-height: 64px; font-size: 1.4em;}
.bar ul li { top: 0px; margin:0 -2px 0 -1px; padding: 0 5px 0px 5px ;}
.content h3	{ font-size:1.2em;}
.footer { font-size: 1em;}
.ident { font-size: 1.2em;}
} 

/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { 
head~body { font-size: 62.5%; }
head~body b	{font-size: 1.1em;}
head~body .title	{ font-size: 2.6em;	}
head~body .subtitle	{ font-size: 1.5em; margin: 2px 0 .8em 0;}
head~body .bar #barmenu { line-height: 64px; font-size: 1.6em;}
head~body .content h3	{ font-size:1.4em;}
head~body .footer { font-size: 1.1em;}
head~body .ident { font-size: 1.5em;}
}