/* CSS tStuk.nl version 2.0 / css version 1.0 /  auteur: Tim Hereijgers, Marc Mathijssen */

/* <set HTML tags> */
body { 
	background-color: #2A1F2C; 
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	font-family: Verdana, Arial, Geneva, sans-serif; 
	font-size: small; 
	font-weight: normal;
	line-height: 135%;
	color: #4A3550 
}

  .trigger{
      cursor: pointer;
      cursor: hand;
   }
   .branch{
      display: none;
      margin-left: 5px;
   }

p {
	margin:0px;
	margin-bottom:20px;
}
h1 {

}
ul { 
	list-style-image: url(../Images/list_item.gif)
}
b, strong {
	color: #58376B;
	font-weight: bold
}
i, em {
	color: #58376B;
	font-style:italic;
	line-height: 120%;
}
hr {
	border: none 0; 
	border-top: 1px solid #A17AAE;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 
a, a:link {
	text-decoration:underline;
	color: #DB1037
}
a:hover {
	text-decoration:underline;
	color: #DB1091
}
a:active {
	text-decoration:underline;
	color: #000000
}
form  { 
	margin: 0px;
	padding: 0px
}
input, select {
	font-size: small;
	padding: 1px;
	width: 150px;
	border: 1px solid #2A202C;
	color: #4A3550;
	margin-bottom: 5px
}
textarea {
	font-size: small;
	font-family: Verdana, Arial, Geneva, sans-serif; 
	padding: 1px;
	border: 1px solid #2A202C;
	color: #4A3550;
	width: 280px;
	margin-bottom: 5px
}
.formbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small; 
	font-weight: bold;
	color: #ffffff;
	cursor:pointer;
	border: 1px inset #2A202C;
	background-image:url(../Images/form_btn_bg.png);
	background-repeat:repeat-x;
	background-position:center;
	border: 0px;
	margin-top: 10px;
	width: 115px;
	height: 20px
}
.checkbox {
	border: 0px;
	width: 13px;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left:0px;
	padding: 0px;
}
#layoutform { 
	width: 400px;
	text-align:left;
	background-color:#FFFFFF
}
/* </set HTML tags> */

/* <total layout> */
#layout { 
	margin-left:auto; 
	margin-right:auto; 
	width: 970px
}
#container {
	float:left;
	width: 970px
}
#main {
	text-align:left;
	width: 596px;
	float: left
}
#left {
	text-align:left;
	width: 180px;
	float: left
}
#right {
	text-align:left;
	margin: 0px;
	width: 180px;
	float: left
}
/* </total layout> */

/* <main content> */
#top, #top_intro  {
	height:66px;
	background-image:url(../Images/top_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align: right;
	padding-right: 30px;
	padding-top: 10px;
	font-size:10px;
	color: #97819A;
	line-height:normal
}
#top_intro {
	background-image:url(../Images/top_bg_intro.jpg);
}
#enter_site a, #enter_site a:link {
	color: #725D76;
	text-decoration:none;
	font-size: small;
	font-weight: bold;
	font-variant:small-caps;
	margin-top: 1px;
	display: block;
	background-color: #0D080F;
	border: 1px solid #4E4150;
	width: 498px;
}
#enter_site a:hover {
	color: #B6A0BA;
	background-color: #110A12;
}
#intro_dl_player {
	margin-top: 70px;
	text-align: center;
	display: block;
	font-size: x-small;
}
#intro_dl_player a, #intro_dl_player a:link{
	color: #5C4A5F;
	text-decoration:none;
	font-weight: bold;
}
#intro_dl_player a:hover {
	color: #8B3D67;
}
#top_buttons {
	margin-top: 4px;
	border: 0px
}
#top_buttons img {
	border: 0px
}
#corsong {
	display:inline
}
#corsong a, #corsong a:link {
	background-image: url("../Images/corsong_btn.jpg");
	background-position:top;
	text-decoration: none;
	border: 0px;
	display:inline;
	margin: 0px
}
#corsong a:hover {
	background-position: 0 -47px;
	text-decoration: none
}
#bouw {
	display:inline
}
#bouw a, #bouw a:link {
	background: url("../Images/bouw_btn.jpg") 0 0 no-repeat;
	text-decoration: none;
	border: 0px;
	display:inline;
	height: 47px;
	width: 131px;
	margin: 0px
}
#bouw a:hover {
	background-position: 0 -47px;
	text-decoration: none
}
#fotos {
	display:inline
}
#fotos a, #fotos a:link {
	background: url("../images/fotos_btn.jpg") 0 0 no-repeat;
	text-decoration: none;
	border: 0px;
	display:inline;
	height: 47px;
	width: 131px;
	margin: 0px
}
#fotos a:hover {
	background-position: 0 -47px;
	text-decoration: none
}
#center {
	background-image:url(../Images/main_bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
#header {
	width: 548px;
	color: #4F4251;
	margin-left: 24px;
	margin-bottom: 5px;
	padding: 0px
} /* ...meer ID's en classes van center zijn onder te vinden */
#bottom {
	background-image:url(../Images/bottom_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height: 52px;
	font-size: 10px;
	padding-top: 28px;
	padding-left: 83px;
	color: #97819A
}
#bottom b {
	color: #4F4251;
	margin-bottom: 0px;
	font-weight:bold
}
#bottom_text {
	line-height: 140%;
	width: 370px;
	float:left;
	text-align: left
}
#bottom_text a, #bottom_text a:link {
	color: #97819A;
	text-decoration:underline
}
#bottom_text a:hover {
	color: #97819A;
	text-decoration:none
}
#bottom_text a:active {
	color: #97819A;
	text-decoration:none
}
#bottom_top {
	width: 110px;
	float:left;
	text-align:right
}
/* </main content> */

/* <center content> */
#page_header {
	height: 28px;
	width: 533px;
	margin-left: 31px;
	margin-bottom: 4px;
	background-image:url(../Images/page_header_balk.jpg);
	background-repeat: repeat-x;
	background-position:left
}
#page_header h1 {
	color:#ffffff;
	padding: 0px;
	padding-left: 20px;
	padding-top: 4px;
	margin: 0px;
	font-size: 18px;
	font-weight:bold;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif
}
#content {
	background-color: #ffffff;
	text-align:left;
	width: 513px;
	margin-left: 31px;
	padding: 10px
}
#content h1 {
	color: #DB1037;
	font-size: small;
	font-weight: bold;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-bottom: 1px solid #A17AAE
}
#content #date {
	font-size: x-small;
	font-weight:normal;
	color: #A17AAE;
	margin-bottom: 15px;
	line-height: 120%
}
#content_bottom {
	background-image:url(../Images/content_bottom.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width: 533px;
	height: 9px;
	margin-top: -4px;
	margin-left: 31px
}
#reageer {
	font-weight: bold;
	text-align:right;
	margin-top: 10px
}
#toon_album {
	background-image:url(../Images/mag_glass.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-transform:capitalize;
	height: 35px;
	display:block;
	text-align:center;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 12px;
}
#toon_album a, #toon_album a:link {
	color: #DB1037;
	text-decoration: none
}
#toon_album a:hover {
	color: #DB1091;
	text-decoration: none
}
#toon_album a.active, #toon_album a:link.active, #toon_album a:hover.active {
	color: #DB1037;
	text-decoration: none
}
#browse_btn {
	background-image:url(../Images/browse_btn.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-decoration: none;
	text-align:center;
	border: 0px;
	color: #666666;
	display: block;
	height: 20px;
	font: bold 11px verdana, arial, sans-serif;
	margin: 0px;
	line-height: 23px;
	height: 23px;
	width: 160px
}
#browse_btn a, #browse_btn a:link {
	color: #DB1037;
	text-decoration: none
}
#browse_btn a:hover {
	color: #DB1091;
	text-decoration: none
}
#browse_btn a.active, #browse_btn a:link.active, #browse_btn a:hover.active {
	color: #DB1037;
	text-decoration: none
}
#download {
	background-image:url(../images/folder.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	font-variant:small-caps;
	font-weight:bold;
	padding-left: 26px;
	margin-top: 15px;
	text-decoration:none;
	display:block
}
#foto_albums ul {
	list-style-image: url(../Images/folder.jpg)
}
#foto_albums li {
	border-bottom: 1px solid #E4BDD2;
	margin: 0px;
	padding: 0px
}
#foto_albums a, #foto_albums a:link {
	color: #DB1037;
	text-decoration: none
}
#foto_albums a:hover {
	color: #A37B00;
	text-decoration: none
}
#foto_albums a.active, #foto_albums a:link.active, #foto_albums a:hover.active {
	color: #666666;
	text-decoration: none
}
#smoelen {
	font-size: x-small;
	line-height: 100%;
	text-align:left
}
#smoelen b {
	font-weight: bold;
	padding-left: 10px;
}
#smoelen img {
	border: 1px solid #000000
}
#smoelen h1 {
	border: 0px;
	margin-bottom: 6px;
	margin-top: 0px;
}
#smoelen h1 a, #smoelen h1 a:link {
	background-image:url(../Images/mail.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 18px;
	text-decoration:none;
}
#smoelen h1 a:hover {
	color: #A37B00;
	text-decoration: none
}
#smoelen h1 a.active, #smoelen h1 a:link.active, #smoelen h1 a:hover.active {
	color: #DB1037;
	text-decoration: none
}
#alfabet {
	text-align:center;
	font-size:small;
	font-weight:bold
}
#alfabet a, #alfabet a:link {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px
}
#gastenboek {
	font-size: x-small;
	line-height: 130%;
	text-align:left
}
#schrijf_in {
	font-variant:small-caps;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration:underline;
	display:block
}
#schrijver {
	font-size: x-small;
} 
#schrijver #date {
	font-size: x-small;
	margin-bottom: 24px;
	color: #A17AAE
} 
#schrijver h1 {
	font-size: x-small;
	display:inline;
	border: 0px;
}
#schrijver h1 a, #schrijver h1 a:link {
	background-image:url(../Images/mail.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right: 18px;
	text-decoration:none;
}
#schrijver h1 a:hover {
	color: #A37B00;
	text-decoration: none
}
#schrijver h1 a.active, #schrijver h1 a:link.active, #schrijver h1 a:hover.active {
	color: #DB1037;
	text-decoration: none
}
/* </center content> */

/* <columns content> */
#column_header {
	background-image:url(../Images/column_header.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom: 12px;
	margin-top: 10px;
	height: 49px
}
#column_header h1 {
	margin: 0px;
	padding-left: 38px;
	padding-top: 23px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #ffffff;
	line-height: 100%
}
#column_footer {
	background-image:url(../Images/column_footer.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom: 10px;
	margin-top: 12px;
	height: 49px
}
/* </columns content> */

/* <left content> */
#logo {
	background-image:url(../Images/logo.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height: 156px
}
#agenda_item {
	margin-top: 5px;
	font-family: Verdana, Arial, Geneva, sans-serif; 
	font-weight: bold;
	height: 25px;
	width: 168px;
	padding-left: 3px;
	padding-right:3px;
	background-color: #352937;
	color: #EBD7A5;
	font-size:10px;
	line-height: 120%
}
#agenda_item a, #agenda_item a:link {
	color: #EBD7A5;
	text-decoration:none
}
#agenda_item a:hover {
	color: #ffffff;
	text-decoration:none
}
#agenda_item a:active {
	color: #F6ECD2;
	text-decoration:none
}
#agenda_item .date {
	line-height: 120%;
	font-weight: bold;
	color: #b89ebc
}
#trigger h1 {
/*li {*/
	background: url("../Images/nav_gewone_knop.jpg") 0 0 no-repeat;
	border: 0px;
	color: #ffffff;
	display: block;
	height: 20px;
	font: bold 11px verdana, arial, sans-serif;
	margin: 0px;
	cursor: pointer;
	line-height: 20px;
	padding-left: 15px
}
#trigger h1:hover {
/*li:hover {*/
	background-position: 0 -20px;
	text-decoration: none
}
#trigger h1 {
  	behavior: url(hover.htc) 
}
#trigger h1:hover, #trigger h1.hover {
 	background-position: 0 -20px;
	text-decoration: none
}
#trigger h1:hover.active, #trigger h1.hover.active {
	background-position: 0 0px;
	color: #D4C2C6
}
#nav a, #nav a:link {
	background: url("../Images/nav_gewone_knop.jpg") 0 0 no-repeat;
	text-decoration: none;
	border: 0px;
	color: #ffffff;
	display: block;
	height: 20px;
	font: bold 11px verdana, arial, sans-serif;
	margin: 0px;
	line-height: 20px;
	padding-left: 15px
}
#nav a:hover {
	background-position: 0 -20px;
	text-decoration: none
}
#nav a.active, #nav a:link.active, #nav a:hover.active {
	background-position: 0 0px;
	color: #D4C2C6
}
#nav img {
	border: 0px;
	margin-left: 5px;
}
#subs a, #subs a:link {
	background: url("../Images/nav_subs_knop.jpg") 0 0 no-repeat;
	text-decoration: none;
	border: 0px;
	color: #ffffff;
	display: block;
	height: 20px;
	font: bold 10px verdana, arial, sans-serif;
	letter-spacing: 0.05em;
	margin: 0px;
	line-height: 20px;
	padding-left: 25px
}
#subs a:hover {
	background-position: 0 -20px;
	text-decoration: none
}
#subs a.active, #subs a:link.active, #subs a:hover.active {
	background-position: 0 0px;
	color: #D4C2C6
}
/* </left content> */

/* <right content> */
#sponsors {
	text-align: center;
}
#sponsors img {
	border: 2px inset #68576B;
	margin-bottom: 7px
}
/* </right content> */