/* (c) 2005 Be Coldplay */

body {
	font: 12px/20px arial;
	color: #333;
	text-align: center;
	margin: 0px;
	background: #333 url("http://www.becoldplay.be/themes/Sunset/images/bg.gif") repeat-y top;
	background-attachment: scroll;
}

.bodytekst {
	font: 12px/20px arial; 
	color: #666;
	text-align: center;
	margin: 0px;
	background-color: #FFF;
}

.homeborder {
    font-size : 12px;
    color : #F7A700;
    background-color: #EEE;
    margin: 8px;
    border: 1px solid #CCC;
}

#center  {
	width: 800px; 
	margin: 0 auto; 
	text-align: center; 
}

/* ---------------------
        LINKS
--------------------- */

a:link {
   color: #26384C; 
   text-decoration: underline;
}

a:visited {
   color: #26384C; 
   text-decoration: underline;
}

a:hover {
   color: #26384C; 
   text-decoration: none;
}

a.side {
	color : #DCDCDC;
	text-decoration: underline;
}

a:visited.side {
   color: #DCDCDC; 
   text-decoration: underline;
}

a:hover.side {
	color : #DCDCDC;
   text-decoration: none;
}

/* ---------------------
 TEKSTSTIJLEN
--------------------- */

.titel {
   font: 17px arial;
   line-height: 25px;
   height:40px;
   color: #000;
   background-image: url("http://www.becoldplay.be/themes/Sunset/images/titelb.jpg");
   background-position: top left; 
   padding-left: 22px;
}

.titel1 {
   font: 17px arial;
   line-height: 25px;
   height:40px;
   color: #000;
   background-image: url("http://www.becoldplay.be/themes/Sunset/images/titelb1.jpg");
   background-position: top left; 
   padding-left: 22px;
}

.small {
	font-size : 12px;
}

pre {
	font: 12px arial;
	color:black;
}

/* ---------------------
        DISCO
--------------------- */

.disc {
	background-color: #EEE;
	color: #000;
	text-align: center;
	border: 1px solid #CCC;
}

/* ---------------------
       HEADER
--------------------- */

.balk {
   width: 800px;
   text-align: center;
   background-image: url("http://www.becoldplay.be/themes/Sunset/images/titel.jpg"); 
   font: 14px arial;
   height: 24px;
}

.menubalk {
   font: 12px arial;
   color: #DCDCDC;
}

.menubalk A:link {
   text-decoration: none;
   color: #DCDCDC;
}

.menubalk A:visited {
   text-decoration: none;
   color: #DCDCDC;
}

.menubalk A:hover {
   text-decoration: none;
   color: #CCC;
}

.header {
   background-image: url("http://www.becoldplay.be/themes/Sunset/images/logo.jpg");
   height: 265px;
   width: 800px;
}

/* ---------------------
       DIVISIONS
--------------------- */

.main-body {
	font-size : 12px;
	color : #333;
    	background-color : #FFF;
    	margin: 8px
}

.container {
	font-size : 12px;
	color : #333;
    	background-color : #FFF;
   	width: 100%;
}

.side-body {
	font-size : 12px;
	color : #DCDCDC;
	width: 135px;
	background-color : #26384C;
}

.donker {
   background-color : #26384C;
   color: #DCDCDC;
   text-align: center;
   line-height: 25px;
   background-image: url("http://www.becoldplay.be/themes/Sunset/images/balkje.jpg");
}

.side-border-left {
	color : #CCC;
	width: 135px;
	background-color : #26384C;
}

.side-border-right {
    color : #CCC;
    width: 135px;
    padding-bottom: 200px;
    border: 30px;
    background-color : #26384C;
}

/* ---------------------
         MENU
--------------------- */

#navigatie {
   font: 12px arial;
   color: #3F587E;
   text-align: left;
   width: 127px;
   border: 0px;
}

#navigatie ul {
   list-style: none;
   margin: 0;
   padding-left: 0;
}

#navigatie ul li {
   padding-left: 8px;
   border-bottom: 1px solid #26384C;
}

#navigatie ul li a {
   display: block;
   background-color: #26384C;
   text-decoration: none;
   color: #DCDCDC;
   line-height: 20px;
   width: 127px;
   height: 18px;
}

#navigatie ul li a:hover {
	color : #CCC;
}

/* ---------------------
        FOOTER
--------------------- */

.footer {
	font: 12px arial;
	color : #999;
    background-image: url("http://www.becoldplay.be/themes/Sunset/images/footer.jpg");
	padding : 0px;
    height: 137px;
    width: 800px;
}

.footerbalk {
   font-size: 12px;
   color: #999;
   margin-top: 35px;
   margin-left: 6px; 
}

/* ---------------------
        ANDERE
--------------------- */

td {
   font: 12px arial;
   line-height: 17px;
   color: black;
   text-align: left;
}

hr {
   border: 0px;
   background-color: #CCC;
   height: 1px;
   line-height: 0px;
   margin: 0px;
   padding: 0px;
}

p {
   margin-left: 8px;
   line-height: 17px;
   margin-top: 7px;
   margin-right: 8px;
}

#main { 
	width: 700px; 
	margin: 0 auto; 
	text-align: left; 
}

/* -------------------------
       NIEUWS
------------------------- */

.naamdatum {
	line-height:17px; 
	padding: 3px; 
	border: 1px solid #CCCCCC;
	background-color: #EEE;
	margin: 4px 0px 0px 0px;
}

.commentaar {
	font-size : 12px;
	color : #000;
	margin: 4px 8px 0px 0px;
}

.headlines {
	margin-top : 5px;
	margin-left: 8px; 
    	margin-right: 8px;
}

.footernews {
	border:1px dotted #CCC; 
	padding: 5px;
}

.newsheader {
	background-color: #EEE;
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.newsimage {
	float:none;
	margin: 2px;
	border: 1px solid #dbdbdb;
	padding: 5px;
	background: #fff;
}


/* -------------------------
      TABELLEN
------------------------- */

.tbl {
	font-size : 12px;
	color : #000;
	background-color : white;
	padding: 0px;
}

.tbl-border {
	color : #CCC;
	background-color : #CCC;
}

.tbl1 {
	font-size : 12px;
	color : #000;
	background-color : white;
	margin: 8px;
	padding: 4px;
}

.tbl2 {
	font-size : 12px;
	color : #000;
	background-color : white;
	margin: 8px;
	padding: 4px;
}

/* -------------------------
          FORUM
------------------------- */

.forum {
   background-color: #26384C; 
   background-repeat: repeat-x; 
   line-height: 23px;
   font-size : 12px;
   font-weight: bold;
   text-align: center;
   color : #FFF;
   padding: 4px;
}

.catLeft {
   background-image: url("images/cellpic1.gif"); 
   padding: 4px;
   line-height: 21px;
   font-size : 12px;
   color: black;
}

td.rowpic {
   background-color: #369;
   background-image: url("images/cellpic2.jpg"); 
   background-repeat: repeat-y;
   font-size: 12px;
}

td.row1	{ 
   background-color: #EEE;
   padding: 4px;
   font-size: 12px;
}

td.rowindex	{ 
   background-color: #EEE;
   padding: 4px;
   font-size: 12px;
   height: 50px;
}

td.row2	{ 
   background-color: #DCDCDC; 
   padding: 4px;
   font-size: 12px;
   text-align: center;
}

td.row3 { 
   background-color: #DCDCDC; 
   padding: 4px;
   font-size: 12px;
   text-align: center;
}

.centerf  {
	width: 750px; 
	margin: 0 auto; 
	text-align: center; 
	border: 0px; 
}

.quote {
  	margin: 20px 20px 0px 20px;
  	border: 1px solid #DDD;
  	font-style: italic;
  	border:1px dotted #ccc;
	padding:25px 10px 25px 40px;
	text-align:justify;
	background:#ffffff url(http://www.becoldplay.be/images/quote.png) no-repeat 12px 10px;
}



/* -------------------------
          FOTOS
------------------------- */

.thumbnail {
background-color: #EEE;
color: #999;
margin: 2px 2px 2px 2px;
padding: 12px;
text-align: center;
 }
 
 .thumbnailg {
background-color: #EEE;
color: #999;
margin: 2px 2px 2px 2px;
padding: 16px;
text-align: center;
 }

.thumbnail a {
 border: none;
 margin: 0;
 padding: 0;
}

.thumbnail a:hover {
 text-decoration: none;
}

.thumbnail img {
 border: 8px solid #CCC;
 margin: 0;
 padding: 0;
}

.thumbnail img:hover {
 border: 8px solid #999;
}

/* -------------------------
          FORMS
------------------------- */

.button {
	font: 12px arial;
	color: #000;
	background-color: #EEE;
	line-height: 15px;
	border: 1px solid #CCCCCC;
	margin: 6px 0px 0px 4px;
	padding: 5px;
}

.button {
	font: 12px arial;
	color: #000;
	background-color: #EEE;
	line-height: 15px;
	border: 1px solid #CCCCCC;
	margin: 6px 0px 6px 4px;
	padding: 5px;
}

.button:hover {
	font: 12px arial;
	color: #000;
	background-color: #EEE;
	line-height: 15px;
	border: 1px solid #B0B0B0;
	margin: 6px 0px 6px 4px;
	padding: 5px;
}

.buttonf {
	font: 12px arial;
	color: #000;
	background-color: #ffffff;
	line-height: 15px;
	border: 1px solid #CCCCCC;
	margin: 6px 0px 6px 4px;
	padding: 5px;
}

.buttonf:hover {
	font: 12px arial;
	color: #000;
	background-color: #fffff;
	line-height: 15px;
	border: 1px solid #B0B0B0;
	margin: 6px 0px 6px 4px;
	padding: 5px;
}

.textbox {
	font : 12px arial;
	color : #000;
	background-color : #EEE;
	border : 1px solid #CCCCCC;
	margin : 6px 4px;
	line-height: 17px;
	padding: 2px;
}

.textboxf {
	font : 12px arial;
	color : #000;
	background-color : #ffffff;
	border : 1px solid #CCCCCC;
	line-height: 17px;
	padding: 2px;
}

.outer-border {
	border : 1px solid #000;
}

.poll {
	height : 12px;
	border : 1px solid #bbb;
}

/* -------------------------
      SHOUTBOX
------------------------- */

.shoutboxname {
	font-weight : bold;
	color : #059;
	background-color : #f6f6f6;
}

.shoutbox {
	color : #777;
	background-color : #f6f6f6;
}

.shoutboxdate {
	font-size : 10px;
	color : #888;
	background-color : #f6f6f6;
}