@charset "utf-8";
/* CSS Document */


/* INHOUDSOPGAVE 

- algemeen
- wrappers
- div header
- div menu
- div fotobalk
- div content
	- pagina inlog
	- pagina home
	- pagina congres
	- pagina nascholing
	- pagina boek
- div footer
- spacers
*/

/* ALGEMEEN */
body {
	background-image: url(../images/bg_verloop_wit.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.688em; /* 11px */
	line-height: 140%;
	color: #000;
	margin: 0px;
	padding: 0px;	
}

form {
	margin: 0px;
	padding: 0px;
}



img {
	border: 0px;
	margin: 0px;
	 line-height: 0;
}

h1 {
	font-size: 1.8em; /* 18px */
	color: #fff;
	margin: 0px;
}

h2, h3, h4 {
	font-size: 1.1em; /* 14px */
	line-height: 140%;
	color: #fff;
	margin: 0px;
}

h1, h2, h3, h4 {
padding: 0 0 8px 0;
margin: 0;
}

:link, :visited, :link:focus, :visited:focus, :link:active, :visited:active  { text-decoration: none; color: #0067b1; }
:link:hover, :visited:hover { text-decoration: none; color: #013e69; cursor: hand; }

#onderdeel {
	padding: 25px 25px 19px 25px;
	border-top: solid 1px #ccc;
}

h1.onderdeel{
	font-size: 2em;  /* 22px */
	 color: #0067b1;
	 font-style: italic;
}

th {
	text-align: left;
	padding-top: 4px;
	padding-bottom: 3px;
}

.inputform {
width: 140px;
border: solid 1px #afb8bf;
}

.inputform_small {
width: 138px;
border: solid 1px #afb8bf;
}

textarea {
border: solid 1px #afb8bf;
}

#submit_verzenden {
margin-top: 5px;
}

#alert{
	width: 200px;
	z-index: 999;
	background-color:#fff;
	border: solid 1px #333;
	color: #000;
	position: absolute;
	left: 28px;
	top: 133px;
	display: block;
	opacity: 95;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}


/* WRAPPERS */


#wrapper_body {
	width: 1022px;
	position:relative; 
	margin: 0 auto 0 auto;
}

* html #wrapper_body {
	width: 1022px;
	position:relative; 
	left:50%; 
	margin-left:-511px;
}


#wrapper_header {
padding: 25px;
width: 972px;
	position:relative; 
	margin: 0 auto 0 auto;
}


wrapper_content {
		width: 1022px;
	position:relative; 
	margin: 0 auto 0 auto;
}


#wrapper_fotobalk {
border-bottom: solid 10px #fff;
		width: 1022px;
	position:relative; 
	margin: 0 auto 0 auto;
}


#wrapper_footer {
padding: 32px 27px 15px 27px;
		width: 968px;
	position:relative; 
	margin: 0 auto 0 auto;
}

#wrapper_menu {
	margin: 0 auto 5px auto;
}


/* DIV  HEADER*/

.roche4u {
float: left;
width: 495px;
}

.roche {
	float: right;
	width: 61px;
}

.uitlog {
	width: 49px;
	margin-left: 20px;
	margin-top: 7px;
	float: left;
}

a.uitloggen:link, a.uitloggen:active, a.uitloggen:visited  {
	display: block;
	width: 47px;
	height: 27px;
	background-image:url(../images/m_uitloggen.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
	outline:none;
}
a.uitloggen:hover {
	background-position:left -27px;
}

/* DIV MENU */
.menu_container {
	display: inline;
	width: 884px;
	height: 25px;
	margin: 4px 0px 0px 27px;
	padding: 0px;
	position: relative;
	float: left;
	font-size: 1.25em;
}
.menu_container ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;
}
.menu_container li {
	height: 25px;
	position:relative;
	float:left;
}

a.menu_list:link, a.menu_list:visited, a.menu_list:active {
	display: block;
	height: 25px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	color: #606060;
}

a.menu_list:hover {
	display: block;
	height: 25px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	color: #0067b1;
	font-weight:normal;
}

.menu_list{
	display: block;
	height: 25px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	color: #606060;
}

.zoek {
width: 80px;
text-align: right;
float: right;
border: solid 1px #ccc;
margin-right: 25px;
margin-bottom: 9px;
margin-top: 4px;
}

.zoek input {
	color: #999999;
	font-size: 1em;
	width: 50px;
	padding: 2px;
	border: solid 1px #fff;
	float: left;
}

a.zoekknop {
	background-image: url(../images/icon-search.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	height: 18px;
	width: 18px;
	display: block;
	text-indent: -30000px;
	color: transparent;
	outline: none;
	float: right;
}

a.congres:link, a.congres:active, a.congres:visited  {
	display: block;
	width: 165px;
	height: 25px;
	background-image:url(../images/m_congres.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
		outline:none;
}
a.congres:hover {
	background-position:left -25px;
}

a.update:link, a.update:active, a.update:visited  {
	display: block;
	width: 128px;
	height: 25px;
	background-image:url(../images/m_update.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
		outline:none;
}
a.update:hover {
	background-position:left -25px;
}

a.capita:link, a.capita:active, a.capita:visited  {
	display: block;
	width: 107px;
	height: 25px;
	background-image:url(../images/m_capita.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
		outline:none;
}
a.capita:hover {
	background-position:left -25px;
}

a.nascholing:link, a.nascholing:active, a.nascholing:visited  {
	display: block;
	width: 88px;
	height: 25px;
	background-image:url(../images/m_nascholing.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
		outline:none;
}
a.nascholing:hover {
	background-position:left -25px;
}

a.patienten:link, apatienten:active, a.patienten:visited  {
	display: block;
	width: 119px;
	height: 25px;
	background-image:url(../images/m_patientenservice.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
		outline:none;
}
a.patienten:hover {
	background-position:left -25px;
}


a.boeken:link, a.boeken:active, a.boeken:visited  {
	display: block;
	width: 143px;
	height: 25px;
	background-image:url(../images/m_boeken.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
		outline:none;
}
a.boeken:hover {
	background-position:left -25px;
}

a.producten:link, a.producten:active, a.producten:visited  {
	display: block;
	width: 81px;
	height: 25px;
	background-image:url(../images/m_producten.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
		outline:none;
}
a.producten:hover {
	background-position:left -25px;
}

a.links:link, a.links:active, a.links:visited  {
	display: block;
	width: 48px;
	height: 25px;
	background-image:url(../images/m_links.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
		outline:none;
}
a.links:hover {
	background-position:left -25px;
}

.inlog {
	display: block;
	width: 70px;
	height: 25px;
	background-image:url(../images/m_inlog.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
}


/* DIV  FOTOBALK */
#fotobalk {
padding: 20px 27px 25px 27px;
color: #fff;
vertical-align:top;
}

.blauw {
	background-color: #0067b1;
	background-image: url(../images/bg_verloop_blauw.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.donkergrijs {
	background-color: #696969;
	background-image: url(../images/bg_verloop_dk_grijs.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.foto {
	vertical-align:top;
}


/* DIV CONTENT */


/* PAGINA INLOG */

#kolom3 {
width: 338px;
float: left;
}

.nefroloog {
	background-color: #bbcde7;
	border-right: solid 4px #fff;
	background-image: url(../images/bg_verloop_nefroloog.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.verpleegkundige {
	background-color: #d6e1f1;
	border-right: solid 4px #fff;
	background-image: url(../images/bg_verloop_verpleeg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.patient {
	background-color: #cdcdcd;
	background-image: url(../images/bg_verloop_patient.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.fotoinlog {
width: 127px;
float: left;
}

.inlogcontent {
	float: left;
	width: 171px;
	padding: 15px 20px 15px 20px;
}

.inlogcontent h3{
 color: #0067b1;
}

a.mail:link, a.mail:visited, a.mail:link:focus, a.mail:visited:focus, a.mail:link:active, a.mail:visited:active  { text-decoration: underline; color: #fff; }
a.mail:link:hover, a.mail:visited:hover { text-decoration: underline; color: #d6e1f1; }

.inlogsite input {
width: 95px;
}

.wachtwoord {
font-weight: bold;
color: #555;
}


#submit_inloggen {
	width: 63px;
}

/* PAGINA HOME */
.kolom_fill {
width: 688px;
float: left;
}
.koloma, .kolomb {
width: 340px;
border-right: solid 4px #fff;
float: left;
}

.kolomb {
border-right: solid 10px #fff;
}


.kolombreed{
width: 684px;
border-right: solid 10px #fff;
float: left;
}

.kolomc {
width: 328px;
float: right;
}

.blauwblok {
	background-color: #bbcde7;
	border-bottom: solid 4px #fff;
	background-image: url(../images/bg_verloop_midden_blauw.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.lichtgrijs {
	background-color: #cdcdcd;
	background-image: url(../images/bg_verloop_li_grijs.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 13px 18px 13px 18px;
	width: 292px;
}

* html .lichtgrijs {
		padding: 13px 16px 13px 16px;
width: 286px;
margin: 0 0 0 4px;
}

.gfr {
	background-color: #cdcdcd;
	background-image: url(../images/bg_verloop_li_grijs.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


.home_foto {
	width: 127px;
	float: left;
	}

.home_tekst {
	width: 177px;
		padding: 13px 18px 13px 18px;
		float: left;
}

.home_tekst h3{
 color: #0067b1;
}

.lichtgrijs h3{
 color: #3e3e3e;
}


/* PAGINA CONGRES */
.grijsblok {
	width: 340px;
	background-color: #828282;
	border-bottom: solid 4px #fff;
	border-right: solid 4px #fff;
	background-image: url(../images/bg_verloop_dk_grijs_congres.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
}

.congresfoto {
width: 77px;
height: 130px;
float: left;
}

.congres_tekst {
width: 227px;
float: left;
color: #fff;
padding: 13px 18px 13px 18px;
}

a.congreslink:link, a.congreslink:visited, a.congreslink:link:focus, a.congreslink:visited:focus, a.congreslink:link:active, a.congreslink:visited:active  { text-decoration: none; color: #fff; font-weight: bold;}
a.congreslink:link:hover, a.congreslink:visited:hover { text-decoration: none; color: #ccc; font-weight: bold; }

.webtv {
border-bottom: solid 4px #fff;
}

/* PAGINA NASCHOLING */


.kolomlinks {
	width: 334px;
	float: left;
}

.kolomtekst {
width: 296px;
float: left;
padding: 20px 35px 20px 25px;
}

.kolomc {
width: 328px;
float: right;
}

.h3blauw {
color: #0067b1;
background-color:fff;
}

#inleiding {
background-color: #0067b1;
color: #fff;
padding: 20px 25px 15px 25px;

}

#inleiding2 {
background-color: #0067b1;
color: #fff;
padding: 20px 25px 15px 25px;
width: 290px;
}

#submenu, #links {
padding: 20px 25px 15px 25px;
}

.capita {
padding: 20px 25px 0px 25px;
}

.streepgrijs {
border-bottom: solid 1px #e7e6e6;
height:8px;
width: 600px;
display: block;
}

.fotokolom {
border-bottom: solid 4px #fff;
width: 328px;
}

* html .fotokolom {
margin: 0 0 0 4px;
} 

#submenu ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;
}

#submenu a.active{
	color: #7d7d7d;
}

.bullet {
width: 15px;
float: left;
display: block;
position:relative;
}

.bullettekst {
width: 240px;
float: left;
display: block;
position:relative;
}

/* PAGINA BOEK */

.fotointekst {
	padding-right: 10px;
	padding-bottom: 5px;
}



/* DIV FOOTER */

.footer {
	padding-top: 11px;
	border-top: solid 1px #c6c6c6;
	color: #797979;
}

.footer a:link, .footer a:visited, .footer a:link:focus, .footer a:visited:focus, .footer a:link:active, .footer a:visited:active  { text-decoration: none; color: #797979; padding-left: 3px; padding-right: 3px; }
.footer a:link:hover, .footer a:visited:hover, .footer a:hover { text-decoration: none; color: #0067b1; font-weight: normal; padding-left: 3px; padding-right: 3px; }

/* SPACERS */
.spacer_0px {
	clear: both;
	width: 10px;
	height: 0px;
	overflow: hidden;
}


a.close:link, a.close:active, a.close:visited  {
	display: block;
	width: 28px;
	height: 15px;
	background-image:url(../images/close.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -30000px;
	color: transparant;
	outline:none;
	float:right;
	nmargin-bottom: 8px; 
}
a.close:hover {
	background-image:url(../images/close_over.gif);
	background-position:left top;
	background-repeat:no-repeat;
}