/*
Theme Name: Haptotaal
Description: Wordpress-thema voor Haptotaal.
Version: 1.0
Author: Emile Nijssen
Author URI: http://www.code92.nl
*/

* {	margin: 0; padding: 0; border: 0; outline: none; }

html,body {
	height: 100%;
}

body {
	font-family: "Segoe Print", "Comic Sans MS", "Trebuchet MS", "Helvetica", "Tahoma";
	background: #ffc20e url(img/body-bg.png) repeat-x;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

#wrap,
#footer {
	width: 828px;
	background: #FFF;
	margin: 0 auto;
	padding: 0 16px;
}
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px;
	overflow: hidden;
}
	#logo {
		width: 828px;
		height: 109px;
		background: url(img/header-bg.jpg) no-repeat;
	}
		#logo h1 {
			display: none;
		}
		.home #logo ul.category-buttons {
			display: none;
		}
		#logo ul.category-buttons {
			list-style: none;
			position: absolute;
			margin: 81px 0 0 252px;
		}
			#logo ul.category-buttons li,
			#logo ul.category-buttons li a {
				float: left;
			}
				#logo ul.category-buttons li a {
					width: 197px;
					height: 28px;
					background: url(img/category-buttons.png) no-repeat 0 -28px;
					color: #ffc20e;
					text-align: center;
					text-decoration: none;
					line-height: 26px;
					font-size: 18px;
					text-transform: lowercase;
				}
				#logo ul.category-buttons li.current a,
				#logo ul.category-buttons li a:hover {
					background-position: 0 0;
					color: #ad3108;
				}
	#breadcrumbs {
      	        font-family: "Tahoma", "Helvetica";
		float: left;
		height: 25px;
		list-style: none;
		padding-left: 10px;
	}
		#breadcrumbs li,
		#breadcrumbs li a {
			font-size: 11px;
			color: #ad3108;
			display: inline;
			line-height: 24px;
		}
			#breadcrumbs li a {
				text-decoration: none;
				color: #227658;
			}
			#breadcrumbs li a:hover {
				color: #ad3108;
			}
	#navigation {
		float: right;
		list-style: none;
		height: 9px;
		margin-top: 9px;
		border-left: 1px solid #227658;
		margin-bottom: 10px;
		padding-right: 10px;
	}
		#navigation li,
		#navigation li a {
			float: left;
		}
			#navigation li a {
				text-decoration: none;
				color: #227658;
				border-right: 1px solid #227658;
				padding: 0 6px;
				height: 9px;
				line-height: 7px;
      	        font-family: "Tahoma", "Helvetica";
				font-size: 11px;
			}
			#navigation li a:hover {
				color: #ad3108;
			}
	#content {
		clear: both;
		overflow: hidden;
	}
	.home #content {
		background: url(img/sidebar-box-bg-bottom.png) no-repeat bottom right;
	}
		#home-content {
			width: 596px;
			float: left;
		}
		.box-top,
		.box-mid,
		.box-bot {
			width: 552px;
			padding: 0 10px;
			background: url(img/box-bg.png) no-repeat;
		}
		.box-top {
			font-size: 0;
			background-position: 0 0;
			height: 11px;
		}
		.box-bot {
			font-size: 0;
			background-position: 0 -11px;
			height: 11px;
			margin-bottom: 12px;
		}
		.box-mid {
			font-size: 30;
			background-position: -572px 0;
			background-repeat: repeat-y;
		}
		#content h1,
		#content h1 a {
			display: block;
			text-decoration: none;
			font-size: 30px;
			font-weight: normal;
			color: #ffc20e;
			padding-bottom: 10px;
		}
		#content h2,
		#content h2 a {
			display: block;
			text-decoration: none;
			font-size: 26px;
			font-weight: normal;
			color: #ffc20e;
			padding-bottom: 10px;
		}
		#content h3,
		#content h3 a {
			display: block;
			text-decoration: none;
			font-size: 20px;
			font-weight: normal;
			color: #ffc20e;
			padding-bottom: 10px;
		}
		#content h4,
		#content h4 a {
			display: block;
			text-decoration: none;
			font-size: 16px;
			font-weight: normal;
			color: #ffc20e;
			padding-bottom: 10px;
		}
		#content h5,
		#content h5 a {
			display: block;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			color: #ffc20e;
			padding-bottom: 10px;
		}
		#content h6,
		#content h6 a {
			display: block;
			text-decoration: none;
			font-size: 10px;
			font-weight: bold;
			color: #ffc20e;
			padding-bottom: 10px;
		}
		#content .box-mid p,
		#content .box-mid ul,
		#content .box-mid ol,
		.box-mid > a {
			font-size: 0.8em;
			color: #ad3108;
			padding-bottom: 20px;
			line-height: 18px;
		}
		#content .box-mid ul,
		#content .box-mid ol {
			margin-left: 30px;
		}
		#content a,
		.box-mid > a {
			color: #227658;
		}
		#content img.right {
			float: right;
			margin: 10px 10px 0 10px;
		}
		#content div.infobox {
			width: 235px;
			height: 313px;
			padding: 10px 20px;
			background: url(img/infobox-bg.jpg) no-repeat;
			float: left;
			margin-right: 23px;
		}
			#content div.infobox h3 {
				font-size: 22px;
				font-weight: normal;
				color: #ffc20e;	
			}
			#content div.infobox p {
				font-size: 12px;
				color: #ffffff;
				padding-bottom: 20px;
				padding-top: 10px;
				line-height: 18px;
			}
			#content div.infobox p a {
				font-size: 14px;
				color: #fee000;
				text-decoration: none;
				}
		#home-sidebar {
			float: right;
			width: 231px;
		}
		#home-sidebar p {
			font-size: 13px;
			color: #ad3108;
			line-height: 18px;
                        padding-bottom:20px;
		}
			.home-sidebar-top,
			.home-sidebar-mid,
			.home-sidebar-bot {
				width: 211px;
				padding: 0 10px;
				font-size: 0;
			}
			.home-sidebar-top {			
				background: url(img/sidebar-box-bg.png) no-repeat top left;
				background-position: 0 0;
				height: 9px;
			}
			.home-sidebar-bot {
				background-position: 0 -11px;
				height: 9px;
				margin-bottom: 12px;
			}
			.home-sidebar-mid {
				background-position: -231px 0;
				background-repeat: repeat-y;
			}
			#home-sidebar h3 {
				font-size: 22px;
				font-weight: normal;
				color: #ffc20e;
				margin-bottom: 10px;
			}
				#home-sidebar-agenda {
					list-style: none;
					padding-bottom: 10px;
				}
					#home-sidebar-agenda li,
					#home-sidebar-agenda li a {
						display: block;
					}
						#home-sidebar-agenda li a {
							margin: 0;
							padding: 10px;
							font-size: 12px;
							line-height: 14px;
							text-decoration: none;
						}
						#home-sidebar-agenda li a {
							background: #227658;
							color: #FFFFFF;
						}
						#home-sidebar-agenda li:hover a {
							background: #FFFFFF;
							color: #227658;
						}
						
	#sidebar {
		width: 190px;
		padding: 10px 20px;
		background: #db7253 url(img/sidebar-bg.jpg) no-repeat;
		float: left;
		margin-right: 23px;
	}
	#sidebar h3 a {
		display: block;
		text-decoration: none;
		font-size: 21px;
		font-weight: normal;
		color: #ffc20e;	
	}
		#sidebar ul {
			list-style: none;
			border-top: 1px solid #fefcfb;
			padding-bottom: 120px;
			background: url(img/logo-sidebar.jpg) no-repeat bottom left;
			min-height: 300px;
		}
			#sidebar li,
			#sidebar li a {
				display: block;
			}
				#sidebar li a {
					padding: 10px 20px;
					border-bottom: 1px solid #fefcfb;
					color: #ffc20e;
					font-size: 16px;
					text-decoration: none;
				}
				#sidebar li a:hover {
					text-decoration: underline;
				}
				#sidebar li.current a {
					color: #227658;
				}
		#content-page {
			float: left;
			width: 572px;
		}
		
		
#footer,
#push {
	height: 30px;
}
	#footer p {
		text-align: center;
		font-size: 10px;
		color: #227658;
		line-height: 30px;
	}
	#footer a {
		color: #227658;
	}
	
.ec3_schedule {
	float: right;
	border: 1px dashed #227658;
	padding: 3px;
}
	.ec3_schedule td {
		font-size: 12px;
		color: #AD3108;
	}
.ddsg-wrapper ul li,
.ddsg-wrapper ul li a {
	font-size: 12px;
	text-decoration: none;
}
.ddsg-wrapper ul {
	padding-bottom: 0 !important;
}