/*
Crossing Border Festival
Author: Matthias Beindorff / Pas de Deux
Author URL: http://www.pasdedeux.nl/
*/

html {
	overflow-y: scroll;
}

body {
	background-color: #FFFFFF;
	margin:0;
	padding: 0;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}

#center {
	text-align:left;
	width: 905px;
	margin: 0 auto 0 auto;	
}

#banner {
	width: 120px;
	color: #FFFFFF;
	padding: 0;
	margin: 10px 0 0 0;
	float: right;
}

#language {
	background-color: #EAEADF;
	background-image: url(../image/content/content_background.gif);
	background-repeat: repeat-y;
	border-bottom: 10px solid #FFFFFF;
	font-weight: bold;
	color: #8f8f8a;
	padding: 4px 0 0 0;
}

#language a {
	text-decoration: none;
	color: #999999;
	line-height: 12px;
}

#language a:hover {
	color: #CB0200;
}

#site {
	width: 760px;
	float: left;
	background-color: #EAEADF;
	background-image: url(../image/content/content_background.gif);
	background-repeat: repeat-y;
	margin: 10px 0 20px 0;
}

#site_padding {
	padding: 10px 0 0 10px;
}



/* ~~~~~~~~~~~~~~~~~~~ menu ~~~~~~~~~~~~~~~~~~~~~ */

#logo {
	padding: 0 0 0px 1px;
	margin: 0 10px 0px 0;
}

#menu_lijn {
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #8f8f8a;
	margin: 0 0 10px 0;
}

#menu_column_cb {
	float: left;
	width: 294px;
	border-right: dotted 1px #000000;
	margin: 0 10px 10px 0;
	padding: 0;
}

#menu_column_button {
	float: left;
	width: 130px;
	border-right: dotted 1px #000000;
	margin: 0 10px 0 0;
	padding: 0;
	height: 68px;
}

.menu_melding, .menu_melding_paars	{
	height: 68px;
	width: 110px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 0 5px;
	text-transform : uppercase;
	display: table-cell;
	vertical-align: middle;
	line-height: 12px;
}

.menu_melding_paars	{
	background-color: #602f88;
	}
	
.menu_melding	{
	background-color: #CB0200;
}

.menu_melding a, .menu_melding_paars a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.menu_melding a:hover, .menu_melding_paars a:hover {
	color: black;
	text-decoration: none;
}

#menu_column_other {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

#menu_column_cb ul	{
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}

#menu_column_cb .right	{
	float: right;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

#menu_column_cb li	{
	list-style-type: none;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-transform : uppercase;
	margin: 0;
	padding: 0;
}

#menu_column_cb li a {
	text-decoration: none;
	color: #000000;
}

#menu_column_cb li a:hover {
	text-decoration: none;
	color: #CB0200;
}

#menu_column_cb li .active {
	text-decoration: none;
	color: #CB0200;
}

.lightpaper {
	width: 740px;
	float: none;
	clear: both;
	border-top: solid 1px #8f8f8a;
	border-bottom: solid 1px #8f8f8a;
	margin: 0 0 10px 0;
	padding: 2px 0 0 0;
}

.button	{
	background-color: #CC0000;
	margin: 10px 20px 0px 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 8px 10px 8px;
	text-transform : uppercase;
	height: 30px;
}

/* ~~~~~~~~~~ Backstage ~~~~~~~~~~~~ */

#menu_column_backstage {
	float: left;
	width: 400px;
	margin: 0 10px 10px 0;
	padding: 0;
}

#menu_column_backstage ul	{
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}

#menu_column_backstage .right	{
	float: right;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

#menu_column_backstage li	{
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	text-transform : capitalize;
	margin: 0;
	padding: 0;
	line-height: 14px;
}

#menu_column_backstage li a {
	text-decoration: none;
	color: #000000;
}

#menu_column_backstage li a:hover {
	text-decoration: none;
	color: #CB0200;
}

#menu_column_backstage li .active {
	text-decoration: none;
	color: #CB0200;
}

/* ~~~~~~~~~~~~~~~~~~~ home ~~~~~~~~~~~~~~~~~~~~~ */

#home_column_wide {
	width: 374px;
	float: left;
	margin: 0 0px 0 0;
}

#home_column_narrow {
	float: left;
	width: 188px;
}

/* ~~~~~~~~~~~~~~~~~~~ news ~~~~~~~~~~~~~~~~~~~~~ */

.news_link a {
	display: table-cell;
	font-size: 8pt;
	font-weight: bold;
	text-transform : uppercase;
	margin: 0 10px 0 0px;
	padding: 0 0 0 10px;
	color: #CB0200;
	text-decoration: none;
}

.news_link a:hover {
	color: #000000;
}

.news_link_active a {
	font-size: 8pt;
	font-weight: bold;
	text-transform : uppercase;
	margin: 0 10px 0 0px;
	padding: 0 0 0 10px;
	color: #000000;
	text-decoration: none;
	display: table-cell;
}

#news_date {
	font-size: 11px;
	margin: 0 0 0 10px;
}

#item_white_xpad {
	background-color: #FFFFFF;
	margin: 0 10px 10px 0;
	padding: 10px 0 10px 0;
	overflow: auto;
}

/* ~~~~~~~~~~~~~~~~~~~ common ~~~~~~~~~~~~~~~~~~~~~ */

#column_wide {
	width: 500px;
	margin: 0 0px 0 0;
	float: left;
}

#column_narrow {
	float: right;
	clear: none;
	width: 250px;
	margin: 0 0px 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~ content ~~~~~~~~~~~~~~~~~~~~~ */

.page_header_black, .page_header_red, .page_header_blue, .page_header_green {
	font-size: 28px;
	font-weight: bold;
	text-transform : uppercase;
	padding: 0px;
	margin: 0 0 6px 0;
}

.page_header_black {
	color: #000000;
}	

.page_header_red {
	color: #CB0200;
}

.page_header_blue {
	color: #000085;
}

.page_header_green {
	color: #336633;
}

#item_black {
	color: #FFFFFF;
	background-color: #000000;
	margin: 0 10px 10px 0;
	padding: 10px 0 0px 0;
	overflow: auto;
}

#item_green {
	background-color: #C8C8AF;
	margin: 0 10px 10px 0;
	padding: 10px 0 0px 0;
	overflow: auto;
}

#item_red {
	color: #FFFFFF;
	background-color: #CB0200;
	margin: 0 10px 10px 0;
	padding: 10px 0 0px 0;
	overflow: auto;
}

#item_green_border {
	background-color: #C8C8AF;
	border: solid 1px #000000;
	margin: 0 0 10px 0;
	padding: 10px 0 0px 0;
	overflow: auto;
}

#item_white {
	background-color: #FFFFFF;
	margin: 0 10px 10px 0;
	padding: 10px 0 0px 0;
	overflow: auto;
}

#item_gradient_bk {
	background-color: #FFFFFF;
	margin: 0 10px 10px 0;
	padding: 10px 0 0px 0;
	background-color: #EAEADF;
	background-image: url(../image/content/item_gradient.gif);
	background-repeat: repeat-y;
	overflow: auto;
}

#item_gradient_sp {
	background-color: #FFFFFF;
	margin: 0 10px 10px 0;
	padding: 10px 0 0px 0;
	overflow: auto;
	background-color: #EAEADF;
	background-image: url(../image/content/item_gradient.gif);
	background-repeat: repeat-y;
}

#item_white_split {
	width: 240px;
	background-color: #FFFFFF;
	padding: 10px 0 0px 0;
	margin: 0 10px 10px 0;
	float: left;
	overflow: auto;
}

#column_split {
	width: 250px;
	padding: 0;
	margin: 0;
	float: left;
	overflow: auto;
}

#item_iframe {
	width: 500px;
	background-color: #FFFFFF;
	margin: 0 10px 0px 0;
	padding: 0;
}

.title_red, .title_black, .title_white, .title_blue, .title_green, .title_grey {
	font-size: 12px;
	font-weight: bold;
	text-transform : uppercase;
	margin: 0 10px 4px 10px;
	overflow: visible;
}

.title_red {
	color: #CB0200;
}

.title_black {
	color: #000000;
}

.title_white {
	color: #FFFFFF;
}

.title_blue {
	color: #000085;
}

.title_green {
	color: #336633;
}

p {
	padding: 0;
	margin: 0px 10px 10px 10px;
	line-height: 15px;
}

p a {
	text-decoration: underline;
}

#item_white p a, #item_white_split p a, #item_green p a {
	color: #000000;
}

#item_black p a, #item_red p a {
	color: #FFFFFF;
}

#item_gradient_bk p a {
	color: #000085;
}

#item_gradient_sp p a {
	color: #336633;
}

#item_gradient_sp p a:hover, #item_gradient_bk p a:hover {
	color: #000000;
}

#item_white p a:hover, #item_white_split p a:hover, #item_green p a:hover, #item_black p a:hover {
	color: #CB0200;
}

#item_red p a:hover{
	color: #000000;
}

.picture {
	float: left;
	margin: 0 10px 10px 10px;
}

.picture_right {
	float: right;
	clear: none;
	margin: 10px;
}

.picture_nofloat {
	margin: 0 0 10px 10px;
}

.bijschrift {
	font-style: italic;
	margin: 0 12px 5px 12px;
	text-align: right;
}

/* ~~~~~~~~~~~~~~~~~~~ programme ~~~~~~~~~~~~~~~~~~~~~ */

#programma_date_select {
	background-color: #FFFFFF;
	margin: 0 10px 10px 0;
	padding: 10px;
}

#programma_date {
	width: 95px;
	float: left;
	padding: 0 0px 0 0;
	margin: 0 0px 0 0;
	border-right: 1px dotted #000000;
	text-align: center;
}

.programma_date_text {
	font-size: 12px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.programma_date_number, .programma_date_number_small {
	font-size: 56px;
	line-height: 40px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.programma_date_number a, .programma_date_number_small a {
	color: #000000;
	text-decoration: none;
}

.programma_date_number a:hover, .programma_date_number_small a:hover {
	color: #CB0200;
	text-decoration: none;
}

.programma_date_text_active {
	font-size: 12px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CB0200;
	margin: 0;
	padding: 0;
}

.programma_date_number_active, .programma_date_number_small_active {
	font-size: 56px;
	line-height: 40px;
	font-weight: bold;
	color: #CB0200;
	margin: 0;
	padding: 0;
}

.programma_date_number_active a, .programma_date_number_small_active a {
	color: #CB0200;
	text-decoration: none;
}

#programma_column_margin {
	width: 250px;
	padding: 0;
	margin: 0;
	float: left;
}

.programma_columnheader_black {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
	text-transform : uppercase;
	margin: 0 10px 8px 10px;
}

.programma_columnheader_white {
	font-size: 16px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform : uppercase;
	margin: 0 10px 8px 10px;
}

.programma_button	{
	background-color: #CC0000;
	margin: 10px 10px 10px 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 10px;
	font-weight: bold;
	padding: 10px;
	text-transform : uppercase;
}

.programma_timetable	{
	background-color: #626262;
	margin: 10px 10px 10px 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 10px;
	font-weight: bold;
	padding: 10px;
	text-transform : uppercase;
}

.programma_timetable a, .programma_button a {
	text-decoration: none;
	color: #FFFFFF;
}

.programma_timetable a:hover, .programma_button a:hover {
	color: #000000;
}

.programma_special_where {
	border-bottom: 1px dotted #000000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~ archief ~~~~~~~~~~~~~~~~~~~~~ */

#archief_year_select {
	background-color: #FFFFFF;
	margin: 0 10px 10px 0;
	padding: 0px 10px 0 10px;
}

#archief_year_column {
	float: left;
	width: 40px;
	height: 85px;
	padding: 0 10px 0 0;
	margin: 12px 10px 12px 0;
	border-right: 1px dotted #000000;
}

#archief_column {
	float: left;
	width: 50%;
	padding: 10px 0 10px 0;
}

.archief_year a {
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.archief_year a:hover {
	color: #CB0200;
}

.archief_year_selected {
	float: left;
	width: 400px;
	font-size: 120px;
	font-weight: bold;
	line-height: 100px;
	color: #CB0200;
	margin: 0;
	padding: 0;
	height: 112px;
}

#archief_link a {
	text-decoration: none;
}

.archief_foto {
	margin: 0 10px 5px 10px;
	float: left;
}

.archief_bijschrift {
	width: 100px;
	font-size: 10px;
	font-style: italic;
	margin: 0 0px 10px 0px;
	text-align: right;
}

/* ~~~~~~~~~~~~~~~~~~~ highlights ~~~~~~~~~~~~~~~~~~~~~ */

#highlights_column {
	float: left;
	width: 100%;
	padding: 0px 0 10px 0;
	margin: 0;
}

.highlights_bijschrift {
	font-weight: bold;
	width:233px;
}

.highlights_bijschrift p {
	margin: 0;
	padding: 0;
}

/* ~~~~~~~~~~~~~~~~~~~ photo ~~~~~~~~~~~~~~~~~~~~~ */

#photo_thumb {
	float: left;
	margin: 0 0 10px 10px;
}

#photo_footer {
	text-align: center;
	float: none;
	clear: both;
	padding: 0;
	margin: 0 0 10px 0;
}

#photo_footer a {
	color: #000000;
}

/* ~~~~~~~~~~~~~~~~~~~ popup ~~~~~~~~~~~~~~~~~~~~~ */

#popup_page {
	width: 520px;
	padding: 0;
	margin: 0;
	border-top: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
}

#popup_column {
	float: left;
	width: 260px;
	padding: 0;
	margin: 0;
}

#popup_item_black {
	color: #FFFFFF;
	background-color: #000000;
	margin: 0 10px 10px 0;
	padding: 10px 0 10px 0;
}

#popup_item_green {
	background-color: #C8C8AF;
	margin: 0 10px 10px 0;
	padding: 10px 0 10px 0;
}

.popup_title_red_page {
	font-size: 14px;
	font-weight: bold;
	color: #CB0200;
	text-transform : uppercase;
	margin: 0 10px 8px 0;
	line-height: 15px;
}

.popup_title_red {
	font-size: 14px;
	font-weight: bold;
	color: #CB0200;
	text-transform : uppercase;
	margin: 0 10px 8px 10px;
	line-height: 15px;
}

#popup_item_green a {
	text-decoration: underline;
	color: #000000;
}

#popup_item_black a {
	text-decoration: underline;
	color: #FFFFFF;
}

.popup_picture_nofloat {
	margin: 0 0 10px 10px;
}

.textfield {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	border: 1px solid #000000;
}

form {
	padding: 0;
	margin: 0;
}

.formbutton {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	border: 1px solid #000000;
}

/* ~~~~~~~~~~~~~~~~~~~ den haag verhalen ~~~~~~~~~~~~~~~~~~~~~ */

.stories_year_selected {
	float: left;
	width: 400px;
	font-size: 120px;
	line-height: 90px;
	color: #336633;
	margin: 0;
	padding: 0;
	height: 112px;
}

#stories_picture_four {
	float: left;
	margin: 0 0 10px 8px;
}

#stories_picture_four_dummy {
	float: left;
	margin: 0 0px 10px 8px;
	padding: 50px 10px 0 10px;
	width: 145px;
	height: 170px;
	background-color: #999999;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

#stories_picture_four_dummy a{
	color: #336633;
	text-decoration: none;
}

#stories_picture_four_dummy a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#stories_picture_big {
	float: left;
	margin: 0 0 10px 8px;
	width: 220px;
}

#stories_picture_big p{
	margin: 0;
	padding: 0;
}

#stories_picture_big_dummy {
	float: left;
	margin: 0 0px 10px 0;
	padding: 50px 0 0 0;
	width: 220px;
	height: 240px;
	background-color: #999999;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

#stories_picture_big_dummy a{
	color: #336633;
	text-decoration: none;
}

#stories_picture_big_dummy a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#stories_picture_small {
	float: left;
	margin: 0 0px 10px 8px;
}

#stories_picture_small_dummy {
	float: left;
	margin: 0 0px 10px 8px;
	padding: 10px 0 0 0;
	width: 118px;
	height: 150px;
	background-color: #999999;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#stories_picture_small_dummy a{
	color: #336633;
	text-decoration: none;
}

#stories_picture_small_dummy a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.stories_year a {
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.stories_year a:hover {
	color: #336633;
}

#chronicles_taalkeuze_active {
	font-weight: bold;
	line-height: 30px;
	background-color: #FFFFFF;
	width: 100px;
	text-align: center;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #e8eadf;
	float: left;
	color: #336633;
}

#chronicles_taalkeuze_active a {
	color: #336633;
	text-decoration: none;
}

#chronicles_taalkeuze_active a:hover {
	color: #336633;
	text-decoration: none;
}

#chronicles_taalkeuze {
	font-weight: bold;
	line-height: 30px;
	background-color: #FFFFFF;
	width: 100px;
	text-align: center;
	border-bottom: 1px solid #e8eadf;
	border-right: 1px solid #e8eadf;
	float: left;
	color: #999999;
}

#chronicles_taalkeuze a {
	color: #999999;
	text-decoration: none;
}

#chronicles_taalkeuze a:hover {
	color: #336633;
	text-decoration: none;
}

.chronicles_foto {
	margin: 10px 0 10px 10px;
}

.chronicles_foto_thumb {
	width: 100px;
	margin: 3px 0px 10px 10px;
	float: left;
}

.column_foto {
	margin: 0 0 5px 10px;
}

/** backstage_login **/
#login_header {
	width: 500px;
	text-align: left;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin: 0 auto;
	border-bottom: solid 1px #000000;
	padding: 0 10px 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#login_content {
	width: 500px;
	text-align: left;
	background-color : #cfdfe8;
	margin: 0 auto;
	padding: 0 10px 0 10px;
}

#loginsubmit {
	width: 500px;
	text-align: left;
	background-color: #000000;
	height: 30px;
	clear: both;
	margin: 0 auto;
	padding: 0 10px 0 10px;
}

#loginkop {
	line-height: 28px;
	font-weight: bold;
}

.edit_textfield {
	width: 100%;
	font-size: 20px;
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	margin: 0 0 10px 0;
}

.edit_publishbutton	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	border: 1px #cfdfe8 solid;
	background-color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0 5px 0;
}