/*

ROOD = PMS 485 =  RGB 204,0,0 = #cc0000
BLAUW = PMS 2955 = RGB 0,51,102 = #003366
D ROOD = #890600


*/



#DCR-keuze {margin-bottom:30px;}
#DCR-keuze ul{margin: 0;padding: 0 0 0 0;color: #FFFFFF;font-weight: bold;margin-bottom:10px;}
#DCR-keuze ul li { display: inline; }
#DCR-keuze ul li a{font-family: Trebuchet MS,Verdana, Arial, sans-serif; font-size:1.9em;line-height:120%;padding:262px 0px 0px 10px;color: #FFF;
text-decoration: none; float: left;width:279px;}
#DCR-keuze ul li.patient a{
	background:#003366 url('../Pics/System/DCR/DCR-patient.jpg') top no-repeat;
	margin-right:25px;
}
#DCR-keuze ul li.huisarts a{	
	background:#003366 url('../Pics/System/DCR/DCR-huisarts.jpg') top right no-repeat;	
}

#DCR-keuze ul li a:hover{color:#dae6ee }



#lefttitle{width:175px;height:65px;background:#003366;font-weight:normal;font-size:180%;}
#lefttitle a{text-decoration:none;color:white;line-height:240%;}
#lefttitle a:hover{color:#dae6ee;}

/*
LINKS --------------------- */

a:link, a:active {
	color: #003366;
}

a:visited {
	color: #003366;
}


a:hover {
	color: #cc0000;
}

a img {
	border-width: 0; 
	border-style: none;
	padding:2px;
}


/*
COMMON --------------------- */


hr {
color: #003366;
border:none;
height: 1px;

background-color: #003366;
}

p {
line-height: 150%;
margin-top: 5px;
margin-bottom: 20px;
}


ul {
list-style-image: url("../Pics/System/DCR/list-item.gif");
padding-left: 0;
margin-left: 15px;

margin-top: 0;
margin-bottom: 20px;
}

ul li a {
text-decoration: none;
}

table {
border-collapse:collapse;
border-left:0px solid #003366;
color: #003366;
}

thead{
font-weight:bold;
background:#003366;
color:white;
}

thead tr, thead td{
border:none;
padding:5px;
}

td {
padding-left:4px;
border-right:0px solid #003366;
border-bottom:0px solid #003366;
}

tr {
padding-top:14px;
}


select {
border:1px solid #003366;
font-size:.95em;
font-family: Verdana, Arial, sans-serif; 
}

option {
color: #003366;
}


h1 {
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
margin-top:7;
margin-bottom:7;
color: #cc0000;
font-size:1.5em;
}

h3 {
font-family: Verdana, Arial, sans-serif; 
margin-top:0;
margin-bottom:0;
color: #cc0000;
font-size:1.0em;
}

h2 {
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
margin-top:0;
margin-bottom:0;
color: #003366;
font-size:1.2em;
}

h4,h5,h6 {
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
margin-top:0;
margin-bottom:1px;
color: #003366;
font-size:1.2em;
}

#specialisme h3 {
margin-top:0;
margin-bottom:0;
color: #003366;
font-size:1.1em;
}

#specialisme ul {
list-style-image: none;
list-style-type: none;
padding-left: 0;
margin-top:0;
margin-left:0;
}

#specialisme ul li{
margin-left:0;
}

fieldset {
padding-top:20px;
padding-left:0px;
padding-bottom:10px;
border:0px;
border-bottom:1px solid #003366;
}

input, textarea {
border:1px solid #003366;
width:350px;
font-family: Verdana, Arial, sans-serif; 
font-size:.95em;
padding:2px;
}

.check, .radio {
width:auto;
border:0px;
}

label {
font-weight: bold;
}

.knop-form {
margin-top:15px;
margin-bottom:50px;
margin-left:3px;
border:none; 
padding:3px 5px; 
width:auto; 
color:#FFF; 
background-color:#003366; 
cursor:pointer;
}

.foutmelding { text-indent:-19px; font-size:0.9em; font-weight:bold; color:#f00;}
.foutmelding strong.waarschuwingsteken { padding:0 4px; margin:0 5px 0 0; background-color:yellow; color:#000;border:1px solid black; }
label.foutmarkering { color:#f00; }


/*
HORIZONTAL NAV ITEMS ---------------------


ROOD = PMS 485 =  RGB 227,33,24 = #cc0000
BLAUW = PMS 2955 = RGB 0,81,135 = #003366
D ROOD = #890600

*/

#navcontainer
{
position:absolute;
top:44px;
height:25px;
width:565px;
padding:0;
padding-top:1px;
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
font-weight: bold;
}

#navcontainer ul li a
{
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
font-size:1.2em;
padding: 0.2em 15px;
background-color: #FFFFFF;
color: #003366;
text-decoration: none;
float: left;
border-right: 1px solid #FFF;
}

#navcontainer ul li a:hover
{
color: #cc0000;
text-decoration: none;
background: transparent url(../Pics/System/DCR/list-active.gif) center bottom no-repeat;
}

#navlist li a:hover, #navlist li a:active
{
color: #cc0000;
text-decoration: none;
}

#navcontainer a:active
{
background: transparent url(../Pics/System/DCR/list-active.gif) center bottom no-repeat;
color: #cc0000;
}

#navcontainer li#active a
{
background: transparent url(../Pics/System/DCR/list-active.gif) center bottom no-repeat;
color: #cc0000;
}


/*
HORIZONTAL NAV FOOTER ---------------------*/

#footer 
{
clear: both;
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 5px;
background-color: #003366;
color:white;
height:17px;
margin:0;
margin-top:10px;
}

#footer p
{
margin:0;
}

#bottomnavlist
{
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
color: #FFFFFF;
float:right;
}

#functionaliteitenlist
{
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
color: #003366;
float:right;
}

#footer
{
font-size:95%;
}

#bottomnavcontainer, #functionaliteiten {
float:right;
width:250px;
}

#bottomnavcontainer ul li, #functionaliteiten ul li { 
display: inline; 
}

#bottomnavcontainer ul, #functionaliteiten ul
{
margin:0;
padding:0;
color: #FFFFFF;
font-weight: bold;
}

#bottomnavcontainer ul li a
{
margin:0;
padding-left: 5px;
padding-right: 5px;
background-color: #003366;
color: #FFFFFF;
text-decoration: none;
}

#functionaliteiten ul li a
{
margin:0;
padding-left: 5px;
padding-right: 5px;
color: #003366;
text-decoration: none;
}

#bottomnavlist li a:hover, #bottomnavlist li a:active, #functionaliteitenlist li a:hover, #functionaliteitenlist li a:active
{
color: #cc0000
}



/*
VERTICAL NEWS NAV ITEMS --------------------*/

#newsitems .date
{
color: #cc0000;
}

#newsitems ul
{
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
font-size:1.1em;
list-style-type: none;
list-style-image: none;
text-align: left;
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
}
 
#left h2 a
{
padding-left: 20px;
text-decoration: none;
}


#newsitems ul li a
{
padding-left: 10px;
text-align: left;
text-decoration: none;
color: #000;
display: block;
padding-bottom:15px;
background-image: url(../Pics/System/DCR/list-off.gif);
background-position: left 8px;
background-repeat: no-repeat;
}


#newsitems ul li a:hover
{
color: black;
background-image: url(../Pics/System/DCR/list-active.gif);
background-position: left 8px;
background-repeat: no-repeat;
}


/* 
ZOEK FORM -------------- */

#right form { 
	display:inline; 
	width:100%; 
	margin:10px 0 8px 0; 
} /* display inline voor ie5+ (float:right; clear:right; ) */

#right fieldset {
	border:0;
}
#right form label { 
	display:none; 
}
#right input { 
	float:left; 
	padding:1px; 
	width:80px; 
	border:1px solid #000; 
	font-size:0.95em;
	height:1.6em; 
	border-right:0; 
}
#right #zoekknop { 
	height:1.6em; 
	border:1px solid #000; 
	padding:1px 5px; 
	width:50px; 
	color:#FFF; 
	background-color:#cc0000; 
	cursor:pointer; 
	font-size:0.95em;
}
#right select { 
	width:150px; 
	border:1px solid #000; 
	font-size:0.95em;
}


/*
VERTICAL MAIN SUB NAV ITEMS --------------------*/

#subnavitems {
font-size:1.1em;
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
padding-left:2px;
}


#subnavitems a {
font-weight:bold;
color: #cc0000;
text-decoration: none;
}


#subnavitems a:hover {
color: #cc0000;
text-decoration: underline;
}


#subnavitems ul
{

border-left:1px solid #cc0000;
font-size:1em;
margin:0;
padding: 0;
list-style-type: none;
list-style-image: none;
text-align: left;
margin-left:2px;
margin-top:5px;
padding-left:5px;
color: #cc0000;
font-weight: bold;
}

#subnavitems ul li
{
border:1px solid #dae6ee;
}


#subnavitems ul li a
{
text-align: left;
text-decoration: none;
color: #003366;
display: block;
font-weight: normal;
padding:0;
padding-top:4px;
}

#subnavitems ul li a:hover
{
color: #cc0000;
text-align: left;
text-decoration: underline;
}


#subnavitems li .current{
color:#cc0000;
font-weight: bold;
}






/*
HORIZONTAL MAIN SUB NAV ITEMS 2 --------------------*/

#subnavitems2 ul
{
font-family: Verdana, Arial, sans-serif; 
margin:0;
list-style-type: none;
list-style-image: none;
text-align: left;
padding: 7px;
color: #cc0000;
display: inline;
margin-left: 0;
padding-left: 0;
}


#subnavitems2 ul li
{
padding: 15px;
display: inline;
margin-left: 0;
padding-left: 0;
}


#subnavitems2 ul li a
{
text-align: left;
text-decoration: none;
color: #003366;
margin-left: 0;
padding-left: 0;
border: none;
list-style: none;
display: inline;
}

#subnavitems2 ul li a:hover
{
color: #cc0000;
text-align: left;
text-decoration: underline;
}

#subnavitems2 ul li a#current
{
color: #666;
}


/*
BREADCRUMB --------------------*/

#breadcrumb {
	font-size:1em;
	font-family: Trebuchet MS,Verdana, Arial, sans-serif; 	
	margin-bottom: 10;
	}

#breadcrumb ul {
	color: #999;
	display: inline;
	border: none;
	margin-left: 0;
	padding-left: 0;

	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#breadcrumb ul li a {
	color: #999;
	text-decoration: underline;
	}
#breadcrumb ul li a:hover {
	color: #cc0000;
	}



/*
HP NAV ITEMS MIDDLE --------------------*/


#hpnavlistmiddle
{
margin-top:0;
padding:15;
border:2px solid #003366;
width:400px;
background:url('../Pics/System/DCR/patientenbeeld.jpg');
}

#hpnavlistmiddle ul
{
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
color: #FFFFFF;
font-weight: bold;
text-align: left;

}

#hpnavlistmiddle ul li a
{
width:200px;
padding-left: 5px;
color: #cc0000;
text-decoration: none;
text-align: left;
display:block;
}

#hpnavlistmiddle ul li a:hover
{
background-color: #cc0000;
color: #FFFFFF;
}

.medewerker
{
font-family: Verdana, Arial, sans-serif; 
font-size:.95em;
display:block;
float:left;
width:120px;
height:190px;
border:0;
margin-top:5px;
margin-right:10px;
padding:10px;
color:#003366;
}

.medewerker a
{
text-decoration: none;
}


/*
ZOEK FORM Rechtsboven -------------- */

#header form { 
float:right; 
clear:right; 
width:265px; 
padding:0;
margin:0;
border:0px solid;
}

#header form fieldset { 
float:right; 
width:260px;
border:0px solid;
padding:0; 
padding-top:32px;
}

#header form label { display:none; }
#header input { float:left; padding:1px; width:140px; border:1px solid #003366;font-size:.95em;font-family: Verdana, Arial, sans-serif;}
html>body #header input { width:140px; }
#header #zoekknop { height:1.6em; border:none; padding:1px 5px; width:auto; color:#FFF; background-color:#003366; cursor:pointer; }
html>body #header #zoekknop { padding:0px 5px 2px 5px; }



/* 
ZOEK FORM in content (404-error)  -------------- */

#Form2 { display:inline; padding:0;}
#Form2 fieldset { border:0;padding:0;}
#Form2 label { display:none; }
#Form2 input { padding:1px; width:250px; border:1px solid #003366;font-size:.95em;font-family: Verdana, Arial, sans-serif;}
html>body #Form2 input { width:19em; }
#Form2 #zoekknop2 { height:1.6em; border:none; padding:1px 5px; width:auto; color:#FFF; background-color:#003366; cursor:pointer; }
html>body #Form2 #zoekknop2 { padding:0px 5px 2px 5px; }





ul.bladeren li { padding:0;}

ul.bladeren, ul.paginering { padding:6px 0 6px; width:100%; overflow:hidden;  }

ul.bladeren.boven { position:relative; top:-1px; margin:-3px 0 20px 0; border-bottom:1px solid #003366;list-style-image: none;list-style-type: none; }
div.bladeren.boven { position:relative; top:-1px; margin:-1px 0 20px 0; border-bottom:3px solid #008a8a; }

ul.bladeren.onder, ul.paginering.onder { position:relative; top:-1px; margin:-3px 0 20px 0; border-top:1px solid #003366;list-style-image: none;list-style-type: none; }
div.bladeren.onder { position:relative; top:-1px; margin:-1px 0 20px 0; border-top:3px solid #008a8a; }

ul.bladeren li, ul.paginering li { float:left; width:2em; text-align:center; line-height:1.3em; border-right:1px solid #008a8a; color:#003366; }
ul.bladeren li a.actief, ul.bladeren li span { padding:0; line-height:1.1em; font-weight:bold; color:#cc0000; }
ul.bladeren li a, ul.paginering li a { display:inline; padding:0; line-height:1.1em; background:none; border-bottom:0; color:#003366; }
ul.bladeren li a:hover, ul.paginering li a:hover { text-decoration:underline; color:#cc0000; background:none; border:0; }

ul li.volgende, #inhoud-kolom ul.paginering li.vorige { border:0;   }
ul li.vorige { padding:0 5px 0 1px; width:auto !important; }
ul li.volgende { padding:0 0 0 5px; width:auto !important; }			

ul.bladeren li.vorige a, ul.bladeren li.volgende a, ul.paginering li a { font-weight:bold; }
ul.bladeren li.vorige a, ul.paginering li.vorige a { padding-left:0.32em; }
ul.bladeren li.vorige a:hover, ul.bladeren li.volgende a:hover, 
ul.paginering li.vorige a:hover, ul.paginering li.volgende a:hover { background:none; border-bottom:none; }

ul.bladeren li.volgende a, ul.paginering li.volgende a { padding-right:0.32em; }


ul.paginering li.volgende { float:right; padding-right:3px; }

.foto-preview img { margin-bottom:20px; }
.foto-preview.deel2 img { margin-top:20px; }



.foto-lijst~ { width:100% !important; width /**/:99.5%; overflow:hidden; padding:17px 0 0 0; margin-bottom:10px !important; margin-bottom:20px; }
.foto-lijst a { float:left;  position:relative; width:102px; wid\th:100px; height:102px; heig\ht:100px; margin:0 9px 20px 0; border:1px solid #c5c5c5; background:none; }
.foto-lijst a img { display:none; }


/* LEFT NAV */

#leftnavitems{
padding-top:14px;
padding-bottom:14px;
}

#leftnavitems ul{
font-size:1.1em;
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
text-align:right;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
color:#cc0000;
font-weight: normal;
}

#leftnavitems li a{
display: block;
color: #003366;
width: 13.5em;
padding-right:3px;
padding-top:4px;
text-decoration: none;
border-bottom: 1px solid #dae6ee;
font-weight: normal;
}

#leftnavitems a:hover{
color:#cc0000;
text-decoration: underline;
}


#leftnavitems li li a{
font-size:90%;
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
width: 13em;
display: block;
color: #003366;
padding:0px;
padding-top:4px;
padding-right:5px;
margin-right:4px;
text-decoration: none;
border-right: 1px solid #cc0000;
font-weight: normal;
}

#leftnavitems li .current, #leftnavitems li li .current {
color:#cc0000;
font-weight: bold;
}

.print {
color:#999 !important;
text-decoration: none;
font-weight:normal !important;
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
}

.print :hover {
color:#cc0000 !important;
text-decoration: none;

}

.hide {
display:none;
}


/*

ROOD = PMS 485 =  RGB 227,33,24 = #cc0000
BLAUW = PMS 2955 = RGB 0,81,135 = #003366
D ROOD = #890600


*/