/**
 * Layout.css
 */

/* General */

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: white;
	font: 11px/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #CB0031;
}

a:hover, a:active {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 10px 0;
	padding: 0;
	line-height: normal;
}

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

h2.detail-header {
	 color: #CB0031;
}

p {
	margin: 5px 0 20px 0;
	padding: 0;
}

p.date,
p.intro,
span.date {
	font-weight: bold;
}

blockquote {
	margin: 5px 0 20px 20px;
	padding: 10px;
	background-color: #CFDBE0;
	font-style: italic;
}

blockquote p {
	margin: 0;
}

input, select, label {
	vertical-align: top;
}

img {
	display: block;
	border: 0;
}

input,
textarea {
	padding: 2px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input.text,
textarea {
	padding: 4px;
	border: 1px solid #D0DCE0;
}

input.large {
	width: 275px;
}

input.small {
	width: 275px;
	text-align: right;
}

input.medium {
	width: 140px;
}

select.medium {
	width: 150px;
}

label {
	font-weight: bold;
}

address {
	font-style: normal;
}

form {
	margin: 0;
}

option.off {
	color: #999;
}


/* Table style */

table {
	margin: 5px 0 20px 0;
	border-collapse: collapse;
}

th, td {
	text-align: left;
	vertical-align: top;
}

thead {
	background-color: #B3C6CD;
	font-weight: bold;
	color: white;
}

thead td {
	border-bottom: 1px solid #A0B8C1;
}

td {
	padding: 8px;
	border-bottom: 1px solid #B3C6CD;
}


/* Layout */

#wrapper {
	margin: 0 auto;
	width: 950px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	/*background-color: #CFDBE0;*/
}

#header {
	padding: 44px 0 0 0;
	height: 110px;
	background-color: white;
	position: relative;
	z-index: 50;
}

#home #header {
	margin: 0 0 10px 0;
}

#header h1 {
	float: left;
	margin: -34px 10px 10px 0;
	padding: 0;
}

#header h1 a {
	display: block;
	width: 200px;
	height: 92px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#header .banner {
	float: right;
	margin: 0 0 20px 20px;
	height: 60px;
}

#content {
	width: 950px;
	background-color: white;
	overflow: hidden;
}

#inner-content {
	width: 975px;
}

.collapsed {
	display: none;
}


/* Font sizer */

#fontsizer {
	float: right;
	margin: 0 25px 0 0;
	height: 28px;
	font-weight: bold;
	line-height: 28px;
}

#fontsizer #fontsmall {
	font-size: 11px;
}

#fontsizer #fontmedium {
	font-size: 14px;
}

#fontsizer #fontlarge {
	font-size: 16px;
}

#fontsizer a {
	outline: none;
	color: black;
}

#fontsizer a:hover {
	text-decoration: none;
	color: #CB0031;
}

#fontsizer a.active {
	text-decoration: underline;
	color: #CB0031;
}

.medium-font {
	font-size: 120% !important;
}

.large-font {
	font-size: 140% !important;
}


/* Columns */

.column {
	float: left;
	margin-right: 25px;
	padding-bottom: 15px; /* IE7 float bottom margin bug: http://webdesign.maratz.com/lab/ie7_ignored_float_bottom_margin/ */
	background: white url(../img/column-bottom-bg.png) repeat-x bottom left;
}

#left {
	width: 200px;
}

#middle {
	width: 450px;
	background: none;
}

#middle-large {
	width: 550px;
	background: none;
	overflow: hidden;
}

#right {
	width: 250px;
}

#right-small {
	width: 150px;
}

#right-span {
	width: 725px;
	background: none;
}

#right-span .block{
	/* margin: 50px 0 15px 15px; */
	margin: 20px 0 15px 15px;
	width: 250px;
	float: right;
}

a.rss {
	/* float: right; */
	margin: 4px 6px 0 0;
	padding: 1px 0 0 20px;
	background: url(../img/rss.gif) no-repeat 0 0;
	color: black !important;
}

a.rss:hover {
	color: #CB0031 !important;
}


/* Blocks */

.block {
	margin-bottom: 5px;
	padding: 10px;
	background: #FFF;
	border: 1px solid #D0DCE0;
}

.block h3 {
	margin: 0;
	font-size: 12px;
	color: #CB0031;
}

.block p {
	margin: 5px 0 0;
	line-height: 140%;
}

.block a.item {
	color: black;
}

.block a.item:hover {
	color: #CB0031;
}

.block.green {
	padding-bottom: 20px;
	background: url(../img/green-block-bg.gif) no-repeat;
	border: 0;
}

.block.green a,
.block.antracite a {
	font-weight: bold;
	color: white !important;
}

.block.green a:hover {
	color: black !important;
}

.block.antracite a:hover {
	color: #CB0031 !important;
}

.block.green a:hover {
	color: black !important;
}

.block.antracite {
	background: url(../img/antracite-block-bg.gif) no-repeat;
	border: 0;
}

.block.antracite h3 {
	color: black;
}

.block.red {
	padding: 0;
	background: url(../img/red-block-bg.gif) no-repeat;
	border: 0;
}

.block.red h3 {
	color: white;
}

.block.title {
	padding: 0 0 10px;
	background-color: white;
}

.block.title h3 {
	padding: 5px 10px;
	background-color: #CB0031;
	color: white;
}

.block.title p {
	padding: 0 10px;
	font-weight: bold;
}

.block.image {
	padding: 0;
	border: 1px solid #B3C6CD;
}

.block .forum-link {
	display: block;
	margin: 10px 0 0 0;
	background: url(../img/forum-link-arrow.png) no-repeat bottom right;
	color: #000;
}

.block .forum-link:hover {
	color: #CB0031;
}

/* Suggested articles block */

.suggested-article h4 {
	font-size: 12px;
}

/* Buttons */

.button {
	display: block;
	float: right;
	padding: 0 20px 0 10px;
	height: 25px;
	background: #BF0418 url(../img/button-arrow-right-white-red.gif) no-repeat 100% 50%;
	line-height: 25px;
	color: white !important;
}

.button.white {
	background: white url(../img/button-arrow-right-red-white.gif) no-repeat 100% 50%;
	color: #BF0418 !important;
}

/* Tabs */

.tabs {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 24px;
	border-bottom: 1px solid #A0B8C1;
	list-style: none;
}

.tabs li {
	float: left;
	margin-right: 2px;
}

.tabs li a {
	display: block;
	float: left;
	padding: 0 20px;
	height: 23px;
	background-color: #CFDBE0;
	border: 1px solid #A0B8C1;
	border-bottom: 0;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none !important;
	color: #666 !important;
	outline: none;
}

.tabs li a:hover,
.tabs li.selected a {
	height: 24px;
	background-color: white;
	color: #BF0418 !important;
}

.tab-container {
	padding: 10px 0;
	border-bottom: 1px solid #A0B8C1;
}

/* Description table */

.description-table tr th {
	width: 120px;
	text-align: right;
}

.description-table tr th,
.description-table tr td {
	padding: 3px 10px;
	border: 0;
	vertical-align: top;
}


/* News block */


#news-block {
	line-height: 110%;
}

#news-block h3 {
	margin: -10px -10px 0 -10px;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	background-color: #CFDBE0;
	color: #C7002D;
}

#news-block .date {
	font-weight: normal;
}

#news-block a.item {	
	font-weight: bold;
}

#news-block .more {
	display: block;
	padding: 0 20px 0 0;
	color: #000;
	background: url(../img/extra-arrow-sprite.png) no-repeat 100% -122px;
}


/* Calendar */

#calendar {
	position: relative;
	margin: 0 0 10px 0;
	border: 1px solid #A0B8C1;
	font-size: 11px;
}

#calendar .header {
	padding: 0 10px;
	height: 25px;
	background-color: #CFDBE0;
	color: #C7002D;
}

#calendar .header h2 {
	margin: 0;
	line-height: 25px;
	font-size: 12px;
}

#calendar .ui-datepicker-header {
	position: absolute;
	top: 0;
	right: 5px;
	width: 120px;
	line-height: 25px;
}

#calendar .ui-datepicker-header .ui-datepicker-prev {
	float: left;
	width: 11px;
	text-indent: -9999px;
	background: url(../img/extra-arrow-sprite.png) no-repeat 0 -75px;
	cursor: pointer;
}

#calendar .ui-datepicker-header .ui-datepicker-title {
	margin: 0 5px;
	text-align: center;
}

#calendar .ui-datepicker-header .ui-datepicker-next {
	float: right;
	width: 11px;
	text-indent: -9999px;
	background: url(../img/extra-arrow-sprite.png) no-repeat 100% -33px;
	cursor: pointer;
}

#calendar .ui-datepicker-calendar {
	margin: 0;
	width: 198px;
}

#calendar .ui-datepicker-calendar th,
#calendar .ui-datepicker-calendar td {
	border: 0;
	padding: 1px 4px;
	text-align: center;
}

#calendar .ui-datepicker-calendar thead {
	background-color: transparent;
	color: #C7002D;
}

#calendar .ui-datepicker-calendar a {
	padding: 3px;
}

#calendar .ui-datepicker-calendar a:hover {
	background-color: #000;
	color: #FFF;
}

#calendar .ui-state-disabled a {
	background-color: #FFF;
	color: #000;
	cursor: default;
}

#calendar .ui-state-disabled a:hover {
	text-decoration: none;
	cursor: text;
	background-color: #FFF;
	color: #000;
}

#calendar .toolbar ul {
	margin: 0;
	padding: 5px 6px;
	list-style: none;
}

#calendar .toolbar a {
	display: block;
	padding: 0 20px 0 0;
	color: #000;
	background: url(../img/extra-arrow-sprite.png) no-repeat 100% -122px;
}


/* Album gadget */

#album-gadget {
	padding: 0;
	background: none;
}

#album-gadget h3 {
	padding: 5px 10px;
}

#album-scroller {
	width: 198px;
	height: 98px;
	overflow: hidden;
}

#publication-scroller {
	width: 198px;
	height: 101px;
	overflow: hidden;
}

#publication-scroller img {
	margin-left: 59px;
}

#scroller-content {
	width: 3000px;
}

#album-scroller .slide {
	float: left;
	width: 198px;
	height: 98px;
}

#album-controls {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: black;
	text-align: center;
}

#album-controls li {
	display: inline;
	font-size: 14px;
}

#album-controls li a {
	color: white;
}

#album-controls li a:hover,
#album-controls li a.selected {
	text-decoration: none;
	color: #96BD0D;
}

#folder-control {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: black;
	text-align: center;
}

#folder-control li {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-align: left;
}


/* Search */

#search-form {
	float: right;
}

#search-form p {
	margin: 1px 0;
}

#search-field {
	margin: 2px 0;
	border: 1px solid #E0E7EB;
	padding: 3px;
	color: #A0B8C1;
}

#search-field.focus {
	color: black;
}


/* Quick nav */

#quick-nav {
	height: 30px;
	overflow: hidden;
}


/* Breadcrumbs */

#breadcrumbs {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	list-style-type: none;
	font-size: 10px;
}

#breadcrumbs li {
	float: left;
	margin-right: 5px;
}

#breadcrumbs li a {
	padding-right: 10px;
	background: url(../img/breadcrumb-arrow-right.gif) no-repeat 100% 60%;
	line-height: 30px;
	color: black;
}

#breadcrumbs li a:hover {
	background: url(../img/breadcrumb-arrow-right-hover.gif) no-repeat 100% 60%;
	color: #CB0031;
}

#breadcrumbs li.last a,
#breadcrumbs li.last a:hover {
	background: none;
	color: #CB0031;
}

/* Visual */

#visual {
	width: 550px;
	height: 340px;
}

#visual .slide-visual {
	display: block;
	float: left;
	margin-bottom: -550px;
	width: 550px;
	height: 340px;
}

/* Themes */

#themes {
	margin: 10px -8px 0 0;
	padding: 0;
	width: 558px;
	list-style: none;
	overflow: hidden;
}

#themes li {
	float: left;
	margin: 0 8px 0 0;
	width: 85px;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}

#themes li a {
	display: block;
	padding: 68px 0 0 0;
	height: 35px;
	background: url(../img/themes-sprite.png) no-repeat;
	color: black;
}

#themes li a:hover {
	text-decoration: none;
	color: #CB0031;
}

#themes #gezin-familie a {
	background-position: 0 0;
}

#themes #werk-inkomen a {
	background-position: -270px 0;
}

#themes #vrije-tijd a {
	background-position: -88px 0;
}

#themes #pastoraat-diaconaat a {
	background-position: -360px 0;
}

#themes #onderwijs a {
	background-position: -180px 0;
}

#themes #zorg-welzijn a {
	background-position: -457px 0;
}


/* Service nav */

#service-nav {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0 10px 0 0;
	list-style-type: none;
	font-size: 10px;
	background-color: #CFDBE0;
}

#service-nav li {
	float: left;
	margin-left: 10px;
}

#service-nav li a {
	line-height: 20px;
	color: black;
}

#service-nav li a:hover {
	color: #CB0031;
}


/* Related */

#related {
	margin: 0;
	padding: 0;
	border-top: 1px dotted #CB0031;
	list-style-type: none;
}

#related li {
	border-bottom: 1px dotted #CB0031;
	line-height: 25px;
}

#related li a {
	display: block;
	background: url(../img/arrow-right-antracite.gif) no-repeat 100% 50%;
}

#related li a:hover {
	background: url(../img/arrow-right-red.gif) no-repeat 100% 50%;
}


/* Search results */

#search-term {
	padding: 1px 2px;
	background-color: #BF0418;
	font-weight: bold;
	color: white;
}

#result-count {
	font-weight: bold;
	color: #BF0418;
}

.pagination {
	width: 100%;
	height: 25px;
	background-color: #ECF1F3;
	border-bottom: 1px solid #B3C6CD;
}

.pagination.bottom {
	border-top: 1px solid #B3C6CD;
	border-bottom: 0;
}

.pagination p {
	float: left;
	margin: 0;
	padding: 0 10px;
	font-weight: bold;
	line-height: 25px;
}

.pagination a {
	border-left: 1px solid white;
	line-height: 25px;
	color: white !important;
}

.pagination ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pagination ul li {
	float: left;
}

.pagination ul li a {
	display: block;
	padding: 0 5px;
	background-color: #B3C6CD;
}

.pagination a:hover,
.pagination ul li a:hover,
.pagination ul li.selected a {
	background-color: #BF0418;
	text-decoration: none;
}

.pagination-controls {
	float: right;
}

.pagination-previous {
	float: left;
	padding: 0 10px 0 20px;
	background: #B3C6CD url(../img/button-arrow-left-white-gray.gif) no-repeat 0 50%;
}

.pagination-next {
	float: left;
	padding: 0 20px 0 10px;
	background: #B3C6CD url(../img/button-arrow-right-white-gray.gif) no-repeat 100% 50%;
}

.pagination-previous:hover {
	background: url(../img/button-arrow-left-white-red.gif) no-repeat 0 50%;
}

.pagination-next:hover {
	background: url(../img/button-arrow-right-white-red.gif) no-repeat 100% 50%;
}

.search-result {
	position: relative;
	margin: 10px 0;
	width: 550px;
	width: 100%;
	background: #ECF1F3 url(../img/search-result-bg.gif) repeat-y;
	overflow: hidden;
}

.search-result-odd {
	background: white url(../img/search-result-odd-bg.gif) repeat-y;
}

.search-result .result-number {
	float: left;
	margin: 10px 0 0;
	width: 20px;
	text-align: center;
	color: #BF0418;
}

.search-result .result-body {
	float: left;
	padding: 10px;
	width: 510px;
}

.search-result h3 {
	margin: 0 0 5px;
}

.search-result p {
	margin: 5px 0 25px;
}

.search-result .button {
	position: absolute;
	right: 0;
	bottom: 0 !important;
	bottom: -1px;
	clear: both;
}


/* News overview */

.article {
	margin-top: 10px;
	width: 550px;
	overflow: hidden;
}

.article-thumb {
	float: left;
	margin-right: 10px;
	width: 148px;
	height: auto !important;
	height: 98px;
	min-height: 98px;
	border: 1px solid #B3C6CD;
}

.article-body {
	float: left;
	margin-bottom: 10px;
	padding: 0 10px;
	width: 370px;
	background-color: #D9E2E6;
}

.article-body p.date {
	margin: 8px 0 5px;
}

.article-body h3 {
	margin: 5px 0;
}

.article-odd .article-body {
	padding: 0 9px;
	width: 370px;
	background-color: white;
	border: 1px solid #D0DCE0;
}

/* Publication overview */

.publication {
	margin-bottom: 10px;
	width: 548px;
	border: 1px solid #B3C6CD;
	overflow: hidden;
}

.publication-thumb {
	float: left;
	padding: 10px;
	width: 80px;
	height: auto !important;
	height: 98px;
	min-height: 98px;
}

.publication-body {
	float: left;
	padding: 0 10px;
	width: 428px;
	background-color: #EFEFEF;
}

.publication .button {
	background: #B4C6CD url(../img/button-arrow-right-white-gray.gif) no-repeat 100% 50%;
}

.publication-odd .publication-body {
	background-color: #D9E2E6;
}

.publication-odd .button {
	background: #BF0418 url(../img/button-arrow-right-white-red.gif) no-repeat 100% 50%;
}

.publication-body .toolbar {
	margin: 0 -10px;
	width: 448px;
	height: 25px;
}

.publication-body h3 {
	margin: 10px 0 5px;
}

.publication-body p {
	margin: 0 0 10px;
}

/* Publication */

#publication-image {
	display: block;
	margin-bottom: 20px;
	padding: 4px;
	border: 1px solid #A0B8C1;
}

#publication-tabs {
	padding-left: 150px;
}

a.pdf {
	display: inline;
}

img.pdf{
	display: inline;
}

/* General reply form */

#reply-toggle {
	display: block;
	width: 436px;
	padding: 6px 8px;
	background-color: #BF0418;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: white;
}

#reply-container {
	margin: 0;
	width: 450px;
	border: 1px solid #BF0418;
}

#reply-container p {
	margin: 10px 0;
	padding: 0 10px;
	vertical-align: top;
	overflow: hidden;
}

#reply-container label.aligned {
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
}

#reply-container input.text,
#reply-container textarea {
	width: 410px;
	vertical-align: top;
}

#reply-container #submit {
	float: right;
	padding: 5px 20px 5px 3px;
	width: 133px;
	background: #BF0418 url(../img/button-arrow-right-white-red.gif) no-repeat 100% 50%;
	border: 0;
	font-weight: bold;
	color: white;
	cursor: pointer;
	cursor: hand;	
}


/*
 * Reply fullsize
 */
#replyfull-toggle {
	display: block;
	width: 709px;
	padding: 6px 8px;
	background-color: #BF0418;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: white;
}

#replyfull-container {
	margin: 0;
	width: 723px;
	border: 1px solid #BF0418;
}

#replyfull-container p {
	margin: 10px 0;
	padding: 0 10px;
	vertical-align: top;
	overflow: hidden;
}

#replyfull-container label.aligned {
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
}

#replyfull-container input.text,
#replyfull-container textarea {
	width: 588px;
	vertical-align: top;
}

#replyfull-container #submit {
	float: right;
	padding: 5px 20px 5px 3px;
	width: 133px;
	background: #BF0418 url(../img/button-arrow-right-white-red.gif) no-repeat 100% 50%;
	border: 0;
	font-weight: bold;
	color: white;
	cursor: pointer;
	cursor: hand;	
}

/*
 * Reply news
 */
#replynews-toggle {
	display: block;
	width: 534px;
	padding: 6px 8px;
	background-color: #BF0418;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: white;
}

#replynews-container {
	margin: 0;
	width: 548px;
	border: 1px solid #BF0418;
}

#replynews-container p {
	margin: 10px 0;
	padding: 0 10px;
	vertical-align: top;
	overflow: hidden;
}

#replynews-container label.aligned {
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
}

#replynews-container input.text,
#replynews-container textarea {
	width: 410px;
	vertical-align: top;
}

#replynews-container #submit {
	float: right;
	padding: 5px 20px 5px 3px;
	width: 133px;
	background: #BF0418 url(../img/button-arrow-right-white-red.gif) no-repeat 100% 50%;
	border: 0;
	font-weight: bold;
	color: white;
	cursor: pointer;
	cursor: hand;	
}

/* Content thumb */

#content-thumb {
	float: right;
	margin: 0 0 20px 20px;
	width: 200px;
}

#content-thumb img {
	display: block;
	padding: 4px;
	border: 1px solid #A0B8C1;
}

#content-thumb p {
	margin: 5px 0 0;
	padding: 3px 5px;
	background-color: #85C701;
}

#content-thumb p.red {
	background-color: #BF0418;
	color: white;
}


/* Agenda overview */

#agenda-search {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #D0DCE0;
	border: 1px solid #A0B8C1;
}

#agenda-search p {
	margin: 0;
}

#agenda-overview {
	margin: 10px 0;
	width: 100%;
}

#agenda-overview a {
	text-decoration: none;
	color: black;
}

#agenda-overview tr.odd {
	width: 90px;
	background-color: #CFDBE0;
}

#agenda-overview tr.hover,
#agenda-overview tr.hover a {
	font-style: italic;
	cursor: pointer;
	color: #BF0418;
}

#agenda-overview th,
#agenda-overview td {
	padding: 5px;
	border: 1px solid #D0DCE0;
}

#agenda-overview th.small {
	width: 90px;
}

#agenda-overview th.activity {
	width: 250px;
}


/* Agenda detail */

#agenda-details {
	margin: 15px 0 5px 0;
}

#agenda-details th {
	padding: 2px;
	border: 0;
	vertical-align: top;
}

#agenda-details td {
	padding: 2px;
	border: 0;
	vertical-align: top;
}


/* FAQ */

#faq-gadget {
	padding: 0;
	background: none;
}

#faq-gadget h3 {
	padding: 5px 10px;
	color: #669900;
}

#faq-gadget ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 15px solid #D0DCE0;
}

#faq-gadget ul li a {
	display: block;
	padding: 0 10px;
	height: 25px;
	background: url(../img/button-arrow-right-red-white.gif) no-repeat 100% 50%;
	border-top: 1px solid #D0DCE0;
	line-height: 25px;
	color: black;
}

#faq-gadget ul li a:hover,
#faq-gadget ul li.selected a {
	background: #85C701 url(../img/button-arrow-right-white-green.gif) no-repeat 100% 50%;
	font-weight: bold;
	text-decoration: none;
	color: white;
}


/* Accordion */

#accordion {
	border-top: 1px solid #CFDBE0;
}

a.accordion-toggle {
	display: block;
	padding: 7px 20px;
	height: auto !important;
	height: 16px;
	min-height: 16px;
	background: url(../img/arrow-right-antracite.gif) no-repeat 6px 50%;
	border-bottom: 1px solid #CFDBE0;
	color: black !important;
	outline: none;
}

a.accordion-toggle:hover {
	background: url(../img/arrow-right-red.gif) no-repeat 6px 50%;
	text-decoration: none;
	color: #CB0031 !important;
}

a.accordion-toggle-active {
	padding: 7px 19px !important;
	background: url(../img/arrow-right-red.gif) no-repeat 5px 50% !important;
	border-right: 1px solid #CFDBE0;
	border-left: 1px solid #CFDBE0;
	font-weight: bold;
	color: #CB0031 !important;
}

.accordion-content {
	width: 100%;
	background-color: #CFDBE0;
	overflow: hidden;
}

.accordion-content p {
	margin: 0;
	padding: 10px 20px;
}


/* Register form */

#register-form {	
	margin: 10px 0;
	padding: 10px;
	width: 550px;
	background-color: #E7EDEF;
}

#register-form fieldset {
	border: 0;
}

#register-form legend {
	font-weight: bold;
	color: #000;
}

#register-form p {
	margin: 10px 0;
}

#register-form p span a {
	vertical-align: middle;
}

#register-form label {
	font-weight: normal;
}

#register-form label.aligned {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 10px;
	width: 100px;
	text-align: right;
}

#register-form label.aligned-extra {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 10px;
	width: 160px;
	text-align: right;
}

#register-form .total-amount label.aligned-extra {
	width: 160px;
	width: 150px\9;
}

#register-form input.text {
	padding: 4px;
	border: 1px solid #D0DCE0;
}

#register-form input.radio {
	margin: 0 5px 0 175px;
}

#register-form input.radio-field {
	margin: 5px 0 0 195px;
	width: 279px;
}

#register-form .total-amount {
	padding: 10px 0 10px 20px;
	margin: 0 0 0 -10px;
	width: 550px;
	line-height: 22px;
	background: #D0DCE0;
	color: #BF0418;
}

#register-form #amount-total {
	display: inline-block;	
	padding: 4px;
	border: 1px solid #D0DCE0;
	width: 140px;
	height: 13px;
	line-height: 13px;
	background: #FFF;
}

#register-form input.validation-failed {
	border-color: #CC0000;
}

#register-form .validation-advice {
	display: none !important;
}

#register-form .empowerment-wrap .validation-advice {
	display: block !important;
	color: #CC0000;
}

#register-form .form-indent {
	margin-left: 183px;
}

#register-form .form-indent input {
	padding: 0;
	margin: 0 5px 0 0;
}

/* Generated form */

#generated-form {
	margin: 10px 0;
	padding: 10px;
	background-color: #E7EDEF;
}

#generated-form fieldset {
	border: 0;
}

#generated-form legend {
	font-weight: bold;
}

#generated-form p {
	margin: 10px 0;
}

#generated-form p span a {
	vertical-align: middle;
}

#generated-form label {
	font-weight: normal;
}

#generated-form label.aligned {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 10px;
	width: 200px;
	text-align: right;
}

#generated-form input.text {
	padding: 4px;
	border: 1px solid #D0DCE0;
}

#generated-form input.radio {
	margin: 0 5px 0 175px;
}

#generated-form input.radio-field {
	margin: 5px 0 0 195px;
	width: 279px;
}

/* Order form */

#order-form {
	margin: 10px 0;
	padding: 10px;
	background-color: #E7EDEF;
}

#order-form fieldset {
	border: 0;
}

#order-form legend {
	font-weight: bold;
}

#order-form p {
	margin: 10px 0;
}

#order-form p span a {
	vertical-align: middle;
}

#order-form label {
	font-weight: normal;
}

#order-form label.aligned {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 10px;
	width: 100px;
	text-align: right;
}

#order-form label.price {
	display: -moz-inline-box;
	display: inline-block;
	width: 275px;
	text-align: right;
	color: #CB0031;
}

#order-form input.text {
	padding: 4px;
	border: 1px solid #D0DCE0;
}

#order-form input.radio {
	margin: 0 5px 0 175px;
}

#order-form input.radio .next{
	margin: 0 5px 0 20px;
}

#order-form p.total{
	color: #CB0031;
	border-top: 1px solid #A0B8C1;
	border-bottom: 1px solid #A0B8C1;
	font-weight: bold;
}

label#total{
	color: #CB0031;
	border-top: 1px solid #A0B8C1;
	border-bottom: 1px solid #A0B8C1;
}

#order-form input.radio-field {
	margin: 5px 0 0 195px;
	width: 279px;
}

#order-publication-button {
	display: block;
	margin: 0 0 0 123px;
	border: 0;
	padding: 2px 20px 2px 20px;
	width: 285px;
	text-align: right;
	background-color: #BF0418;
	color: #FFF;
	font-weight: bold
}

/* Question gadget */

#question-gadget {
	padding: 0;
	border: 1px solid #BF0417;
	background: none;
}

#question-gadget h3 {
	line-height: 20px;
	text-align: center;
	background-color: #BF0417;
	color: #FFF;
}

#question-gadget #toggle-contact {
	display: block;
	margin: 0 10px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: url(../img/extra-arrow-sprite.png) no-repeat 100% 8px;
}

#question-gadget #toggle-contact.expanded {
	background-position: 100% -199px;
}

#question-gadget form {
	padding: 0 10px 10px 10px;
}

#question-gadget input.text,
#question-gadget textarea {
	width: 118px;
}

#left #question-gadget input.text,
#left #question-gadget textarea {
	width: 168px;
}

#question-gadget input#question-postal{
	width: 76px;
}

#question-gadget input#question-number{
	width: 20px;
}


/* AZ index block */

#az-index-block {
	text-align: center;
}

#az-index-block h3 {
	margin: 0 0 10px 0;
	color: #FFF;
}

#az-index-block a:hover {
	color: #000 !important;
}


/* Sitemap */

#sitemap {
	margin: 0;
	padding: 0;
	background: #D9E3E6 url(../img/sitemap-bg.gif) repeat;
	list-style-type: none;
}

#sitemap li a {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 10px 5px;
	padding: 0 20px 0 6px;
	font-weight: bold;
	background: white url(../img/button-arrow-right-antracite-white.gif) no-repeat right center;
	line-height: 25px;
	color: black;
}

#sitemap li a:hover {
	background: white url(../img/button-arrow-right-red-white.gif) no-repeat right center;
	text-decoration: none;
	color: #CB0031;
}

#sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sitemap .subnav {
	background: #E7EDEF url(../img/sitemap-bg.gif) repeat;
}

#sitemap .subnav li a {
	margin-left: 40px;
	font-weight: normal;
}

#sitemap .subsubnav {
	background: #F5F8F9 url(../img/sitemap-bg.gif) repeat;
}

#sitemap .subsubnav li a {
	margin-left: 80px;
}


/* Photo album */

#album {
	width: 580px;
}

a.album-block {
	display: block;
	float: left;
	margin: 0 30px 30px 0;
	padding: 8px;
	width: 200px;
	border: 1px solid #D0DCE0;
	color: black !important;
	cursor: pointer;
}

a.album-block:hover {
	background-color: #B3C6CD;
	border: 1px solid #A0B8C1;
	text-decoration: none;
	color: white !important;
}

a.album-block .albumtitle {
	display: block;
	margin-bottom: 8px;
	background: url(../img/arrow-right-red.gif) no-repeat 100% 50%;
	font-size: 14px;
	font-weight: bold;
}

a.album-block:hover .albumtitle {
	background: url(../img/arrow-right-white-gray.gif) no-repeat 100% 50%;
}

a.album-block .albumthumb {
	display: block;
	/*width: 240px;
	height: 175px;*/
	width: 198px;
	height: 98px;	
	border: 1px solid #D0DCE0;
	overflow: hidden;
}

a.album-block:hover .albumthumb {
	border: 1px solid white;
}

a.photo-block {
	display: block;
	float: left;
	margin: 0 30px 20px 0;
	padding: 5px;
	border: 1px solid #D0DCE0;
}

a.photo-block:hover {
	background-color: #B3C6CD;
	border: 1px solid #A0B8C1;
}


/* Poll */

#pollquote {
	margin: 0;
	padding: 0;
	background: #CFDBE0 url(../img/quote-left.gif) no-repeat;
}

#pollquote p {
	margin-left: 55px;
	padding: 25px 55px 25px 0;
	background: url(../img/quote-right.gif) no-repeat bottom right;
	font-size: 12px;
}

#pollresults {
	margin: 10px 0;
}

#pollresults dt {
	margin: 5px 0 2px 0;
	font-weight: bold;
	color: #BF0418;
}

#pollresults dd {
	margin: 0;
}

.scorebar {
	height: 20px;
	background-color: #CFDBE0;
}

.score {
	float: left;
	height: 20px;
	background-color: #A0B8C1;
}

.percentage {
	float: right;
	padding: 0 5px;
	width: 30px;
	height: 20px;
	background-color: #BF0418;
	font-weight: bold;
	line-height: 20px;
	color: white;
}

#pollstats {
	padding: 10px;
	background-color: #A0B8C1;
}

#pollstats p {
	margin: 0;
	font-weight: bold;
	color: black;
}

#pollstats p span {
	color: white;
}

#pollreply-form {
	padding: 0 10px;
	width: 530px;
	background-color: #BF0418;
	overflow: hidden;
}

#pollreply-form p {
	margin: 10px 0;
	vertical-align: top;
	overflow: hidden;
}

#pollreply-form label.aligned {
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
	color: white;
}

#pollreply-form input.text,
#pollreply-form textarea {
	width: 416px;
	vertical-align: top;
}

#pollreply-form #submit {
	float: right;
	padding: 5px 20px 5px 3px;
	width: 133px;
	background: white url(../img/button-arrow-right-red-white.gif) no-repeat 100% 50%;
	border: 0;
	font-weight: bold;
	color: #BF0418;
	cursor: pointer;
	cursor: hand;	
}

#pollreplies {
	padding: 10px 0;
}

.pollreply {
	margin-top: 10px;
	padding: 10px 10px 10px 41px;
	background: #ECF1F3 url(../img/reply-bg.gif) no-repeat;
}

.pollreply-odd {
	background: white url(../img/reply-odd-bg.gif) no-repeat;
}

.pollreply p {
	margin: 0;
}

.pollreply .reply-details {
	margin-bottom: 3px;
	width: 100%;
	overflow: hidden;
}

.pollreply .name {
	float: left;
	font-size: 12px;
	font-weight: bold;
}

.pollreply .date {
	float: right;
	font-weight: normal;
	font-style: italic;
	color: #BF0418;
}


/* A-Z index */

.az-column {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 170px;
	list-style: none;
}

.az-column li {
	display: block !important;
	display: inline-block;
}

.az-column li.label {
	display: block !important;
	display: inline-block;
	border-bottom: 1px solid #CB0031;
	overflow: hidden;
}

.az-column li span {
	float: left;
	padding: 3px 5px;
	background-color: #CB0031;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.az-column li ul {
	margin: 20px 0;
	padding: 0;
	border-top: 1px dotted #CB0031;
	list-style: none;
}

.az-column li ul li {
	border-bottom: 1px dotted #CB0031;
	line-height: 25px;
}

.az-column li ul li a {
	display: block;
	background: url(../img/arrow-right-antracite.gif) no-repeat 100% 50%;
	color: black;
}

.az-column li ul li a:hover {
	background: url(../img/arrow-right-red.gif) no-repeat 100% 50%;
	text-decoration: none;
	color: #CB0031;
}


/* Footer */

#footer {
	height: 100px; 
	background-color: #CFDBE0;
	clear: both;
}

#footer-content {
	width: 550px;
}

#footer-content p {
	margin: 0;
	font-weight: bold;
	line-height: 25px;
	color: #CB0031;
}

#footer-content address {
	float: left;
	margin-top: 10px;
	width: 275px;
	font-size: 10px;
}

#tagcloud{
	margin: 10px 10px 0 10px;
	padding: 10px 0 0 0;
}

#tagcloud li{
	display: inline;
}

#tagcloud li a{
	padding-right: 10px;
	background: url(../img/bullet.gif) no-repeat 100% 60%;
	line-height: 25px;
	color: black;
}

#tagcloud li a span.small{
	font-size: 10px;
}

#tagcloud li a span.bigger{
	/*font-weight: bold;*/
}


#tagcloud li a:hover, a:active {
	text-decoration: none;
}

#footer-service-tools {
	padding: 10px 0 0 10px;
	background: #CFDBE0 url(../img/footer-bg.gif) repeat-x 0 -25px;
	overflow: hidden;
}

#footer-address{
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

#footer-address li{
	list-style-position: inside;
	float: left;
	padding: 0 0 0 5px;
}

#footer-address li.first{
	list-style: none;
	font-weight: bold;
	color: #CB0031;
	padding: 0;
}

img.invalid{
	display: inline;
	margin: -4px 6px;	
}

#footer #intranet{
	float: right;
	color: white;
	padding-left: 10px;
}

#intranetbutton{
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
	display: block;
	font-size: 12px;
	font-weight: bold;
	background: url(../img/extra-arrow-sprite.png) no-repeat 100% -162px;
	color: #666;
}

/* Form validation */

fieldset.wsv-error {
	/*padding: 0 5px 0 0;*/
	background-color: #FFBABA;
}

input[type="text"].wsv-required,
input[type="password"].wsv-required,
textarea.wsv-required {
	border-left-width: 5px !important;
}

input[type="text"].wsv-error,
input[type="password"].wsv-error,
textarea.wsv-error {
	border-color: #CB0031 !important;
}

select.wsv-error {
	border: 1px solid #CB0031 !important;
}

input.important{
	display: none;
}

img.comment-arrow{
	float: right;
	margin-top: 5px;
	/margin-top: -13px;	
}

#order-form label#price{
	font-weight: bold;
}

.block label{
	font-weight:normal;
	display: block;
	/*float: left;*/
	margin-left: 25px;
	margin-top: -14px;
	/margin-top: -18px;
}

#question-gadget label{
	display: block;
	font-weight: bold;
	margin: 0;
}

a.print-button{
	background: #fff url(../img/printbutton.gif) no-repeat scroll 100% 50%;
	overflow: hidden;
	display: block;
	width: 30px;
	height: 20px;
	float: right;
	text-indent: -9999px;
	margin-top: 20px;
}

/* Styling tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #D0DCE0;
	background-color: #fff;
	padding: 5px;
	max-width: 450px;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip .place{
	font-weight: bold;
	font-size: 12px;
	margin-right: 5px;
}

#tooltip .date{
	font-weight: bold;
	font-size: 12px;
	color: #85C701;
}

#tooltip h4{
	margin-top: 6px;
	font-weight: bold;
	font-size: 12px;
	color: #CB0031;
}

#tooltip p{
	margin: 0;
}
