@charset "utf-8";

body {
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat-x;
	behavior: url("css/csshover.htc");
	margin: 0px;
	padding: 0px;
font-family: verdana;
font-size: 11px;
}


/* 1st thumbnail scroller - horizontal fixed size */
#ts_container {position:relative; margin:200px 350px; width:200px; background:#444; border:1px solid #999;}
#ts_container .thumbScroller{position:relative; overflow:hidden;}
#ts_container .thumbScroller, #ts_container .thumbScroller .container, #ts_container .thumbScroller .content{height:100px;}
#ts_container .thumbScroller .container{position:relative; left:0;}
#ts_container .thumbScroller .content{float:left;}
#ts_container .thumbScroller .content div{padding:10px 15px; height:100%;}
#ts_container .thumbScroller img{border:5px solid #fff;}
#ts_container .thumbScroller .content div a{display:block; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}
#ts_container .thumbScroller .content div a:hover{-moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; box-shadow:0 0 15px #000;}

img {
	border: none;
}

form {
	display: inline;
}
div.teller{
	
		position:absolute;
		/*color: #002e52;*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}


div.icon{
		padding-left: 25px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}	
div.icon img{
margin: 0px 10px 0px 0px;

}
#bottom {
	width: 965px;
	text-align: center;
	font-family: verdana;
	font-size: 11px;
	margin: 10px;
		float: left;
}

#bottom a {
	color: #000;
	text-decoration: none;
}

#bottom a:hover {
	text-decoration: underline;
}

#container {
	height: 100px;
	padding: 0px 18px 0px 17px;
	margin: 0px auto 0px auto;
	width: 965px;
}
	#Cleft {
		float: left;
		width: 600px;
	}
	
	#CleftFull {
		float: left;
		width: 965px;
	} 
	
	#CrightFull {
		background-color: #FFF;
		left: 50%;
		width: 350px;
		position: absolute;
		margin-left: 132px;
		top: 0px;
		z-index: 100000000;
	}
	
	#CleftFull h1 {
		background-color: #002e52;
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		height: 20px;
		margin: 0px;
		padding: 5px 0px 0px 5px;
		width: 937px;
	}
	
	#CleftFull h2 {
		background-color: #fff;
		color: #424344;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		height: 22px;
		padding: 3px 0px 0px 4px;
		margin: 0px 0px 15px 0px;
		width: 178px;
	}
	
	#Cleft .fotoRij {
		text-align: center;
	}
	
	#Cleft .fotoRij span {
		margin-top: 15px;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #ccc;
		margin-right: 7px;
		margin-bottom: 2px;
		height: 103px;
		width: 103px;
		background-position: 50% 0%;
	}
	

	#CleftFull .programmaDay {
		margin-top: 15px;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 229px;
		font-size: 11px;
		border-left: 1px solid #ccc;
		margin-right: 6px;
		height: 1650px;
	}
	
	#CleftFull .programmaDay1 {
		margin-top: 15px;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 229px;
		font-size: 11px;
		margin-right: 6px;
		border-left: 1px solid #ccc;
		height: 1650px;
	}

	#CleftFull .programmaDay2 {
		margin-top: 15px;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		width: 232px;
		font-size: 11px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		height: 1650px;
	}
	
	#CleftFull .programmaBeschrijving {
		width: 220px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border-bottom: 0px solid #827047;
		float: left;
		font-size: 11px;
		margin-bottom: 15px;
		margin-left: 5px;
		height: 75px;
		_margin-left: 2px;
		_margin-right: 2px;
	}
	
	#CleftFull .programmaEvenement {
		width: 220px;
		border-bottom: 1px solid #827047;
		float: left;
		margin-bottom: 30px;
		margin-left: 7px;
		margin-right: 7px;
		_margin-left: 2px;
		_margin-right: 2px;
	}
	
	#CleftFull .programmaEvenement .datum,
	#CleftFull .programmaEvenement1 .datum {
		width: 220px;
		float: left;
		padding-bottom: 5px;
		color: #827047;
	}
	
	#CleftFull .programmaEvenement .titel,
	#CleftFull .programmaEvenement1 .titel {
		width: 220px;
		float: left;
		font-weight: bold;
		padding-bottom: 5px;
	}
	
	#CleftFull .programmaEvenement .omsch,
	#CleftFull .programmaEvenement1 .omsch {
		width: 220px;
		float: left;
		padding-bottom: 15px;
	}
	
		#header {
			width: 600px;
		}
			#logo {
				height: 120px;
				padding: 32px 0px 0px 0px;
				width: 600px;			
			}
				#logo #jumping {
					background-color: #FFF;
					float: left;
					height: 120px;
					width: 600px;
				}
			
			#menu {
				height: 25px;
				padding: 14px 0px 11px 0px;
				width: 600px;			
			}
				#menu ul {
					list-style: none;
					margin: 0px;
					padding: 0px;	
				}
				
					#menu ul li {
						border-bottom: 5px solid #002e52; /* Hover overbrugging van hoofd-item naar sub-item. Samen met top setting ul li ul */
						float: left;
						position: relative;					
					}
					
						#menu a {
							background-color: #002e52;
							border-bottom: 2px solid #827047;
							color: #FFF;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 12px;
							float: left;
							display: inline-block;
							height: 18px;
							margin: 0px 10px 0px 0px;
							padding: 5px 0px 0px 5px; 
							text-decoration: none;
							width: 87px;
						}
						#menu .last {
							background-color: #002e52;
							border-bottom: 2px solid #827047;
							color: #FFF;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 12px;
							float: left;
							display: inline-block;
							height: 18px;
							margin: 0px;
							padding: 5px 0px 0px 5px; 
							text-decoration: none;
							width: 85px;
							_width: 82px;
						}
						
						#menu .selected_last {
							background-color: #827047;
							border-bottom: 2px solid #827047;
							color: #FFF;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 12px;
							float: left;
							display: inline-block;
							height: 18px;
							margin: 0px;
							padding: 5px 0px 0px 5px; 
							text-decoration: none;
							width: 85px;
							_width: 82px;
						}
						
						#menu a:hover {
							background-color: #827047;
						}
						
						#menu .selected {
							background-color: #827047;
						}
					
					#menu ul li ul {
						background-color: #827047;
						display: none;
						filter: alpha (opacity=90);
						left: 0;
						padding: 10px 5px 10px 5px;
						position: absolute;
						opacity: 0.90;
						top: 30px;
						width: 150px; /* Zelfde als width <a> hieronder incl padding */
						z-index: 500;
					}
					
						#menu ul li ul li {
							border: none;
							padding: 0px;
							margin: 0px;
						}
							#menu ul li ul li a {
								background: none;
								border: none;
								color: #FFF;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-size: 12px;
								padding: 0px;
								margin: 0px;
								text-decoration: none;
								width: 150px;
							}
							
							#menu ul li ul li a:hover {
								background: none;
								text-decoration: underline;
							}
              
              #menu ul li:hover ul {
              	display: block;
              }
              
              #menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {
              	display: none;
              }
              
              #menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {
              	display: block;
              }
							
		
		#content {
			background-color: #FFF;
			padding: 10px 10px 10px 10px;
			width: 580px;
			/**/float: left;
		}
		
		#content h2 {
			color: #424344;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			float: left;
			margin: 10px 10px 10px 0px;	
		}
		
		#contentFull {
			background-color: #FFF;
			padding: 10px 10px 10px 10px;
			width: 945px;
			/**/float: left;
		}
		
			#newsItemSpecial {
				height: 200px;
				margin: 0px 0px 10px 0px;
				width: 580px;			
			}
			
			#newsItems {
				height: 120px;
				margin: 0px 0px 10px 0px;
				width: 580px;			
			}
				#newsItems .nItem {
					background-color: #FFF;
					border-bottom: 2px solid #d6d8dc;
					float: left;
					height: 118px;
					margin: 0px 8px 0px 0px;
					width: 187px;
				}
				
				#newsItems .nItem a {
					text-decoration: none;
					color: #424344;
				}
				
				#newsItems .nItem a:hover {
					text-decoration: underline;
					color: #424344;
				}
				
					.nItem h1 {
						background-color: #d6d8dc;
						border-left: 5px solid #002e52;
						color: #424344;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 14px;
						height: 22px;
						padding: 3px 0px 0px 4px;
						margin: 0px 0px 15px 0px;
						width: 178px;				
					}
					
					.nItem p {
						color: #000;
						float: left;	
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						height: 65px;
						padding: 0px 0px 0px 5px;
						margin: 0px 0px 0px 0px;
						width: 180px;				
					}
					
					.nItem .full {
						color: #000;
						float: left;	
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						height: 65px;
						padding: 0px 0px 0px 5px;
						margin: 0px 0px 0px 0px;
						width: 180px;	
					}
					
					.nItem .full img {
						margin-top: 3px;
						margin-left: -5px;
					}
				
				#menuSpecial {
					float: left;
					padding: 0px;
					margin: 0px;
					width: 186px;
				}
					#menuSpecial #Simg {
						height: 58px;
						margin: 0px;
						width: 186px;
					}
					
					#menuSpecial #Simg2 {
						height: 58px;
						margin: 4px 0px 0px 0px;
						width: 186px;
					}
		
			#special {
				background-color: #d6d8dc;
				margin: 0px 0px 10px 0px;
				padding: 10px 10px 10px 10px;
				width: 560px;
				_width: 560px;
				/**/float: left;
			}
			
				#special .error {
					color: #ff0000;
					font-weight: bold;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					margin-bottom: 10px;
					margin-left: 7px;
				}
				
				#special .valid {
					color: #008800;
					font-weight: bold;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					margin-bottom: 10px;
					margin-left: 7px;
				}
			
			
			
				#special table tr td {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
				}
				
				#special table tr td .input {
					width: 200px;
				}
				
				 #special table tr td .textarea {
				 	width: 200px;
				 	height: 200px;
				 }
			
			#special .catBijschrift {
				width: 560px;
				_width: 550px;
				_margin: 0px;
				float: left;
			}
			
				.selectFotoAlbum {
					width: 580px;
					text-align: right;
					padding: 0px;
					clear: both;
					background-color: #002e52;
					color: #fff;
					font-size: 11px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				
				#special a {
					text-decoration: none;
					color: #000;
				}
				
				#special a:hover {
					text-decoration: underline;
					color: #000;
				}
				
				#special h1 {
					border-left: 5px solid #002e52;
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 18px;
					display: inline-block;
					height: 26;
					padding: 0px 0px 0px 10px;	
					margin-top: 0px;
					width: 100%;		
				}
				
				/*datum*/
				#special h2 {
					border-left: 5px solid #888;
					color: #888;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					display: inline-block;
					padding: 0px 0px 0px 10px;	
					margin-top: -7px;
					width: 550px;	
				}
				
				#special h1 a {
					color: #424344;
					text-decoration: none;
					padding: 0px;
					margin: 0px;
				}
				
				#special h1 a:hover {
					color: #424344;
					text-decoration: underline;
					padding: 0px;
					margin: 0px;
				}
				
				#special p {
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					float: left;
					margin: 0px 25px 0px 0px;
					/*width: 435px;*/
					width: 550px;
					_width: 550px;
					_margin: 0px;
				}
				
				#special #afbeelding {
					text-align: left;
					float: left;
					clear: both;
					margin-right: 10px;
					margin-bottom: 10px;
				}
				
				#specialFoto img {
					float: left;
					height: 75px;
					width: 100px;
					_width: 40px;
				}
			
			#laatsteNieuws {
				float: left;
				width: 325px;
				margin: 0px 10px 0px 0px;
			}
				#laatsteNieuws h1 {
					background-color: #002e52;
					color: #FFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 14px;
					height: 20px;
					margin: 0px;
					padding: 5px 0px 0px 5px;
					width: 320px;
				}
				
				#laatsteNieuws p {
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					width: 320px;				
				}
				
				#laatsteNieuws a:link,
				#laatsteNieuws a:active,
				#laatsteNieuws a:visited {
					color: #424344;
					text-decoration: none;
				}
				
				#laatsteNieuws a:hover {
					color: #424344;
					text-decoration: underline;
				}
				
			#overzichtNieuws {
				float: left;
				width: 575px;
				margin: 0px 10px 0px 0px;
			}
				#overzichtNieuws h1 {
					background-color: #002e52;
					color: #FFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 14px;
					height: 20px;
					margin: 0px;
					padding: 5px 0px 0px 5px;
					width: 575px;
				}
				
				#overzichtNieuws p {
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					width: 575px;				
				}
				
				#overzichtNieuws a:link,
				#overzichtNieuws a:active,
				#overzichtNieuws a:visited {
					color: #424344;
					text-decoration: none;
				}
				
				#overzichtNieuws a:hover {
					color: #424344;
					text-decoration: underline;
				}
				
			#fotoBook {
				float: left;
				height: 250px;
				width: 245px;
			}
				#fotoBook #imgFotoBook {
					height: 225px;
					width: 245px;	
					background-position: 60% 20%;			
				}
				
				#fotoBook h1 {
					background-color: #002e52;
					color: #FFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					height: 20px;
					margin: 0px;
					padding: 5px 0px 0px 5px;
					width: 240px;
				}			
	
	#Cspacer {
		float: left;
		width: 15px;
	}
	
	#Cright {
		background-color: #FFF;
		float: left;
		width: 350px;
		height: 1100px;
	}
		#topmenu {
			background-color: #FFF;
			height: 57px;
			width: 350px;
		}
			#org {
				float: left;
				height: 47px;
				padding: 10px 0px 10px 10px;
				width: 230px;
                                position: absolute;
                                margin-left: -15px;
			}
							
			#org img {
				margin: 0px 0px 0px 0px;
                                padding-right: 5px;
                                
			}
			
			#contact {
				color: #000;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				float: left;
				height: 17px;
				padding: 0px 0px 0px 0px;
				margin: 40px 0px 0px 210px;
				text-align: right;
				width: 140px;
                                position:absolute;
                               
			}
				#contact a {
					color: #000;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					text-decoration: none;
				}
					#contact a:hover {
						text-decoration: underline;
					}
		
		#column {
			padding: 40px 9px 0px 9px;
			width: 332px;
			
		}
			#video {
				width: 332px;	
			}
				#video h1 {
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 13px;
					margin: 23px 0px 8px 0px;
					text-align: center;
				}
				
			#programma {
				margin: 35px 0px 10px 0px;
				width: 332px;	
				float: left;		
			}
				#programma h1 {
					border-bottom: 5px solid #002e52;
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 16px;
					height: 17px;
					margin: 0px 0px 15px 0px;
					padding: 0px 0px 5px 0px;
					width: 332px;	
				}
				
				#programma h1 a {
					color: #424344;
					text-decoration: none;
					padding: 0px;
					margin: 0px;
				}
				
				#programma h1 a:hover {
					color: #424344;
					text-decoration: underline;
					padding: 0px;
					margin: 0px;
				}
				
				#programma h2 {
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					float: left;
					margin: 0px 10px 0px 0px;	
				}
				
				#programma p {
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					float: left;
					margin: 0px 0px 10px 0px;	
				}

			#sponsoren {
			/*sponsers*/
				margin: 0px 0px 0px 0px;
				text-align: center;
				width: 332px;	
			}
			#sponsoren h1 {
				width: 332px;
				text-align: center;
				color: #ccc;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: normal;
			}
				#sponsoren img{
					margin: 0px 0px 5px 0px;
				}
			
			#uitslagen {
				margin: 10px 0px 0px 0px;
				width: 332px;		
				float: left;	
			}
				#uitslagen h1 {
					border-bottom: 5px solid #002e52;
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 16px;
					height: 17px;
					margin: 0px 0px 15px 0px;
					padding: 0px 0px 5px 0px;
					width: 332px;	
				}
				
				#uitslagen h1 a {
					color: #424344;
					text-decoration: none;
					padding: 0px;
					margin: 0px;
				}
				
				#uitslagen h1 a:hover {
					color: #424344;
					text-decoration: underline;
					padding: 0px;
					margin: 0px;
				}
				
				#uitslagen p {
					color: #424344;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					float: left;
					margin: 0px 0px 10px 0px;	
				}

	#Iamsterdam {
		background-color: #fd000d;
		float: left;
		height: 30px;
		padding: 0px;
		margin: 20px 0px 0px 0px;
		text-align: right;
		width: 965px;			
	}

.newsBox {
	width: 100%;
	border-bottom: 2px solid #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
}

#nieuwsbrief_aanmelden {
    height: 63px;
	background-color: #002e52;
	color: #FFF;
	padding: 5px 10px 7px 10px;
	margin: -20px -9px 10px -9px;
	font-weight: bold;
    }
    div#nieuwsbrief_aanmelden a {
        margin-left: 220px;
        color: white;
        text-decoration: none;
        cursor: pointer;
        }
        }
        div#nieuwsbrief_aanmelden a:hover,
        div#nieuwsbrief_aanmelden a:active {
            text-decoration: underline;
        }
    #nieuwsbrief_aanmelden input {
        margin-top: 10px;
    }
    #nieuwsbrief_aanmelden #newsletter_email {
        width: 200px;
    }
    #nieuwsbrief_aanmelden #newsletter_signup {
        width: 90px;
        min-height: 25px;
        max-height: 25px;
    }
	
	

    
    
/* tweets */
 #tweetbutton{
    position: absolute;
        z-index:  1000001;
        top:  50%;
        cursor: pointer;
        left: 0px;
    }
 #tweetpanel {
    margin-top: 10px;
    width: 350px;
    position: absolute;
    border: 2px solid gray;
    background-color: #ffffff;
    text-align: left;
    z-index:  1000;
    display:none;
    left: -350px;
    top: 10px;
    font-size: 11px;
   /* left: -1000px;*/
    }
    
    #tweetpanel .next
    {
        float: right;
        padding-right: 12px;
        cursor: pointer;
        width: 100px;
        padding-bottom: 15px;
        padding-top: 15px;
        text-align: right;
    }
    
    #tweetpanel .prev 
    {
        float: left;
        padding-left: 12px;
        cursor: pointer;
        width: 100px;
        text-align: left;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    
 .tweet_top {
    background-color: #01548a;
        color: #FFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        height: 20px;
        margin: 0px;
        padding: 5px 0px 0px 5px;
        width: 346px;
        margin-bottom: 8px;
    }
 .tweet_close {
    float: right;
    margin-right: 3px;
    cursor: pointer;
    }
    #tweetpanel h1 {
        background-color: #002e52;
        color: #FFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        height: 20px;
        margin: 0px;
        padding: 5px 0px 0px 5px;
        width: 346px;
        margin-bottom: 8px;
    }
 .twitterdiv {
    width: 340px;
    border-bottom:  1px solid gray;
    margin-bottom:  8px;
    }
 .tw_avatar{
    float: left;
      margin-left: 3px;
   
 }
 .tw_image{
    
    }
 .tw_image img {
    vertical-align: middle;
 /*  border: 2px solid #ccc; */
   padding: 2px;
   width: 60px;
  
    }
 .tw_text{
    margin-left: 4px;
     float: left;
     width:  260px;
     line-height: 16px;
 }
 .tw_text a {
    color: #002E52;
   text-decoration: none;
    }
 .tw_onderaan {
    margin-left: 3px;
    font-size: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    }
 #Tweets {
            
                width: 575px;
                margin: 0px 10px 0px 0px;
            }
                #Tweets h1 {
                    background-color: #002e52;
                    color: #FFF;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 12px;
                    height: 20px;
                    margin: 0px;
                    padding: 5px 0px 0px 5px;
                    width: 575px;
                }
                
                #Tweets p {
                    color: #424344;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 11px;
                    width: 575px;               
                }
                
                #Tweets a:link,
                #Tweets a:active,
                #Tweets a:visited {
                    color: #424344;
                    text-decoration: none;
                }
                
                #Tweets a:hover {
                    color: #424344;
                    text-decoration: underline;
                }
 .filter_tweet {
    font-size: 14px;
    font-weight: bold;
    
    }
.filter_tweet a {
    font-decoration: none;
    color: black;
    }