/************************************************
*                                               *
*  Copyright    :       (c) 2007 / 2008         *
*                                               *
*  Website by   :       Stukje Design           *
*                       www.stukjedesign.nl     *
*                                               *
*  Contact name :       B. Kreleger             *
*                                               *
*************************************************/

/**************
*  HTML TAGS  *
**************/

body {
	background-image: url("/img/main/background_new.gif");
	background-repeat: repeat-y;
	background-position: top left;
	background-color: #0e170f;
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", Verdana, Arial, Helvetica;
	font-size: 80%;
	color: #000000;
}

h1 {
	font-family: Arial, Verdana, Helvetica;
	font-size: 200%;
	color: #606060;
	clear: both;
}

h2 {
	color: #a21319;
	font-size: 120%;
}

h2 a {
	text-decoration: none;
}

h3 {
	font-size: 115%;
}

a {
	color: #a21319;
}

a:hover {
	color: #6a0105;
}

img {
	border: 0;
}

/**************
*    ID'S	  *
**************/

.winnaar-edison {
	position: absolute;
	top: 72px;
	left: 520px;
}

.eva-kieboom, .emiel-van-rijthoven, .jasper-van-hulten, .sven-happel, .gijs-van-straalen {
	display: none;
}

#skalet {
	float: left;
	width: 1000px;
}
#container {
	float: left;
	width: 560px;
	padding-left: 40px;
}

#widgets {
	width: 350px;
	padding-top: 4px;
	float: left;
}

/* CD announcement */
#announcement {
	background-image: url("/img/announcement/background.png");
	background-position: left;
	width: 560px;
	height: 153px; /* 240 */
}

#announcement-admin {
	background-image: url("/img/announcement/background-admin.gif");
	background-position: left;
	width: 563px;
	height: 216px;
	/* margin-right: 29px;
	margin-left: -23px; */
}

/* content */
#content {
	padding: 0 15px 0 15px;
}

#menu {
	padding: 4px 0 0 0;
	margin: 0;
}
/* menu items */
#menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menu li {
	padding: 0;
	margin: 0;
	float: left;
	font-size: 90%;
	list-style-type: none;
}
#menu a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#menu .red a {
	color: #FFFFFF;
}

/**************
*   CLASSES	  *
**************/

/* logo sensual */
.sensual-salve {
	margin-left: 20px;
}

.nieuws {
	background-color: #D6CEAF;
	padding: 5px 15px 5px 15px;
}

.breaker {
	clear: both;
	height: 10px;
	border-bottom: 1px dotted #a49666;
	margin-bottom: 10px;
}

/**************
*   WIDGETS	  *
**************/

.mp3player, .album, .links, .nieuwsbrief {
	margin-left: 30px;
	text-align: center;
	background-repeat: no-repeat:
}

.mp3player {
	margin-top: 80px;
	width: 205px;
	height: 211px;
	background-image: url("/img/widgets/music.gif");
	margin-bottom: 25px;
}

.mp3player p.first_txt {
	padding-top: 150px;
}

#bodymp3player {
	background-image: url("/img/main/mp3player-background.gif");
}

#showmp3player {
	background-image: url("/img/main/mp3player.gif"); 
	background-repeat: no-repeat;
	padding-top: 300px;
	padding-left: 40px;
	width: 210px;
	margin-right: 10%;
}

.album {
	width: 205px;
	height: 193px;
	background-image: url("/img/widgets/album.gif");
	margin-bottom: 25px;
}

.album p {
	padding-top: 6px;
}

.album a {
	color: #fff;
}

.album p.first_txt {
	padding-top: 5px;
}

.links {
	width: 205px;
	height: 193px;
	background-image: url("/img/widgets/links.gif");
	margin-bottom: 25px;
}

.links p.first_txt {
	padding-top: 8px;
}

.nieuwsbrief {
	width: 205px;
	height: 193px;
	background-image: url("/img/widgets/nieuwsbrief.gif");
	margin-bottom: 25px;
}

.nieuwsbrief p.first_txt {
	padding-top: 15px;
}

/**************
*	AGENDA	  *
**************/

.item {
	clear: both;
	width: 100%;
	min-height: 80px;
}

.date {
	float: left;
	width: 80px;
	text-align: center;
	background-color: #f0d15f;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 4px;
	padding-bottom: 4px;
}

.description {
	width: 400px;
	float: right;
	margin-bottom: 4px;
	padding-bottom: 4px;
}

.description h2 {
	margin: 0;
}

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

.month-number {
	font-size: 200%;
}

.month {
	letter-spacing: 3px;
}

.year {
	font-size: 90%;
	color: #b39218;
}

.monthyear {
	clear: both;
}

/**************
*  BIOGRAFIE  *
**************/

.content-left, .content-right {
	float: left;
	width: 260px;
	text-align: center;
	font-size: 90%;
}

/**************
* GASTENBOEK  *
**************/

#gastenboek-entrees {
	padding-top: 2px;	
	border-top: 3px dotted #a49666;
	padding-bottom: 6px;
}

.entree {
	padding-top: 6px;
	border-bottom: 3px dotted #a49666;
	padding-bottom: 6px;
}

.gastenboek-date {
	color: #535353;
	font-size: 85%;
}

/**************
*   ALBUMS	  *
**************/

.alubum {
	width: 500px;
}

.cover {
	float: left;
	width: 190px;
	/* background-color: #242424; */
	padding: 5px;
}

.album_content {
	float: left;
	width: 290px;
}

.tracklist {
	border-collapse: collapse;
}

.tracklist td {
	padding: 5px;
}

.tracklist_bg1 {
	background-color: #e0e0e0;
}

.tracklsit_bg2 {
	background-color: #f7f7f7;
}

.forgotten {
	border: 1px solid red;
}

/**************
* PHOTOALBUM  *
**************/

.photoalbums {
	border-collapse: collapse;
	width: 100%;
	background-color: #e4dcbd;
}

.photoalbums td {
	padding: 5px;
	background-color: #e2cb73;
}

.photoalbum {
	border-collapse: collapse;
	width: 100%;
	background-color: #e4dcbd;
}

.photoalbum td {
	padding: 5px;
	background-color: #e2cb73;
}

.photoalbum img, .photoalbums img {
	border: 1px solid #f8e49a;
}


/**************
*FORM HANDLING*
**************/

.form_textarea {
	width: 450px;
}

textarea, input, select {
	margin: 1px;
	padding: 2px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	background: #efe7c6;
	border: 1px solid #d2c48e;
	color: #5d5018;
}

input:focus, textarea:focus, label:focus, input.sffocus, textarea.sffocus {
	background: #eadfb1;
	border: 1px solid #9d8b43;
}

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

/**************
*   LIGHTBOX  *
**************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('/img/main/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/img/main/prev.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/img/main/next.gif') right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}