/********************************************************************************
	         Body
********************************************************************************/

body {
   background: #fff;
   color: #000; 
   background-color: #e6e6e4;
   font-size: 12px; 
   font-family:"Arial";
}

#wrapper {
	width: 1000px;
	position: relative; 
	margin: 0px auto; 
}

#credits {
font-size: 10px;
	position: absolute;
	top:645px;
	padding-bottom: 10px;
	
}

#main {
   margin-top: 35px;
   position: absolute;
   background-color: #fff;
   width: 1000px;
   height: 600px;
}

#content {
	position: absolute;
	top:110px;
	left: 300px;
    background-color: #e6e6e4;
    width: 405px;
    height: 365px;
    overflow: scroll;
    overflow-x: hidden;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 50px;
    padding-bottom: 20px;
}

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-home.jpg);
}

#over-ons{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-over.jpg);
}

#programma{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-4{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-5{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-6{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-6{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-7{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-8{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-9{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-10{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}
#programma-fifteen-minutes-11{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#programma-fifteen-minutes-bij-het-glazen-huis {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-programma.jpg);
}

#talenten{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-talenten.jpg);
}

#nieuws{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-nieuws.jpg);
}

#aanmelden{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-aanmelden.jpg);
}

#links{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-links.jpg);
}

#contact{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 600px;
	width: 256px;
	background-image: url(images/foto-contact.jpg);
}

#logo {
	position: absolute;
	top:-30px;
	left:410px;
	width: 203px;
	height: 133px;
}

#get-your-fame{
	width: 155px;
	height: 155px;
	position: absolute;
	left: 630px;
	top: 390px;

}

/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/


h1,h2,h3,h4,h5,h6 { 
  color: #000080;
  font-size: 14px; 
}



/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}



/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a { color: #000; 
	text-decoration: none;
	outline: none;
	 }
	
a:focus, a:hover { 
	color: #f36523;
	outline: none;
	}


/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{
   border: none !important;
   text-decoration:none !important;
}



/* Removes unwanted hover decoration
***************************************/
a.nohover:hover  { background: none;
				   outline: none;
}


li { list-style: disc inside;}


/********************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
********************************************************************************/



/********************************************************************************
                Images
********************************************************************************/

.alignleft {
   float: left;
   padding-right: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.alignright {
   float: right;
   padding-left: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}




/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/

#navbar {
   position: absolute;
   top:220px;
   left:122px;
   background-image: url(images/bg-menu.png);
   width: 140px;
   height:204px;
   font-size: 16px;
   text-align: right;
}

.marge{
height: 1px;
width: 10px;
}

.menu{
	position: absolute;
	left: 30px;
	top:15px;
	height: 170px;
	width: 100px;
}

	
#navbar li {
   line-height: normal; 
   display: list-item;
   list-style-type: none;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
}
		
#navbar ul {
	text-align: right;
   margin: 0px;
   padding: 0px;
}
	
#navbar ul li a {
   color: #000080;
   padding: 0px 10px 0px 10px;
   margin: 0px;
   text-decoration: none;
   border-bottom: none;
}

#navbar ul li a:hover, a:active {
   text-decoration: underline;
}

#current_page_item a {
   text-decoration: underline;
}

/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar {
	position: absolute;
	left: 800px;
	top:0px;
	background-color: #f36523;
	height: 600px;
	width: 175px;
	color: #fff;
	padding-left: 25px;
	
}

#sidebar a{
   color: #fff;

}

#cal{
	position: absolute;
	top:30px;
	left: 30px;
}


.kop-events{
	background-image: url(images/events.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 54px;
	margin-bottom: 15px;
}

.streep1{
	position: absolute;
	top:205px;
	background-color: #fff;
	width: 130px;
	height: 2px;
	margin-left: 15px;
}

.streep2{
	position: absolute;
	top:350px;
	background-color: #fff;
	width: 130px;
	height: 2px;
	margin-left: 15px;
}


#schaduw{
	position: absolute;
	left: -15px;
	top:0px;
	height: 600px;
	width: 43px;
	background-image: url(images/schaduw.png);
	background-repeat: no-repeat;
}

#nieuwsbrief{
	position: absolute;
	top:235px;
	left: 27px;
	height: 125px;
}

.kop-nieuws{
	background-image: url(images/nieuwsbrief.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 97px;
	margin-bottom: 20px;
}


.MailPressFormEmail{
	margin-bottom:2px;
}

.MailPressFormSubmit {
	margin-top: 5px;
}

#Twitter{
	position: absolute;
	top:380px;
	left: 30px;
	height: 220px;
	overflow: hidden;
}

.kop-tweets{
	background-image: url(images/tweets.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 53px;
	margin-bottom: 15px;
}

.aktt_tweets{
font-size: 13px;
width: 200px;
margin-left: -78px;
}

.tweets {
	padding-bottom: 3px;
}
/********************************************************************************
                Footer
********************************************************************************/

#footer {
   text-align: left;
   font-size: 9px;
   position: absolute;
   top:570px;
   left: 425px;
}

.funki{
	position: absolute;
	left: -60px;
	top:20px;
}

.budgett{
	position: absolute;
	left: 20px;
	top:20px;
}

.code06{
	position: absolute;
	left:100px;
	top:25px;
}

.pimp{
	position: absolute;
	left:210px;
	top:20px;
}

.earth{
	position: absolute;
	left:200px;
	top:20px;
}