/*
Cultuurcentrum Poorthuis (CCPoorthuis.be)
Specifiek voor binnenpagina's
Door Pixelpanic.be (versie 07-09-2006)
*/

/* HTML selectors */
h1 {
	color: #443729;
	background-color: transparent;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: 110%;
}
h1.sub {
	margin-bottom: 8px;
}
h1.info {
	margin-bottom: 2px;
}
h1 span {
	color: #ff6600;
	background-color: transparent;
}
#sidebar h1 {
	color: #5A646C;
	background-color: transparent;
}
.activiteit h2 {
	color: #ff6600;
	background-color: transparent;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
}
h2 {
	color: #30373D;
	background-color: transparent;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 120%;
}
h2.sub {
	margin-bottom: 15px;
}
h2.info {
	color: #725B44;
	background-color: transparent;
	font-size: 14px;
	margin-bottom: 15px;
}
h3 {
	color: #30373D;
	background-color: transparent;
	font-size: 16px;
	font-weight: normal;
	margin: 15px 0;
}
h4 {
	color: #30373D;
	background-color: transparent;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 7px;
}

/* Header */
#header {
	background-image: url(../afbeeldingen/achtergrond_header_binnen.png);
}
#menu {
	height: 26px;
}

/* Midden */
#visual {
	color: #2B221A;
	background-color: #2B221A;
	padding: 5px;
	font-size: 0;
	line-height: 0;
	margin-top: 30px;
	width: 530px;
	float: left;
}
#visual img {
	width: 530px;
	height: 130px;
	border: none;
}
#binnenkort {
	margin: 50px 0 0 15px;
	width: 200px;
}
#binnenkort img {
	width: 190px;
	height: 130px;
	border: none;
}
#middle {
	background-image: url(../afbeeldingen/achtergrond_middle_binnen.png);
}
#content {
	background-image: url(../afbeeldingen/achtergrond_headermiddle_binnen.png);
}
#main {
	width: 490px;
}
.rand {
	color: #725B44;
	background-color: #fff;
	margin-bottom: 15px;
	padding: 3px;
	border: 1px solid #B9ADA2;
	width: 470px;
}
#kaart {
	width: 470px;
	height: 250px;
	cursor: move;
}
.activiteit {
	width: 445px;
}
#sidebar {
	color: #5A646C;
	background-color: transparent;
	margin-top: -10px;
	float: right;
	width: 230px;
	position: relative;
}
#sidebar ul {
	border-top: 1px solid #C3D5E4;
}
#sidebar ul li {
	border-bottom: 1px solid #C3D5E4;
	width: 230px;
}
#sidebar ul li a {
	color: #5A646C;
	background-color: transparent;
	text-decoration: none;
	display: block;
	padding-left: 5px;
	height: 22px;
	line-height: 22px;
}
#sidebar ul li.stap a {
	color: #000;
	background-color: transparent;
}
#sidebar ul li a.sub {
	padding-left: 25px;
}
#sidebar ul li a:hover, #sidebar ul li a:active {
	color: #000;
	background-color: #CCDFEE;
	text-decoration: none;
}
#sidebar ol li {
	margin-bottom: 5px;
}
#sidebar .stap {
	color: #000;
	background-color: transparent;
}
#footer {
	background-image: url(../afbeeldingen/achtergrond_footer_binnen.png);
}
.navigatie {
	color: #666;
	background-color: transparent;
	text-align: center;
	margin-top: 5px;
}
.foto {
	width: 200px;
	margin: 0 0 15px 15px;
	padding: 2px;
	border: 1px solid #B9ADA2;
	float: right;
}
.foto img {
	border: none;
}
.kader {
	color: #725B44;
	background-color: transparent;
	padding-top: 15px;
	border-top: 1px solid #B9ADA2;
}
.kader h3, .kader p, .kader ul {
	margin: 0 0 15px 0;
	color: #725B44;
	background-color: #transparent;
}
.kader p {
	margin-bottom: 10px;
}
.kader li {
	list-style-type: square;
	margin-left: 20px;
}
.kader a {
	color: #725B44;
	background-color: #transparent;
	text-decoration: none;
}
.kader a:hover, .kader a:active {
	color: #000;
	background-color: #transparent;
}
ul.kalender {
	border-top: 1px solid #DCD6D1;
	width: 486px;
}
ul.uitklap {
	margin: 0;
}
ul.kalender li {
	border-bottom: 1px solid #DCD6D1;
}
ul.uitklap li {
	height: 22px;
	line-height: 22px;
	border: none;
}
ul.kalender li a {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	display: block;
	padding-left: 5px;
	height: 22px;
	line-height: 22px;
}
ul.kalender li a:hover, ul.kalender li a:active {
	color: #ff6600;
	background-color: #F5F3F2;
	text-decoration: none;
}
ul.kalender li span {
	color: #725B44;
	background-color: transparent;
	padding: 0 6px 0 0;
}
ul.kalender li span.sub {
	padding: 0 6px 0 20px;
}
.s1 {
	float: left;
	width: 290px;
}
.s2 {
	float: right;
	width: 170px;
}
#s1 {
	float: left;
	width: 270px;
}
#s2 {
	float: right;
	width: 200px;
}
#s2 .foto {
	width: 190px;
	margin: 0 0 10px 0;
	padding: 2px;
	border: 1px solid #B9ADA2;
	float: none;
}
.succes {
	color: #79AC66;
	background-color: #D9EFCE;
	border: 1px solid #92CD7B;
	padding: 4px 6px;
	margin-bottom: 20px;
}
.fout {
	color: #F32F2F;
	background-color: #FFCDCD;
	border: 1px solid #FF5D5D;
	padding: 4px 6px;
	margin-bottom: 20px;
}
.fout a, #sidebar .fout a {
	color: #F32F2F;
	background-color: transparent;
	text-decoration: underline:
}
.fout a:hover, #sidebar .fout a:hover, .fout a:active, #sidebar .fout a:active {
	color: #F32F2F;
	background-color: #FFE6E6;
}
#kennis, #formulier, .uitklap {
	display: none;
}
.zichtbaar {
	display: block;
}

/* Links */

#binnenkort a {
	color: #fff;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	font-size: 0;
	line-height: 0;
}
#binnenkort a:hover, #binnenkort a:active {
	color: #30373D;
	background-color: #30373D;
}
a.foto {
	width: 80px;
	height: 60px;
	margin: 0 0 10px 10px;
	padding: 2px;
	border: 1px solid #B9ADA2;
	float: right;
	display: block;
}
a:hover.foto, a:active.foto {
	border: 1px solid #ff6600;
}

.vorige {
	padding-left: 7px;
	background-image: url(../afbeeldingen/pijl-bruin_2.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.volgende {
	padding-right: 7px;
	background-image: url(../afbeeldingen/pijl-bruin.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.k {
	width: 120px;
	float: left;
}
#sidebar .k {
	width: 65px;
	float: left;
}
.kortedatum {
	color: #725B44;
	background-color: transparent;
	padding: 0 6px 0 0;
}
#sidebar ul.opsomming, #sidebar ul.opsomming li {
	border: none;
}
.opsomming li {
	margin-left: 30px;
	list-style-type: disc;
}

/* Formulier */
fieldset {
	border: none;
}
label {
	line-height: 25px;
	float: left;
	width: 120px;
}
input {
	height: 18px;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	border: solid 1px #B9ADA2;
	width: 200px;
}
textarea {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	border: solid 1px #B9ADA2;
	width: 300px;
	height: 60px;
}
select {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	border: solid 1px #B9ADA2;
}
input.check {
	width: auto;
	height: auto;
	border: none;
	margin: 0 10px 0 0;
}
input.smal {
	width: 50px;
}
input.verder {
	margin: 15px 0;
	padding: 0;
	border: none;
	width: 83px;
	height: 30px;
	background-image: url(../afbeeldingen/knop_gaverder.png);
	background-repeat: no-repeat;
}
input.verder:hover, input.verder:active {
	background-image: url(../afbeeldingen/knop_gaverder.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
input.reserveer {
	margin: 15px 0 15px 120px;
	padding: 0;
	border: none;
	width: 85px;
	height: 30px;
	background-image: url(../afbeeldingen/knop_reserveer.png);
	background-repeat: no-repeat;
}
input.reserveer:hover, input.reserveer:active {
	background-image: url(../afbeeldingen/knop_reserveer.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
input.verzend {
	margin: 15px 0 15px 120px;
	padding: 0;
	border: none;
	width: 74px;
	height: 30px;
	background-image: url(../afbeeldingen/knop_verzend.png);
	background-repeat: no-repeat;
}
input.verzend:hover, input.verzend:active {
	background-image: url(../afbeeldingen/knop_verzend.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
input.bewaar {
	margin: 15px 0 15px 120px;
	padding: 0;
	border: none;
	width: 69px;
	height: 30px;
	background-image: url(../afbeeldingen/knop_bewaar.png);
	background-repeat: no-repeat;
}
input.bewaar:hover, input.bewaar:active {
	background-image: url(../afbeeldingen/knop_bewaar.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
form ul {
	margin: 0;
}
form li {
	line-height: 150%;
}
.captcha {
	margin-left: 120px;
}

/* Formulier sidebar */
#sidebar label {
	line-height: 25px;
	float: left;
	width: 80px;
}
#sidebar input {
	height: 18px;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	border: solid 1px #30373D;
	width: 140px;
}
#sidebar input.aanmelden {
	margin: 10px 0 15px 80px;
	padding: 0;
	border: none;
	width: 90px;
	height: 30px;
	background-image: url(../afbeeldingen/knop_aanmelden.png);
	background-repeat: no-repeat;
}
#sidebar input.aanmelden:hover, #sidebar input.aanmelden:active {
	background-image: url(../afbeeldingen/knop_aanmelden.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
#sidebar input.registreren {
	margin: 10px 0 15px 80px;
	padding: 0;
	border: none;
	width: 91px;
	height: 30px;
	background-image: url(../afbeeldingen/knop_registreren.png);
	background-repeat: no-repeat;
}
#sidebar input.registreren:hover, #sidebar input.registreren:active {
	background-image: url(../afbeeldingen/knop_registreren.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
#sidebar input.inschrijven {
	margin: 10px 0 15px 80px;
	padding: 0;
	border: none;
	width: 86px;
	height: 30px;
	background-image: url(../afbeeldingen/knop_inschrijven.png);
	background-repeat: no-repeat;
}
#sidebar input.inschrijven:hover, #sidebar input.inschrijven:active {
	background-image: url(../afbeeldingen/knop_inschrijven.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}