/* 
This Stylesheet is handwritten by MadeByDS - http://www.madebyds.nl
This CSS is released under Creative Commons License - http://creativecommons.org/licenses/by/2.5/nl/
You may adapt and learn from the elements of this CSS to use in your own projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright protected and may not be reproduced

Color palette
	White			#FFFFFF
	Black			#000000
	
	DS Red			#EE203F
	Light Grey		#EEEEEE
	Grey			#AAAAAA
	Dark Grey		#606060
*/



/* Basic elements
-------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
}

body { 
	color: #606060; 
	font-size:  62.5%; 
	font-family: Verdana, Arial, Helvetica; 
	line-height: 150%; 
}

/*redefine*/

body {
	background: url(../images/bg.png) repeat-x;
}

/* Text elements
-------------------------------------------------------- */
p {
	padding-left: 5px;
	padding-bottom: 20px;
	line-height: 1.7;
}

p.nextmatch {
	color: #000000;
	padding-bottom: 20px;
}

p.line {
	padding: 5px 0;
	line-height: 1.7;
	color: #000000;
	border-bottom: dotted 1px;
}

a {
	outline: none;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
	border: none;
}

a:hover, a:active {
	color: #EE203F;
	text-decoration: none
}

h1 { 
	color: #000000;
	font-weight: bold; 
}

h1 span {
	display: none;
}

h2 {
	color: #EE203F;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
}

h2.toptekst {
	color: #EE203F;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
}

h3 {
	color: #EE203F;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul, li { 
	margin: 0; 
	padding: 0; 
	font-weight: normal; 
	list-style: none; 
}

/* Image elements
-------------------------------------------------------- */	
img.logo {
	float: right
}

img.top {
	border: none;
	padding-top: 10px;
}

img.rss {
	border: none;
	padding-left: 10px;
	padding-top: 10px;
}

img.welkom {
	padding-bottom: 25px;
	border: none;
}

/* Navigation elements
-------------------------------------------------------- */
#kwick {
	position: relative;
}

#kwick li {
	float: left;
}

		#kwick .kwicks {
			display: block;
			background: url(../images/kwicks_bg.png);
			height: 200px;
		}
		
		
		#kwick .kwick {
			display: block;
			cursor: pointer;
			overflow: hidden;
			height: 180px;
			width: 120px;
			padding: 10px;
			background: #fff;	
			margin-right: 5px;
		}
		
		#kwick .kwick span {
			display: none;
		}
		
		#kwick .ds {
			background: url(../images/home.png);
			margin-left: 5px;
		}
		
		#kwick .ajax {
			background: url(../images/ajax.png);
		}
		
		#kwick .fanzine {
			background: url(../images/fanzine.png);
		}
		
		#kwick .supporters {
			background: url(../images/supporters.png);
		}
		
		#kwick .nieuwsarchief {
			background: url(../images/archief.png);
		}
		
		#kwick .fotoarchief {
			background: url(../images/fotoarchief.png);
			margin-right: 0px;
		}

/* Form elements
-------------------------------------------------------- */
.cssform {
	background-color: #FFFFFF;
	border-bottom: solid 20px #FFFFFF;
}

.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	height: 1%;
}
 
.cssform label{
	font-weight: bold;
	float: left;
	width: 150px; 
}
 
.cssform input[type="text"]{ 
	width: 180px;
	background-color:#FFFFFF;
}
 
.cssform textarea{
	width: 250px;
	height: 150px;
}

/* List elements
-------------------------------------------------------- */

ul.list {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px; 
	list-style: disc;
}


/* Page container
-------------------------------------------------------- */ 
#page-container {
	width: 900px;
	margin: auto;
	position: relative;
}

#container {
	position: relative;
	width: 900px;
}

/* Header elements
-------------------------------------------------------- */
#header {
	height: 150px;
	background: url(../images/header_bg.png) no-repeat top center;
}


#logo-container {
	float: right;
	width: 300px;
	line-height: 18px;
	margin-bottom: 20px; 
}


#devider {

}

/* Content elements
-------------------------------------------------------- */
#contentwrapper {
	position: relative;
	z-index: 10000;
	font-size: 11px;
	margin-top: 30px;
	margin-bottom: 30px;
	min-height: 100px;
}

#rightcontent {
	float: right;
	width: 200px;
	padding-left: 140px;
	background-image: url(../images/rightcontent_bg.png); 
	background-repeat: no-repeat; 

}
#leftcontent {
	margin-right: 200px;
	width: 550px;
}


/* Footer elements
-------------------------------------------------------- */
#sub-footer { 
	background-image: url(../images/footer_bg.png); 
	background-repeat: repeat-x; 
	padding-top: 30px;
	border-top: #EEEEEE solid 1px;
	border-left: #EEEEEE solid 1px;
	border-right: #EEEEEE solid 1px;
	font-size: 11px;
	clear: both;
}

#column-a { 
	float: left; 
	width: 140px; 
	text-align: left; 
	padding-left: 30px;
	padding-right: 5px;
}

#column-b { 
	float: left;
	width: 140px;
	padding-right: 5px;
}

#column-c { 
	float: left;
	width: 140px;
	padding-right: 5px;
}

#column-d { 
	float: left;
	width: 140px;
	padding-right: 5px;
}

#column-e { 
	float: left;
	width: 140px;
	padding-right: 5px;
}

#column-f { 
	float: left;
	width: 140px;
}
 
#footer { 
    clear: both; 
    height: 66px; 
    font-size: 1em; 
    color: #AAAAAA; 
    padding: 30px 25px 13px; 
    text-align: center; 
    margin-top: 30px;
}
 
#footer #altnav {
	width: 350px;
}
 
#footer a {
	color: #AAAAAA;
	text-decoration: none;
}
 
#footer a:hover {
	color: #EE203F;
}