/*
* Cache van main.style.css
* Created: 2012-01-13 14:10:36
*/

/*
* $Author: sjors $
* $LastChangedDate: 2006-07-05 13:58:04 +0200 (wo, 05 jul 2006) $
* $Id: main.style.css 18 2006-07-05 11:58:04Z sjors $
* $Rev: 18 $
*/

/* Style reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: #333333; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End style reset */

.clear {clear: both; line-height: 0px;}
strong {font-weight: bold;}
em {font-style: italic;}
.hidden {display: none;}
.error {color: red;}
ol {
	margin: 2px 20px;
	list-style: decimal;
}
ul {
	list-style: disc;
	margin: 2px 12px;
}

.loading {
	background-image: url(/images/cms/spinner.gif);
  background-repeat: no-repeat;
  background-position: center;
}

html { height: 100%;}

body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
div#container {
	width: 920px;
	min-height: 100%;
	_height: 100%;
	margin: 0 auto -125px;
	background-repeat: no-repeat;
	position: relative;
}
div.container_home 		{background-color: #060607; background-image: url(/images/interface/back_home.jpg);}
div.container_muziek 	{background-color: #1a1310; background-image: url(/images/interface/back_muziek.jpg);}
div.container_kids 		{background-color: #ebdfd7; background-image: url(/images/interface/back_kids.jpg);}
div.container_vijf 		{background-color: #008bd0; background-image: url(/images/interface/back_vijf.jpg);}
div.container_projecten {background-color: #574d2f; background-image: url(/images/interface/back_projecten.jpg);}
div.container_info 		{background-color: #131212; background-image: url(/images/interface/back_info.jpg);}

div#header {
	width: 920px;
	height: 180px;
	position: relative;
}
img#logo {
	width: 245px;
	height: 147px;
	position: absolute;
	top: 20px;
	left: 20px;
}
/* typoGraphics */

p { margin-bottom: 10px;}
a 		{color: #004c99; text-decoration: none;}
a:hover {color: #004c99; text-decoration: underline;}
h1, h2, h3, h4, h5 {font-weight: bold;}

h1 {font-size: 18px; line-height: 22px; margin-bottom: 10px;}
h2 {font-size: 14px; line-height: 18px;}

.container_home h1,.container_home h2,.container_home h3					{color: #e4312c;}
.container_muziek h1, .container_muziek h2, .container_muziek h3			{color: #ea6ea3;}
.container_kids h1, .container_kids h2, .container_kids h3					{color: #97bf0d;}
.container_vijf h1, .container_vijf h2, .container_vijf h3					{color: #9085ba;}
.container_projecten h1, .container_projecten h2, .container_projecten h3	{color: #f29400;}
.container_info h1, .container_info h2, .container_info h3					{color: #0c8be6;}

/* mainMenu */

ul#mainmenu {
	list-style: none;
	margin: 0 0 0 15px;
	width: 905px;
	height: 30px;
}
ul#mainmenu li {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	display: block;
	float: left;
	position: relative;
	z-index: 1;
}
ul#mainmenu li a {
	padding: 7px 20px;
	color: #FFFFFF;
	text-decoration: none;
}

ul#mainmenu li:hover ul {display: block;}

ul#mainmenu li#home a:hover, ul#mainmenu li#home.current a 				{background-image: url(/images/interface/hoekje.gif); background-repeat: no-repeat; color: #e4312c;}
ul#mainmenu li#muziek a:hover, ul#mainmenu li#muziek.current a 			{background-color: #ea6ea3; color: #FFFFFF;}
ul#mainmenu li#kids a:hover, ul#mainmenu li#kids.current a 				{background-color: #97bf0d; color: #FFFFFF;}
ul#mainmenu li#vijf a:hover, ul#mainmenu li#vijf.current a 				{background-color: #9085ba; color: #FFFFFF;}
ul#mainmenu li#projecten a:hover, ul#mainmenu li#projecten.current a 	{background-color: #f29400; color: #FFFFFF;}
ul#mainmenu li#info a:hover, ul#mainmenu li#info.current a 				{background-color: #0c8be6; color: #FFFFFF;}

ul#mainmenu li.current_home a {
	background-color: #FFFFFF;
	color: #e4312c;
}

/* dropDownMenu */

ul#mainmenu ul {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	display: none;
}
ul#mainmenu ul li {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 12px;
	display: block;
	width: 200px;
}
ul#mainmenu ul li a {
	padding: 7px 17px;
	background-color: #FFFFFF !important;
	text-decoration: none;
	display: block;
}
ul#mainmenu li:hover ul, body.js ul#mainmenu li ul {
   display:block;
}
ul#mainmenu li#muziek ul li a 			{color: #ea6ea3 !important; border-bottom: 3px solid #ea6ea3; border-left: 3px solid #ea6ea3; border-right: 3px solid #ea6ea3;}
ul#mainmenu li#kids ul li a 			{color: #97bf0d !important; border-bottom: 3px solid #97bf0d; border-left: 3px solid #97bf0d; border-right: 3px solid #97bf0d;}
ul#mainmenu li#vijf ul li a 			{color: #9085ba !important; border-bottom: 3px solid #9085ba; border-left: 3px solid #9085ba; border-right: 3px solid #9085ba;}
ul#mainmenu li#projecten ul li a 		{color: #f29400 !important; border-bottom: 3px solid #f29400; border-left: 3px solid #f29400; border-right: 3px solid #f29400;}
ul#mainmenu li#info ul li a 			{color: #0c8be6 !important; border-bottom: 3px solid #0c8be6; border-left: 3px solid #0c8be6; border-right: 3px solid #0c8be6;}

ul#mainmenu li#muziek ul li a:hover 	{background-color: #f8dbe9 !important; color: #ea6ea3;}
ul#mainmenu li#kids ul li a:hover 		{background-color: #dfeeaa !important; color: #97bf0d;}
ul#mainmenu li#vijf ul li a:hover 		{background-color: #dbd7e9 !important; color: #9085ba;}
ul#mainmenu li#projecten ul li a:hover  {background-color: #ffe0ae !important; color: #f29400;}
ul#mainmenu li#info ul li a:hover 		{background-color: #c9deee !important; color: #0c8be6;}

/* subMenu */

div#submenu {
	width: 175px;
	height: 1px;
	float: left;
}
div#submenu ul {
	list-style: none;
	margin: 8px 0 0 15px;
	width: 160px;
	float: left;
}
div#submenu li {
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #FFFFFF;
}
div#submenu li a {
	padding: 2px 10px;
	text-decoration: none;
	display: block;
}
div.container_muziek div#submenu ul li a 	{color: #ea6ea3;}
div.container_kids div#submenu li a 		{color: #97bf0d;}
div.container_vijf div#submenu li a 		{color: #9085ba;}
div.container_projecten div#submenu li a 	{color: #f29400;}
div.container_info div#submenu li a 		{color: #0c8be6;}

div.container_muziek div#submenu li a:hover 	{background-color: #ea6ea3; color: #FFFFFF;}
div.container_kids div#submenu li a:hover 		{background-color: #97bf0d; color: #FFFFFF;}
div.container_vijf div#submenu li a:hover 		{background-color: #9085ba; color: #FFFFFF;}
div.container_projecten div#submenu li a:hover {background-color: #f29400; color: #FFFFFF;}
div.container_info div#submenu li a:hover 		{background-color: #0c8be6; color: #FFFFFF;}

/* end Menus */

div.textboxwrapper, div.textboxwrapper_full, div.textboxwrapper_full_withright {
	width: 428px;
	margin-top: 8px;
	margin-left: 4px;
	float: left;
}
div.textbox_top {
	width: 421px;
	height: 9px;
	margin-right: 8px;
	background-color: #FFFFFF;
}
div.textbox {
	width: 398px;
	padding: 0 15px 10px 15px;
	background-image: url(/images/interface/back_text.png);
	background-repeat: repeat-y;
}
div.textbox_bottom {
	width: 428px;
	height: 7px;
	background-image: url(/images/interface/bottom_textbox.png);
	background-repeat: no-repeat;
}
div.textboxwrapper_full {width: 732px;}
div.textboxwrapper_full div.textbox_top {width: 724px; margin-left: 2px;}
div.textboxwrapper_full div.textbox {
	width: 702px;
	background-image: url(/images/interface/back_form.png);
}
div.textboxwrapper_full div.textbox_bottom {
	width: 732px;
	background-image: url(/images/interface/bottom_form.png);
}
div.textboxwrapper_full_withright {width: 593px; margin-left: 13px;}
div.textboxwrapper_full_withright div.textbox_top {width: 585px; margin-left: 2px;}
div.textboxwrapper_full_withright div.textbox {
	width: 557px;
	background-image: url(/images/interface/back_form.png);
}
div.textboxwrapper_full_withright div.textbox_bottom {
	width: 593px;
	background-image: url(/images/interface/bottom_form.png);
}
div#wrapper-right {
	width: 305px;
	margin-top: 8px;
	float: left;
}
div.sidebox_top {
	width: 298px;
	height: 9px;
	margin-right: 7px;
	background-color: #FFFFFF;
}
div.sidebox {
	width: 268px;
	padding: 6px 22px 10px 15px;
	background-image: url(/images/interface/back_side.png);
	background-repeat: repeat-y;
}
div.sidebox_bottom {
	width: 305px;
	height: 7px;
	background-image: url(/images/interface/bottom_side.png);
	background-repeat: no-repeat;
}

label.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 20px;
}
input.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
	margin-bottom: 5px;
	border: 1px solid #0C8BE6;
}
input.text_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 150px;
	margin-bottom: 5px;
	border: 1px solid #0C8BE6;
}
input#button {
	margin-left: 220px;
}
select {
	width: 200px;
	margin-bottom: 5px;
	border: 1px solid #0C8BE6;
}
textarea {
	width: 300px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #0C8BE6;
}

.error {color: red;}
.errorfield {text-decoration:underline;}

div#footer {
	width: 920px;
	height: 125px;
	margin: 0px auto;
	background-image: url(/images/interface/back_footer.png);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
}
div#footer p {
	margin-bottom: 0;
}
div#footerspacer {
	clear: both;
	height: 125px;
}
div#copyright {
	text-align: right;
	text-transform: uppercase;
	position: absolute;
	bottom: 35px;
	right: 30px;
}
div#copyright p {
	font-size: 10px;
	color: #FFFFFF;
}
div#footer img {
	margin: 3px 0px 0px 21px;
}

.social {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
}
.social a {
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -500px;
	margin-left: 10px;
	display: block;
	background-image: url(/images/social_strip_32x32.png);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
}
.social a.rss {background-position: 0 -288px;}
.social a.youtube {background-position: 0 -912px;}
.social a.twitter {background-position: 0 -192px;}
.social a.hyves {background-position: 0 -98px;}
.social a.facebook {background-position: 0 -50px;}

#twitter_div{
	min-height: 50px;
	_height: 50px;
	margin-top: -5px;
}
ul#twitter_update_list{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#twitter_update_list li{
	margin-bottom: 5px;
	border-bottom: 1px dotted #a5aed4;
	padding-bottom: 5px;
}
ul#twitter_update_list li.last{
	border-bottom: 0;
}

.boxtitle {
	position: relative;
	top: -8px;
	border-bottom: 1px dotted #ee3824;
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 12px;
}
.twitterbird {
	background-image: url(/images/twitter-bird.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	top: -12px;
}

/* Overview */
.overview {
	margin: 0;
	list-style: none;
}
.overview .description {
}
.overview .description-content {
	width: 560px;
}
.overview .description-content-image {
	float: left;
	width: 395px;
}
.overview .description img {
	float: left;
	margin-right: 10px;
}
/* Overview */

.meta {
	font-size: 11px;
}
.backtolist {
	float: right;
}

/* WYMeditor */
/* Afb: Omloop rechts */
img.floatleft /* img */ {
  /* border-right: 2px dashed blue; */
	float: left;
	margin: 5px 5px 5px 0px;
}
/* Afb: Omloop links */
img.floatright /* img */ {
  /* border-left: 2px dashed blue; */
	float: right;
	margin: 5px 0px 5px 5px;
}
/* Tekst rechts uitlijnen */
p.alignright /* p */ {
  /* text-align: right; */
	text-align: right;
}
/* Tekst uitvullen */
p.alignjustify /* p */ {
  /* text-align: justify; */
	text-align: justify;
}
/* /WYMeditor */