@charset "utf-8";

/* lay-out */
body, html
{
	margin:0; 
	padding:0;
}
body {
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	background-color:#cccccc;

	background-image:url(../images/verloop.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	
	font-size:12px;
 
	color: #29196F;
	margin: 0px 0px 1px 0px;
	height: 100%;
}



h1
{
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0 0 10px 0px;
}

h2
{
	font-size: 18px;
	line-height: 22px;
	margin: 0;
	padding: 10px 0 10px 0px;
	color: #3767B1;
}



#container
{
	width: 980px;
	height: 1140px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	background-image: url(../images/achtergrond.jpg);
	background-repeat:no-repeat;
	background-color: #ffffff;
	background-position:center top;
}

#header
{
	display: block;
	height: 360px;
	width: 980px;
	clear: both;
	
}

#footer
{
clear: both;
width: 100%;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
color: #fff;
font-size:12px;	

}

.opvallend
{
font-size:12px;	
}

#footer p
{
margin: 1px;	
}

/* links */

a:link {
	text-decoration:underline;
	color: #3767b1;
}

a:hover {
	text-decoration:none;
	color: #511b56;

}

a:active {
	text-decoration:none;
	color: #3767b1;
}

a:visited{
	text-decoration:underline;
	color: #3767b1;
}

a:visited:hover{
	text-decoration:none;
	color: #511b56;
}




#footer a:link {
	text-decoration:none;
	color: #ffffff;
}

#footer a:hover {
	text-decoration:underline;
	color: #ffffff;

}

#footer a:active {
	text-decoration:none;
	color: #ffffff;
}

#footer a:visited{
	text-decoration:none;
	color: #ffffff;
}

#footer a:visited:hover{
	text-decoration:underline;
	color: #ffffff;
}



a.geenlijn
{
	border: 0px solid black;
}
a.geenlijn:hover
{
	border: 0px solid black;
}
a.geenlijn:active
{
	border: 0px solid black;
}
a.geenlijn:visited
{
	border: 0px solid black;
}
a.geenlijn:link
{
	border: 0px solid black;
}


.floattwitter
{
	float:right;
	margin-top:10px;
	
}

.floathyves
{
	float:right;
	margin-right: 5px;
	margin-top:5px;
}


p.realisatie
{
	font-size: 10px;
	padding-top: 10px;
}

#facebook-like-box
{
	background-color: #ffffff;
	width: 200px;
	height: 319px;
	margin: 0px 0px 0px 0px;
}

#hyves-like-box, #hub_badge
{
	background-color: #ffffff;
	width: 200px;
	height: 319px;
	margin: 0px 0px 0px 0px;
}

#menu
{
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0px;
	margin: 0;	
	text-align:center;
	clear: bothh;
}

#menu ul
{
	display: inline;
	padding: 0;
	margin: 0 auto;
	width: auto;
	line-height: 22px;
}

#menu ul li
{
	display: inline;
	list-style: none;
	padding: 0px 7px 0px 0px;
	margin: 0px 5px 0px 0px;
	border-right: 3px solid #ffffff;
}

#menu ul li.last
{
	border: 0px;
}

#menu a 
{
	color: #ffffff;
	text-decoration: none;
}

#menu a:hover
{
	color: #e12127;
	text-decoration: underline;	
}

#menu a:visited:hover
{
	color: #e12127;
	text-decoration: underline;
}

#menu a.current
{
	color: #e12127;
	text-decoration: underline;
}


/* 3 COLUMNS */

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:980px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	padding-top: 10px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:980px;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background: transparent;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background: transparent;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background: transparent;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* END OF 3 COLUMNS */

#addthissharebuttons
{
	clear: both;
	padding: 0;
	margin: 15px 0px 0px 0px;
}

#addthissharebuttons .addthis_toolbox
{
	display: block;
	width: 328px;
	margin: 0 0px 0px 80px;
	padding: 0px;
}

#maincontent
{
	display: block;
	min-height: 290px;
	background-color: #ffffff;
	clear: both;
	margin: 0 auto;
	border: 1px solid #3b5998;
	padding: 15px;
}

#video
{
	display: block;
	height: 280px;
	clear: both;
	background-color: #000000;
	margin: 20px 0px 10px 0px;
	border: 1px solid #ffffff;	
	color: #ffffff;
}

#koopbadge
{
	position: absolute;
	display: block;
	width: 150px;
	height: 180px;
	margin: 190px 0px 0px 200px;
	
}

#koopbadge a
{
	display: block;
	width: 150px;
	height: 140px;
	bottom: 10px;
	position: absolute;
	background:url(../images/koop-tickets-badge.png) no-repeat;
	background-position: 0px -35px;
}

#koopbadge a:hover, #koopbadge a:visited:hover
{
	background-position: -150px -35px;
}

#koopbutton
{
	display: block;
	clear: both;
	width: 150px;
	height: 42px;
	margin-top: 20px;
	border: 1px solid transparent;
	
}

#koopbutton a
{
	display: block;
	width: 200px;
	height: 41px;
	background:url(../images/koop-tickets.png) no-repeat;
	background-position: 0px 0px;

}

#koopbutton a:hover, #koopbutton a:visited:hover
{
	background-position: 0px -41px;
}

#partners
{
	clear: all;
	padding:15px;
	text-align: center;
	margin: 0 auto;
	vertical-align:middle;
}

#partners img
{
	margin-right: 10px;
	vertical-align: middle;
}

img.spelletje
{
	border: 1px solid black;
	margin: 5px 2px 5px 0px;
}