body{
background-color:#4797d4;
font-family:Verdana;
font-size:12px;
}

#container{
margin-top:-10px;
width:1024px;
height:400px;
background-color:#4797d4;
background:url(img/top_banner_pics.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
}

#mainframe{
width:900px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-top:120px;
}

#contentframe{
width:742px;
height:auto;
background:#fff;
border:#9dbcda 4px solid;
}

#contextbanner{
width:500px;
height:120px;
margin-top:40px;
margin-left:120px;
}

#contentext{
margin-top:50px;
padding-left:25px;
padding-right:25px;
padding-bottom:25px;
height:auto;
}

/*Profielpagina*/
#profielmain{
width:680px;
height:auto;
padding-bottom:25px;
}

#profielmainleft{
border:#ddff67 2px solid;
width:156px;
height:auto;
float:left;
margin-left:-20px;
}

#profielmainright{
border:#ddff67 2px solid;
width:520px;
height:auto;
margin-left:150px;
}

.main_right_text{
padding-top:7px;
padding-left:15px;
padding-right:15px;
text-align:left;
padding-bottom:15px;
}
/*END*/

/*Mijn verhaalMAIN*/
#mijnverhaalmain{
width:720px;
height:400px;
}

#mijnverhaal_top{
width:720px;
height:auto;
float:left;
margin-bottom:30px;
}

#mijnverhaal_top.tekst, #mijnverhaal_left.tekst, #mijnverhaal_right.tekst{
text-align:left;
padding-left:5px;
margin-top:5px;
}

#mijnverhaal_left{
width:200px;
height:auto;
border:#4797d4 4px solid;
float:left;
}

#mijnverhaal_right{
width:430px;
height:auto;
border:#4797d4 4px solid;
float:left;
margin-left:20px;
}

/*mijnverhaal einde*/

#menuframe{
width:150px;
height:auto;
float:right;
/*
margin-right:-54px;
margin-top:-560px;
*/
}

#logo{
float:left;
width:270px;
height:214px;
background:url(img/logo_small.png) no-repeat;
margin-left:-160px;
margin-top:-70px;

}

/*Vanaf hier MENU knoppen*/

#button_home, #button_team, #button_mijnverhaal, #button_faq, #button_agenda, #button_contact{
height:80px;
width:188px;
display: block;
}

#button_home.current, #button_team.current, #button_mijnverhaal.current, #button_faq.current, #button_agenda.current, #button_contact.current{
background-position: 0 -80px;
}

#button_home:hover, #button_team:hover, #button_mijnverhaal:hover, #button_faq:hover, #button_agenda:hover, #button_contact:hover{
background-position: 0 -80px;
}

#button_home{
background:url("img/buttons/home24.png");
}

#button_team, #button_mijnverhaal, #button_faq, #button_agenda, #button_contact{
margin-top:-12px;
}

#button_team{
background:url("img/buttons/team24.png");
}


#button_mijnverhaal{
background:url("img/buttons/verhaal24.png");
}

#button_faq{
background:url("img/buttons/veelgestelde24.png") no-repeat;
}

#button_contact{
background:url("img/buttons/contact24.png");
}


#button_agenda{
background:url("img/buttons/agenda24.png");
}
/*Eind MENU knoppen*/

p{
padding-left:-2px;
padding-right:-2px;
}


/*FORMSTYLE*/
form
    {
    border-width: 0px;
    padding: 15px;
    width: 570px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    }

	fieldset{
	border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	}

	legend{
	color:#f19401;
	font-weight: bold;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding: 4px 6px 4px 6px;
	margin: 0 0 3px 0;
	font-size: 16;
	}


label
    {
    float: left;
    width: 150px;
    text-align: left;
    
    margin-right: 15px;
    }
	
input
    {
    background-color: #f5f5f5;

    font-size: x-small;

    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    margin-bottom: 10px;
    }

textarea
    {
    width:auto;
    height:auto;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    
    margin-bottom: 10px;
    }
/*FormStyle END */