/*

ROOD Huisstijl = #CC0000 = RGB 204,0,0 = PMS 485 
BLAUW Huisstijl = #003366  = RGB 0,51,102 = PMS 2955
DONKER ROOD = #890600

*/



/*
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 --------------------- */

.blcktxt  {
	color:#000000;
	font-family: Verdana, Arial, sans-serif;
                font-size:11px;
                font-weight:normal;
}

.bluetxt  {
	color:#003366;
	font-family: Verdana, Arial, sans-serif; 
	font-size:11px;
                font-weight:normal;
}

.redtxt  {
	color:#cc0000;
	font-family: Verdana, Arial, sans-serif; 
	font-size:11px;
                font-weight:normal;
}




.fatred {
font-family: Verdana, Arial, sans-serif; 
margin-top:0;
margin-bottom:0;
color: #CC0000;
font-size:1.0em;
font-weight:bold;
}

hr {
color: #cc0000;
height: 1px;
}


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


ul {
list-style-image: url("http://www.sfg.nl/pics/system/design/list-item.gif");
padding-left: 0;
margin-left: 15px;
margin-top: 0;
margin-bottom: 20px;
}



#right ul{
list-style-image: url("http://www.sfg.nl/pics/system/design/list-item2.gif");
}

ul li a {
text-decoration:underline;
}

.special {
list-style-position:inside;
}

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

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

}

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

.kopsb {
font-weight:bold;
background:white;
color:#003366;
padding:5px;
vertical-align:middle;
}

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


td {
padding-left:4px;
border-right:1px solid #003366;
border-bottom:1px 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:auto;
font-family: Verdana, Arial, sans-serif; 
font-size:.95em;
padding:2px;
cursor:hand;
}

td.geenrand input {
border: 0px solid;
}

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

label {
font-weight: normal;
}

.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 ---------------------

*/

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

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul
{
width:690px;
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: #FFF;
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(http://www.sfg.nl/pics/system/design/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(http://www.sfg.nl/pics/system/design/list-active.gif) center bottom no-repeat;
color: #CC0000;
}

#navcontainer li#active a
{
background: transparent url(http://www.sfg.nl/pics/system/design/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: #CC0000;
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;
}

#footer p
{
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
font-size:95%;
}

#footer a
{
	text-decoration:none;
	color:#fff;
}

#footer a:hover
{
	text-decoration:underline;
}

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

#bottomnavcontainer ul li { 
display: inline; 
}

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

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

#bottomnavlist li a:hover, #bottomnavlist li a:active
{
text-decoration: underline;
}

#bottomnavcontainer a:active
{
background: #890600;
color: #FFFFFF;
}

#bottomnavcontainer li#active a
{
background: #890600;
color: #FFFFFF;
}


/*
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(http://www.sfg.nl/Pics/System/Design/list-off.gif);
background-position: left 8px;
background-repeat: no-repeat;
background-color:#FFF;
}


#newsitems ul li a:hover
{
color: black;
background-image: url(http://www.sfg.nl/pics/system/design/list-active.gif);
background-position: left 8px;
background-repeat: no-repeat;
background-color:#FFF;
}


/* 
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 #FFF;
}


#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('http://www.sfg.nl/Pics/System/Design/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:180px;
border:0;
margin-top:5px;
margin-right:10px;
padding:3px;
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 a{
	display: block;
	color: #003366;
	text-decoration: none;
	font-weight: normal;
	font-size:1.1em;
	height:1%;
}

#leftnavitems ul{
	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 ul.special{
	border-bottom: 1px solid #FFF;
}
#leftnavitems ul.special li a{
	padding-right:0px;
	background: none;
	color:#CC0000;
}
#leftnavitems ul.special li li a{
	font-size: 1.1em;
	padding:4px 12px 0px 0px;
	background: url("http://www.sfg.nl/pics/system/design/list-item2.gif") no-repeat right top;	color:#003366;
}
#leftnavitems ul li a{
	display: block;
	color: #003366;
	padding-top:4px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}

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

#leftnavitems ul li ul{
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
}
#leftnavitems li li a{
	padding:0px;
	padding-top:4px;
	padding-right:12px;
	background: url("http://www.sfg.nl/pics/system/design/list-item2.gif") no-repeat right top;
}

#leftnavitems li .current, 
#leftnavitems li li .current {
/*	border-top: 1px solid #CC0000;*/
	color:#CC0000 !important;
	font-weight: bold;
}
#leftnavitems li li .current {
	border-top: 0px;
	background: url("http://www.sfg.nl/pics/system/design/list-item.gif") no-repeat right top !important;
}

#leftnavitems li .specialismen {
	border-top: 1px solid #fff;
	color:#CC0000 !important;
	font-weight: bold;
}




#leftnavitems li li li a{
	padding-top:1px;
	padding-bottom:1px;


	font-size:1em;
}








.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;
}







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

#functionaliteiten {
float:right;
width:250px;
text-align: right;
}

#functionaliteiten ul li { 
display: inline; 
}

#functionaliteiten ul
{
margin:0;
padding:0;
color: #FFFFFF;
font-weight: bold;
text-align: right;
}

#functionaliteiten ul li a
{
font-family: Trebuchet MS,Verdana, Arial, sans-serif; 
font-size:110%;
margin:0;
padding-left: 4px;
padding-right: 4px;
color: #003366;
text-decoration: none;
text-align: right;
}

#functionaliteitenlist li a:hover, #functionaliteitenlist li a:active
{
color: #CC0000
}

.fotobold {
color: #CC0000;
font-weight:bold;
}








.uitgelicht{
	margin-top:0px;
	border:1px solid #C00;
	padding:10px;
}

.uitgelicht a{
	text-decoration:none;
}

.uitgelicht  a:hover{
	color:#003366;
}
.uitgelicht a:hover .link {
	text-decoration:underline;
}
.uitgelicht .subkop{
	font-size:1.2em;
	color:#003366;
	display:block;
	font-family: Trebuchet MS,Verdana, Arial, sans-serif;
	font-weight:bold;
	padding-bottom:3px;
}

.uitgelicht .kop{
	display:block;
	font-size:1.4em;
	color: #CC0000;
	font-weight:bold;
	font-family: Trebuchet MS,Verdana, Arial, sans-serif;
	padding-bottom:5px;
}


.uitgelicht .link{
	font-weight:bold;
}




.missie {
	position:relative;
	margin-right: 0px;
	margin-left: 11px;
}

.missie p{
	width:100%;
	margin:0;
	position:absolute;
	bottom:0;
	display:block;
}

.missie p.background{
	background:#003366;
	filter:alpha(opacity=70); 
	-moz-opacity:.70;
	opacity:.70;
	height:37px;
}

.missie p a {
	font-family: Trebuchet MS,Verdana, Arial, sans-serif;
	color:#fff;
	font-weight:bold;	
	display:block;
	padding:10px;
	font-size:1.8em;
	text-decoration:none;
}


.banner_kwaliteit{
	position:absolute;
	right:10px;
	bottom:5px;
}



.banner_kwaliteit a img {
padding: 0px; margin: 0px;
}

.banner_fransje{
	position:absolute;
	left:10px;
	bottom:5px;
}

.alfabet {
	border: 1px solid #CC0000;
	padding: 2px 4px;
	margin: 0px 3px 0px 0px;
                font-weight: bold;
                text-decoration: none;
                color: #003366;
                font-size: 1.1em;
                font-family: Trebuchet MS,Verdana, Arial, sans-serif;
}
.alfabet:hover {
                text-decoration: none;
                color: #CC0000;
}

/*

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


*/

.menu_default lu{ 
                list-style-image: url("Pics/System/Design/invisible.gif");
}
.menu_default { 
	margin: 0; 
	padding: .5em 0; 
                list-style-image: url("Pics/System/Design/invisible.gif");
}
.menu_default li { 
	margin-bottom: .5em; 
}
.menu_default li a { 
	display: block; 
	padding-left: 20px; 
	background: url(/Pics/System/Design/ico_pdf.gif) left center no-repeat; 
}
.menu_default li a:hover { 
	background-image: url(/Pics/System/Design/ico_pdf.gif); 
}