/* plaatsing objecten */

*{
/*	border: 1px solid #0f0;
*/
	padding: 0;
	margin: 0;

}

html,body {
	padding:0;
	margin:auto auto;
	width:100%;
	font-family: Georgia, Garamond, "Times New Roman", Times, sans-serif;
}

body{
	background-image: url("../images/blauwpx.gif");
}

div.clear {
	clear:both;
	height: 0px;
	margin: 0;
	padding: 0;
	width: 0px;
	display:none;
}

div#bgcontainer{
	background-image: url("../images/gradient_bg.jpg");
	background-repeat: repeat-x;
	background-attachment:scroll;
	margin: 0 auto;
	padding: 0;
	min-height: 2000px;
}

div#glowcontainer{
	margin: 0 auto;
	padding: 0;
	min-height: 2000px;
/*	background-position: center 250px;
	background-image: url("../images/glow.png");
	background-repeat: no-repeat;
	background-attachment:scroll;*/
}

div#cbku{
	
	width: 150px;
	height: 60px;
	float:right;
	font-size: 12px;
	font-family: Arial, "MS Trebuchet", sans-serif;
	margin-top: 35px;
	margin-right: 35px;
	text-align: center;
	
}

div#container {
	margin: 0 auto;
	padding: 0;
	width:980px;
	background-image: url("../images/blauwpx2.gif");
}

div#logoheader {
	margin: 0 auto;
	padding: 0;
	width:980px;
	height: 120px;
	background-color: #fff;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: 10px 50%;
	display:block;
	
	
}

div#menuheader {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	height: 20px;
	position: relative;
	visibility: visible;
	text-align:right;
	width:980px;
	background-image: url("../images/menu_bg.png");
	background-repeat: repeat-x;
	background-position: 00% 50%;
}
div#menuheader a{
	margin-right: 20px;
}

div#generated_poster{
	
}

div#current {
	margin: 0 auto;
	width:100%;
	/*height: 278px;*/
	/*height: 139px; */
	color: #fff;
	background-color: #fff;
	text-align: center;         
	 /*ppadding-top: 139px;         */
}

div.divider {
	margin: 0 auto;
	padding: 0;
	width:100%;
	height: 5px;
	background-image: url("../images/roodpx.gif");
}

div#paginacontainer {
	margin: 0 auto;
	padding: 0;
	width:100%;
}

div#welkom {
	margin: 0 auto;
	width: 600px;
	height: 380px;
	float:left;
	background-color: #fff;
	background-image: url("../images/welkom_bg2.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}

div#doemee {
	margin: 0 auto;
	width: 380px;
	height: 380px;
	float:right;
	text-align: right;
	background-color: #008;
	background-image: url("../images/doemee.jpg");
	background-position: left bottom;
}

div#content {
	margin: 0 auto;
	width: 600px;
	float:left;
	min-height: 2000px;
	background-color: #fff;
}

div#omschrijving {
	margin: 0 auto;
	width: 380px;
	min-height: 2000px;
	float:right;
	background-color: #d0cfcf;
}

div#copyrightfooter {
	margin: 0 auto;
	width:100%;
	height: 20px;
	background-image: url("../images/blauwpx.gif");
}

div#logofooter {
	margin: 0 auto;
	width:100%;
	height: 200px;
	background-color: #fff;
}

/* fonts */

.eerste_uitleg, .uitleg{
	background-color: #d0cfcf;
	margin: 0 auto;
	width: 340px;
	float:right;
	text-align: left;
	margin: 0 auto;
	margin: 20px;
	color: #333333;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 23px;
}

/*.uitleg{
	padding-top: 80px;
	background-image: url("../images/uitleg_divider_300.png");
	background-repeat: no-repeat;
	background-position: 50% 0px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/uitleg_divider.png', sizingMethod='image');
}*/

.eerste_uitleg{
	padding-top: 0px;
}      

.uploaderTabel{
	width: 300px;
	margin:  0px 100px;
	border: 1px solid #000;
	
}

.vraag, .eerste_vraag{
	padding-top: 30px;
	margin: 0 auto;
	width: 600px;
	float:left;
	text-align: center;
	background-color: #fff;
	/*border: 1px solid #000;
	*/
}

.eerste_vraag{
	padding: 30px 0px 30px 0px;
}

.vraagContainer{
	margin: 0 auto;
	width: 980px;
	float:left;
	background-color: #d0cfcf;
	border-bottom: 2px double #eee;
}

.vraagborder{
/*	border: 10px double #eee;*/
	width: 600px;
	margin: 20px 0px;
	text-align: center;
}

.nummer_tabel{
	text-align: center;
	width: 410px;
	border: 2px solid #d0cfcf;
	margin: 20px 95px 20px 95px;
	padding: 0px;
}

.nummer_veld{
	width: 30px;
}

.nummer_veld {
	cursor: crosshair;	
}



h2 { /*vraagkop*/

	color: #e50909;
	font-size: 20px;
	margin-top: 30px 20px 10px 20px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-transform: uppercase;

}

a.menu {
	color: #fff;
	text-decoration: none;
	margin-left: 10px;
}

#welkomstbericht{
	background-image: url("../images/tekstvlak_bg_200.png");
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	margin: 25px 100px 0 100px;
	padding: 20px 20px 0 20px;
	width:360px;
	height: 180px;
	overflow: hidden;	
}


.welkomstkop {
	font-size: 16px;
	font-style: italic;
	color: #fff;
	text-align: center;
	margin-top: 30px;
}

h1, h1.welkomstkop {
	font-size: 30px;
	font-style: italic;
	color: #fff;
	text-align: center;
	margin-top: 30px;
}

#generated > .welkomstkop{
	font-size: 30px;
	font-style: italic;
	color: #fff;
	text-align: center;
	margin-top: 30px;
}


.aboutContainer{
	margin: 0 auto;
	width: 880px;
	float:left;
	border-bottom: 2px double #d0cfcf;
	background-image: url("../images/about_bg.jpg");
	padding: 50px 50px 100px 50px;
}

.aboutContainer p, .aboutContainer p a{
	margin-top: 30px;
	color: #fff;
	font-size: 12px;
	font-style: italic;
	text-align: center;	
}


.error{
	color: #f00;
}

input#naam, input#eigen_slogan {
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #000;
	font-weight: 100;
	font-size: 18px;
	width: 410px;
	text-align: center;
	border: 2px solid #d0cfcf;
	background-color: #f9f9f9;
	padding: 14px 0px;
}               
      
.red_btn{
	background-image: url("");
}

.slogan_btn{
	margin: 20px;
}   

img#generate{
	margin: 20px 100px;
}
.nummer_veld{
	text-align: center; 
	border: 1px solid #fff;
	height: 20px;
}

.between {
	width: 5px;
}

.kleurenRij {
	height: 20px;
	padding: 10px;
	text-align: center;
}

.kleurvlak{
	border: 3px solid #fff;
	width: 20px;
	height: 20px;
	margin: 5px;
	cursor: crosshair;		
}

.kleurBtn{
	margin-right: 10px;
}

object{
	text-align: center;
}