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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.gif);
	font-size:12px;
	color:#453E3A;
}
body {
	background-color: #E2E2E2;
}

img{
border:none;}

ul{
font-size:14px;
color:#dc4b1f;
list-style: none;
}

li{font-size:12px;
color:#453E3A;
background:url(../images/li.gif) no-repeat;
padding: 0 0 0 15px;}


.overzicht{
padding: 5px 0 0 15px;
background:url(../images/li_over.gif) no-repeat;}


a{color:#453E3A;}

input
    {
    background-color: #f5f5f5;

    font-size: small;

    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 3px;
    }
	
textarea
    {
    background-color: #f5f5f5;

    font-size: small;

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

 


.stijl1 {
	color: #333333;
	font-size: 9px;
	font-style: italic;
}



.tekst10 {font-size: 10px}


.rollover a {
display:block;
background-image:url(../images/grafische_keuze.jpg);
text-decoration: none;
height:72px;
width:76px;
}

.rollover a:hover{
background-image:url(../images/grafische_keuze_selectie.jpg);
}

.web a:hover{
background-image:url(../images/web_keuze_selectie.jpg);
}

.web a {
display:block;
background-image:url(../images/web_keuze.jpg);
text-decoration: none;
height:72px;
width:230px;
}

.overzicht a{
text-decoration:none;}


#container{
	width:978px;
	margin: 0pt auto;
	border: 1px solid #e0dede;
	height:780px;
	background-color:#FFFFFF;
		}
		
		
#container_hoogte{
	width:978px;
	margin: 0pt auto;
	border: 1px solid #e0dede;
	height: 850px;
	background-color:#FFFFFF;
		}
		


#links{
width:180px;
height:780px;
float:left;
}
#slogan{
	margin-top:475px;
}

#slogan_kort{
	margin-top:400px;
}

#schaduw{
width:6px;
height:780px;
float:left;
background-image:url(../images/schaduw_links.jpg);
}
	

#wrap_nav{
	width:785px;
	height:105px;
	float:left;
}

#naam_kikker{
	background-image:url(../images/naam_kikker.gif);
	background-repeat:no-repeat;
	margin-top:70px;
	height:32px;
	width:181px;
	float:left;
	margin-left: 10px;
}


#naam_kikker_home{
	background-image:url(../images/naam_kikker_home.gif);
	background-repeat:no-repeat;
	margin-top:70px;
	height:38px;
	width:438px;
	float:left;
	margin-left:10px;
}

#nav{
	height:95px;
	width:300px;
	float:right;
}

.nav_1{
height:58px;
float:right;
margin-top:5px;
}

#schaduw_boven{
	width:785px;
	/*height:10px;*/
background-image:url(../images/schaduw_boven.gif);
	background-repeat:repeat-x;
	float:left;
}

#wrap_inhoud{
	width:785px;
	height:665px;
	background-image:url(../images/achtergrond_kikker.gif);
	float:left;
}

#inhoud_achter{
width:780px;
height:600px;
background-image:url(../images/achter_inhoud.gif);
float:left;
margin-top:10px;
}

.foto_keuze{
float:left;}



.tittel{
margin-top:20px;
margin-left:15px;
float:left;}



.navigatie_links{
text-align:right;
margin-top:10px;
padding-right:10px;}


#beeld{
margin-left:30px;
margin-top:20px;
background-image:url(../images/kikker_home.jpg);
height:631px;
}



#portofolio{
text-align:right;
font-size:20px;
font-weight:bold;
color:#227637;
padding-right:10px;}




#filmpje{
position:relative;
left:493px;
top:333px;}
/*------------------------------------------------------about--------------------------------------------------------*/

.about_tekst{
	width:200px;
	height:400px;
	margin-top:20px;
	margin-left:45px;
	float:left;
}

.foto_about{
	margin-top:5px;
}


/*------------------------------------------------------contact--------------------------------------------------------*/
#formulier_contact{
	width:700px;
	height:280px;
	margin-left:40px;
	margin-top:20px;
	background-color:#eeeeee;
	padding:10px;
}

#gegevens{
	width:720px;
	height:100px;
	margin-left:40px;
	border-bottom:#666666 1px solid;
	padding-top:20px;
}
.gegeven{
	width:230px;
	height:44px;
	float:left;
	top:
}

#gegevens2{width:150px;
float:left;
margin-left:29px;}


/*--------------------------------------------------------grafisch---------------------------------------------------------*/

#keuze_grafisch{
	width:250px;
	height:390px;
	float:left;
	margin-top:50px;
	margin-left:5px;
}

.keuze_vak{
	/*background-image:url(../images/grafische_keuze.jpg)*/;
	width:76px;
	height:72px;
	float:left;
	margin-left:4px;
	margin-top:15px;
	text-align:center;
/*padding-left:12px;
padding-top:5px;*/}

.selectie{
background-image:url(../images/grafische_keuze_selectie.jpg);}

#grafische_uitleg{
	width:510px;
	height:395px;
	float:left;
}

#lijn_rond{
	margin-top:25px;
	width:29px;
	height:350px;
	float:left;
}

#gr_tittel{
	color:#dc4b1f;
	font-size:16px;
	font-weight:bold;
	margin-left:29px;
	margin-top:20px;
}

#recent{
	margin-left:15px;
	margin-top:10px;
	text-decoration:underline;
	font-size:14px;
	color:#999999;
	width:200px;
}

#gr_beeld{
	float:left;
	margin-top:25px;
	width:455px;
	height:250px;
	background-color:#eeeeee;
	padding:5px;
}

#gr_tekst{
	float:left;
	margin-top:10px;
	width:455px;
	height:45px;
	padding:5px;
}

.left{
float:left;}

.spatie20{
margin-left:20px;}

.spatie10{
margin-left:10px;}

.top10{
margin-top:10px;}

.top20{
margin-top:20px;}

/*--------------------------------------------------------------------diensten---------------------------------------------------*/
.vak{
width:250px;
height:400px;
float:left;
margin-top:50px;
}

.vak_top30{
margin-top:30px;}

.tekst_uitlijnen{
text-align:justify;}
/*-----------------------------------------------------------------------web--------------------------------------------------------------*/

.keuze_vak_web{
	/*background-image:url(../images/grafische_keuze.jpg)*/;
	width:230px;
	height:72px;
	float:left;
	margin-left:4px;
	margin-top:15px;
	text-align:center;}
	
.select_web{background-image:url(../images/web_keuze_selectie.jpg);}
#affiche {
	float: left;
}