/*DIV's gespecificeerd*/
/*--------------------*/

#mvm-container{
	position:relative;
	clear:both;
	overflow:auto;
	padding: 0 0 0px 0;
	text-align: left;
	/*background-image:url(../portfolio/pics/ag-links-container.gif);*/
	margin: 5px auto 0 auto;
	border: 1px solid #000;
	background-color: #ffffff;
	width: 783px;
	voice-family: "\"}\"";
	voice-family:inherit;
}


#header{
	position:relative;
	float: left;
	border: 0px solid #fbeb12;
	margin: 0px;
	width: 783px;
	height: 310px;
	background-image: url(../pics/ag-nav-zomer2-P186U.jpg);
	background-repeat:no-repeat;
	/*background-position: 50% 50%;*/
	background-color:fff;
	display: inline;
}

#header-gelato{
	position:relative;
	float: left;
	border: 1px solid #f08800;
	margin: 2px 2px 2px 2px;
	width: 783px;
	height: 200px;
	background-image: url(../pics/ag-header-gelato.jpg);
	background-repeat:no-repeat;
	background-position: 50% 70%;
	background-color:fff;
	display: inline;
}


/*	
#logo{
    float: left;
	display: inline;
	position:absolute;
	background-color: none;
	background-image:url(../pics/logo-fw2.gif);
	border: none;
	width: 250px;
	height: 250px;
	left: 61px;
	top: 79px;
}
*/
#fotos{
	clear:both;
	float: left;
	background-color: #FFFFFF;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	width: 110px;
	height: 600px;
	display: inline;
}

#content{
	float:left;
	display: inline;
	margin: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	width: 629px;
	/*background-image: url(../pics/ag-pagina-standaard.gif) no-repeat 250px 400px;*/
background-color: #FFFFFF;
}


#footer{
float: left;
display: inline;
background-color:  #FF7B00;
margin: 8px 0 0px 0px;
padding: 8px 0 0 0;
width: 783px;
height: 2em;
border: 0px solid #ccc;
/*background-image:url(../pics/ag-navigatie.jpg);*/
}




/* Navigatie-gedeelte */
/* ------------------------ */

/*weergave actieve link in HOOFDnavigatie (in header)*/
#header #currentpage a {
	background:transparant;
	background-image:url(../pics/nav-pijl.gif);
	background-position:50% 30px;
	background-repeat:no-repeat;
	color: #fff;
	border: none;
	font-weight:bold;
	}
/*weergave actieve link in SUBnavigatie (in div fotos)*/	
 #submenu2 #currentpage_sub a {
	background:transparant;
	background-image:url(../pics/nav-pijl-zomer.gif);
	background-position:-5px 4px;
	background-repeat:no-repeat;
	color: #FF7B00;
	border: none;
	}

/*HOOFDmenu*/	
#submenu {
float: right; 
padding: 0; 
margin: 204px 2px 2px 2px;
text-align:right;
}

#submenu ul, #submenu ul li 
{list-style-type: none;
display: inline; padding: 0; margin: 0; color: #fff; background: transparant;}


#submenu ul li a {white-space: nowrap; padding: 15px;
margin: 1px;
line-height: 5.5em;
text-decoration: none;
border: #fff solid 0px;
color: #333;
background-color:transparant;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
#submenu a:hover
{color: #FFEF0F; background: transparant;
background-image:url(../pics/nav-pijl.gif);
background-repeat:no-repeat;
background-position: 50% 30px;
}
#submenu a:active
{color: #FFEF0F; 
background: transparant;
background-image:url(../pics/nav-pijl.gif)
background-repeat:no-repeat;
background-position: 50% 30px;
}
/*HOOFDmenu einde*/

/*SUBmenu op de pagina's*/
#submenu2 {
float: left; 
display:inline;
clear:both;
padding: 35px 0 0 0; 
margin: 2px 2px 2px 0px;
text-align:left;
width:130px;
height:300px;
}

#submenu2 ul, #submenu2 ul li 
{list-style-type: none; 
padding: 0; 
margin: 0 0 0 0px;
color: #fff; 
background: transparant;
}


#submenu2 ul li a {white-space: nowrap; padding: 5px;
margin: 0;
line-height: 1.5em;
text-decoration: none;
border: none;
color: #999999;
background-color:transparant;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
#submenu2 a:hover
{color: #8A0300; background: transparant;}
#submenu2 a:active
{color: #8A0300; background: transparant;}
 
 /*EINDE SUBmenu op de pagina's*/

 body{
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%; /* = 10px */
	margin: 0;
	background-color:#FEEF0E;
	/*background-image:url(../pics/ag-body-collage.jpg);
	background-position:0px 5px;
	background-repeat:repeat-x;*/
}


 h1, h3{
font-family: "Verdana", Trebuchet MS, arial, helvetica, sans-serif; color: #000;
font-weight: bold;
font-size: 1.6em;
margin: 1px 0 1px 140px;
background-image:url(../pics/ag-h1.gif);
background-position: -10px 11px;
background-repeat:no-repeat;
height: 20px;
padding: 0 0 8px 3px;
} 

 h2{
font-family: "Verdana", Trebuchet MS, arial, helvetica, sans-serif; color: #FF7B00;
font-weight: bold;
font-size: 1.2em;
margin: 3px 0 3px 50px;
} 
p{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em; /* = 11px */
	text-align: justify;
	margin: 2px auto 2px auto;
	padding:0px 10px 10px 0px;
	/*background-image:url(../pics/ag-paragraaf.gif);*/
background-position: bottom right;
	background-repeat:no-repeat;
	color: #333333;
}


/* Formulier */
/* --------- */

fieldset{
background: url(../pics/ba-been.jpg) no-repeat 10 0;
width: 340px;
padding: 5px 0 10px 10px;
border: 0;
font-family: verdana;
}

legend{
font-family: verdana;
color: #000;
font-weight: bold;
padding: 4px 6px 4px 0;
margin: 0 0 5px 0;
font-size: 1.1em;
}

label{
width: 100px;
float: left;
padding: 2px 0 0 0;
font-size: 1.1em;
}

input{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #000;
background-color:  #FFBD63;
width: 200px;
font-size: 1.2em;
color:#333;
}

textarea{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #000;
background-color:  #FFBD63;
width: 200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color:#333;
}

select{
margin: 2px 0 15px 0;
padding: 1px 0 2px 3px;
border: 1px solid #000;
background-color: transparent;
}

.button{
background-color: transparent;
color: #000;
font-weight: bold;
width: auto;
margin: 0 5px 0 0;
padding: 1px 5px 2px 5px;
cursor: pointer;
float: right;
}

/* begin hack \*/
* html .button{
padding: 0;
}
* html legend{
margin-left: -5px;
}
/* einde hack */ 


/* Einde Formulier */
/* --------------- */

#smaak {
	position:absolute;
	left:579px;
	top:0px;
	width:192px;
	height:206px;
	border-left:2px dashed #fff;
	padding: 5px;
	background: transparent;
	background-color: #FEFFE6;
	opacity: .6;
	filter:alpha(opacity=60); /* IE's opacity*/
	font-family: Georgia, "Times New Roman", Times, serif;
}

.style2 {
	color: #339900;
	font-weight: bold;
}
.style3 {color: #000099}
.style4 {
	font-size: 16px;
	font-weight: bold;
}
/*Begin afgeronde achtergrond*/
.rounded-corners    { background: url(../pics/rounded-zomer.gif) right bottom no-repeat; width: 500px; margin: 8px 0 8px 90px;}
.rounded-header     { background: url(../pics/rounded-zomer.gif) right top no-repeat; }
.rounded-content    { overflow: hidden; width: 90%; background: url(../pics/rounded-zomer.gif) left bottom no-repeat; padding: 10px 0 20px 10px; }
.rounded-header h2  { color: #333333; margin: 0 20px 0 0; padding: 10px 0 10px 10px; background: url(../pics/rounded-zomer.gif) left top no-repeat; }
img.floated            { float: left; margin-right: 10px; }
/*Einde afgeronde achtergrond*/


table{
	padding:5px 5px 5px 5px;
	text-align: left;
	background-color:none;
	margin-bottom:5px;
}

 img.mettekst{
float: left;
padding: 0 auto 20px auto;
margin: 10px 10px 10px 10px;
border: 1px solid #FF7B00;

} 
/*
hr {
height: 0;
border: 0;
border-top: 1px dotted #ccc;
width:30px;

} */

.body-home {
	background-color: #FFFF00;
}
.body-gelato {
	background-color: #6699FF;
}
.body-caffe {
	background-color: #FF0033;
}
.body-pasticini {
	background-color: #99FF00;
}
.body-foto {
	background-color: #FF9999;
}
.body-contact {
	background-color: #A3B2CC;
}