@charset "utf-8";
/* CSS Document */

body{
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0 0;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

#main_container{
	position:relative;
	left:0px;
	top:0px;
	margin:0 auto;
	overflow:hidden;
	min-height:1700px;
	width:1000px;
	background-color:#f2f2f2;
}

#header{
	position:relative;
	left:0px;
	top:0px;
	width:1000px;
	height:404px;
	background-image:url(../images/header_img.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#header-img {
	position:absolute;
	left:0px;
	top:0px;
	height:404px;
	width:1000px;
}

#music_player{
	height:21px;
	color: #333333;
}

#main_menu{
	position:absolute;
	left:0px;
	top:356px;
	width:1000px;
	height:48px;
}

#shoppingcart{
	position:absolute;
	left:777px;
	top:308px;
	width:225px;
	height:51px;
}	

ul, li{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.numeric, ul.numeric li {
  list-style: decimal inside none;
}

ul#twitter_update_list li, ul#calendar li {
	margin-bottom:8px;
}

div#main_menu ul li#menuitem-home{
    position:relative;
    top:0px;
    left:0px;
    width:130px;
    height:48px;
    background-color:#f2f2f2;
    float:left;
    text-align:right;
    width:208px;
    margin-left:0px;
        color:#333333;
}

div#main_menu ul li#menuitem-home a {
        color:#333333;
        margin-right: 10px;
}

div#main_menu ul li {
    position: relative;
    top: 0px;
    left: 0px;
    width: 110px;
    height: 48px;
    background-color: black;
    float: left;
    text-align: center;
    margin-left: 2px;
        font-family: Helvetica, Verdana, Arial, sans-serif;
        font-size: 19px;
        text-transform: uppercase;
        color: white;
        letter-spacing: -1px;
}

div#main_menu ul li:hover {
    background-color: #772D2D;
    cursor: pointer;
}

div#main_menu ul {
    z-index: 99;
}

div#main_menu a {
    display: block;
}

div#main_menu ul li a:hover {
	color: #FFF;
}



div#main_menu ul li a {
        text-decoration:none;
        color:white;
        position: relative;
        top: 13px;
}

div#main_menu ul li.selected {
  background-color:#772D2D;
}

/* submenu */

div#main_menu ul li ul {
	margin:0px; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-2px; /*aligns the drop exactly under the menu */
        top: 48px
	}

div#main_menu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:0px solid #069; /*  three sides of each drop-down item */
	border-top:1px solid #cecece;
	border-right:0px solid #069;
	padding:0 0 1px;
	text-transform:none;
/*	line-height:19px;*/
	background-color:#000000;
	font-weight:normal;
	}
div#main_menu ul li ul li:first-child {
	border-top:1px solid #cecece; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#main_menu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#main_menu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

img{
	border:0px;
}


.title_content {
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/*side*/

#side{
	position:relative;
	left:0px;
	top:0px;
	width:340px;
	float:left;
}

#side_container{
	position:relative;
	left:10px;
	top:10px;
	width:330px;
	float:left;
}

div.side_header{
	position:relative;
	left:0px;
	top:0px;
	width:313px;
	height:45px;
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
}

div.side_content{
	position:relative;
	left:0px;
	top:0px;
	width:313px;
	float:left;
	background-image:url(../images/side_bg.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	font-size:11px;
}

div.side_inner_content{
	position:relative;
	left:11px;
	top:0px;
	width:285px;
	float:left;
}

div.side_footer{
	position:relative;
	left:0px;
	top:0px;
	width:313px;
	height:36px;
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(../images/side_footer_standard.jpg)
}

div.side_footer_clean{
	position:relative;
	left:0px;
	top:0px;
	width:313px;
	height:36px;
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(../images/side_footer.png)
}

div.side_footer_login{
	position:relative;
	left:0px;
	top:0px;
	width:313px;
	height:36px;
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(../images/side_footer_login.jpg);
	cursor:pointer;
}

#side_header_follow{
	background-image:url(../images/side_header_follow.jpg);
}
#side_header_login{
	background-image:url(../images/side_header_login.jpg);
}
#side_header_player{
	background-image:url(../images/side_header_music.png);
}
#side_header_twitter{
	background-image:url(../images/side_header_twit.jpg);
}
#side_header_agenda{
	background-image:url(../images/side_header_agenda.jpg);
}
#side_header_video{
	background-image:url(../images/side_header_video.jpg);
}

#side_content_video{
	height:233px;
}

#footer {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#F5F5F5 url(../images/footer.gif) repeat scroll 0 50%;
  border-bottom:2px solid #F5F5F5;
  border-top:1px solid #DDDDDD;
  bottom:0;
  color:#999999;
  font-size:12px;
  left:0;
  opacity:0.9;
  position:fixed;
  text-align:center;
  width:100%;
  z-index:10000;
}

#language {
  text-align: right;
  left: 770px;
  position:absolute;
  top: 5px;
  width: 225px;
}

/*algemeen*/

input{
	font-size:11px;
	color:#333;
	border:1px solid #772d2d;
	width:175px;
	/* height:16px; */
	padding:2px;
}

input.small{
	width:120px;
}
input.wide{
	width:250px;
}


td{
	vertical-align:top;
	text-align:left;
	padding:0px;
}

td.input_label{
	padding:2px;
	vertical-align:middle;
	width:100px;
}
td.input_field{
	vertical-align:middle;
}

a, a:visited{
	color: #772d2d;
	text-decoration:underline;
}
a:hover{
	color: #333333;
	text-decoration:none;
}


/*content center*/


#content{
	position:relative;
	left:0px;
	top:24px;
	width:660px;
	float:left;
}

div.content_blok{
	position:relative;
	left:0px;
	top:0px;
	float:left;
	width:660px;
}

div.content_header{
	border-top:1px solid #ebe7dc;
	width:660px;
	height:30px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	margin-bottom:5px;
}

div.content_ttl{
	position:relative;
	top:0px;
	left:0px;
	float:right;
	width:120px;
	height:34px;
	background-image:url(../images/bg_content_ttl.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:7px;
	color:#ebe7dc;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

div.content_content {
  padding: 5px 10px 5px 5px;
}

h3 {
  color:#772D2D;
  font-size:12px;
}

.hindtable {
  width:99%;
  border-width:1px;
  border-style:solid;
  border-color:#EBE7DC;
  border-collapse:collapse;
}

.hindtablenoborder, .form_table {
  width:99%;
  border:none;
  border-collapse:collapse;
}

.form_header_label {
  padding:2px;
  border-bottom:1px solid #EBE7DC;
  font-weight:bold;
  color:#772D2D;
}

.form_table tr td {
  padding:2px;
}

.form_error_cell {
  color:red;
}

.form_row_odd td {
  background-color:#EBE7DC;
}

.form_row_even td {
  
}

.form_field_caption {
  font-weight:bold;
}

.form_field_content {
  
}

.hindtable thead tr th {
  background-color:#772D2D;
  color:#EBE7DC;
  text-align:left;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-color:#772D2D;
  border-collapse:collapse;
}

.hindtable td {
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-color:#EBE7DC;
  border-collapse:collapse;
}

.hindtable2 td {
  padding:0px;
  border:none;
  border-collapse:collapse;
}

table.event {
  width:100%;
  border-collapse:collapse;
}

table.event tr td {
  border-bottom:1px solid #FFFFFF;
  padding-bottom:3px;
  padding-top:2px;
}

.shopheader {
  width:100%;
}

.shopheader tr td {
  font-size:14px;
  text-align:center;
}

td.picture {
  padding:0px;
}

td.price {
  text-align:center;
  font-weight:bold;
  background-color:#EBE7DC;
  vertical-align:middle;
  width:100px;
}

td.product {
  vertical-align:middle;
}

td.productcontent {
  height:89px;
}

div.productlinks {
  margin-top:4px;
  text-align:right;
}

/*
div.productlinks img {
  margin-left:10px;
}
*/

#photoalbum {
	width: 650px;
}

#gallery ul {
	list-style: none;
}

#gallery li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid gray;
	padding: 3px;
        background: white;
	-moz-box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0px 0px 5px gray;
        box-shadow: 0px 0px 5px gray;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#gallery li:hover {
	border: 1px solid black;
	-moz-box-shadow: 0px 0px 5px black;
	-webkit-box-shadow: 0px 0px 5px black;
    box-shadow: 0px 0px 5px black;
}

#gallery img {
	border: none;
}

.hind-event {
    float: left;
    padding-left: 10px;
}

.hind-event-flyer {
    float: left;
}

.event-more-info {
    clear:both;
}
