@CHARSET "UTF-8";

/* Ratkabaybal CSS file */ 
/* Site made by Maarten Vanhoucke & Klaas Van Heddeghem */

/* Colors used:
		donkerbruin: #6f5646
		lichtbruin: #c9a071	
		geel: #fff4b6
		rood voor sommige actieve links: #9e2716
*/
				
body, h1, h2, h4, h5, h6, ol, ul, li, dl, dt, dd, p 
{ 
	margin: 0; 
	padding: 0;
	font-family: Verdana;
	color: #c9a071;
	font-size: 8pt;
	 }

li { list-style-type: none }
a:active { outline: 0; }
a:focus { -moz-outline-style: none; }

body { background: url('../../images/yellowtile.jpg') repeat; color: #6f5646; min-height: 1000px; }

a:link, a:visited, a:active { 
	text-decoration: underline;
	color:#C9A071; }
a:hover { text-decoration: none; }
a.darktext:link, a.darktext:visited, a.darktext:active{
	text-decoration: none;
	color: #6f5646;
}
a.darktext:hover{ text-decoration: underline;  }

a.activelink
	{ text-decoration: none;
	  color: #9e2716;
	  font-weight: bold;
	}
	

td { vertical-align: top; padding-bottom: 10px; padding-right: 5px;}

h1{ 
	background: url('../../images/rkbblogo.png') no-repeat center center;
	height: 115px;
	text-indent: -999px;
	margin-top: 6px;
}
h3 {
	padding-bottom: 20px;
}

#mainframe {
	width: 830px;
	height: 590px;
	margin: 10px auto;
	position: relative;
}

table#main-nav { 
	height: 90px;
	margin: 0 0 0 10px;
}
table#main-nav td { 
	width: 198px;
	text-indent: -999px; 
}
table#main-nav td a { 
	display: block;
	height: 60px;  
	width: 130px;
	margin-left: 30px;
}

.warning {
	color: red;
}
.titel {
	color: #c9a071;
	font-weight: bold;
	font-size: 13pt;
}
.datum {
	color: #c9a071;
	font-weight: bold;
	font-size: 12pt;
}
hr.dashed {
	border: none 0; 
	border-top: none;
	border-bottom: 1px dashed #c9a071;
	width: 100%;
	height: 0;
	text-align: left;	
}

#agenda {
	position: absolute;
	left: 420px;
	top: 380px;
	width:  325px;
	height: 150px;
	overflow: auto;
	border: 0px dashed #c9a071;
}

.agenda_datum {
	font-weight: normal;
	font-size: 8pt;
}

#news {
	position: absolute;
	left: 70px;
	top: 150px;
	width:  240px;
	height: 360px;
	overflow: auto;
	border: 0px dashed #c9a071;
	padding-right: 40px;
}

.send-message {
	margin: 70px 0 0 420px;
	color: #6f5646;
	font-weight: bold;
	position: absolute;
}
input, textarea {
	border: none;
	background-color: white;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
}
.submit
{
	border: 1px solid #6f5646;
	border-collapse: collapse;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
}
.submit:hover
{
	background-color: #6f5646;
}
.cd-credits {
	margin: 0px 0 0 400px; 
	width: 390px;
	border: 0;
	position: absolute;
	font-size: 7pt;
	color: #6F5646;
}
p.bandmembers {
	margin: 70px 0 0 400px;
	width: 390px;
	text-align: right;
	border: 0;
	position: absolute;
	font-family: Verdana;
	font-size: 7pt;
	color: #6F5646;
}
p.darktext, ul.darktext li {
	font-family: Verdana;
	font-size: 8pt;
	color: #6F5646;	
}

ul#extra-nav {
	position: absolute;
	top: 114px;
	right: 75px;
	width: 160px;
	/* border: 1px solid white; */
}
ul#extra-nav li a { 
	display: block; 
	margin: 1px 0;
	text-indent: -999px;
	height: 46px;
}

#guestbook-box {
	position: absolute;
	left: 60px;
	top: 105px;
	width: 500px;
	height: 435px;
	background-color: #c9a071;
	overflow: auto;
}

#big-box {
	position: absolute;
	left: 70px;
	top: 105px;
	width: 486px;
	height: 415px;
	background-color: #C9A071;
	overflow: auto;
	border: none;
	padding: 10px;
}

#upper-box-archives {
	position: absolute;
	left: 70px;
	top: 105px;
	width: 490px;
	height: 315px;
	background-color: #C9A071;
	color: #6F5646;
	overflow: auto;
	border: none;
	padding: 10px;
}

#upper-box-photo {
	position: absolute;
	left: 70px;
	top: 105px;
	width: 486px;
	height: 310px;
	color: #6F5646;
	overflow: auto;
	border: none;
	padding: 10px;
	margin: auto;
	text-align: center;
}

#small-box-photo {
	background-color: #C9A071;
	position: absolute;
	left: 70px;
	top: 445px;
	width: 486px;
	height: 75px;
	overflow: auto;
	border: none;
	white-space: nowrap;
	padding: 10px;
}

#upper-box-guestbook {
	position: absolute;
	left: 70px;
	top: 105px;
	width: 486px;
	height: 305px;
	background-color: #C9A071;
	color: #6F5646;
	overflow: auto;
	border: none;
	padding: 10px;
}

#small-box-guestbook {
	background-color: #C9A071;
	position: absolute;
	left: 70px;
	top: 445px;
	width: 486px;
	height: 85px;
	overflow: none;
	border: none;
	white-space: nowrap;
	padding: 10px;
}
#upper-box-press {
	position: absolute;
	left: 70px;
	top: 105px;
	width: 490px;
	height: 375px;
	background-color: #C9A071;
	color: #6F5646;
	overflow: auto;
	border: none;
	padding: 10px;
}

#small-box-press {
	background-color: #C9A071;
	position: absolute;
	left: 70px;
	top: 505px;
	width: 490px;
	height: 15px;
	overflow: auto;
	border: none;
	white-space: nowrap;
	padding: 10px;
}

#upper-box-video {
	position: absolute;
	left: 70px;
	top: 105px;
	width: 490px;
	height: 312px;
	background-color: #C9A071;
	color: #6F5646;
	overflow: auto;
	border: none;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#small-box-video {
	background-color: #C9A071;
	position: absolute;
	left: 70px;
	top: 445px;
	width: 490px;
	height: 75px;
	overflow: auto;
	border: none;
	white-space: nowrap;
	padding: 10px;
}

#small-box-archives {
	background-color: #C9A071;
	position: absolute;
	left: 70px;
	top: 445px;
	width: 486px;
	height: 75px;
	overflow: auto;
	border: none;
	white-space: nowrap;
	padding: 10px;
}

.scroll{
	overflow:scroll;
	border: none;	
}
.darktext {
	color: #6F5646;
}



#form_guestbook td
{
	padding-right: 5px;
	padding-bottom: 5px;
}

#musicbuttons
{
	position: absolute;
	margin-top: 320px;
	margin-left: 130px;
	height: 50px;
	width: 214px;
	
}
a.music_info
{
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	margin-left: 5px;
	margin-top: 5px;	
}
a.music_play
{
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	margin-left: 80px;
	margin-top: 5px;
}
a.music_buy
{
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	margin-left: 150px;
	margin-top: 5px;
}
#extra_buttons
{
	position: absolute;
	margin-top: 38px;
	margin-left: 595px;
	width: 152px;
	height: 255px;
	display: block;
}

#facebook
{	background: url('../../images/facebook.png') no-repeat 0 0;
	display: block;
	position: absolute;
	margin-top: 200px;
	margin-left: -40px;
	width: 40px;
	height: 40px;
}
#facebook:hover
{
	opacity: 0.80;
} 
#myspace
{
	background: url('../../images/myspace.png') no-repeat 0 0;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	margin-top: 260px;
	margin-left: -40px;
}
#myspace:hover
{
	opacity: 0.80;
}
#rssfeed
{
	background: url('../../images/rssfeed.png') no-repeat 0 0;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	margin-top: 320px;
	margin-left: -40px;
}
#rssfeed:hover
{
	opacity: 0.80;
}