@import url('../beheer/css/baseStyle.css');

body{
	width:100%;
	padding:0;
	margin:0;
	background: #ffffff url('../images/bg_body.jpg') repeat-x;
	font-family:"Tahoma";
	font-size:12px;
	background:#fff;
	overflow-y:scroll;
}
a {
	outline:none;
	color:#EF0000;
}	
html {
	width:100%;
	margin:0;
	padding:0;
	background: #ffffff url('../images/bg_body.jpg') repeat-x;
}

img{
	border:0;
}

h1 {
	margin:-110px 0 0 0;
	padding:0;
	font-size:60px;
	height:65px;
	color:#fff;
}

.links {
	color: #fff;
	text-decoration:none;
}

#container {
	width:820px;
	height:auto;
	margin:0 auto;
	display:block;
}
#wrap{
	width:820px;
	margin:0;
	float:left;
	position:relative;
	}
	#nav{
		background:#b70002;
		height:28px;
		width:740px;
		padding:0 40px;
		float:left;
		position:relative;
		margin:89px 0 0 0;
		}
		.menuitem a {
			color:#fff;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			line-height:35px;
			padding:0 10px 0 8px;
			display:block;

		}
		.menuitem a:hover {
			text-decoration:none;
		}
		a#logo {
			position:absolute;
			left:-60px;
			bottom:5px;
		}
		#nav ul{
			padding:0;
			margin:0;
			position:absolute;
			bottom:5px;
			left:0;
		}
		#nav li{
			float:left;
			padding:0;
			list-style-type:none;
			height:30px;		
		}
		#nav li.menuitemSpacer {
			border-right:1px solid #c70102;
			border-left:1px solid #990100;
			width:1px;
			height:34px;
			position:relative;
			margin:0 0 -4px 0;
		}
		#topNav{
			position:absolute;
			right:0;
			top:10px;
			width:306px;
		}
		#topNav ul{
			padding:0;
			margin:0;
			z-index:1000;
			position:relative;
			float:right;
		}
		#topNav ul li{
			list-style-type:none;
			float:left;
			padding:0 3px;
		}
		#topNav a{
			font-size:8pt;
			text-decoration:none;
			color:#fff;
		}
		#topNav a:hover{
			text-decoration:underline;
		}
		#loginForm{
			float:left;
		}
		#loginForm #username, #loginForm #password{
			width:140px;
		}
		#commentList{
			width:480px;
			float:left;
		}
		.comment{
			width:470px;
			float:left;
			padding:10px 0;
			border-bottom:1px #000 solid;
		}
		.commentDate{
			width:150px;
			float:left;
		}
		.commentUser{
			width:320px;
			float:left;
		}
		.commentContent{
			width:470px;
			float:left;
		}
		.commentContent p{
			margin: 10px 0;
		}
		#submitLogin{
			border:0;
			background:none;
			padding:0 0 0 3px;
			margin:0;
			cursor:pointer;
		}
		#submitLogin:hover{
			text-decoration:underline;
		}
		.topMargin{
			margin:2px 0 0 0;
			color:#FFF;
		}
	#search{
		position:relative;
		float:right;
		left:40px;
		margin-top:-35px;
		z-index:1000;
	}

	#search input.searchInput{
		width:237px;
		height:19px;
		line-height:20px;
		/*margin:15px 0 0 0;*/

		padding:0 5px 0 5px;
		border:0;
		background:#fff;
		border-top:2px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	}
	#search input.searchSubmit{
		height:21px;
		width:54px;
		padding:1px;
		/*margin:15px 0 0 0;*/
		position:relative;
		right:1px;
	}
	#main{
		width:820px;
		float:left;
		position:relative;
	}
	#mainTopNew{
		width:821x;
		height:261px;
		/*border-top:20px #907b7b solid;*/
		margin:25px 0 20px 0;
/*		border-bottom:10px #bbb solid;*/
		}
	#mainTop{
		width:820x;
		height:260px;
		/*border-top:20px #907b7b solid;*/
		margin:25px 0 0 0;
/*		border-bottom:10px #bbb solid;*/
		}
		#mainBottomLine{
			height:0;
			background:#807b7b;
			width:820px;
			float:left;
			position:relative;
			z-index:5;
		}

		#preview{
			height:260px;
			width:480px;
			float:left;
			/* toegevoeg 17-03-2011 */
			/*position:absolute;
			top:20px;*/
			}
			#previewImage{
				width:481px;
				height:260px;
				overflow:hidden;
				position:relative;
			}
			#previewImage img{
				max-width:481px;
				position:absolute;
				top:-45px;
				left:0;
			}
			#previewTitle{
				height:20px;
				line-height:22px;
				background:#e51b24;
				color:#fff;
				font-weight:bold;
				width:460px;
				float:left;
				padding:0 0 0 20px;
			}
			#previewInfo{
				height:20px;
				line-height:22px;
				background:#ccc;
				width:460px;
				float:left;
				padding:0 0 0 20px;
				font-size:12px;
			}
		#previewList{
			float:right;
			width:340px;
			height:260px;
			position:relative;
			
		}
		#previewList ul{
			padding:0;
			margin:0;
			height:260px;
			width:357px;
			float:left;
			position:absolute;
			top:0;
			left:-17px;
		}
		#previewList li{
			padding:0;
			margin:0;
			list-style-type:none;
			height:87px;
			position:relative;
			float:right;
			width:357px;
		}

		#previewList li a{
			display:block;
			text-decoration:none;
			font-weight:bold;
			font-size:15px;
			height:36px;
			margin:0;
			padding:26px 20px 25px 20px;
			width:300px;
			float:right;
		}
		#previewList li.active{
			background:url('../images/redArrow.png') no-repeat;
			background-position:left center;
		}
		#previewList li.active a{
			color:#fff;
			/*background:#e51b24;*/
			background:#cb0003;
			color:#ffffff;
		}
		#previewList li a{
			background:#ddd;
			color:#000000;
		}
	#mainContent{
		width:820px;
		float:left;
		}
		#leftColumnMain{
			width:465px;
			position:relative;
			float:left;
			padding:0 15px 0 0;
		}
		#leftColumn{
			width:480px;
			position:relative;
			float:left;
			padding:10px 0 0 0;
			padding:0 0 0 0;
			}
			#sendNews, #sendVacature{
				float:left;
				width:480px;
				margin:20px 0 0 0;
			}
			#sendNews .label, #sendVacature .label, #sendVacature .sub{
				padding:0 5px 0 0;
				line-height:25px;
			}
			#sendVacature .header{
				padding:5px 5px 5px 0;
				line-height:25px;
				font-size:16px;
				font-weight:bold;
			}
			#sendNews .labelError, #sendVacature .labelError{
				padding:0 5px 0 0;
				line-height:25px;
				color:#f00;
			}
			#sendNews .input, #sendNews .file, #sendVacature .input, #sendVacature .file, #sendVacature .datePickerInputSelect{
				line-height:24px;
				border:1px #7F9DB9 solid;
				display:block;
				width:170px;
			}
			#sendNews .formHeader, #sendVacature .formHeader{
				font-size:28px;
				font-weight:bold;
			}
			.unregisterLink{
				padding:15px 0;
			}
			ul#tvItems{
				margin:0;
				padding:0;
			}
			ul#tvItems li{
				list-style-type:none;
				padding:0;
				margin:0;
			}

			.tvItem{
				float:left;
				position:relative;
				height:180px;
			}
			.iColor{
				width:15px;
				height:180px;
			}
			.iContent{
				width:465px;
				height:auto;
				position:relative;
				padding:0;
			}
			.iTitle{
				width:480px;
				font-size:18px;
				font-weight:bold;
				padding:15px 0 5px 0;
				height:22px;
			}
			.iTitleyou{
				width:465px;
				font-size:18px;
				font-weight:bold;
				padding:15px 0 5px 0;
				height:22px;
			}
			.iTitle a {
				font-size:18px;
				font-weight:bold;
				color:#000000;
				text-decoration:none;
			}
			.jTitle{
				width:450px;
				font-size:18px;
				font-weight:bold;
				padding:15px 0 5px 0;
				height:22px;
			}
			.jTitle a {
				font-size:18px;
				font-weight:bold;
				color:#000000;
				text-decoration:none;
			}
			.containerIimage {
				width:150px;
				height:84px;
				float:left;
				position:relative;
				overflow:hidden;
				
			}
			.iImage {
				width:150px;
				padding:0;				
				vertical-align:top;
			}
			.iImage img{
				width:150px;
				position:absolute;
				top:-14px;
				left:0;
				border:0;
			}


			.iAuthorSpacer {
				width:15px;
			}
			.iAuthor{		
				width:150px;
				height:30px;
				padding:0;
				margin:0;
				font-size:12px;
				border-bottom:1px solid #000;
			}
			.iAuthorr{		
				width:150px;
				height:30px;
				padding:0;
				margin:0;
				font-size:12px;

				border-bottom:1px solid #807b7b;
			}
			.iAuthorRest {
				width:300px;
				height:30px;
				border-bottom:1px solid #000;
			}
			.iIntro{
				width:310px;
				padding:0 10px 0 10px;
				vertical-align:top;
				font-size:14px;
			}
			.iIntro p{
				margin-top:0;
			}
			.iIntro a {
				color:#ef0000;
			}
			.vIntro{
				width:310px;
				padding:0 10px 0 1px;
				vertical-align:top;
				font-size:14px;
			}
			.vIntro p{
				margin-top:0;
			}
			.vIntro a {
				color:#ef0000;
			}
			.jIntro{
				width:280px;
				padding:5px 10px 0 0;
				vertical-align:top;
				font-size:14px;
			}
			.jIntro p{
				margin-top:0;
			}
			.jIntro a {
				color:#ef0000;
			}
			#agendaItem {
				padding:0;
			}
			.agendaitemDate {
				padding:0 0 20px 0;
			}
		#item{
			width:480px;
			}
			#itemContent table{
				width:480px;
			}
			#itemColor{
				width:15px;
			}
			#itemTitle{
				font-weight:bold;
				padding:10px;
			}
		
			#itemImage{
				width:465px;
				float:left;
				position:relative;
			}
			#mainImage{
				width:480px;
				/*height:260px;*/
				overflow:hidden;
				background-position:0 -45px;
			}
			#mainImageYou{
				width:465px;
				height:260px;
				overflow:hidden;
				background-position:0 -45px;
			}
			#itemMask{
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				cursor:pointer;
			}
			#itemMask img{
				position:relative;
				left:50%;
				top:50%;
				margin:-33px 0 0 -49px;
			}
			#itemAuthor{
				background:#ddd;
				font-size:12px;
				padding:5px;
			}
			#itemContent{
				width:449px;
				padding:15px 15px 0 0;
			}
			#itemIntro{
				padding:15px 15px 0 0;
			}
			#tableTopSocialMedia {
				font-size:12px;
			}
			.topSocialMedia {
				padding:15px 0 20px 10px;
			}
			.itemTitleSocialmedia {
				padding:15px 0 20px 0;
			}
			#containerSocialMedia {
				width:450px;
				float:left;
				/*border-top:1px solid #000;*/
			}
			#wrap_iframe {
				position:relative;
				float:left;
				}
				#white_overlay {
					width:480px;
					height:20px;
					background:#fff;
					border:0;		
					position:absolute;
					top:680px;
					left:0;
				}
		#rightColumnn{
			width:340px;
			background:#FFF;
			position:relative;
			float:right;
			padding:0 0 40px 0;
			}
		#rightColumn{
			width:340px;
			background:#807b7b;
			position:relative;
			float:right;
			padding:0 0 40px 0;
			}
			h2 {
				font-family:"Tahoma";
				font-weight:bold;
				font-size:18px;
			}
			.header_wit {
				font-family:"Tahoma";
				font-weight:bold;
				font-size:18px;
				color:#ffffff;
				text-transform:uppercase;
			}
			.header_zwart {
				font-family:"Tahoma";
				font-weight:bold;
				font-size:18px;
				color:#000000;
				text-transform:uppercase;
			}
			.newsitemFullDate {
				padding:0 0 20px 0;
				color:#7c7c7c;
			}
			#block1, #block2, #block3, #block4, #block5{
				float:right;
				position:relative;
				color:#ffffff;
				width:340px;
			}	
			#block1 iframe {
				float:right;
			}
			#block1 p, #block5 p {
				margin:0;
				padding:0;
			}
			#block3, #block4 {
				width:306px;
				padding:0 17px 20px 17px;
				color:#ffffff;
			}
			#block3New, #block4New {
				width:306px;
				padding:0 17px 0 17px;
				color:#ffffff;	
			}
			#socialmedia{
				width:306px;
				padding:0 17px 20px 17px;
				color:#ffffff;
			}
			#block2 {
				padding:0 0 20px 0;
			}
			#headlines {
				float:right;
				position:relative;
				padding:10px 0 20px 0;
				width:340px;
				height:auto;
			}
			#categories {
				float:right;
				position:relative;
				padding:0 0 20px 0;
			}
			#categories ul{
				padding:0;
				margin:0;
			}
			#categories li{
				list-style-type:none;
				height:30px;
				line-height:30px;
				padding:0;
				margin:0;
			}
			#categories a{
				width:260px;
				padding:0 0 0 80px;
				text-decoration:none;
				display:block;
				font-weight:bold;
				font-size:18px;
				color:#000;
			}
			#categories a:hover {
				color:#5b5b5b;
			}
			#tableNews {
				float:left;
				}
				.tableHeader {
					padding:0 0 0 80px;
					
				}
				.tableHeaderNew {
					padding:0 0 0 80px;
					background: url("../images/kopjeBg.png") no-repeat scroll left center #9D9D9D;

				}
				.tableHeaderPoll {
					padding:0 0 0 17px;
				}
				.tableHeader h2 {
					font-weight:bold;
					font-size:18px;
					color:#ffffff;
					text-transform:uppercase;
				}
				.newsitemDate, .itemHeadlineDate {
					width:63px;
					padding:0 0 0 17px;
					color:#ffffff;
				}
				.newsitemName, .itemHeadline {
					width:250px;
					padding:0 10px 0 0;
					}
					.newsitemName a, .itemHeadline a {
						color:#ffffff;
						text-decoration:none;
					}
					.newsitemName a:hover, .itemHeadline a:hover {
						text-decoration:underline;
			}
			.itemOverall a {
				color:#ef0000;
				text-decoration:none;
			}
			.itemOverall a:hover {
				text-decoration:underline;
			}
			#tablePoll {
				float:left;
				margin:20px 0 0 0;
				color:#000;
				}
				.pollPreHeader {
					background: url("../images/kopjeBg.png") no-repeat scroll left center #9D9D9D;
					color: #FFFFFF;
					float: right;
					font-size: 20px;
					height: 30px;
					line-height: 30px;
					margin: 0 -2px 0 0;
					padding: 0 0 0 70px;
					width: 270px;
				}
				.pollHeader {
					padding:20px 0 10px 17px;
					color:#000;
					font-weight:bold;
					/*background: url("../images/kopjeBg.png") no-repeat scroll left center #9D9D9D;
					color: #FFFFFF;
					float: right;
					font-size: 20px;
					height: 30px;
					line-height: 30px;
					margin: 0 -2px 0 0;
					padding: 0 0 0 70px;
					width: 270px;*/
				}
				.pollAnswer {
					width:200px;
					font-weight:bold;					
					padding:2px 0 4px 17px;
					color:#000;
				}
				.pollPercentage {
					width:306px;
					padding:0 0 0 17px;
					color:#000;
				}
				.containerPercentage {
					position:absolute;
					top:3px;
					left:5px;
				}
				.pollContainerSlide {
					width:300px;
					float:left;
					padding:3px 0 6px 0;
					/*border-bottom:1px solid #9d9797;*/
					position:relative;
				}
				.pollVote {
					padding:5px 0 5px 17px;
					}
					.pollVoteButton {
						background:#6f6464;
						border:1px solid #fff;
						color:#fff;
						padding:0 5px 0 5px;
						line-height:18px;
						cursor:pointer;
					}
				.pollSlide {
					background:#ef0000;
					line-height:15px;
				}
				.pollFooter {
					padding:15px 0 0 17px;
					color:#000;
			}
			#tableFooter {
				position:absolute;
				left:15px;
				bottom:10px;
				}
				.footerItem a, .footerItem {
					color:#2b2b2b;
					font-weight:bold;
					text-decoration:none;
				}
				.footerItem a:hover {
					text-decoration:underline;
				}
				.footerSpacer {
					color:#2b2b2b;
					font-weight:bold;
					padding:0 5px 0 5px;
				}


.redlink  a {
	color: red;
	text-decoration:none;
}
.redlink  a:hover {
	color: red;
	text-decoration:underline;
}

.archief a{
	color: #CB0003;
	text-decoration:none;
}

.archief a:hover{
	color: #CB0003;
	text-decoration:underline;
}

#registerForm{
	width:375px;
	float:left;
	margin:20px 0 0 0;
	/*border:1px #000 solid;*/


}
#registerForm .label{
	line-height:22px;
	padding:0 5px 0 0;
	vertical-align:top;
}
#registerForm .formHeader{
	font-size:28px;
	font-weight:bold;
}

.input, .datePickerInput{
	width:170px;
	border:1px #7F9DB9 solid;
}

.inputError, .datePickerInputError{
	width:170px;
	border:1px #f00 solid;
}

.hiddenCB, .hiddenCBError{
	visibility:hidden;
	position:absolute;
}
.checkbox, .checkboxError, .checkboxChecked, .checkboxErrorChecked{
	width:13px;
	height:13px;
	float:left;
	margin:0 4px 0 0;
}
.checkbox{
	background:url('../images/cb.png') no-repeat;
}
.checkbox:hover{
	background:url('../images/cbHover.png') no-repeat;
}
.checkboxChecked{
	background:url('../images/cbChecked.png') no-repeat;
}
.checkboxChecked:hover{
	background:url('../images/cbHoverChecked.png') no-repeat;
}

.checkboxError{
	background:url('../images/cbError.png') no-repeat;
}
.checkboxError:hover{
	background:url('../images/cbErrorHover.png') no-repeat;
}

#commentDiv{
	margin-top:25px;
}
#commentDiv .formHeader{
	font-size:18px;
	font-weight:bold;
	
}
#mask{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#ccc;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:10000;
	cursor:pointer;
}
#errors{
	position:fixed;
	width:300px;
	top:100px;
	left:50%;
	margin:0 0 0 -160px;
	padding:10px;
	background:#fff;
	border:1px #f00 solid;
	color:#f00;
	z-index:10001;
	cursor:pointer;
}
#errors ul{
	padding:0;
	margin:0;
}
#errors ul li{
	list-style-type:none;
}
.itemMap{
	width:468px;
	height:150px;
	position:relative;
}

/* HOME NIEUW */

#mainHome {
	width:880px;
	height:auto;
	float:left;
}
#mainTopHome {
	width:820px;
	height:269px;
	margin:25px 0 0 0;
	background:#b70002;
	float:left;
	position:relative;
}
.homeDate {	
	width:58px;
	height:269px;
	float:left;
	font-weight:bold;
	text-align:center;
	float:left;
	display:block;
	position:relative;
}
	.date {
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);	
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		color:#fff;
		font-size:40px;
		position:absolute;
		top:110px;
		left:-85px;
	}
.homeImage {
	margin:0 0 0 58px;
	width:480px;
	height:269px;
}
.homeOmschrijving {
	width:300px;
	height:229px;
	position:absolute;
	right:0;
	top:0;
	font-size:20px;
	color:#fff;
	text-align:right;
	padding:40px 20px 0 0;
}
.kopje {
	width:270px;
	height:30px;
	background:#9d9d9d url('../images/kopjeBg.png') no-repeat;
	background-position:left;
	font-size:20px;
	padding:0 0 0 70px;
	line-height:30px;
	color:#fff;
	margin:0 -2px 0 0;
	float:right;
}
.kopjeLeft {
	width:405px;
	height:30px;
	background:#9d9d9d url('../images/kopjeBg.png') no-repeat;
	background-position:left;
	font-size:20px;
	padding:0 0 0 70px;
	line-height:30px;
	color:#fff;
	float:left;
}
.item {
	width:470px;
	height:auto;
	float:left;
	padding:10px 0 10px 0;
}
	.itemTitle {
		width:100%;
		min-height:25px;
		height:auto;
		font-size:18px;
		font-weight:bold;
		padding:0 0 10px 0;
	}
	.itemTitle a{
		color:#2b2b2b;
		text-decoration:none;
	}
	.itemTitle a:hover {
		text-decoration:underline;
	}
	.itemImage {
		max-width:208px;
		float:left;
	}
	.itemImage img {
		width:185px;
	}
	.itemImageNew {
		max-width:208px;
		float:left;
	}
	.itemImageNew img {
		width:150px;
	}
	.itemText {
		width:250px;
		float:left;
		margin:0 0 0 10px;
		min-height:100px;
	}
	.bottomText {
		width:100%;
		float:left;
		height:25px;
		margin:5px 0 0 0;
	}
	.item ul {
		margin:0;
		padding:0;
		float:left;
	}
	.item li {
		list-style:none;
		font-weight:bold;
		font-size:13px;
		line-height:20px;
	}
	.item li a{
		color:#2b2b2b;
		text-decoration:none;
	}
	.item li a:hover {
		text-decoration:underline;
	}
.tekst{
	color: #000;
}
.tekst h3{
	font-size:12px;
}
.tekst h3{
	font-size:12px;
}
.tekst h2{
	font-size:12px;
}

.meerlink {
	color: #000;
	text-decoration:none;
	font-size:10px;
	background: url("http://agenda.ticketunie.com/Common/Localize/408/68/arrow_black.gif") no-repeat scroll 0 50% transparent;
	padding-left:20px;
}

.meerlink a:hover{
	color:red;
	text-decoration:none;
}
.headLink{
	color:#FFF;
	text-decoration:none;
}
.twitterIcon {
	float:left;
	width:100%;
	color:#3B5998;
	font-weight:bold;
	font-size:14px;
}
.twitteIcon a{
	color:#3B5998;
}
.twitter{
	float:left;
}
.link {
	color:#3B5998;
}