/* Reset CSS */

/* Normalizes margin, padding */
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
	{ margin : 0; padding : 0; }

	/* Normalizes font-size for headers */
	h1,h2,h3,h4,h5,h6 { font-size : 100%; font-weight: normal; }

	/* Removes list-style from lists */
	ol,ul { list-style : none; }

	/* Normalizes font-style and font-weight to normal */
	address, caption, cite, code, dfn, em, strong, th, var
	{ font-style : normal; font-weight : normal; }

	/* Removes borders and spacing from tables */
	table { border-collapse : collapse; border-spacing : 0; }

	/* Removes border from fieldset and img */
	fieldset,img, img a { border : 0; }
	
	/* Left-aligns text in caption and th */
	caption,th { text-align : left; }

	/* Removes quotation marks from q */
	q:before, q:after { content :''; }

	/* Removes rid of Firefox's dotted borders */
	a {
	outline:none;
}

	/* Removes rid of IE's blue borders */
	a img { border:none; }

	strong {
	font-weight: bold;
	color: #900;
}

	em { font-style: italic; }

	/* ------------------------- End Reset CSS ---------------------- */
	
	body {
	font:12px/14px "lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #4d5d5e;
	line-height: 12pt;
	background-color: #FFFFFF;
	background-image: url(background_tile.jpg);
	background-position: center top;
} 
	

/*----------------HEADERS _____________________*/
	h1 a {
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 20px;
	width:319px;
	height: 168px;
	background: transparent url(satsu_sticker.png) no-repeat 0px 0px;
	overflow: hidden;
}
	h1 a:hover { background-position: 0 -180px; }
	h2.title_home { background: transparent url(header_home.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_program { background: transparent url(header_program.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_vrijdag { background: transparent url(header_vrijdag.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_zaterdag { background: transparent url(header_zaterdag.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_zondag { background: transparent url(header_zondag.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_movies { background: transparent url(header_movies.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_music { background: transparent url(header_music.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_press { background: transparent url(header_press.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_sponsors { background: transparent url(header_sponsors.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_contact { background: transparent url(header_contact.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_thema { background: transparent url(header_thema.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	h2.title_interview { background: transparent url(header_interview.jpg) no-repeat; height: 30px; text-indent: -9999px; margin-bottom: 5px; }
	
	h2 { height: 30px; }
	h3 { font:16px/16px  "lucida Grande", "Trebuchet MS", Verdana, sans-serif; margin-left: 7px; color: #990033; }

	h3.title { }
	
	
	h4.quote a { position: absolute; top: 0; left: 460px; width: 342px; height: 40px; text-indent: -9999px; background: transparent url(quote.gif) no-repeat; }
	h4.quote a:hover {background: transparent url(quote_hover.gif) no-repeat; }
	
	p a {
	color: #333;
	text-decoration: none;
}
	p a:hover { color: #333333; border-bottom: 1px dotted #951523;}
	
	.return { font-size: 12px; }

/*layout*/

div#masthead { width: 960px; height: 200px; margin: 0 auto; position: relative; }

div#intro { margin: 0 auto;  width: 960px; background: transparent url(introducing.png) repeat-x top center; height: 20px; position: absolute; top: 0; left: 0; text-indent: -9999px; }

div.section { padding: 0 0; text-align: center;}
div.home_page { background: transparent url(background.jpg) no-repeat top center; }
div.portfolio_page { background: transparent url(background_portfolio.jpg) no-repeat top center; }
div.about_page { background: transparent url(background_about.jpg) no-repeat top center; }
div.services_page { background: transparent url(background_services.jpg) no-repeat top center; }

div.inner { width: 960px; margin:0 auto; position: relative; margin-bottom: 50px; text-align: left; }

div.inner div.left {
	float: left;
	width: 450px;
	display: inline;
}
div.inner div.left p, div.inner div.right p { margin: 10px 0  20px 10px; }
div.inner div.left p img {
	float: right;
	margin-bottom: 0px;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
div.inner div.left p.intro { margin-top: 0px; }
div.inner div.left a img, div.section div.inner div.right a img {
}

div.inner div.left a img.no_border { background: #dedfd4; }
div.inner div.right { float: right; width: 450px; display: inline; }
div.inner div.right div.quarter_left, div.inner div.left div.quarter_left { width: 210px; float: left; display: inline; }
div.inner div.right div.quarter_right, div.inner div.left div.quarter_right { width: 210px; float: right; display: inline; }
div.inner div.portfolio { float: left; width: 450px; margin-right: 30px; margin-top: 20px; height: 350px; display: inline; margin-bottom: 20px; }
div.inner div.portfolio p { margin-left: 7px; margin-bottom: 10px; }
div.inner div.portfolio a img { background: transparent url(portfolio_img_bg.gif) no-repeat; padding: 6px 3px 27px 4px; margin-top: 10px;}

div.block { width: 960px; }

blockquote {  padding: 20px; border: 5px solid #fff; }
p.author { color: #951523; font-style: italic; }

div.inner div.three_quarter { float: left; width: 720px; margin-bottom: 50px; display: inline; }
div.inner div.quarter { float: right; width: 210px; margin-top: 60px; display: inline; }
div.section div.inner:after { clear: both;  content: ".";  display: block; height: 0; visibility: hidden; }
* html div.section div.inner { height: 1%; }/* IE6 Fix for clearing the element */

div.section div.inner div.three_quarter img { background: transparent url(main_img_bg.gif) no-repeat; padding: 9px 5px 16px 9px; margin-top: 10px; }
div.section div.inner div.three_quarter a:hover img { background: transparent url(main_img_bg_hover.gif) no-repeat; padding: 9px 5px 16px 9px;}



div#footer { clear: both; text-align: center; background: #ffffff url(footer_bg.jpg) repeat-x top center; font:12px/16px "Courier New", Courier, mono; color: #4d5d5e; padding: 15px 0; }


/* typo */
div.section div.inner div.three_quarter p {margin-left: 7px; margin-top: 15px; }




/* Lists */

ul#navigation { }
ul#navigation li.portfolio a {
	position: absolute;
	text-indent: -9999px;
	background: transparent url(nav.png) no-repeat 0 0;
	width: 160px;
	height: 49px;
	top: 100px;
	left: 391px;
}
ul#navigation li.portfolio a:hover { background: transparent url(nav.png) no-repeat 0 -50px; }
ul#navigation li.services a {
	position: absolute;
	text-indent: -9999px;
	width: 96px;
	height: 55px;
	top: 101px;
	left: 552px;
	background-color: transparent;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -170px 0;
}
ul#navigation li.services a:hover {
	background-color: transparent;
	background-image: url(nav.png);
	background-repeat: no-repeat;
	background-position: -170px -50px;
}
ul#navigation li.about a {
	position: absolute;
	text-indent: -9999px;
	background: transparent url(nav.png) no-repeat -315px 0;
	width: 90px;
	height: 55px;
	top: 101px;
	left: 645px;
}
ul#navigation li.about a:hover { background: transparent url(nav.png) no-repeat -315px -50px; }
ul#navigation li.contact a {
	position: absolute;
	text-indent: -9999px;
	background: transparent url(nav.png) no-repeat -405px 0;
	width: 118px;
	height: 50px;
	top: 101px;
	left: 745px;
}
ul#navigation li.contact a:hover { background: transparent url(nav.png) no-repeat -405px -50px; }
ul#navigation li.blog a {
	position: absolute;
	text-indent: -9999px;
	background: transparent url(nav.png) no-repeat -525px 0;
	width: 107px;
	height: 50px;
	top: 100px;
	left: 858px;
}
ul#navigation li.blog a:hover { background: transparent url(nav.png) no-repeat -525px -50px; }

div.inner ul.services, div.inner ul.address, div.inner ul.call, div.inner ul.skills { clear: both; margin-left: 10px;}
div.inner li {
	background: transparent url(underline.gif) no-repeat bottom left;
	padding-bottom: 20px;
	padding-left: 12px;
	margin-top: 5px;
	margin-left: -10px;
	display: block;
	color: #333;
}
div.inner li a {  text-decoration: none; color: #951523;  }
div.inner li a:hover {
	color: #333333;
}


form {
	margin-bottom: 10px;
}
fieldset { border: 2px solid #fff; padding: 1px; margin-top: 25px; }
legend { font-size: 14px; color: #951523 ;}
label { display: block; }
input {
	padding: 3px;
	border: 3px solid #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 14px;
}
input.submit_button { width: auto; background-color: #333333; border: 1px solid #990000; color: #fff; padding: 3px; }

textarea { width: 95%; }
input:focus, textarea:focus {
	background-color: #993300;
	color: #fff;
}
.required { font-size: 9px; color: #951523;}