/********/
/* html */
/********/
body {
	background:#DADADA url(../img/bg/body.gif) repeat-x;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

h1 {
	background:#FFF url(../img/bg/h1.gif) no-repeat;
	border-bottom:2px solid #EFEFEF;
	color:#F8981D;
	font-size:12px;
	height:28px;
	line-height:28px;
	margin:0 0 10px 0;
	padding:0 0 0 27px
}

h2 {
	background:#F8981D url(../img/bg/h2.gif) no-repeat 0 0;
	border-bottom:3px solid #F8D6AE;
	color:#FFF;
	font-size:11px;
	height:26px;
	line-height:26px;
	margin:0;
	padding:0 10px 0 32px
}

h3 {
	color:#007FC3;
	font-size:11px;
	margin:0 0 10px 0;
	padding:0
}

table h3 {
	font-size:10px;
	margin:0
}

p {
	margin:0 0 20px 0;
	padding:0
}

img {
	border:0;
	display:block
}

a {
	color:#007FC3;
	text-decoration:none
}

a:hover {
	text-decoration:underline
}

hr {
	border:1px solid #EFEFEF;
	clear:both;
	margin-bottom:20px
}

form {
	margin:0;
	padding:0
}

input,
select,
textarea {
	border:1px solid #888;
	color:#444;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-bottom:10px;
	width:199px;
}

input.radio,
input.checkbox {
	border:0;
	width:14px
}

textarea {
	height:100px;
	overflow:auto
}

table {
	border:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:24px;
	margin-bottom:20px;
	width:100%
}

th {
	background:#F8981D;
	border-bottom:3px solid #F8D6AE;
	color:#FFF;
	line-height:21px
}

th,
td {
	padding:0 10px;
	text-align:left;
	vertical-align:top
}

td p {
	margin:0
}

tr.subheader td {
	background:#FBEAD6;
	color:#A65F04;
	font-weight:bold
}

tr.row_1 td,
tr.message_row_1 td {
	background:#F2F2F2;
	color:#666
}

tr.row_2 td,
tr.message_row_2 td {
	background:#FAFAFA;
	color:#666
}

ol {
	margin:0 0 0 20px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	background:#FFF;
	border:1px solid #FFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:20px;
	margin:0 auto;
	width:760px
}

/* header */
#header {
	background:#F8981D url(../img/bg/header.gif) repeat-x;
	height:100px;
	margin-bottom:1px
}

#header #logo,
#header #img {
	float:left
}

#header #logo img {
	height:100px;
	width:223px
}

#header #img img {
	height:100px;
	width:537px
}

/* ticker */
#ticker {
	background:#F8D6AE url(../img/bg/ticker_left.gif) no-repeat left top;
	border:1px solid #DBDBDB;
	height:28px;
	margin-bottom:1px
}

#ticker div {
	background:url(../img/bg/ticker_right.gif) no-repeat right top;
	border:1px solid #FFF;
	height:26px;
	position:relative
}

#ticker p {
	color:#A65F04;
	font-size:10px;
	height:26px;
	line-height:26px;
	margin:0 35px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:686px;
	white-space:nowrap;
	top:0;
}

#ticker span.left {
	left:0;
	position:absolute;
}

#ticker span.right {
	right:0;
	position:absolute;
}


#ticker span {
	position:absolute
}

#ticker a {
	color:#A65F04;
	text-decoration:underline
}

/* main */
#main {
	background:#FFF url(../img/bg/main.gif) repeat-y
}

#main_inner {
	background:url(../img/bg/main_inner.gif) no-repeat right bottom
}

/* side */
#side {
	float:left;
	margin-right:2px;
	width:223px
}

#side .banner {
	background:#DBDBDB;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	margin-top:20px
}

#side .banner img {
	border:1px solid #FFF;
	margin:1px;
	width:219px
}

#side .box {
	background:#DBDBDB;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	margin-top:20px;
	padding:1px
}

#side .box .inner {
	background:#FFF;
	border:1px solid #FFF;
	display:block;
	width:219px
}

#side .box .txt {
	padding:10px
}

#side .box label {
	color:#888;
	font-size:9px;
	margin:0 0 0 10px
}

#side .box .button {
	float:right;
	margin:0 10px 10px 0
}

.box input {
	float:none;
	margin:0 0 10px 10px
}

/* menu */
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	width:223px
}

#menu li {
	border-bottom:1px solid #FFF;
	float:left;
	height:30px;
	width:223px
}

#menu li a {
	background:#EFEFEF url(../img/bg/menu_item.gif) repeat-x 0 0;
	border:1px solid #DBDBDB;
	color:#666;
	float:left;
	font-weight:bold;
	height:28px;
	line-height:26px;
	width:221px
}

#menu li a:hover,
#menu li a.active {
	background:#007FC3 url(../img/bg/menu_item.gif) repeat-x 0 -28px;
	border:1px solid #76B0DD;
	color:#FFF;
	text-decoration:none
}

#menu li a span {
	background:url(../img/bg/menu_item_active.gif) no-repeat 0 0;
	border:1px solid #FFF;
	cursor:pointer;
	float:left;
	height:26px;
	padding:0 10px;
	width:199px
}

#menu li a.active span {
	background:url(../img/bg/menu_item_active.gif) no-repeat 0 -26px;
	padding:0 10px 0 38px;
	width:171px
}

/* content */
#content {
	border-top:1px solid #DBDBDB;
	float:left;
	padding:30px;
	width:474px
}

/* footer */
#footer {
	background:url(../img/bg/footer.gif) no-repeat;
	height:25px;
	margin-top:20px
}

#footer p {
	color:#666;
	font-size:9px;
	line-height:25px;
	margin:0;
	padding:1px 0 0 0;
	text-align:center
}

/*********/
/* pages */
/*********/
/* welcome */
#latest_news .item {
	background:#FEF7EF;
	color:#666;
	font-size:10px;
	margin-bottom:5px;
	min-height:100px;
	padding:5px 10px 5px 5px
}

#latest_news .item .img {
	border:1px solid #929292;
	float:left;
	margin:0 10px 0 0
}

#latest_news .item img {
	border:1px solid #FFF
}

#latest_news .item h4 {
	font-size:10px;
	margin:0;
	padding:0
}

#latest_news .item h4 span {
	color:#F8981D;
	font-weight:normal
}

#latest_news .item p {
	margin:0
}

#latest_news .item .more {
	float:right
}

/* news */
#news_article h4 {
	font-size:11px;
	margin:0;
	padding:0
}

#news_article h4 span {
	color:#F8981D;
	font-weight:normal
}

#news_article .img {
	border:1px solid #929292;
	float:left;
	margin:5px 10px 5px 0
}

#news_article .img img {
	border:1px solid #FFF
}

#more_articles .item {
	background:#FEF7EF;
	font-size:10px;
	line-height:24px;
	margin-bottom:5px;
	height:24px;
	padding:0 10px
}

#more_articles .item a {
	float:left;
	font-weight:bold
}

#more_articles .item span {
	color:#666;
	float:right
}

/* calendar */
#calendar_filter {
	height:40px
}

#calendar_filter select {
	margin:3px 10px 0 0;
	width:100px
}

/* gallery */
#gallery_overview_paging {
	height:25px;
	padding-top:8px
}

#gallery_overview_paging .previous,
#gallery_overview_paging .previous a,
#gallery_overview_paging .previous span,
#gallery_overview_paging .center,
#gallery_overview_paging .next,
#gallery_overview_paging .next a,
#gallery_overview_paging .next span {
	float:left
}

#gallery_overview_paging .previous,
#gallery_overview_paging .next {
	width:145px
}

#gallery_overview_paging .next a,
#gallery_overview_paging .next span {
	float:right
}

#gallery_overview_paging .previous a,
#gallery_overview_paging .previous span {
	background:url(../img/bg/button_previous.gif) no-repeat;
	font-weight:bold;
	line-height:15px;
	padding:0 0 0 27px
}

#gallery_overview_paging .previous a:hover,
#gallery_overview_paging .next a:hover {
	text-decoration:none
}

#gallery_overview_paging .next a,
#gallery_overview_paging .next span {
	background:url(../img/bg/button_next.gif) no-repeat right top;
	font-weight:bold;
	line-height:15px;
	padding:0 27px 0 0
}

#gallery_overview_paging .previous span {
	background:url(../img/bg/button_previous.gif) no-repeat;
	color:#CBE0EF
}

#gallery_overview_paging .next span {
	background:url(../img/bg/button_next.gif) no-repeat right top;
	color:#CBE0EF
}

#gallery_overview_paging .center,
#gallery_overview_paging .center select {
	width:184px
}

#gallery_overview_paging .center {
	text-align:center
}

#gallery_overview_paging .center a {
	color:#888
}

#gallery_overview .item {
	background:#EFF7FD;
	float:left;
	height:114px;
	margin:0 6px 6px 0;
    width:114px
}

#gallery_overview .item div {
	display:table-cell;
	height:114px;
	text-align:center;
    vertical-align:middle;
    width:114px
}

#gallery_overview .last {
	margin:0 0 6px 0
}

#gallery_overview .item span,
#gallery_overview .item img {
	vertical-align:middle
}

#gallery_overview .item img {
	border:1px solid #FFF;
	display:inline
}

#gallery_image {
	margin-bottom:20px
}

#gallery_image .item {
	display:table-cell;
	padding:20px 0;
	text-align:center;
    vertical-align:middle;
    width:474px
}

#gallery_image .item div {
	display:inline;
}

#gallery_image .item span,
#gallery_image .item img {
	vertical-align:middle
}

#gallery_image .item img {
	background:#FFF;
	border:1px solid #B2B2B2;
	padding:1px;
	display:inline
}

#gallery_description {
	border:5px solid #DFEBF7;
	color:#666;
	padding:20px 20px 0 20px
}

/* forum / guestbook */
#forum_wrapper .button {
	float:right
}

#forum_messages {
	clear:both;
	margin:10px 0
}

#forum_messages .forum_paging {
	text-align:right
}

#forum_messages .forum_paging span {
	text-decoration:underline
}

#forum_messages .forum_paging a {
	color:#A56003
}

#forum_messages .info {
	color:#017DC7;
	font-weight:bold
}

#forum_messages p {
	margin:0 0 10px 0
}

#forum_messages p.posted {
	font-weight:bold;
	margin:0
}

#form_add_message .label {
	width:100px
}

#form_add_message .field {
	padding:5px 10px
}

#form_add_message input,
#form_add_message textarea {
	margin:0;
	width:250px
}

#form_add_message textarea {
	height:200px
}

#forum_postform tr.subheader td {
	font-weight:normal
}

/* several links */
#several_links p {
	margin:0
}

/* splash */
#splash {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:400px;
	line-height:18px;
	left:50%;
	margin:-200px 0 0 -285px;
	position:absolute;
	top:50%;
	width:570px
}

#splash div.logo_zwolle,
#splash div.logo_deventer {
	float:left;
	height:400px;
	width:270px
}

#splash div.logo_deventer {
	float:right
}

#splash p {
	margin:0;
	text-align:center;
	width:270px
}

#splash a {
	color:#F8981D;
	font-weight:bold
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	line-height:1px
}

.hide {
	display:none
}

.show {
	display:block
}

/* form */
#form_wrapper {
	margin-top:15px
}

.row {
	min-height:30px
}

.optionRow {
	min-height:30px
}

#form_wrapper label {
	float:left;
	width:150px
}

.radio,
.checkbox {
	border:0;
	width:14px
}

#feedback_info {
	color:#F00;
	margin:0 0 10px 0
}

#mailing_feedback_info {
	color:#F00;
	margin:0 0 10px 0;
	padding:0 10px
}

input.error {
	background:#EEE;
	border:1px solid #F00
}

input.error_checkbox {
	background:#FFF;
	border:1px solid #F00;
	width:14px
}

td.error {
	background:#F00;
	color:#FFF
}

.cs_error{
	color:red !important;	
}

#form_wrapper .button {
	clear:both;
	display:inline;
	float:right;
	margin:0 121px 0 0
}

/* buttons */
.button a {
	background:#EFEFEF url(../img/bg/button.gif) repeat-x 0 0;
	border:1px solid #DBDBDB;
	color:#666;
	float:left;
	font-size:10px;
	font-weight:bold;
	height:22px;
	line-height:20px
}

.button a:hover,
.button a.active {
	background:#007FC3 url(../img/bg/button.gif) repeat-x 0 -22px;
	border:1px solid #76B0DD;
	color:#FFF;
	text-decoration:none
}

.button a span {
	border:1px solid #FFF;
	cursor:pointer;
	float:left;
	height:20px;
	padding:0 10px
}

.buttons {
	min-height:28px
}

.buttons .button a {
	font-weight:normal;
	margin:0 10px 10px 0;
	white-space:nowrap
}

.cs_form_wrapper .cs_form_button {
	width:100px;
	height:20px;
	background:#888888;
	margin:10px 0px 0 0px;
	display:inline;
	float:right;
}

.cs_form_wrapper .cs_form_button input {
	background:#888888;
	color:#fff;
	border:1px solid #fff;
	float:left;
	margin:1px 0 0 1px;
	display:inline;
	font-size:10px;
	font-weight:bold;
	line-height:13px;
	width:98px;
	height:18px;
	text-decoration:none;
	cursor:pointer;
}

.cs_form_wrapper .cs_form_input select {
	height:20px;
	padding:0;
	width:202px;
}

.cs_form_wrapper fieldset {
	border:0px; 
	margin:0;
	padding:0;
	padding-bottom:10px;
	border-bottom:2px solid #efefef;
	margin-bottom:20px;
}

.cs_form_wrapper legend {
	color:#007fd7;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-left:-7px;
}

.cs_form_wrapper {
	margin:0;
	padding:0;
}

.cs_form_wrapper .cs_form_row, .cs_form_wrapper fieldset .cs_form_row {
	margin-top:5px;
}

.inner .cs_form_wrapper .cs_form_button {
	background:#EFEFEF url(../img/bg/button.gif) repeat-x 0 0;
	border:1px solid #DBDBDB;
	color:#666;
	float:left;
	font-size:10px;
	font-weight:bold;
	height:22px;
	line-height:20px;
	margin:0px 0 5px 110px;
}

.inner .cs_form_wrapper .cs_form_button:hover {
	border:1px solid #76B0DD;
}

.inner .cs_form_wrapper .cs_form_button input {
	cursor:pointer;
	float:left;
	color:#666;
	height:20px;
	padding:0 10px;
	background:none
}

.inner .cs_form_wrapper .cs_form_button input:hover {
	cursor:pointer;
	float:left;
	color:#fff;
	height:20px;
	padding:0 10px;
	background:#007FC3 url(../img/bg/button.gif) repeat-x 0 -23px;
	border:none;
}

.inner .cs_form_wrapper .cs_form_row, .cs_form_wrapper fieldset .cs_form_row {
	margin:0;
}

.cs_guestbook_subject {
	border:0;
	display:none;
}

.cs_guestbook_message {
	border:0;
}

.cs_guestbook_city {
	display:none;
}

.cs_guestbook_wrapper a {
	color:#017dc7;
}

.cs_guestbook_full_name {
	color:#017dc7;
}

/* register form: step 1 */
tr.birthday select.bday{
	width:40px;
	float:left;
}

tr.birthday select.bmonth{
	width:91px;
	float:left;
	margin:0 5px;
}

tr.birthday select.byear{
	width:60px;
	float:left;
}

select.gender{
	width:201px;
}

.trigger input {
	cursor:pointer;
	color:#fff;
	padding:0 10px 3px 10px;
	background:none;
	width:100px;
	float:right;
	margin:0 10px 0 0;
	font-size:10px;
	font-weight:bold;
	height:20px;
	border-color:#dbdbdb;
	background:#007FC3 url(../img/bg/button.gif) repeat-x 0 -23px;
}

span#control_buttons{	
	height:26px;
	float:right;
	padding-right:10px;
}

.trigger input#register,
.trigger input#next,
.trigger input#prev {
	float:none !important;
}

.trigger td{
	padding:0;
}

td.label{
	width:200px;
}

td.title{
/*td.title2{*/
	font-weight:bold;
	font-size:12px;
	padding:0 0 15px 0;
	color:#666;
}

td.title2{
	padding-bottom:0;
}

input.radio_btn{
	width:20px;
	float:none;
	margin-top:5px !important;
}

.no_padding{
	padding:0;
}

.no_padding span input{
	padding-top:10px;
}

.padding_top span{
	padding-top:10px;
}

.radio_btn{
	float:left;
}

.form_row{
	float:left;
	width:109px;
	height:25px;
}

.form_row input{
	margin:6px 0 0 0;
}

#sb_course_hour select{
	margin:4px 0 0 0;
	width:292px;
}

.form_textarea{
	width:300px;
}

input.conditions{
	width:20px;
	margin:6px 0 0 0 !important;
	border:0;
}

input#register{
	margin-top:3px;
}

td.spacer{
	width:260px;
}

/* register */
.wrapper{
	border:1px solid #ccc;
	padding:15px;
}

.wrapper th, 
.wrapper td{
	vertical-align:top;
}

.wrapper td.title2{
	vertical-align:top;
	line-height:13px;
}

.wrapper input, 
.wrapper select, 
.wrapper textarea{
	margin:0;	
} 

.wrapper input.radio_btn{
	border:none;
}

td.wider{
	width:110px;
}

.checkbox_text{
	width:376px;
	text-align:left;
	padding: 0 0 0 20px;
}