/* STYLESHEET ANTWERPEN OPEN*/ 

/* ALGEMEEN */ 

* {
padding: 0px;
margin: 0px;
}

img {
display: block;
border-width: 0px;
margin: 0px 10px 0px 0px;
	padding: 0px;
}

html, body {
	margin: 0px;
	height: 100%;
	background-color:#D7D9E0;
	
}

html {
overflow: -moz-scrollbars-vertical;
  height: 100%; /* Required */
}

a {
color: #688DBB;}
a:hover {
color: #688DBB;}

/* CONTAINER/TOP */ 

div#container
{
	height: 100%;
	margin: 0 auto;
	width: 760px;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
	position: relative;
	background-color: #FFFFFF;
}

div#top
{
	z-index: 100;
	position: absolute;
	width: 760px;
	height: 145px;
	background-image: url(../images/topbanner.jpg);
	background-repeat: no-repeat;
}


/* MENU */ 

div#menu{
	position: relative;
	margin-top: 85px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #FCFCFC;
	border: solid #000000 0px;
	min-height: 20px;
}
div#menu li li {
	min-height: 20px !important;
	position: relative;
}


.mainmenu{
	position: relative;
	margin-top: 85px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	display:none;
}

.submenu {
	margin-left: 0;
	padding: 5px;
	background-color: #EFEFEF;
	color: #9B0606;
	text-align: center;
}

.menu a{
	
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding: 5px;
}

.menu a:hover{
	
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #9B0606;
	text-decoration: underline;
	padding: 5px;
}

.submenu a{
	
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #9B0606;
	text-decoration: none;
	padding: 5px;
}

.submenu a:hover{
	
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #9B0606;
	text-decoration: underline;
	padding: 5px;
}


/* CONTENT */ 

div#content
{

	width: 760px;
	min-height: 100%;
	vertical-align:top;
	text-align: left;
	color: #22447F;
	font-family: arial, helvetica;
	/*font-weight: 500;*/
	font-size: 12px;
	background-color: #FFFFFF;
	border: solid #000000 0px;
}

div#contenttext
{
	position: relative;
	padding: 150px 5px 25px 0px;
	border: 0px solid #000000;

}


h1 {
    /* text-transform: uppercase; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1038A3;
	margin: 10px 0px 10px -10px;
	padding: 0px 0px 0px 10px;
}


.plaatje {
float: left; 
margin: 0;
margin-left: 20px;
margin-top: 15px; */ 
}


h2{
	/* T R B L */
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	font-weight: bold;
	color: #9B0606;
}
h3{
	/* T R B L */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5A5A5A;
}
h4{
	/* T R B L */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5A5A5A;
}
h5{
	/* T R B L */
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5A5A5A;
}

h6 a{
	/* T R B L */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #688DBB;
	text-decoration: none;
}

h6 a:hover{
	/* T R B L */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #688DBB;
	text-decoration: underline;
}

.altfont {
	/* T R B L */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5A5A5A;
}


/* COLUMN RIGHT/LEFT */ 

div#columnleft {
position: relative;
padding: 0px;
margin-left: 10px;
margin-top:10px;
margin-right: 0px;
margin-bottom: 20px;
/* background-color: blue;	*/
float: left;
width:520px;

}

div#columnright{
position: relative;
/* left: -20px; */
padding: 0px;
margin-left: 0px;
margin-top:10px;
margin-right: 5px;
margin-bottom: 20px;
/* background-color: red;  */
width: 150px;
float: right;
color:#FFFFFF;


}

/* 3 PANELS BOVEN */ 

.Panelefttop {
position: relative;  
padding: 0px 10px 10px 10px;
float: left;
margin: 0px 5px 0px 0px;
width: 25%; 
height: 230px; 
background-color:#F5F5F5;
}

html>body .Panelefttop {width: 27%; }

.pltplaatje img {
vertical-align: middle;
}

.pltplaatje {
margin: 10px 0px;
/*border: 1px solid #663366;*/
}

.plttext {

/* position: absolute;
padding: 10px 6px;
top: 70px;
left: 0px; */
display: block;
border: 0px solid black;
width: 148px;
clear: both;
}

.plttext h2 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #9B0606;
}




/* 1 PANEL BOTTOM */ 

.Paneleftbottom2 {
	clear: both;
	/* width: 490px; */
	/*  height: 270px; */
	background-color:#F1F3FF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	margin: 0;
	padding: 10px;
	/* background-color: #CFE5F7;*/
	color: #000000;
}

.Paneleftbottom2 h2 {
	/* T R B L */
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #9B0606;
}

.Paneleftbottom2 h3 {
	/* T R B L */
	margin: 0px;
	/* T R B L */
	padding: 0px ;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #5A5A5A;
}

.Paneleftbottom2 h4 a{
	/* T R B L */
	margin: 0px;
	/* T R B L */
	padding: 0px ;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #688DBB;
	text-decoration: none;
}

.Paneleftbottom2 h4 a:hover{
	text-decoration: underline;
}


/* RECHTERKOLOM */

div#organisaties {
/* width: 180px; */
background-color: #85ABDA;
padding: 5px;
margin-bottom: 10px;
}

div#organisaties a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

div#kalender {
position: relative;
/* width: 180px; */
background-color: #A2BFE4;
padding: 5px;
margin-bottom: 10px;

}
* html .agenda {
margin-top: -15px;}

div#Layer2 {
position:absolute; 
width:1px; 
height:1px; 
z-index:2; 
visibility: visible
}

div#kalender td {
/*color: white;*/
width: 30px;
text-align: center;
} 

div#KalMouseOverDiv {
visibility: hidden;
position: absolute;
z-index:4;
left:-200px;
top: -5px;
width: 180px;
background-color: #A2BFE4;
padding: 0px;
margin-bottom: 10px;

}

div#kalender a {
color: white;
font-weight: bold;
text-decoration: none;
}

div#genres {
/* width: 180px; */
background-color: #CADAF0;
padding: 5px;
color: #22447F;
margin-bottom: 50px;

}

div#genres a {
color: #22447F;
font-weight: bold;
text-decoration: none;
}

.toon {
padding:0px 0px 5px 100px;
margin: 0;
font-weight: bold;
color: #22447F;
float: right;
display: block;
margin-top:-4px;
}

html>body .toon {margin-top:-10px;}

/* ALGEMEEN */ 

div#columncontentTop {
position: relative;
padding: 0px;
margin-left: 10px;
margin-top:10px;
margin-right: 0px;
margin-bottom: 20px;
width:500px;
border: 1px solid #000000;
}

div#columncontent {
	position: relative;
	margin-left: 10px;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 10px;
	
	/* background-color: blue;	*/
	float: left;
	width:550px;

}

div#detailds {
	background-color:#F7F9FF;
	height:100%;
	display: block;
	width:540px;
	padding:7px;
	margin-bottom:10px;
	margin-top:10px;
	padding-top:10px;
	line-height:20px;
}

html>body div#detailds {	height:900px;}

div#columncontenttext {
	position: relative;
	background-color: #F7F9FF;
	color: #5A5A5A;
	margin-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	padding: 10px;
	border: 0px solid #000000;
	width:490px;
	
	
}

/* FOOTER */ 

div#bottom
{
	width: 760px;
	height: 25px;
	margin-top: -25px;
	left: 0;
	color: #3C3C3C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align: center;
	background-color:#FFFFFF;
	white-space:nowrap;
	float:left

}

div#cleardiv {
clear: both;
}

div#bottom a 
{
	color: #3C3C3C;
	text-decoration: none;
}

.contact {
padding: 5px 0px 5px 10px;
float: left;

}
.legal {
clear: both;
padding: 5px 10px 5px 0px;
float: right;
}


.bestelbutton {
display: block;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: red;
margin-top: 10px;
}

.bestelbutton a{

text-decoration: none;
}


.plaatjeventdetails {
float: right;
margin-top: 8px;
}

.beschrijving {
float: left;
margin-top: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#404040;
}