/*
Stiching Nieuwe Rotterdamse Cultuur - http://www.stichtingnrc.nl/
@author: Rick Stoopman - Yes2web
@version:20080428

ColorScheme:
CKR-blue 				- #57b6dd
SNRC-brown				- #a87c4f
Agenda-purble			- #cc33cc
Nieuws-green			- #bed63a
Contact/member-orange	- #e76e34

*/
* {
	margin: 0;
	padding: 0;
}
body, #publerBody {
	text-align: left;
}
body {
	background: url(../../images/ckr/bg/bg-black.gif) repeat top left;
}	
body.day{
	background: url(../../images/ckr/bg/bg-white.gif) repeat top left;
}
#container {
	position: relative;
	width: 980px;
	margin: 20px 0 20px 20px;
	text-align: left;
	background:#fff url(../../images/ckr/bg/night-container-bg.jpg) top left no-repeat;
}
.day #container{
	background-image: url(../../images/ckr/bg/day-container-bg.jpg);
}


/* Header + Navigation
**********************************/
#header {
	position: relative;
	height: 210px;
	background-repeat: no-repeat;
	padding:20px 20px 0 20px;
}

#header h1 {
	position: absolute;
	left: 20px;
	top: 17px;

}
#header h1 a {
	display: block;
	width: 147px;
	height: 194px;
	background-repeat: no-repeat;
}
.home #header h1 a, .registreren #header h1 a {
	text-indent: 0;
}

#header ul.member {
	position: absolute;
	top: 20px;
	right: 20px;
}
#header ul.member li {
	list-style: none;
	float: left;
	color: #e76e34;
	margin-left: 10px;
}
#header ul.member li a {
	color: #e76e34;
	text-decoration:underline;
	font-weight:bold;
	font-size:1.2em;
}
#header ul.member li a:hover{ 
	text-decoration:none;
}
#navigation {
	position: absolute;
	top: 155px;
	/*left: 262px;*/
	right: 10px;
	list-style-type: none;
}
* html #navigation {
	right: -5px;
}

#navigation li {
	float:left;
	padding: 15px 0 0 0;
	margin: 0 12px 0 0;
}
#navigation li a {
	font-family: Arial, Helvetica, sans-serif;
	padding:4px 10px 0px 11px;
	height: 37px;
	width:109px;
	display:block;
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-size: 1em;
	line-height:1.4;
}
#navigation li#nav-ckr a { background: url(../../images/ckr/menu/tab-ckr.jpg) #57b6dd top left no-repeat; }
#navigation li#nav-snrc a { background: url(../../images/ckr/menu/tab-snrc.jpg) #a87c4f top left no-repeat; }
#navigation li#nav-agenda a { background: url(../../images/ckr/menu/tab-agenda.jpg) #cc33cc top left no-repeat; }
#navigation li#nav-nieuws a { background: url(../../images/ckr/menu/tab-nieuws.jpg) #bed63a top left no-repeat; }
#navigation li#nav-contact a { background: url(../../images/ckr/menu/tab-contact.jpg) #e76e34 top left no-repeat; }

body.culturele-kaart-rotterdam #navigation li#nav-ckr a,
body.cultuurscouts #navigation li#nav-snrc a, body.projects #navigation li#nav-snrc a,
body.culturele-agenda #navigation li#nav-agenda a,
body.nieuws-oproepen #navigation li#nav-nieuws a,
body.contact #navigation li#nav-contact a, body.contactdetails #navigation li#nav-contact a, body.add-calendar #navigation li#nav-contact a {
	padding-bottom: 15px;
	margin-top: -15px;
}


ul#navigation:hover a, ul#navigation.hover a{
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}

ul#navigation a:hover{
	padding-bottom: 15px !important;
	margin-top: -15px !important;
}

/* Contents
**********************************/
#wrapper{
	float: left;
	width: 100%;
}

#contents {
	margin: 0 490px 0 20px;
}

#center-column, #right-column {
	float: left;
}
.registreren #center-column, .memberpage #center-column {
	width: 450px;
}
.memberpage #center-column {
	margin-top: -30px;
}
#center-column {
	margin-left: -470px;
}
#right-column {
	margin-left: -235px;
}


/* Homepage has 3 Equal columns
****************************/

/* CKR */
.culturele-kaart-rotterdam #contents{
	margin: 0 660px 0 20px;
	padding:0;
}

.culturele-kaart-rotterdam #center-column{
	float:left; width:300px;
	margin-left: -640px;
}
	.culturele-kaart-rotterdam #right-column{
		width:300px;
		margin-left:-320px;
	}
	.culturele-kaart-rotterdam #right-column dl{
		padding-left:110px;
		}
	.culturele-kaart-rotterdam #right-column dd.image{
		position:absolute;
		top: 2px;
		left: 0;
		_left: -110px;
		width:100px;
		height:67px;
		overflow:hidden;
		}
		
		body.ckr-sub #contents{
			margin: 0 660px 0 20px;
			padding:0;
		}

		body.ckr-sub #center-column{
			float:left; width:620px;
			margin-left: -640px;
		}

/* SNCR */
.cultuurscouts #contents{
	margin: 0 660px 0 20px;
	padding:0;
}

.cultuurscouts #center-column{
	float:left; width:620px;
	margin-left: -640px;
}
	
	.cultuurscouts #center-column div.nieuws{
		width:295px; float:left;
	}
	.cultuurscouts #center-column div.nrc{ 
		width: 300px; float:right; display:inline;
	}

	/* Projects subpage */
	body.projects #contents{
		margin: 0 260px 0 20px;
		padding:0;
	}
	body.projects #contents-left{
		float:left;
		width:460px;
	}
	body.projects #contents-right{
		float:right;
		width:200px;
	}

	body.projects #right-column{
		float:left; width:220px;
		margin-left: -240px;
	}	
		
	/*Scouts*/
	.scouts #center-column div.nrc{ 
		width: 620px; float:left; display:inline;
	}
	
/* Agenda */
.culturele-agenda #contents{
	margin: 0 499px 0 260px;
	padding:0;
}

.culturele-agenda #center-column{ /*Actually left column*/
	width:220px;
	margin-left:-960px;
}
	.culturele-agenda #right-column{
		float:left; 
		width:460px;
		margin-left: -480px;
	}
	
/* Nieuws */
.nieuws-oproepen #contents{
	margin: 0 739px 0 20px;
	padding:0;
}

.nieuws-oproepen #center-column{
	float:left; width:455px;
	margin-left: -719px;
}
	.nieuws-oproepen #right-column{
		width:217px;
		margin-left:-240px;
	}
		
/* Contact */
.contact #contents{
	margin: 0 505px 0 20px;
	padding:0;
}

.contact #center-column{
	float:left; width:460px;
	margin-left: -480px;
}

/* Contact */
.contactdetails #contents{
	margin: 0 505px 0 20px;
	padding:0;
}

.contactdetails #center-column{
	float:left; width:460px;
	margin-left: -480px;
}

.contactdetails div.content-block, .contactdetails div.agenda{float:left; width:200px;}
.contactdetails div.content-block{margin-bottom:20px;}
.contactdetails div.content-block{ margin-right:20px;}
.contactdetails div#member-map{
	width:460px; height:220px; margin:0 20px 20px 0;
	}
.contactdetails #member-photo{
	width:460px; height:220px; margin:0 0 20px 0; display:block;
	background: url(../../images/ckr/bg/member-photo.jpg) no-repeat top left;
	}
.contactdetails #member-photo img{
	width:460px; height:220px;
}

/* Content Items
****************************/

#main .nieuws dd.content img{ float:left; margin:5px 5px 5px 0;}
p.paginatr{text-align:right;}
p.paginatr a{
	margin-right:3px; font-weight:bold;
}
	p.paginatr span.current{
		margin-right:3px; font-weight:bold;
		color:#333;
	}
ul{
	list-style-type:none;
	}
		
ul#scouts{
	list-style-type:none; width:300px;
	margin:0 0 0 0; padding:0;
	background
}
	ul#scouts li{
		float:left; margin:0; padding:0;		
}
	ul#scouts li a{
		height:150px; width:100px;
		display:block;
		overflow:hidden;
	}
	body.scouts ul#scouts li a img{
		margin-left:-100px;
	}
	#scouts li a img, body.scouts ul#scouts li.selected a img{
		margin-left:0px;
	}

/* Calendar*/
div#calendar{
	color:#cc33cc; width:220px; margin-top:15px;
	}
	div#calendar a{
		color:#cc33cc; text-decoration:none;
		}
	div#yearSelector, div#monthSelector{
		border: 1px solid #57b6dd; padding:3px 0; height:19px;
		}
		div#monthSelector{
			border-top:none;
			}
	div#yearSelector span, div#monthSelector span{
		font-weight:bold; float:left; width:190px; text-align:center;		
		_width:178px; _padding-left:6px;
		}
	a#nextYear, a#nextMonth{
		font-weight:bold;  float:right; 
		margin-right:2px;
		}
	a#prevYear, a#prevMonth{
		font-weight:bold; float:left;
		margin-left:2px;
		}
	table.calendar-table{
		width:100%;
		border-left:1px solid #57b6dd;
		padding:0; margin:0;
		}
		table.calendar-table td{
			border-right:1px solid #57b6dd;
			border-bottom:1px solid #57b6dd;
			text-align:center;
			margin:0; padding:0;
			}
		table.calendar-table thead td{
			height:25px; padding-top:4px;
			*height:21px;			
			}
		td.unselectable{
			color: #666;
			background-color: #ccc;
		}
		td.selected {			
			background-color: #cc33cc;			
		}
		td.selected a{
			color:white !important;
			}
		table.calendar-table td a{
			display:block; width:100%; height:21px;
			text-align:center;
			padding-top:4px;
			}
			
/* Map */
#ckr-map{
	margin: 0 20px 20px 20px;
	height:420px;	
	}
#map{
	float:left;
	width: 620px;
	height: 420px;
	background: url(/images/ckr/bg/map.jpg);	
	}
#filter{
	float:right;
	}
#map{
	}
	
#map p#no-js {
	background:white;
	border:1px solid #57b6dd;
	padding:4px;
	width: 90%;
	font-weight:bold;
	margin:170px auto 0 auto;
	text-align:center;
	}
/* Filter styles
*************************/
#filter {
	width: 310px;
}
#filter select, #filter #search {
	width:100%;	
	color: #57b6dd;
}
#filter input#search {
	padding: 2px 4px;
	width: 230px;
	margin-right: 0;
	font-size:10px;
}
#filter button#searchsubmit {
	margin: 0 0 0 7px;
	*margin: 0 0 0 2px;
	_margin: 0 0 0 3px;
	height: 23px;
	border: 0;
	vertical-align: top;
	cursor: pointer;
	color:#57b6dd;
	font-weight:bold;
	background:white;
	font-size:1.4em !important;
	*padding-top:4px;
	padding-right:0 !important;
	padding-left:13px;
	text-align:right;
}

#filter #results{
	height: 288px;
	overflow-y: auto;
	position: absolute;
	width: 308px;
	margin: 16px 0 0 0;
	display: inline;
	*height: 295px;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #57b6dd;
	scrollbar-shadow-color: #FFF;
	scrollbar-darkshadow-color: #57b6dd;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #57b6dd;
	}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* safari hack */
	#filter #results{
		height:300px;
		}
	}

/* End of Filter styles
*************************/

/* Forms
**********************************/
input.text, select{
	padding: .2em;
	*padding: .3em;
	_padding:.3em;
	font-size:1.1em !important;
	background-color:white;
	margin:0 0 5px 0;
}

input.text{
	height:16px;
	padding-top: 3px !important;
	}

input.wide{
	width:230px;
}
select.extrawide{
	width:300px;
}

.culturele-kaart-rotterdam input.text, .culturele-kaart-rotterdam select, .culturele-kaart-rotterdam textarea{
	border:1px solid #57b6dd;
	color:#57b6dd;
}

.nrc input.text, .nrc select, .nrc textarea{
	border:1px solid #a87c4f;
	color:#a87c4f;
}

.culturele-agenda input.text, .culturele-agenda select, .culturele-agenda textarea{
	border:1px solid #57b6dd;
	color:#57b6dd;
	width:100%;
}

.contact input.text, .contact select, .contact textarea{
	border:1px solid #e76e34;
	color:#333;
	width:330px;
	*width:325px;
	padding-top:0;
	padding-bottom: 2px;
	margin-bottom:5px;
	*margin-bottom:3px; 
	font-size: 1em !important;
}
.contact input.small{
	width: 75px;
}
.contact input.medium{
	width: 150px;
}
	.contact textarea{
		width:334px;
		*width:329px;
		height: 100px;
	}
	.contact #add-calendar-form textarea{
		height: 200px;
	}
	.contact label{
		width:115px;
		margin-top:2px;
		}
	.contact span.step{
		color:#333;
		}
	.contact span.step span{
		color:#e76e34;
		}
	.contact a.nextstep, .contact a.prevstep, .contact button.complete{
		color:#e76e34;
		font-size:1.1em;
		font-weight:bold;
		float:right;
		clear:right;
		background:white;
		}
		.contact button.complete{
			border:none;
			font-family: Verdana, Geneva, sans-serif;
			font-size:1.1em;
			padding:0;
			width:auto;
			cursor: pointer;
			text-decoration: underline;
			}
	.contact a.prevstep{
		float:left;
		}
	.contact div#label-holder{
		display:block;
		}
	.contact div.labels{
		float:left;
		width:166px;
		display:inline;
		*width:165px;
		_width:166px;
		display:inline;
		}
	.contact div.labels input.text{
		width:164px;
		*width:159px;
		margin-left:0;
		_margin-left:3px;
		}
	.contact div.labels span{
		cursor:pointer;
		}		
	.contact input.chk{
		margin-right:10px;	
		}
	.contact img.chk{
		position:absolute;
		*margin-top:2px;
		_margin-left:3px;
		}
	.contact fieldset{
		padding:10px 0; border:none;
		}
		.contact fieldset fieldset{
			padding:0;
			}
	.contact fieldset fieldset legend{
		color:#333;
		font-size:1em;
		}
	.contact fieldset legend{
		color:#e76e34;
		font-size:1.1em;
		font-weight:bold;
		margin:0; padding:0;
		*margin-left:-7px;
		}
		.contact fieldset dl dt{
			float:left;
			width:125px;
			color:#333 !important;
			font-weight:normal;
			font-size:1em !important;
			}
		.contact fieldset dl dd{
			color:#e76e34;
			}
.button{
	border:none; margin:0;
	background-color:white;
	font-weight:bold;
	position:absolute;
	margin:0 0 14px 4px;
}
	
.nrc .button{
	color:#a87c4f;
}

.contact .button{
	color:#e76e34;
}
	
/* Footer
**********************************/
#footer {
	position: relative;
	clear: left;
	width: 100%;
	height: 1%;
	background-color:#333;
	padding:12px 20px;
	width:940px;
	line-height: 16px;
}
	
#footer .ft-column{
	float:left; margin-right:60px;	
}
#footer, #footer a {
	font-weight: normal;
	color: #999;
	font-size:.9em;
}
#footer h3{
	color:#999;
	font-size:1em;
	font-weight:bold;
	margin:0;
}
#footer ul{
	list-style-type:none;
}
#footer a{
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}
#ft-logo{ float:right;}