p{
	margin:0 0 5px 0;
	padding:0;
}
html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;

}
body{
	background: url('../img/ooglaserplein_bg_body.png') 50% 0 repeat-y;
	/*background-color: #fff;*/
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:#000;
	line-height:22px;
}
body, td{
 	font-size: 12px;
	color:#565656;
	font-family: 'Arial', 'Helvetica', sans-serif;
	line-height:22px;	
}
a,a:active,a:visited{
	color: #2c5773;
	text-decoration: underline;
}
a:hover{
	color: #7693a6;
	text-decoration: underline;
}

div.c1{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-width:886px;
	margin:0;
	background: url(../img/ooglaserplein_bg_c1.jpg) 50% 0 no-repeat;	

}
div.c2{
	width:1050px;
	min-height:900px;
	border:0px solid red;
}

div.top{
	top:0;
	left:0;
	width:1000px;
	height:207px;
	font: 11px/22px 'Arial', 'Helvetica', sans-serif;		

}

div.top .logo{
	position: relative;
	top:0px;
	left:0px;
	width:1100px;
	height:141px;
}
div.top .logo img{
	border:0;
}



div.content{
	float:left;
	margin: 0 0px 0 20px;
	width : 659px;
	min-height:500px;
	border: 0px solid blue;
	font-size: 12px;
	color:#565656;
	font-family: 'Arial', 'Helvetica', sans-serif;
	line-height:22px;
}
div.content div.lijn{
	float:left;
	margin: 10px 0 10px  0;
	width : 650px;
	border-top: 1px solid #b2b2b2;
	height:1px;
   
}


div.coll{
	float:left;
	margin: 0;
	width : 205px;
	min-height:500px;
	border: 0px dotted blue;
	font-size: 12px;
	font-family: 'Arial', 'Helvetica', sans-serif;
}
div.colr{
	float:left;
	margin: 0;
	width : 160px;
	min-height:500px;
	font-size: 12px;
	font-family: 'Arial', 'Helvetica', sans-serif;
}

ul#twitter{
	margin: 0 0 0 12px;
	padding: 0;
	overflow: hidden;
}
ul#twitter li{
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}
ul#twitter li a,ul#twitter li a:active,ul#twitter li a:visited{
	color:#ffffff;
}
ul#twitter li a:hover{
	color:#000000;
}
div.k{
	min-height:30px;
	width: 650px;
	margin-bottom:0px;	
	font: 18px/24px 'Arial', 'Helvetica', sans-serif;		
	color:#000;	
}
div.content div.b{
	width:650px;	
}
div.content b,div.content strong{
	/*color:#76a7a5;*/
	/*color:#000;*/
}
div.content em,div.content i{
	color:#a1a1a1;
}


div.kolom div.b{
	width:302px;
	margin-bottom:20px;
}
div.kolom div.f{
	width:318px;
	margin-bottom:20px;
	background: url('../img/oogl_form_bg.png');	
	color:#636363;
}
div.kolom div.f input.text, div.kolom div.f textarea{
	color:#000;
	font: 11px 'Arial', 'Helvetica', sans-serif;			
	border:1px solid #c7c7c7;
}

div.footer{
	margin: 50px 0 0 220px;
	padding:0 0 20px 0;
	width : 611px;
	color:#636363;	
	font-size: 11px;
	font-family: 'Arial', 'Helvetica', sans-serif;
}
div.footer a,div.footer a:active,div.footer a:visited{
	color:#636363;
	text-decoration: none;
}
div.footer a:hover{
	color:#636363;
	text-decoration: underline;
}


h1{
	padding:0px;
	margin:0px;
	font: 22px/24px Helvetica, sans-serif;	
	color:#7693a6;	
	font-weight: bold;
}
h2{
	padding:0px;
	margin: 0;
	margin-top: 12px;
	font: 18px Helvetica, sans-serif;	
	color:#7693a6;	
}
h2.kliniek{
	padding:0px;
	margin: 0;
	margin-top: 20px;
	font: 18px Helvetica, sans-serif;	
	color:#7693a6;	
}
h3{
	padding:0px;
	margin: 0;
	margin-top: 7px;
	font: 16px Helvetica, sans-serif;	
	color:#7693a6;	
}
h4{
	padding:0px;
	margin: 0;
	margin-top: 7px;
	font: 14px Helvetica, sans-serif;	
	color:#7693a6;	
}
h5{
	padding:0px;
	margin: 0;
	margin-top: 7px;
	font: 11px Helvetica, sans-serif;	
	color:#7693a6;	
}
h6{
	padding:0px;
	margin: 0;
	margin-top: 7px;
	font: 9px Helvetica, sans-serif;	
	color:#7693a6;	
}
span.sub{


}
div.l{
	float:left;
	margin: 0 0 5px 0;
	font: 12px/22px 'Arial', 'Helvetica', sans-serif;	
	color:#fff;		
}
div.p div.l{
	float:left;
	margin: 0 0 5px 0;
	font: 12px/22px 'Arial', 'Helvetica', sans-serif;	
	color:#000;		
}
div.r{
	float:right;
	margin: 0 5px 5px 0;
}
div.clear{
	clear:both;
}
#klinieken_filter select{
	font: 10px arial;
}

#pinkform{
	background:#da51a7;
	padding:5px;width:196px;float:left;
} 



/*menu*/
#nav{
	position:relative;
	top:6px;
	left:0px;
}

#nav, #nav ul{
margin:0;
padding:0;

list-style-type:none;
list-style-position:outside;
position:relative; 
}

#nav li ul a{
display:block;
padding:0px 3px;
border:1px solid #A599A7;
color:#fff;
text-decoration:none;
background-color:#A599A7;
font: 12px Arial;
}
#nav li ul a:hover{

color:#da51a7;
}

#nav li a{
display:block;
padding:0px 3px;
margin: 0 12px 0 12px;
border:1px solid #A599A7;
color:#fff;
text-decoration:none;
background-color:#A599A7;
font: 18px Arial;
}
#nav li a:hover{
color:#da51a7;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:180px;
}

#nav li ul a{
width:180px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
width:180px;
left:180px;
margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

li a img {
	margin-top:4px;
}

div.kliniekenlogo{
	float:right;
	margin:0 15px 5px 5px;
	text-align:right;
	float:right; 
	width:350px;
	margin-top:20px;	
}
div.tagcloud{
	float:left;
	border: 1px solid #cccccc;
	margin-top: 20px;
	width:196px;
	padding: 5px;
}

a#testimonials,a#testimonials:visited,a#testimonials:active {
	/*font-family: Verdana, Tahoma, Arial;*/
	padding: 4px 4px 4px 4px;
	/*letter-spacing: 3px;*/
	text-decoration: none;
	font-weight: normal;
	color:#c0c0c0;
	font-size: 16px;
	font-style: italic;
}
a#testimonials:hover {
	/*font-family: Verdana, Tahoma, Arial;*/
	padding: 4px 4px 4px 4px;
	/*letter-spacing: 3px;*/
	text-decoration: none;
	font-weight: normal;
	color:#333333;
	font-size: 16px;
	font-style: italic;
}

/************************************************************\
*
*	  wordCloud Copyright 2007 Derek Harvey
*	  www.lotsofcode.com
*
*	  This file is part of wordCloud.
*
*	  wordCloud is free software; you can redistribute it and/or modify
*	  it under the terms of the GNU General Public License as published by
*	  the Free Software Foundation; either version 2 of the License, or
*	  (at your option) any later version.
*
*	  wordCloud is distributed in the hope that it will be useful,
*	  but WITHOUT ANY WARRANTY; without even the implied warranty of
*	  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.	See the
*	  GNU General Public License for more details.
*
*	  You should have received a copy of the GNU General Public License
*	  along with wordCloud; if not, write to the Free Software
*	  Foundation, Inc., 59 Tpxple Place, Suite 330, Boston, MA	02111-1307	USA
*
\************************************************************/

a.word,a.word:visited,a.word:active {
	/*font-family: Verdana, Tahoma, Arial;*/
	padding: 4px 4px 4px 4px;
	/*letter-spacing: 3px;*/
	text-decoration: none;
	font-weight: normal;
	color:#cccccc;
}
a.word:hover {
	/*font-family: Verdana, Tahoma, Arial;*/
	padding: 4px 4px 4px 4px;
	/*letter-spacing: 3px;*/
	text-decoration: none;
	font-weight: normal;
	color:#333333;
}
.size9 {
	font-size: 26px;
}
.size8 {
	font-size: 24px;
}
.size7 {
	font-size: 22px;
}
.size6 {
	font-size: 20px;
}
.size5 {
	font-size: 18px;
}
.size4 {
	font-size: 16px;
}
.size3 {
	font-size: 14px;
}
.size2 {
	font-size: 12px;
}
.size1 {
	font-size: 8px;
}
.size0 {
	font-size: 6px;
}

/* extranet */
#extranetpaneel{
	clear:both;
	margin:0px 0 0 0; 
	width:600px;
	min-height:150px;
	padding: 0;
	background: #fff;	
}
/*
#extranetmenu  { list-style:none; padding: 0; margin: 0; width: 750px; border-bottom: 1px solid #000;}
#extranetmenu li { list-style:none; padding: 0 4px 0 4px; border: 1px solid #000; display:inline; background-color:#FFF;color:#000; font:12px/12px arial;}
#extranetmenu li.actief  { 
	background-color:#fff;
	color:#000;
	border-bottom: 1px solid white; 
}
*/
#extranetmenu{
	float:none;
	width:600px;
	height:21px;
	margin:0px 0px 12px 0px;
	background: url('../img/extranet_tab_bg.png') repeat-x;
	font: 12px/21px Arial;
	color:#000;
}
#extranetmenu .tabopen{
	float:left;
	padding-left:6px;
	height:21px;
	background: url('../img/extranet_tab.png') no-repeat;
	cursor:pointer;
}
#extranetmenu .tabclose{
	float:left;
	width:10px;
	height:21px;
	background: url(../img/extranet_tab.png) top right no-repeat;
	cursor:pointer;	
}
#extranetmenu .tabopen_actief{
	float:left;
	padding-left:6px;
	height:21px;
	background: url(../img/extranet_tab_actief.png) no-repeat;
	cursor:pointer;	
}
#extranetmenu .tabclose_actief{
	float:left;
	width:10px;
	height:21px;
	background: url(../img/extranet_tab_actief.png) top right no-repeat;
	cursor:pointer;	
}

#extranetmenu .laden{ 
	float:right;
	width:16px;
	height:16px;
	margin: 2px 2px 0 0;
	display:none;
	background:url(../img/loading.gif) 0 0 no-repeat #fff; 
}

#extranetmenu div span{
	color:#000 ! important;
	font: 12px/21px Arial;
	text-decoration:none;
}
#extranetmenu div span a{
	color:#000 ! important;
	font: 12px/21px Arial;
	text-decoration:none;
}


#extranetpaneel #extranetcontent{

	font: 12px Arial;
	color:#000; 
	padding:0px 10px 10px 10px; 
	min-height:150px; 
	margin:0px; 
	position:inherit; 
	top:0; 
	left:0; 
	z-index:0;
}
#extranetpaneel #outcontent {
	position:relative; 
	top:0;
	left:0;
	background-color:#fff; 
}

#extranetpaneel td{
	padding: 2px 7px 2px 4px;
}
#extranetpaneel #extranetcontent a{
	color:#000;	
}
#extranetpaneel #extranetcontent a:hover{
	color:#000;	
	text-decoration:none;
}


#extranetpaneel tr.r0{
	background-color:#eee; 
}
#extranetpaneel tr.r0 td{
	font-weight:bold;
}

#extranetpaneel tr.r1{
	font: 10px arial;
	background-color:#eee; 
}
#extranetpaneel tr.r2{
	font: 10px arial;
	background-color:#fff; 
}
#extranetpaneel textarea{
	font: 10px arial;
	width:300px;
	height:75px;	
}
#extranetpaneel select{
	font: 10px arial;
	width:300px;
}
input.text{
	font: 10px arial;
}

#extranetpaneel .wel{
	color:#060;
	font-weight:bold
}
#extranetpaneel .niet{
	color:#f00;
	font-weight:bold
}