html, body {
margin: 0px;
padding: 0px;
background: #a1cf56 url(http://www.tienerklus.nl/ext/JSmedia/images/bg.png) repeat-x;
height: 100%;
color: #2f2f2f;
font-family: Helvetica;
font-size: 13px;
}

.clear{
clear: both;
}

#wrapper{
min-height: 100%;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/bg2.png) bottom repeat-x;
}

#container{
padding-top: 35px;
overflow: hidden;
width: 1200px;
margin: auto;
}

#advertentie {
	margin-top: 10px;		
}

#advtop{
background: url(http://www.tienerklus.nl/ext/JSmedia/images/inlogtop.png);
width: 258px;
height: 10px;
}

#advmidden{
width: 224px;
padding: 5px 17px;
background: #ffffff;
}

#advbottom{
background: url(http://www.tienerklus.nl/ext/JSmedia/images/inlogbottom.png);
width: 258px;
height: 9px;
}

#links{
width: 258px;
float: left;
}

#inloggen{
margin-top: 8px;
width: 258px;
}

#inloggen a{
font-size: 13px;
color: #2f2f2f;


margin: 12px 0 0 20px;
}

#inloggen p {
margin: 12px 0 0 20px;
}

#inloggen sup a{
	color: #acacac;
	font-size: 9px;	
}

#inloggen form{
overflow: hidden;
margin: 0;
padding: 0;
}

#inloggen form label{
margin-bottom: 11px;
padding-right: 10px;
text-align: right;
float: left;
width: 89px;
line-height: 16px;
height: 16px;
display: block;
}

#inloggen form input[type="text"], #inloggen form input[type="password"]{
float: left;
width: 110px;
height: 16px;
margin-bottom: 11px;
}

#inlogtop{
background: url(http://www.tienerklus.nl/ext/JSmedia/images/inlogtop.png);
width: 258px;
height: 10px;
}

#inlogmidden{
width: 258px;

background: #ffffff;
}

#inlogbottom{
background: url(http://www.tienerklus.nl/ext/JSmedia/images/inlogbottom.png);
width: 258px;
height: 9px;
}

ul#menu {
margin: 0;
padding: 0;
}

ul#menu  li{
display: block;
padding-left: 17px;
margin-top: 10px;
list-style: none;
width: 241px;
height: 42px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/menu.png);
}

ul#menu  li a{
display: block;
font-family: Myriad Pro;
font-size: 14pt;
color: #a0ce56;
text-decoration: none;
line-height: 42px;
font-weight: bold;
}

h1{
font-family: Myriad Pro;
font-size: 22px;
color: #a0ce56;
margin: 0px 0px 10px 0px;
}
h2{
font-family: Myriad Pro;
font-size: 18px;
font-style: italic;
color: #a0ce56;
margin: 0px 0px 10px 0px;
}
h3 {
color: #2f2f2f;
font-family: Helvetica;
font-size: 14px;	

}
#rechts{
width: 922px;
float:left;
margin-left: 10px;}


#logo a{
margin: 10px auto;
height: 45px;
width: 237px;
display: block;
height: 102px;
width: 472px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/logom.png);

}

#grotebox{
width: 922px;
height: 201px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/grotebox.png);
margin-bottom: 15px;
}

.kleinbox{
width: 447px;
float: left;
margin: 0 7px 0 7px;}

.kbtop{
width: 447px;
height: 14px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/kbtop.png);
}

.kbmidden{
width: 447px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/kbmidden.png);
}

.kbmidden table {
	border-collapse: collapse; 
	width: 400px;
	margin:0 15px;
	padding:0;
}

.kbmidden ul{
margin: 0 0 0 35px;
padding: 0;
}

.kbmidden ul li{
line-height: 21px;
list-style: none;
}

.kbmidden h1{
font-family: Myriad Pro;
font-size: 22px;
color: #a0ce56;
margin: 0px 0px 10px 17px;
}

.kbbottom{
width: 447px;
height: 16px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/kbbottom.png);
}

#zoekbox{
padding: 8px 0 0 7px;
}

.bigtop{
width: 909px;
height: 14px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/bigtop.png);
}

.bigmidden{
width: 879px;
padding: 0 15px 0 15px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/bigmidden.png);
}

.bigmidden a {
	color: #2f2f2f;
	font-family: Helvetica;
	font-size: 13px;	

}

.bigmidden form{
overflow: hidden;
margin: 0;
padding: 0;
}

.bigmidden form label{
margin: 0 0 0 10px;
text-align: center;
color: #ffffff;
float: left;
display: block;
line-height: 25px;
height: 25px;
width: 136px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/label.png);
}

.bigmidden form input[type="image"]{
margin: 0 0 0 20px;
}

.bigmidden form select{
width: 100px;
margin: 3px 0 0 10px;
height: 20px;
float: left;
}


.bigmidden table{
border-collapse: collapse; 

margin:0px 0px;
padding:0;
width:880px;
 
}

.bigmidden table tr{
	height: 25px;
}

.bigmidden table tr td {
	padding: 3px;	
}
tr a {
	color: #333;
	text-decoration: none;
}

tr.blauw{
	background: #d8e7f5;
}
tr.blauw a {
	color: #3a85cb; 	
	text-decoration: none;
}
tr.roze{
	background: #f5dbf2;
}

tr.roze a{ 
	color: #cc4dbe;
	text-decoration: none;
}
tr a:hover {
	text-decoration: underline;	
}
tr.border{
border-bottom: 2px solid #a0ce56;
}

.bigonder{
width: 909px;
height: 14px;
background: url(http://www.tienerklus.nl/ext/JSmedia/images/bigonder.png);

}

#klusjes{

margin: 7px;
clear: both;
}

#copyright {
	font-size: 11px;
	letter-spacing: 1.3px;
	margin: 0px auto;
	margin-top: 15px;
	padding: 15px 0;
	
	text-align: center;
	width: 450px;

}
#copyright a {
	color:  #2f2f2f;
	text-decoration: none;
	font-style: italic;
}
#ads {
	width: 900px;
	margin-left: 100px;
	margin-bottom: 10px;
	
}