@charset "utf-8";
/* CSS Document */

*{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
}

html 
{min-height: 100%;}

body{
 background: url(../images/bg.jpg) repeat;
 margin: 0px;
 padding: 0px;
 }
 
/*settings voor the link*/
a:active{
text-decoration:none;
color:#FFFFFF;
}

a{
text-decoration:none;
color: #FFFFFF;
}

a:viseted{
text-decoration:none;
color:#FFFFFF;
}

a:hover{
text-decoration:none;
color: #f6ff01;
}
	
p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding: 10px;
font-weight: bold;
color:#FFFFFF;
}


.container{
 width: 800px;
 min-height: 400px;
 margin: 20px auto;
 }


/****header and navigation*****/ 
	.header_and_navigation{
	 width:800px;
 	 height:184px;
	 margin-bottom:15px;
	 background:url(../images/header_and_menu.jpg);
	 border:solid 2px #FFFFFF;
	 }

	.header{
	 width: 800px;
 	 height: 149px;
	 /*background: url(images/header.jpg) no-repeat;*/
 	 } 


	.navigation{
  	 width: 800px;
 	 height: 35px;
	 border-top: solid 2px #FFFFFF;
	 border-bottem: solid 2px #FFFFFF;
 	 
  	 }

		.navigation ul{
	 	 list-style:none;
		 margin:0px;
         	 padding:0px;
		 }

		.navigation li, .navigation a:visited{
		 text-decoration:none;
		 color:#FFFFFF;
         display:inline-block;
         border-right:solid 2px #FFFFFF;
         line-height: 33px;
         float:left;
         margin:0px;
         }

	        .navigation a{
		 	font-family:Arial, Helvetica, sans-serif;
		 	font-size:13px;
		 	font-weight:bold;
        	text-decoration:none;
            color: #FFFFFF;
            padding: 0px 10px 0px 10px;
         	}

      	         .navigation a:hover{
                 color: #f6ff01;
                 }

	
	
	
/****content****/
	.content{
 	 width:800px;
	 min-height: 330px;
	 border: solid 2px #FFFFFF;
	 background: #000000;
	 padding-bottom: 20px;
 	 /*background: url(images/content_home.jpg;*/
 	 }


        .content_container{
         margin-top: 20px;
         margin-left: 38px;
	     font-size:14px;
	     font-weight: bold;
	     color:#FFFFFF;
		 }
            .content_title{
			padding-bottom: 10px;
			font-size: 15px;
			font-weight: bold;
			}

			.content_text p{
			padding: 0px;
			margin: 0px;
	       }

            .content_schilderijen{
			padding: 0px;
			margin-top: 20px;
			margin-left: 30px;
			}



        .childern{
		float: left;
		width: 154px;
		height:200px;
		margin-top: 20px;
		margin-left: 5px;
		margin-right: 47px;
		text-align:center;
		}

		.spectrum{
		float: left;
        width: 140px;
        height:200px;
        margin-top: 20px;
        margin-right: 47px;
        text-align:center;
		}
		
		.modern_art{
        width: 140px;
        height:200px;
        margin-top: 20px;
        margin-right: 47px;
        float: left;
        text-align:center;
		}
		
		.new_art{
        width: 140px;
        height:200px;
        margin-top: 20px;
        float: left;
        text-align:center;
		}

/****contact formulier****/
	.contact{
	width: 532px;
	height: auto;
	padding-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
    }
    
    .inlog_form{
    margin-top: 20px;
    margin-left:20px;
    width: 300px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 10px;
	color:#FFFFFF;
    }

.forminputError{
	border: solid 1px red;
}