/* vvdfriesland.nl */

/* reset */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* fonts reset */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

html { height: 100%; }

body {
	color: #222;
	/*background: #f7901e url("/images/bg_body.png") repeat-y top center;*/
	background: #f4821f url("/images/bg_body.png") repeat-y top center;
	/*background-color: #f7901e;*/
	height: 100%;
}

body,td,th,input,select,textarea {
	font: 12px/135% verdana, arial, sans-serif;
}

input,textarea { line-height: normal; }

p { margin-bottom: 10px; }

a { color: #f7901e; text-decoration: underline; outline: none; }
a:hover { color: #f7901e; text-decoration: none; }
a:active { color: #f7901e; }
img { border: none; }
fieldset { border: none; }
caption { display: none; }

ul { margin: 0 0 10px 25px;	}
ul li { list-style-type: disc; }
ol { margin: 0 0 10px 25px; }
ol li { list-style-type: decimal; }

table { border-collapse: collapse; }
th, td {}
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}

dl dt {}
dl dd {}

hr { height: 0px; border: 0px; border-bottom: 1px solid #ddd; }

strong { font-weight: bold; }
em { font-style: italic; }

.clear { clear: both; }

.orange { color: #f7901e; }
.blue { color: #004177; }

.bg-orange { background-color: #f7901e; }
.bg-blue { background-color: #004177; }


/*** HEADINGS ***/

h1,h2,h3,h4,h5,h6 {
	margin: 0 0 10px 0;
	color: #004177;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; color: #444; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: #444; }

h1 { font-size: 22px; line-height: 30px; }
h2 { font-size: 25px; margin-bottom: 20px; line-height: 30px;}
h3 { font-size: 13px; font-weight: bold; }
h4 { font-size: 13px; font-weight: bold; }
h5 { font-size: 13px; }


/*** CONTAINER ***/

#container {
	position: relative;
	width: 928px;
	margin: 0 auto;
	text-align: left;
	/*background-image: url("/images/bg_container.png");*/
	height: 100%;
}


/*** HEADER ***/

#header {
	position: relative;
	height: 132px;
	width: 100%;
	/*background-color: red;*/
}

#header h1 {
	position: absolute;
	z-index: 9998;
	top: 20px;
	left: 24px;
	width: 70px;
	height: 70px;
	margin: 0;
}

#header h1 a {
	display: block;
	text-indent: -1234em;
	text-decoration: none;
	width: 70px;
	height: 70px;
	background-image: url("/images/logo.gif")
}

#header strong {
	position: absolute;
	top: 42px;
	left: 110px;
	width: 142px;
	height: 22px;
}

#header strong a {
	display: block;
	text-indent: -1234em;
	text-decoration: none;
	width: 142px;
	height: 22px;
	background-image: url("/images/friesland.gif")
}

#header #photos {
	position: absolute;
	top: 15px;
	right: 24px;
	/*width: 469px;*/
	width: 562px;
	height: 102px;
}


/*** CONTENT ***/

#content {
	position: relative;
	width: 880px;
	margin: 90px auto 0 auto;
	/*margin: 45px 0 0 4px;
	padding: 40px 20px 0 20px;*/
	overflow: hidden;
	min-height: 350px;
	/*background-color: lightblue;*/
}

#wrapper {
	float: left;
	width: 100%;
	/*background-color: green;*/
}

/*** MAIN CONTENT ***/

#maincontent {
	/*margin: 0 210px 0 200px;*/
	margin: 0 60px 0 200px;
	padding: 0 10px 10px 10px;
	/*background-color: yellow;*/
}


/*** LEFT CONTENT ***/

#leftcontent {
	float: left;
	width: 180px;
	margin-left: -880px;
	/*background-color: red;*/
}


/*** RIGHT CONTENT ***/

#rightcontent {
	display: none;
	position: relative;
	float: left;
	width: 180px;
	margin-left: -180px;
	/*background-color: red;*/
}


/*** CONTENT HOME ***/

#contenthome {
	position: relative;
	width: 880px;
	margin: 90px auto 0 auto;
	/*margin: 45px 0 0 4px;
	padding: 40px 20px 0 20px;*/
	overflow: hidden;
	min-height: 350px;
	/*background-color: lightblue;*/
}


/*** MAIN CONTENT HOME ***/

#maincontenthome {
	margin: 0 280px 0 160px;
	padding: 0 5px 5px 5px;
	/*background-color: yellow;*/
}


/*** LEFT CONTENT HOME ***/

#leftcontenthome {
	float: left;
	width: 180px;
	margin-left: -880px;
	/*background-color: red;*/
}


/*** RIGHT CONTENT HOME ***/

#rightcontenthome {
	position: relative;
	float: left;
	width: 260px;
	margin-left: -260px;
}

#rightcontenthome #newsbox {
	border-left: 1px dotted #aaa;
	padding-left: 10px;
	min-height: 140px;
}

#rightcontenthome #newsbox h2 {
	font-size: 18px;
	color: #004177;
}

/*** BOXES ***/

.box {
	margin-bottom: 40px;
}

.box-left {
	width: 120px;
	padding: 10px;
	border: 1px solid #004177;
}

.box-right {
	width: 160px;
	color: #fff;
}

.box-right h2 {
	/*color: #fff;*/
	color: #f7901e;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}

/*	
	==========================================================================================
 	list (kan ge-embed worden (conform type cms-item) in (nieuws, weblog, persoon, ... ) ) : 
 	item, sorting, paging (items in een list) 
	==========================================================================================
 */

.list .sorting {}
.list .paging {}
.list .content {}
.list .content .item {	padding: 0 0 20px 0; } 

.list .content .item a {
	color: #f7901e;
}

.list .content .item {
	margin-bottom: 20px;
}

.list .content .item h2 {
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 5px;
}

.list .content .item h2 a {
	color: #f7901e;
	border-bottom: 1px dotted #f7901e;
	padding-bottom: 1px;
}

.list .content .item h2 a:hover { color: #666; border-bottom: 1px dotted #666; }

.list .content .item .title {}
.list .content .item .subject {}
.list .content .item .intro { clear: both; }

.list .content .item ul.header { margin: 0; }
.list .content .item ul.header .date { display: none; }
.list .content .item ul.header .group {}
.list .content .item ul.header .address {}
.list .content .item ul.header .city {}
.list .content .item ul.header .state {}

.list .content .item ul.header li {
	list-style-type: none;
	float: left;
	font-size: 10px;
	color: #757575;
	/*padding: 0 4px 0 18px;*/
	padding: 0 4px 0 0;
	margin-right: 1px;
}

.list .content .item ul.header li a { color: #757575; }

.list .content .item ul.footer {
	margin: 20px 0 0 0;
	border-top: 1px solid #ffcc66;
	border-bottom: 1px solid #ffcc66;
	background-color: #ffffcc;
	height: 20px;
}

.list .content .item ul.footer li {
	list-style-type: none;
	float: left;
	font-size: 10px;
	color: #757575;
	/*padding: 1px 2px 0 18px;*/
	padding: 1px 2px 0 8px;
	margin-right: 0px;
}

.list .content .item ul.footer li a { color: #757575; }
.list .content .item ul.footer li.author {}
.list .content .item ul.footer li.calender {}

.list .content .item ul.footer li.category {
	padding-left: 20px;
	border-right: none;
}

.list .content .item ul.footer li.read_more {
	padding-left: 18px;
}

.list .content .item ul.footer li.comment {
	padding-left: 20px;
	border-right: none;
}

/*
	==========================================================================================
	detail (kan ge-embed worden (conform type cms-item) in (nieuws, weblog, persoon, ... ) ) 
	(item, paging in detail, in 1 pagina, dus niet in list) 
	==========================================================================================
*/

.detail .paging {}
.detail .content {	margin-bottom: 20px; }

.detail .content a {
	color: #f7901e;
}

.detail .content {
	margin-bottom: 20px;
}

.detail .content h2 {
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 5px;
}

.detail .content h2 a {
	color: #f7901e;
	border-bottom: 1px dotted #f7901e;
	padding-bottom: 1px;
}

.detail .content h2 a:hover { color: #666; border-bottom: 1px dotted #666; }

.detail .content .title {}
.detail .content .subject {}
.detail .content .intro { clear: both; }

.detail .content ul.header { margin: 0; }
.detail .content ul.header .date { display: none; }
.detail .content ul.header .group {}
.detail .content ul.header .address {}
.detail .content ul.header .city {}
.detail .content ul.header .state {}

.detail .content ul.header li {
	list-style-type: none;
	float: left;
	font-size: 10px;
	color: #757575;
	padding: 0 4px 0 0;
	margin-right: 1px;
}

.detail .content ul.header li a { color: #757575; }

.detail .content ul.footer {
	margin: 20px 0 0 0;
	border-top: 1px solid #ffcc66;
	border-bottom: 1px solid #ffcc66;
	background-color: #ffffcc;
	height: 20px;
}

.detail .content ul.footer li {
	list-style-type: none;
	float: left;
	font-size: 10px;
	color: #757575;
	/*padding: 1px 2px 0 18px;*/
	padding: 1px 2px 0 8px;
	margin-right: 0px;
}

.detail .content ul.footer li a { color: #757575; }

.detail .content ul.footer li.author {}
.detail .content ul.footer li.calender {}

.detail .content ul.footer li.category {
	padding-left: 20px;
	border-right: none;
}

.detail .content ul.footer li.read_more {
	padding-left: 18px;
}

.detail .content ul.footer li.comment {
	padding-left: 20px;
	border-right: none;
}


/*** Weblog reactie ***/

#weblog #reactie .list { }
#weblog #reactie .list .sorting { padding-bottom: 5px; border-bottom: 1px solid #aaa; }
#weblog #reactie .list .paging { }
#weblog #reactie .list .content { padding-top: 5px; }
#weblog #reactie .list .content .item { border-bottom: 1px dotted #aaa; }


/*** Nieuws ***/

#rightcontenthome #nieuws {}
#rightcontenthome #nieuws .item { border-bottom: 1px dotted #aaa; }
#rightcontenthome #nieuws .item .date {font-style: italic; font-size: smaller; }
#rightcontenthome #nieuws .item .title { display: block; text-align: left; }
#rightcontenthome #nieuws .item .subject { font-size: 12px; }
#rightcontenthome #nieuws .item .intro {}


/*** Nieuws ***/

#maincontent #nieuws {}
#maincontent #nieuws .item { border-bottom: 1px dotted #aaa; margin-bottom: 10px; padding-bottom: 10px;}
#maincontent #nieuws .item .date {font-style: italic; font-size: smaller; }
#maincontent #nieuws .item .title { display: block; text-align: left; }
#maincontent #nieuws .item .subject { font-size: 12px; }
#maincontent #nieuws .item .intro {}


/*** Agenda ***/

#maincontent #agenda .item {	padding: 0 0 20px 0; }

#maincontent #agenda .item a {
	color: #f7901e;
}

#maincontent #agenda .item {
	margin-bottom: 20px;
}

#maincontent #agenda .item h2 {
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 5px;
}

#maincontent #agenda .item h2 a {
	color: #f7901e;
	border-bottom: 1px dotted #f7901e;
	padding-bottom: 1px;
}

#maincontent #agenda .item h2 a:hover { color: #666; border-bottom: 1px dotted #666; }

#maincontent #agenda .item .title {}
#maincontent #agenda .item .subject {}
#maincontent #agenda .item .intro { clear: both; }

#maincontent #agenda .item ul.header { margin: 0; }
#maincontent #agenda .item ul.header .date { display: none; }
#maincontent #agenda .item ul.header .group {}
#maincontent #agenda .item ul.header .address {}
#maincontent #agenda .item ul.header .city {}
#maincontent #agenda .item ul.header .state {}

#maincontent #agenda .item ul.header li {
	list-style-type: none;
	float: left;
	font-size: 10px;
	color: #757575;
	/*padding: 0 4px 0 18px;*/
	padding: 0 4px 0 0;
	margin-right: 1px;
}

#maincontent #agenda .item ul.header li a { color: #757575; }

#maincontent #agenda .item ul.footer {
	margin: 20px 0 0 0;
	border-top: 1px solid #ffcc66;
	border-bottom: 1px solid #ffcc66;
	background-color: #ffffcc;
	height: 20px;
}

#maincontent #agenda .item ul.footer li {
	list-style-type: none;
	float: left;
	font-size: 10px;
	color: #757575;
	/*padding: 1px 2px 0 18px;*/
	padding: 1px 2px 0 8px;
	margin-right: 0px;
}

#maincontent #agenda .item ul.footer li a { color: #757575; }
#maincontent #agenda .item ul.footer li.author {}
#maincontent #agenda .item ul.footer li.calender {}

#maincontent #agenda .item ul.footer li.category {
	padding-left: 20px;
	border-right: none;
}

#maincontent #agenda .item ul.footer li.read_more {
	padding-left: 18px;
}

#maincontent #agenda .item ul.footer li.comment {
	padding-left: 20px;
	border-right: none;
}


/*** CSS FORM TEMPLATE ***/

div.form-container {}

p.legend {
	background-color: #FFC; border: 2px dotted #FC6;
	padding: 10px;
	font-style: italic;
}

p.legend strong { font-style: italic; }

p.legend em {
	color: #f7901e;
	font-style: normal;
}

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #f7901e; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: 1px solid #eee; }
div.form-container form legend { font-weight: bold; color: #004177; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label {
	margin-right: 10px;
	padding-right: 10px;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	cursor: pointer;
}

div.form-container label:hover, 
div.form-container span.label:hover { color: #f7901e;}

div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #f7901e; }

div.form-container input,
div.form-container textarea { padding: 1px 0 1px 4px; border: 1px solid #c0c4c9; }

div.form-container input.inputerror { border: 1px solid #f7901e; background-color: #FEF; }

div.form-container input:focus,
div.form-container input.inputerror:focus, 
div.form-container textarea.inputerror{	background-color: #FFC; border-color: #FC6; }

div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }

div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }

div.form-container div.controlset div { margin-left: 170px; }

div.form-container div.buttonrow { margin-left: 180px; }

div.form-container div.code {
	float: right;
	margin-right: 22px;
	_margin-right: 10px;
	width: 232px;
	border: 1px solid #c0c4c9;
}

div.form-container div.hidden { display:none }

div.form-container div.show {
	position: absolute;
	z-index: 99;
	padding: 10px;
	display: inline;
	background-color: #FFC;
	border: 1px solid #2d3437;
}

div.form-container label.blocked {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
}

div.form-container textarea, div.form-container input { width: 228px; }
div.form-container .buttonrow input { width: auto; }

div.form-offerte textarea { width: 432px; }


/*** SITEMAP ***/

#sitemap li {
	min-height: 22px;
	list-style-type: circle;
}

#sitemap li a { display: block; font-weight: bold; text-decoration: none; padding-top: 10px; }

#sitemap li a:hover { text-decoration: underline; }

#sitemap li li a {
	height: 22px;
	margin: 0; padding: 0;
	font-weight: normal;
}

#sitemap li li li a {}
#sitemap li li li li a {}
#sitemap li li li li li a {}


/*** LEFT SUBMENU ***/

/*h3.submenu_header {
	border-top: 1px solid #d9d7cb;
	margin: 0;
}

h3.submenu_header a {
	display: block;
	text-decoration: none;
	padding: 8px 0 8px 10px;
	font-weight: bold;
}*/

#submenu ul {
	margin: 0;
	border-top: 1px solid #dedede;
}

#submenu ul ul { padding: 0; }

#submenu ul li {
	list-style-type: none;
	border-bottom: 1px solid #dedede;
	font-family: verdana, arial;
	padding: 0;
}

#submenu ul li a {
	display: block;
	text-decoration: none;
	padding: 6px 0 6px 10px;
	font-weight: bold;
	color: #444;
}

#submenu ul li a.active {
	color: #f7901e;
}

#submenu ul li a:hover {
	color: #f7901e;
	background-color: #fff;
}

#submenu li li {
	border-bottom: none;
	padding: 0;
	min-height: 20px;
	_height: 20px;
	background-color: #fff;
	background-image: none;
}

#submenu li li a {
	min-height: 20px;
	_height: 20px;
}

#submenu li li a {
	padding: 4px 0 4px 30px;
	font-size: 11px;
	color: #444;
	background: url("img/bullets/bullet_ball.gif") no-repeat 20px 11px;
	font-weight: normal;
}

#submenu li li a:hover, #submenu li li a.active:hover {
	color: #f7901e;
	background-color: #fff;
}

#submenu li li a.active { font-weight: bold; color: #f7901e; }

#submenu p {
	padding: 4px 0 4px 10px;
	font-size: 11px;
	border-bottom: 1px solid #444;
}

#submenu p a { color: #f7901e; }


/*** MENU ***/

#menu {
	position: absolute;
	width: 880px;
	z-index: 99;
	top: 132px;
	left: 24px;
	font: 13px/34px verdana;
	_height: 34px;
	/*padding-bottom: 4px;*/
	background-color: #004177;
}

#menu ul {
	margin: 0;
}

#menu ul li {
	float: left;
	list-style-type: none;
	padding: 0 11px;
}

#menu ul li.first { margin-left: 20px; }
#menu ul li.last {  }

#menu ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	/*height: 32px;*/
	/*border-bottom: 2px solid #004177;*/
}

#menu a:hover {
	color: #fff;
	background: url("/images/bg_menuitem_white.png") no-repeat top center;
	/*border-bottom: 2px solid #fff;*/
}

#menu a.active {
	color: #fff;
	color: #f7901e;
	background: url("/images/bg_menuitem_orange.png") no-repeat top center;
	/*border-bottom: 2px solid #f7901e;*/
}


/*** BREADCRUMB ***/

#breadcrumb {
	position: absolute;
	top: 130px;
	height: 25px;
	width: 890px;
	/*background-color: #f9f9f9;*/
}

#breadcrumb ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 0 0 13px;
}

#breadcrumb li {
	display: inline;
	padding-left: 7px;
	text-transform: lowercase;
	font-size: 11px;
	color: #333;
}

#breadcrumb li span { color: #fff; }

#breadcrumb li.first { padding-left: 0; background-image: none; }

#breadcrumb a { text-decoration: underline; color: #2d3437; }

#breadcrumb a:hover {
	text-decoration: none;
}


/*** FOOTER ***/

#footer {
	width: 880px;
	margin: 0 auto;
	clear: both;
	position: relative;
	top: 20px;
	height: 50px;
	_height: 70px;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	font-size: 11px;
	color: #004177;
	text-align: center;
}

#footer strong {
	font-weight: normal;
}

#footer strong a {
	text-decoration: none;
	color: #004177;
	cursor: default;
}