@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	background-image:url(../img/dolly_achtergrond.jpg);
	background-position:center;
	background-repeat:repeat-y;
	}
	
a:link{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}
a:visited{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}
a:hover {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}

	
.splash{
position:absolute;
top:50%;
left:50%;
margin-top:-348px;
margin-left:-348px;
width:696px;
height:696px;
background-image:url(../img/dolly_splash.jpg);
}

#container {
	width: 764px;
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid red;
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
		
	#title_main { /* verticale titelbalk in lichtgroen vlak */
		width:80px;
		height:715px;
		margin-top:10px;
		background-image:url(../img/cont_dolly_vert.jpg);
		background-position:top right 3px;
		background-repeat:no-repeat;
		float:right;
		}
		
	.menu_main { /* menu gedeelte waar de blokjes in staan -- dubbele stitch onderaan (25px hoog) */
		width:630px;
		padding: 10px 20px 10px 20px;
		height:165px;
		border:0px solid red;
		/* TRouBLe TopRightBottomLeft _ remember that padding is the space inside the div box and margin is the space outside the div box */
		background-image:url(../img/stitch_hor.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		}
	
		.cel_menu {
			width:66px;
			height:66px;
			vertical-align:top;
			text-align:center;}
	
	
		.bar_horizontal {
			background-image:url(../img/stitch_hor.jpg);
			background-repeat:no-repeat;
			height:25px;
			}
	
	.mainContent { /* gedeelte waar de content in staat, valt over groene vlak -- bevat "tekstblok" en "tekening" */
		width:630px;
		padding: 20px 20px 50px 20px;
		border:0px solid red;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		/* TRouBLe TopRightBottomLeft _ remember that padding is the space inside the div box and margin is the space outside the div box */
		}
	
	
		.tekstblok{
			width:315px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			}
		.cloud{
			width:600px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			}
			
			.tekstblok a:link, .cloud a:link{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#d5ebb9;
				text-decoration:none;
				padding:2px;
				}
			.tekstblok a:visited, .cloud a:visited{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#d5ebb9;
				text-decoration:none;
				padding:2px;
				}
			.tekstblok a:hover, .cloud a:hover{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#71bfac;
				background-color:#d5ebb9;
				text-decoration:none;
				padding:2px;
				border:0px dashed #4d1a38;
				}
			
			.credit {
				width:295px;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#4d1a38;
				text-align:right;
				}
		
		.tekening{
			width:295px;
			float:right;
			text-align:right;
			}
		.nieuwsbrief{
			width:295px;
			float:right;
			text-align:left;
			}
			
			.tekening a:link, .cloud a:link{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#71bfac;
				text-decoration:none;
				padding:2px;
				}
			.tekening a:visited, .cloud a:visited{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#71bfac;
				text-decoration:none;
				padding:2px;
				}
			.tekening a:hover, .cloud a:hover{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#71bfac;
				font-style:oblique;
				text-decoration:none;
				padding:2px;
				border:0px dashed #4d1a38;
				}
			
		.kalender{
			width:270px;
			float:right;
			text-align:left;
			padding-left:25px;
			}
		
		h1	{	
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size:14px;
			font-variant:small-caps;
			font-weight:normal;
			color:#FFFFFF;
			}
			
		hr {
			background-image:url(../img/stitch_wit2.jpg);
			background-repeat:repeat-x;
			height:10px;
			width:315px;
			border:0px;
			margin-top:20px;
			border-style:none;
			}

/* ID & CLASSES voor het stylen van de GIGS pagina - zit in tabellen! - */

.gig{/**/
	padding-bottom:20px;
	}
.gigmonth{/**/
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	font-weight:normal;
	color:#FFFFFF;
	}
.gigdatetime{/**/
	width:315px;
	padding-bottom:1px;
	border-bottom:1px solid #d5ebb9;
	
	}
.giglocation{/**/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	padding-left:20px;
	}
	.giglocation  a:link, .giglocation  a:visited, .giglocation  a:active{/**/
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#d5ebb9;
		text-decoration:none;
		padding:0px;
		}
	.giglocation  a:hover{/**/
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#71bfac;
		background-color:#d5ebb9;
		text-decoration:none;
		padding:0px;
		border:0px dashed #4d1a38;
		}
	
.gigcomment{/**/
	padding-left:20px;
	}
	
.gigemptybox{/**/
	}
.gignone{/**/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
#kalendergroot{/* bevat 3 cellen met de pijlen en met de kalender*/
	}
	#pijllinks{/*cel met pijl*/
		text-align:left;
		padding-right:5px;
		vertical-align:bottom;
		line-height:80px;
		}
	#pijlrechts{/*cel met pijl*/
		text-align:right;
		padding-left:10px;
		vertical-align:bottom;
		line-height:80px;
		}
	#kalenderklein{/*alleen de kalender*/
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		.kalenderhead{/*maand+jaar*/	
			text-align:left;
			padding-bottom:10px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size:14px;
			font-variant:small-caps;
			font-weight:normal;
			color:#FFFFFF;
			}
		.dagindemaand{/*de cellen met de data erin*/
			text-align:right;
			width:25px;
			}
		.dagmetoptreden{/*een andere kleur voor de data waar een optrden gepland staat*/
			text-align:right;
			width:25px;
			color:#CC3366;
			}
		.naamdag{/**/
			text-align:center;
			padding-left:10px;
			color:#d5ebb9;
			padding-bottom:5px;
			}
	
	.dolly01{color:#82306B; font-size:large}
	.dolly02{color:#C25798; font-size:normal; font-weight:bold}
	.dolly03{color:#289775; font-size:normal}
	.dolly04{color:#FAD12C; font-size:normal}
	.dolly05{color:#FFFFFF; font-size:normal; font-style:italic}