/*
 * 2 kolom template met sticky footer
 */
 
* {margin:0; padding:0;}
 
html,body{
    height:100%;
    }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: #000;
    text-align:center; /* center layout in IE */
}

#menu {
	list-style: none;
}
#menu li {
	font-size: 14px;
}
#menu a {
	color: #fff;
}
#menu a:hover {
	color: #b60000;
}
#menu li.active {
	color: #b60000;
}

h1 {
font-size:24px;font-weight:bold; 
margin: 10px 0 10px 3px;
}
h1.header {
padding: 27px 5px 3px 165px;
margin: 0;
}

h2 {font-size:14px; font-weight:bold; color: #666;}
h3 {font-size:15px; font-weight:bold; color: #ddd;}
h4,h5,h6 {font-size:100%; font-weight:bold; color: #ff9900;}
 
p{font-size:12px; margin:3px 0;}
ul {margin-left:20px;}
ol {margin-left: 24px;}
div,table,tr,td,p {font-size: 12px;}
a {color: #fff; text-decoration:underline;}
a:hover { 	color: #b60000;}
a img {border: none;}
 
hr{
    margin: 4px 0 4px 0;
    padding: 0px;
    display: block;
    height: 1px;
    background-color: #e2e2e2;
    border: none;
}
 
/*
 * Layout
 */
#pagecontainer {
    min-height:100%;
    height:auto !important;
    height:100%;
    width:1000px;
    margin:0 auto -43px; /*negatief want min de hoogte van de footer*/
    text-align:left;
    display:block;
}
#header {
    width:1000px;
    padding: 10px 5px;
    height: 70px;
    background-color: #000;
    text-align:left;
}
#topnav{
    width:100%;
    height:30px;
    border-bottom:1px solid #e2e2e2;
}
#contentcontainer{
    width:1000px; display:inline;
    background-color: #000;
}
#leftcol{
    width:200px;
    float:left;
    text-align:left;
    background-color: #000;    
}
#maincontent{
    width:790px;
    float:left;
    background-color: #fff;
    text-align:left;
    background-color: #000;
}
#kp{width:100%; height:24px; font-size:11px; line-height:24px; text-indent:12px; padding-top:4px;}
#kp a{
	color: #ccc;
}
#img {
	float: left; 
	padding: 5px 15px;
}
#img img {
	border: 1px solid #333 ;
}
#footer { 
width:1000px; 
height: 42px; 
margin: 0 auto; 
clear:both; 
border-top: 1px solid #e2e2e2; 
text-align:left; 
position: relative;
}
 

/* box voor padding in de div elements */
.box{padding:12px;}
 
 
.push{height:42px;}
 
/*
 * Specifieke Layout styles
 */
 
#header a img{border:none;}
#topnav{line-height:30px;}/* verticaal centreren */
 
#maincontent h2{font-size:13px; font-weight:bold;}
#maincontent p{font-size:12px; line-height:18px;}
 
code {
background-color: #222;
}

#wallp td {
padding-bottom: 15px;
}

#links {
	background-color: #222;
}
#links td {
	text-align: center;
	padding: 5px;
}
#links thead td {
	background-color: #050505;
}
#links tbody td {
	background-color: #000;
}
/*
* Formulieren
*/
form{font-family: Arial, Helvetica, sans-serif;}
fieldset {border:none;}
legend {border:none;}
input{font-size:11px; margin-top:4px;padding:2px 3px; border: 1px solid #000; background-color:#e2e2e2;}
input:focus{background-color:#fff;}
input[type="checkbox"]{border:none;}
input[type="radio"]{border:none;}
input[type="password"]{border:1px solid #e2e2e2;}
textarea {margin-top:4px;width:340px;border: 1px solid #000; background-color:#e2e2e2;}
textarea:focus{margin-top:4px;background-color:#fff;}
input[type="select"]{margin-top:4px;border: 1px solid #000; background-color:#e2e2e2;}
footer a:hover{text-decoration:underline;}