body { 
text-align: center;
margin-top: 2px; /* take care - if changed - all boxpositions must be changed too */
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	border: 0 none; /*	border: 1px solid #fff;  for proof only - if - box-positions will change */
	padding: 0px;
	background: url("http://www.fotogaaf.nl/pictures/19.gif") ;
    z-index: 8;
		
	font: 10pt/16pt georgia; 
	color: #555753; 
		}
ul.outside 
{
list-style-position: outside;
list-style-image: url("http://www.fotogaaf.nl/xhtml/pictures/images.jpg");
}
p { 
	font: 10pt/16pt georgia; 
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: italic bold 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a.rood:link	{color: #FF0000;text-decoration: underline;}
a.rood:visited	{color: #FF0000;text-decoration: underline;}
a.rood:active	{color: #FF0000;}	
a.rood:hover	{background-color: #FFF;color: #FF0000;font-weight: bold;}

img { /* affects all images */
	border: 0 none;
	}  
#top {
	margin: 5px 5px 0px 5px;
	padding: 5px;
	border: 0px solid #ccc;
	height: 130px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 130px;
	}
html>body #top {
	height: 90px; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	text-align:left;
	top: 130px;
	left: -5px;
	margin: 5px;
	padding: 5px;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}

/* IE6 Only */
* html 
#left {
	position: absolute;
	text-align:left;
	top: 130px;
	left: 0px;
	margin: 5px;
	padding: 5px;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}

html>body #left {
	width: 120px; /* ie5win fudge ends */
	}
#middle {
	text-align: left; 
	margin: 130px 190px 20px 190px;/* op, right, bottom, and left. */
	padding: 10px;
	border: 0px solid #ccc;max-width: 600px; 
		}

#right {
	position: absolute;
	text-align:left;
	top: 120px;
	right: 50px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 5px;
	padding: 5px;

	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
/* IE6 Only */
* html #right {
	position: absolute;
	text-align:left;
	top: 120px;
	right: 20px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 5px;
	padding: 5px;

	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}

/* IE7 Only */
*:first-child+html #right {
	position: absolute;
	text-align:left;
	top: 120px;
	right: 20px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 5px;
	padding: 5px;

	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}

html>body #right {
	width: 120px; /* ie5win fudge ends */
	}

#logo {background: url("http://www.fotogaaf.nl/pictures/lijngeel.jpg") ;
    z-index: 9;
	position: absolute;
	left: 4px;
	top: 4px;
      float:left;
      width:150px;
           }
#fotoboven{background: url("http://www.fotogaaf.nl/php/indexfoto/rotate.php") ;
	 z-index: 7;
	position: absolute;
	left: 155px;width: 662px;
  height: 59px;
	top: 4px;
      float:left; }
#nieuwsbrief {
    z-index: 9;
	position: absolute;
	left: 822px;
	top: 4px;
      float:left;
                }
#nabestellen {
    z-index: 9;
	position: absolute;
	left: 900px;
	top: 4px;
      float:left;
                }

.invertedshiftdown{
padding: 0;z-index: 4;
	position: absolute;
	left: 115px;
	top: 62px;
width: 720px;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.menu2{font-size:40%;
padding: 0;z-index: 4;
	position: absolute;
	left: 115px;
	top: 92px;
width: 720px;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;

}


.menu3{font-size:40%;
padding: 0;z-index: 4;
	position: absolute;
	left: -40px;
width: 120px;
background: transparent;

}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.menu2 ul,
.menu3 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.menu2 li,
.menu3 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.menu2 a,
.menu3 a{
float: left;
display: block;
font: bold 10px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.menu2 a:hover,
.menu3 a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}


.menu2 .current a,
.menu3 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

body#home a#homenav,
body#schoolfotograaf a#schoolnav,
body#rouwfotograaf a#rouwnav,
body#trouwfotograaf a#trouwnav,
body#portretfotograaf a#portretnav,
body#gezinsfotograaf a#gezinsnav,
body#diversen a#divnav,
body#div a#contactnav{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#footer-beneden1 { 
	text-align: center; 
	}
.required {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}