/*
Theme Name: SAG Centrum Theme
Theme URI: http://www.sag-amsterdam.nl/
Description: Theme template voor een centrumwebsite van de Stichting Amsterdamse Gezondheidscentra.
Version: 1.6.2403
Author: Klaas Leussink
Author URI: http://www.hnldesign.nl/
Tags: Grid960, 12 column layout, custom options

- Categorie gebaseerd
- Geen gebruik van pages
- JQuery dropdown menu met easing
- JQuery dropshadow
- Font-size keuze
- Vereist plugin 'WP-Print', 'wp-no-category-base', 'postMash' en 'My Category Order' optioneel (voor bepalen volgordes).
- Enkele text-variabelen zijn aan te passen middels functions.php
- Adresgegevens rechtsboven vereisen een ongecategoriseerde post met als titel 'Adresgegevens'
- Posts die op de voorpagina moeten komen, dienen categorie 'Voorpagina' te krijgen
- Kleuren zijn allemaal apart gedefinieerd in colors.css maar worden overruled door de custom theme options, gedefinieerd in functions.php
- Vereist 2 (evt. lege) pagina's: 'Medische Informatie' en 'Links', beiden gebaseerd op de sjablonen met dezelfde naam.
- 'Gepushte' content vanuit de SAG hoofdsite wordt on-the-fly ingelezen middels RSS.

*/

/*################################ RESET ###################################*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
q:before,q:after{content:'';}

/* Uniforme base font
---------------------------------------- */
body{font:13px arial,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% arial,sans-serif;}
pre,code{font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
/*################################ EINDE RESET ###################################*/




/* Non-classed elementen
----------------------------------------------------------------------------------------------------*/

body	{
	font-smooth: always;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	text-align: center;}
	
html, body{height:100%;} 

p, small	{
	margin: 10px;
	text-align: justify;}
	
img	{
	border: 0;}

a {
	text-decoration: none;
  	outline: none;
	cursor: pointer;
	voice-family: "\"}\"";
	voice-family:inherit;}
  	
  	a:hover	{
	text-decoration: underline;}
  
:focus {
  	-moz-outline-style: none;}

ul	{
	margin-left: 30px;
	list-style-type: disc;
	text-align: left;}

strong	{
	font-weight: bold;}

em	{
	font-style: italic;}

p p	{
	margin: 0;
	display: inline;}

table	{
	}
	
table td	{
	padding: 2px 4px;}

input	{
	border: 1px solid black;
	font-size: 1em;
	}

/* Experimenteel! Voorkomt problemen met lange woorden die uit vakken 'ontsnappen' zoals bij praktijkinfo wel gebeurt	
div	{
	overflow: hidden;}*/




/* Custom Grid styles EN OVERRIDES op basis van #id's
----------------------------------------------------------------------------------------------------*/
#fontsize, #fontsize a	{
	text-align: left;
	}

#header	{
	text-align: center;}

#logo	{
	height: 110px;}
	
	#logo img	{
		margin-top: 29px;}

#adres	{
	position:relative;
	height: 110px;}
	
	#adres #bottom	{
		position:absolute;
		bottom:0px;
		right:0px;
		}
	
	#adres p	{
		margin: 0;
		text-align: right;}

#menubar	{
	height: 25px;
	font-size: 1.1em;
	text-align: left;}
		
	#menubar ul li	{
		position: relative;
		line-height: 25px;}

	#menubar .inline	{
		margin-left: -2px;}

	#menubar .inline li	{}
		
	#menubar .inline a	{
		text-decoration: none;
		padding-left: 10px; 
		padding-right: 5px;}
		
	#menubar .inline a:hover	{
		text-decoration: none;}
	
	#menubar .inline .children	{
		background: transparent url('images/bg_dropdown.png') repeat top left;
		display: none;}
		
		#menubar .inline .children li	{
			width: 250px;
			display: block;
			border: 0;}
		
		#menubar .inline .children li a	{
			display: block;
			line-height: 25px;}

ul.children {
	border: 0;
	margin: 0;
	padding: 4px 0 0 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	display: none;
	left: 0;}

ul.children ul.children {
	top: 0;
	left: 100%;}
	
#menubar .inline .children ul.children {
	padding-top: 0;}
		
#crumbbar	{
	height: 25px;
	font-size: 1em;
	line-height: 25px;}
	
	#crumbbar p	{
		margin: 0 0 0 10px;
		line-height: 25px;}
	
	#crumbbar a	{
		text-decoration: underline;}

#footer	{
	text-align: center;
	font-size: .7em;
	line-height: 25px;
	height: 25px;
	margin: 0 0 20px 0;}
	
	#footer a {
		text-decoration: underline;}
		
	#footer p	{
		text-align: center;}

#height_10	{height: 10px;}
#height_20	{height: 20px;}
#height_30	{height: 30px;}
#height_40	{height: 40px;}
#height_50	{height: 50px;}
#height_60	{height: 60px;}
#height_70	{height: 70px;}
#height_80	{height: 80px;}
#height_90	{height: 90px;}
#height_100	{height: 100px;}
/* Custom styles buiten Grid elementen om
----------------------------------------------------------------------------------------------------*/

.top_bar	{
	padding: 0;
	margin: 0;
	height: 25px;
	text-align: center;}
	
	.top_bar p	{
		padding: 0;
		margin: 0;
		font-size: 1em;
		font-weight: normal;
		line-height: 25px;
		text-align: right;}
	
	.top_bar a	{
		text-decoration: none;}
	
	.top_bar a:hover	{
		text-decoration: underline;}

.inline ul, .inline li, .inline2 ul, .inline2 li	{
	display: inline;}
		
.nieuwtje	{
	margin: 10px 10px 20px 10px;}
	
	.nieuwtje h2	{
		font-size: 1.1em;
		letter-spacing: -1px;
		font-weight: bold;
		margin: 0px 0px 10px 10px;
		text-align: left;}
		
	.nieuwtje p	{
		margin-top: 0px;}
		
.fotoblok	{
	width: 378px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;}
	
	.fotoblok img	{
		margin: 0;
		padding: 0;}
		

.blok_paars, .blok_lpaars	{
	text-align: left;
	margin: 0 0 20px 0;}

	.blok_paars h1, .blok_lpaars h1, #navigation	{
		display: block;
		margin: -1px;
		padding: 0;
		padding-left: 10px;
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight: bold;
		text-align: left;
		letter-spacing: -1px;}
		
		.blok_lpaars h1, #navigation	{
			font-size: 1.1em;
			font-weight: normal;}
	
	.blok_paars .footer	{
		margin: -1px;
		height: 25px;}
	
		.blok_paars .footer p {
			line-height: 25px;
			height: 25px;
			margin-top: 0;
			margin-bottom: 0;}
			
			.blok_paars .footer img {
				padding: 0;
				border: 0;
				margin-top: 4px;}
		
		.blok_paars .footer a {
			text-decoration: none;}
		.blok_paars .footer a:hover {
			text-decoration: underline;}

#postindex p {
	font-size: 1.1em;
	margin: 0;
	width: 218px;
	text-align: left;}

#postindex a	{
	text-align: left;
	padding: 10px;
	display: block;}
	
	#postindex a:hover	{
		text-decoration: none;}
	
	#navigation a	{
		display: block;
		padding: 0px;
		line-height: 2em;}
		
	#navigation .alignleft	{
		float: left;}
	
	#navigation .alignright	{
		float: right;
		line-height: 1.5em;}
	
.blok_magenta	{
	margin: 0 0 20px 0;}

	.blok_magenta h1	{
		display: block;
		margin: -1px;
		padding: 0;
		padding-left: 10px;
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight: bold;
		text-align: left;}
		
	.blok_magenta h1 a	{
		text-decoration: none;}
	
	.blok_magenta h1 a:hover	{
		text-decoration: none;}

	.blok_magenta a:hover	{
		text-decoration: underline;}
	
	.blok_magenta .footer	{
		margin: -1px;
		height: 25px;}
	
		.blok_magenta .footer p, .blok_magenta h1 a {
			line-height: 25px;
			height: 25px;
			margin-top: 0;
			margin-bottom: 0;}
			
			.blok_magenta .footer img {
				padding: 0;
				border: 0;
				margin-top: 4px;}
		
		.blok_magenta .footer a {
			text-decoration: none;}
		.blok_magenta .footer a:hover {
			text-decoration: underline;}

	.blok_magenta .more_footer	{
		text-align: right;}

.anchor	{
	position: relative;
	top: -20px;}

.locheader h1, .locheader_niewssag h1 a 	{
	display: block;
	margin: 0 0 -1px 0;
	padding: 0;
	padding-left: 10px;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: normal;
	text-align: left;}

p.attachment	{
	float: left;
	margin: 0px 10px 0px 10px;}

.medinfo, form	{
	margin: 10px;
	text-align: left;}
	
.links	{
	margin: 10px;
	text-align: left;}

	.links ul	{
		list-style-type: none;
		margin-left: 0;}

	.links ul h2	{
		margin: 10px 0;}
		
	.links ul ul	{
		margin-left: 10px;}

.zoekbox	{
	width: 330px;
	display: block;
	position: absolute;
	margin: 0 0 0 450px;
	padding: 0;
	top: 25px;
	z-index: 999;
	display: none;
	float: left;}
	
	.zoekbox p	{
		margin: 5px;
		text-align: center;}

.disclaimercontainer	{
	height: 50px;
	}
.disclaimer	{
	display: none;
	}
	
/* ECONSULT
----------------------------------------------------------------------------------------------------*/

.e_consult h1	{
	margin-bottom: 0;}
	
.e_consult h2	{
	font-size: 1.2em;
	clear: both;}

.e_consult p	{
	margin: 10px 0;}

.e_consult .ec_menu	{
	height: 25px;
	font-size: 1.1em;
	text-align: left;
	margin: 0;}
	
	.e_consult .ec_menu p	{
		margin: 0 0 10px 10px;
		line-height: 25px;}

.ec_welkom, .ec_welkom_loggedin, .ec_profiel, .ec_consultnieuw, .ec_consultoverzicht, .ec_login, .ec_aanmelden, .ec_wachtwoord	{
	margin: 10px;}
	
	.ec_welkom h2	{
		margin: 30px 0 0 0;
		}
	
	.ec_profiel #row, .ec_aanmelden #row, .ec_wachtwoord #row	{
		float: left;
		margin: 0 0 10px 0;
		clear: both;}
		.ec_profiel #fieldname, .ec_aanmelden #fieldname, .ec_wachtwoord #fieldname	{
			float: left;
			width: 150px;}
		.ec_profiel #fieldinput, .ec_aanmelden #fieldinput, .ec_wachtwoord #fieldinput	{
			float: left;
			width: 150px;}
		.ec_profiel #fielderror, .ec_aanmelden #fielderror, .ec_wachtwoord #fielderror	{
			float: left;
			margin-left: 10px;
			width: 20px;
			height: 20px;}
		.ec_profiel .ec_input_text#txtHuisnummer, .ec_aanmelden .ec_input_text#txtHuisnummer	{
			width: 30px;}
		.ec_profiel .ec_input_text#txtPostcode, .ec_aanmelden .ec_input_text#txtPostcode	{
			width: 60px;}
	
	.ec_login #row	{
		float: left;
		margin: 0 0 10px 0;
		clear: both;}
		.ec_login #fieldname	{
			float: left;
			width: 150px;}
		.ec_login #fieldinput	{
			float: left;
			width: 150px;}
		.ec_login #fielderror	{
			float: left;
			margin-left: 10px;
			width: 20px;
			height: 20px;}
	
.ec_consult_nieuw	{
	margin: 10px 0 0 0;}
		
	.ec_consult_nieuw #row	{
		float: left;
		margin: 0 0 10px 0;
		clear: both;}
		.ec_consult_nieuw #fieldname	{
			float: left;
			width: 150px;}
		.ec_consult_nieuw #fieldinput	{
			float: left;}
		.ec_consult_nieuw #fielderror	{
			float: left;
			margin-left: 10px;
			width: 20px;
			height: 20px;}
	.ec_consult_nieuw .ec_input_textarea	{
		border: 1px solid #888;
		padding: 2px;}
	
	
.ec_consult_openstaand, .ec_consult_gesloten	{
	margin: 10px 0 0 0;
	clear: both;}
	
	.ec_consult_openstaand h3, .ec_consult_gesloten h3	{
		font-size: 1.1em;}
		
	.ec_consult_openstaand #row, .ec_consult_gesloten #row	{
		float: left;
		margin: 0 0 10px 0;
		clear: both;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #e8e5f8;}
		.ec_consult_openstaand #consult, .ec_consult_gesloten #consult	{
			float: left;
			width: 610px;}
		.ec_consult_openstaand #tijdstip, .ec_consult_gesloten #tijdstip	{
			float: left;
			width: 150px;}
		.ec_consult_openstaand #status, .ec_consult_gesloten #status	{
			float: left;
			width: 150px;}
	
	
.ec_input_text	{
	border: 1px solid #888;
	padding: 2px;}
.ec_input_button	{
	border: 1px solid #888;
	padding: 0 3px;}

.ec_footer	{
	text-align: center;
	font-size: .7em;
	line-height: 25px;
	height: 25px;
	margin: 0 0 5px 0;}
	
	.ec_footer a {
		text-decoration: underline;}
		
	.ec_footer p	{
		text-align: center;}



/* OVERRIDES + BROWSER SPECIFIEKE WAARDEN
----------------------------------------------------------------------------------------------------*/

/* IE */
ul.children {>top: 16px;}

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


/* debug
div	{border: 1px solid #EEE;}


/ Opmerkingen

- AANVULLING op grid.css <- essentiele stylesheet
- Kleuren worden apart gedefinieerd in colors.css
- De Negatieve margins (-1px e.d.) zijn om cross browser border-problemen te voorkomen


*/