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

/* ############# */
/* #   Basis   # */
/* ############# */
html, body
{
min-height: 100%;
height: 100%;
background: url(../images/background-y-red.gif) repeat-y;
}

body
{
font: 76% Verdana, Arial, Helvetica, sans-serif;
}

p {
line-height: 1.5em;
font-size: 1em;
text-align: left;
margin-bottom: 10px;
}

#inhoud { line-height: 1.3em; }

h1 {
font-size: 2em;
font-weight: normal;
line-height: 2em;
}

h2 {
font-size: 1.7em;
font-weight: normal;
line-height: 2em;
}

h3 {
font-size: 1.4em;
line-height: 1.6em;
font-weight: normal;
}

h4
{
font-size: 1.2em;
font-weight: normal;
}

a, a:link, a:visited { font-weight: normal; text-decoration: none; color: #000000; }
a:hover, a:active, a:focus { text-decoration: underline; }

a img, a:link img { border: none; }

h1 .highlighted, h2 .highlighted, h3 .highlighted
{
display: none;
}

body, html, div, td, p, li 
{

vertical-align: top;
}

#content fieldset
{
padding: 15px;
}

.clearer
{
clear: both;
font-size: 1px;
height: 1px;
}

.nonvisual, .skip, .hidden
{
position: absolute;
left: -9999em;
}

.right { float: right; margin-left: 5px; }
.left { float: left; margin-right: 5px;}

/* ################### */
/* #   Basis layout  # */
/* ################### */

#page
{
width: 100%;
min-height: 100%;
background: url(../images/background-x-red.gif) repeat-x;
position: relative;
}

.container
{
width: 960px;
position: relative;
padding-bottom: 65px;
}

/* #################### */
/* #   Header layout  # */
/* #################### */

#header
{
position: absolute;
top: 0px;
left: 0px;
width: 960px;
min-height: 100px;
background: url(../images/background-header-red.gif) no-repeat 0px 24px;
}
	
	/* ########### */
	/* #   logo  # */
	/* ########### */
	
	#logo
	{
	background: url(../images/logo-provincie_utrecht.gif) no-repeat top left;
	margin-left: 12px;
	margin-top: 24px;
	}
	
	#logo, #logo a, #logo a:link
	{
	width: 250px;
	height: 30px;
	}
	#logo a, #logo a:link
	{
	display: block;
	text-indent: -9999px;
	}

	/* ################ */
	/* #   Assistent  # */
	/* ################ */
	
	#assistent
	{
	position: absolute;
	top: 100px;
	right: 0px;
	width: 200px;
	}
	#assistent ul{ list-style: none;}
	#assistent ul li{ display: inline;}
	#assistent li a, #assistent li a:link
	{
	display: block;
	float: right;
	height: 23px;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 10px 10px 0 10px;
	letter-spacing: 1px;
	}
	
	#assistent li a:active, #assistent li a:hover{ background: #9097af; text-decoration: none;}
	
	/* ################ */
	/* #   Navigatie  # */
	/* ################ */
	
	#menu
	{
	position: absolute;
	top: 100px;
	
	width: 960px;
	height: 32px;
	
	}
	
	#menu ul { list-style: none; margin: 0px; padding: 0px; }
	#menu li { display: inline;}
	
	#menu li a, #menu li a:link
	{
	display: block;
	float: left;
	height: 23px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 9px 10px 0 10px;
	letter-spacing: 1px;
	}
	#menu li a:active, #menu li a:hover{ background: #9097af; text-decoration: none;}
	
	#menu .active, #menu .active:link{ background: #9097af; }
	#menu .active:active, #menu .active:hover{ background: #9097af; }
	
	
	/* ############## */
	/* #   Opties   # */
	/* ############## */
	
	#opties
	{
	position: absolute;
	top: 3px;
	right: 10px;
	width: 400px;
	}
	#opties ul { list-style: none; }
	#opties li { font-size: 0.9em; color: #888888; }
	
	#opties a, #opties a:link, #opties span
	{
	display: block;
	float: right;
	color: #888888;
	margin-left: 3px;
	padding-top: 2px;
	padding-bottom: 3px;
	}
	
	#opties span { position: absolute; right: 40px; }
	
	#opties .larger, #opties.larger:link, #opties .smaller, #opties.smaller:link
	{
	width: 16px;
	height: 16px;
	text-indent: -9999px
	}
	
	#opties .larger{ background: url(../images/icon-larger.gif) no-repeat top left; }
	#opties .smaller{ background: url(../images/icon-smaller.gif) no-repeat top left; }
	#opties .rss{ background: url(../images/logo-rss.gif) no-repeat top left; padding-left: 21px; padding-right: 23px; }
	
	
		
	/* ############## */
	/* #   Zoeken   # */
	/* ############## */
	#search 	{ width: 220px; position: absolute; top: 44px; right: 10px; }
	#search fieldset{ border: none; }
	#search legend, #search label{ position: absolute; left: -9999px; }
	
	#search #q
	{
	font-size: 0.9em;
	color: #A71A1B;
	background: #FFFFFF;
	padding: 3px 5px 4px 5px;
	border: none;
	width: 190px;
	}
	
	#search .image
	{
	background: #000000 url(../images/button-search-submit.gif) no-repeat center center;
	width: 20px;
	height: 20px;
	border: none;
	float: right;
	}
	
	#search a, #search a:link { color: #FFFFFF; font-size: 0.9em; float: right; display: block; margin-top: 6px; margin-right: 20px; }
	#search a:hover, #search a:active { text-decoration: underline; }
	
	#search .sitemap, #search .sitemap:link { float: left; }
		
		

/* ############## */
/* #   Content  # */
/* ############## */ 

#content
{
position:relative;
padding-top: 132px;
min-height: 100px;
background: url(../images/background-crumble-red.gif) no-repeat 0px 132px;
}

#content #kop
{
padding-top: 18px;
color: #FFFFFF;
margin-left: 290px;
height: 57px;
overflow: hidden;

}

#content #kop a, #content #kop a:link { color: #FFFFFF; }
#content #kop a:active, #content #kop a:hover {  }

#content #inhoud { width: 420px; float: right; margin: 10px; position: relative; min-height: 400px; margin-top: 10px;}

#content #inhoud p a, #content #inhoud p a:link { font-weight: bold; }

#content #breadcrumb { min-height: 14px; }

	/* ############## */
	/* #   Sidebar  # */
	/* ############## */ 
	
	#sidebar_organen
	{
	width: 248px;
	float: left;
	margin-left: 22px;
	margin-top: 14px;
	}
	
	#sidebar_organen h3, #sidebar_organen ul li a, #sidebar_organen ul li a:link
	{
	display: block;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #E5E5E5;
	padding: 5px 0px;
	margin-left: 25px;
	font-size: 1em;
	}
	
	#sidebar_organen h3.active { color: #C40009; }
	
	#sidebar_organen ul li a, #sidebar_organen ul li a:link
	{
	font-weight: normal;
	padding-left: 10px;
	background: url(../images/icon-submenu-black.gif) no-repeat 0px 9px;
	margin-left: 35px;
	line-height: 130%;
	min-height: 18px;
	}
	
	#sidebar_organen h3 a, #sidebar_organen h3 a:link{ font-weight: bold; color: #000;}
	#sidebar_organen h3 a:active, #sidebar_organen h3 a:hover{ text-decoration: none; }
	
	#sidebar_organen h3:active, #sidebar_organen h3:hover { border-bottom: 1px solid #000000; }
	
	#sidebar_organen ul { list-style: none; margin:0px; padding: 0px;}
	#sidebar_organen ul li { display: inline; }
	
	#sidebar_organen ul li a:hover	{ border-bottom: 1px solid #000; text-decoration: none; background: url(../images/icon-submenu-black-hover.gif) no-repeat 0px 9px;}

	#sidebar_organen ul li ul { list-style: none; margin: 0; padding: 0 0 0 15px; }
	#sidebar_organen ul li ul a { font-weight: normal; padding: 5px 0 5px 20px; background: url(../images/icon-map.gif) no-repeat left top; }
	
	
	#sidebar_organen .themas li a, #sidebar_organen .themas li a:link { margin-left: 25px; }
	
	#sidebar_organen ul.active li a{ color: #C40009; }
	#sidebar_organen ul.active li a:active{ color: #C40009; text-decoration: none; }
	
	
	/* ################### */
	/* #   Extracontent  # */
	/* ################### */ 
	#extracontent
	{
	width: 220px;
	float: right;
	margin: 10px;
	margin-top: 19px;
	}

	/* Komende en laatste vergaderingen */
	#extracontent h3
	{
	color: #9097AF;
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #9097AF;
	}

	#extracontent ul { list-style: none; }
	#extracontent li {}
	#laatste_vergaderingen li a, #laatste_vergaderingen li a:link,
	#komende_vergaderingen li a, #komende_vergaderingen li a:link
	{
	display: block;
	color: #99a4b7;
	font-size: 0.9em;
	border-bottom: 1px solid #E5E5E5;
	padding: 4px 10px 4px 0;
	background: url(../images/icon-submenu-black.gif) no-repeat right bottom;
	line-height: 140%;
	}
	
	#komende_vergaderingen li .sp_meeting, #laatste_vergaderingen li .sp_meeting{ display: block; font-size: 1.15em; color: #000000; clear: both; line-height: 140%; }
	#laatste_vergaderingen li a:active, #laatste_vergaderingen li a:hover, #komende_vergaderingen li a:active, #komende_vergaderingen li a:hover { text-decoration: none; border-bottom: 1px solid #000000; background: url(../images/icon-submenu-black-hover.gif) no-repeat right bottom; }
	
	#laatste_vergaderingen{ margin-top: 10px; }
	
	/* Bar */
	#bar{ margin-top: 30px; border-bottom: 1px solid #E5E5E5; height: 22px; line-height: 99%; }
	
	#bar a, #bar a:link
	{
	display: block;
	width: 40px;
	padding: 4px 0px 6px 18px;
	color: #3e3d40;
	border-bottom: 1px solid #E5E5E5;
	font-weight: normal!important;
	}
	
	#bar a:active, #bar a:hover
	{
	border-bottom: 1px solid #000000;
	text-decoration: none;
	}
	
	#bar .print { padding-left: 22px!important; background: url(../images/icon-print.gif) no-repeat top left; float: left; }
	#bar .top { background: url(../images/totop.png) no-repeat left 2px; float: right; }
	
	/* ################### */
	/* #   Extracontent  # */
	/* ################### */ 
	
	#sidebar_organen #navigation{}
	#sidebar_organen #navigation h2{ display:none;}
	#sidebar_organen #subnavlist { list-style: none; }
	#sidebar_organen #subnavlist li{  }
	#sidebar_organen #subnavlist li a, #sidebar_organen #subnavlist li a:link
	{
	margin-left: 25px;
	background: none;
	padding-left: 0px;
	/*border-bottom: 1px solid #000000;*/
	font-weight: bold;
	}
	
	#sidebar_organen #subnavlist li a:hover, #sidebar_organen #subnavlist li a:active { color: #c40009; text-decoration: none;}
	#sidebar_organen #subnavlist li a.selected, #sidebar_organen #subnavlist li a.selected:link { color: #c40009; }
	
	
	
/* ############# */
/* #   Footer  # */
/* ############# */ 

#footer
{
width: 100%;
height: 38px;
background: url(../images/background-y-red.gif) repeat-y #ebebeb;
clear: both;
margin-top: 30px;
position: absolute;
bottom: 0px;
}

#footer p
{
width: 960px;
text-align: center;
margin: 0px;
padding: 12px 0px 0px 0px;
font-size: 0.8em;
color: #666666;
}

/*	#####################################	*/
/*	# Extra CSS voor:					#	*/
/*	# Kalender							#	*/
/*	#####################################	*/

.month_container {
height: 16.5em;
width: 250px;
float: left;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 1em;
}

.month { border-collapse: collapse; width: 220px;}

.month caption { text-align: center; padding:.3em; }

.month caption a, .month caption a:hover
{
text-decoration: none!important;
background: none;
border: none;
margin: 0;
padding: 0;
font-weight: bold;
color: #000!important;
}

.month th
{	
height:1em;
font-size: 1em;
text-align: center!important;
padding: 0.5em;
font-weight: normal;
}

.month td
{
text-align: center;
line-height: 100%;
border: 1px solid #8E9AAE;
}

.month td.day a, .month td.day span
{
display: block!important;
text-decoration: none;
font-weight: normal;
padding: 0.3em 0.5em!important;
margin: 0;
}

.month td.day a, .month td.day a:link
{
color: #A71A1B;
}

.month td.day a:hover { color: #C10434; text-decoration: underline; font-weight: bold; }
.month td.day a.active { margin: 0; padding: 0; font-weight: bold; }

.month .today { background: #A71A1B; color: #FFFFFF; }
.month .today a, .month .today a:link{ color: #FFFFFF; }
.month .today a:active, .month .today a:hover{ color: #FFFFFF!important; }

.month .maandvooruit, .month .maandvooruit:link, .month .maandterug, .month .maandterug:link
{ 
text-indent: -9999px;
width: 10px;
height: 15px;
}

.month .maandvooruit, .month .maandvooruit:link { float: right; background: url(../images/icon-submenu-black.gif) no-repeat left 3px; }
.month .maandterug, .month .maandterug:link { float: left; background: url(../images/icon-submenu-black_mirrored.gif) no-repeat right 3px; }
.month .maandvooruit:active, .month .maandvooruit:hover { float: right; background: url(../images/icon-submenu-black-hover.gif) no-repeat left 3px; }
.month .maandterug:active, .month .maandterug:hover { float: left; background: url(../images/icon-submenu-black-mirrored-hover.gif) no-repeat right 3px; }

/*	#####################################	*/
/*	# Extra CSS voor:					#	*/
/*	# Sitemap							#	*/
/*	#####################################	*/

#sitemap{}
#sitemap ul{ margin-left: 15px;}
#sitemap ul li{ font-size: 1.1em;}
#sitemap ul li li{ font-size: 0.9em;}
#sitemap a, #sitemap a:link{}

/*	#####################################	*/
/*	# Extra CSS voor:					#	*/
/*	# Teruglink							#	*/
/*	#####################################	*/

.teruglink, .teruglink:link { color: #8e9aae!important; border-bottom: 1px solid #E5E5E5; display: block; padding-bottom: 0px; background: url(../images/icon-submenu-black.gif) no-repeat right bottom;}
.teruglink:hover, .teruglink:active { text-decoration: none; border-bottom: 1px solid #000000; background: url(../images/icon-submenu-black-hover.gif) no-repeat right bottom; }