/*
CSS Version: 0.1
Author: Jerome de Groot
Author URI: http://www.oscin.nl

*/

html { min-height: 100%; margin-bottom: 1px; }

body {
	background-image:  url('http://www.partyknallers.nl/images/bg.gif');
}


td, body, top, div {
	font-size: 12px; 
	font-family: Verdana;
    line-height: 170%;
	color: #000000;
	margin: 0px 0px 0px 0px;
	border: 0px;
}

.container2 { 
	background-image:  url('http://www.partyknallers.nl/images/bg8.gif');
	background-repeat: repeat-x;
	width: 100%;
}

.error { 
	background-image:  url('images/error1.gif');
	background-repeat: repeat-x;
	width: 100%;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    font-size: 8pt;
    font-family: verdana;
}

h1 { font-size: 100%;
     color: #3c90bb;
     font-weight: bold; }
     
h2.letop { font-size: 100%;
     color: #3c90bb;
     font-weight: bold; }

     
p { padding: 0 0 0; }

a:link { color: #878787; text-decoration: underline; }
a:visited { color: #878787; text-decoration: underline; }
a:hover { color: #eb7311; text-decoration: underline; }



/* Tables
------------------------------------------------------------------------------- */

table.midden {
	border: 0px; 
	margin-top: 35px;
	border-spacing: 0px; 
	background-color: transparent; 
	width: 750px;
	align: center;
	border-collapse: collapse;
}


/* Top
------------------------------------------------------------------------------- */

.toplogo {
	background-color: #ffffff;
	width: 100px;
	height: 60px;
}

.toprechts {
	background-color: #ffffff;
}

.topbalk {
	background-image:  url('http://www.partyknallers.nl/images/topbalk.gif');
	height: 4px;
	width: 100%;
}

.header {
	background-image:  url('http://www.partyknallers.nl/images/header.gif');
	height: 150px;
	width: 750px;
}


/* down 
------------------------------------------------------------------------------- */

.downbalk {
	height: 20px;
}

/* menu 
------------------------------------------------------------------------------- */

.menuleft {
	background: #fff url('http://www.partyknallers.nl/images/menu.gif') repeat-x;
	height: 40px;
	padding: 0px 0px 0px 00px;
	text-align: center;
}
.menuleft a:link, .menuleft a:visited { color: #000; background-color: #f19d62;	padding: 10px 15px 11px 15px; text-decoration: none; margin: 10px; }
.menuleft a:hover { color: #000; background-color: #f78739;	padding: 15px 15px 11px 15px; text-decoration: none; margin: 10px; }

/* content 
------------------------------------------------------------------------------- */

.content {
	height: 500px;
	padding: 20px;
	vertical-align: top;
	text-align: left;
	background-color: #fff;
}

div.tekst {
	background-color: #f2f2f2;
	padding: 10px;
	margin: 10px;
}

div.switch {
	float: left;
	width: 41px;
	padding-top: 111px;
}

div.switch a img {
	border: 0px;
	margin-bottom: 10px;
}

div.switch2 {
	float: right;
	clear: right;
	width: 750px;
}

.clear {
	clear: left;
}

div.center {
    margin-right: auto;
    margin-left:auto;
    width:791px;
    clear: both;
}

.small { padding: 10px 0px 20px 0px; font-size: 10px; line-height: 150%; color: #3c90bb; }
.formulier {  }
.veld { background-color: #f6f6f6; border: 1px solid #cdcdcd; color: #585858; }


/* footer
------------------------------------------------------------------------------- */

.footer {
    text-align: left;
    font-size: 11px;
    color: #878787;
    background-color: transparent;	
}

footer a:link { 
    text-align: center;
    color: #878787;
    text-decoration: underline;
}
footer a:visited { color: #878787; text-decoration: underline; }
footer a:hover { color: #fffffff; text-decoration: none; }

.verzendkosten {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 10px;
}