/* CSS Document behorend bij Jeremiasse Fiets & Fitness */
/* Ontwikkeld door Pieter Bezuijen - Nilsson */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image:url(images/template/achtergrond.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	margin:10px;
	padding:0px;
}

/* ------------------------------- main items -------------------------------- */

div#hoofdframe {
	background-color: #FFFFFF;
	height: 839px;
	width: 816px;
	margin-top:0px;;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:0px;
	z-index:1;
}

div#actieflash {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width: 100%;
	z-index: 95;
	overflow:hidden;
	
}

div#content {
	top:340px;
	left:280px;
	width:480px;
	height:265px;
	position:absolute;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	text-align:left;
	z-index:80;
}

.kop {
	top:17px;
	left:19px;
	z-index:3;
	position:absolute;
}

.logo {
	top:20px;
	left:19px;
	z-index:10;
	position:absolute;
}

.logozeg {
	top:17px;
	left:747px;
	z-index:10;
	position:absolute;
}

.menubalk {
	top: 288px;
	left:19px;
	z-index:4;
	position:absolute;
}

div#adresbalk {
	top:769px; /* eerst 772px */
	left:19px;
	width:777px;
	height:50px;
	position:absolute;
	background-color:#F3F2E8;
	border:#C5C086 solid 1px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	z-index:80;
}

p.adresbalk {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9e9e79;
	margin:0px;
	padding:0px;
	margin-top:7px;
	line-height:19px;
	text-align:center;
}

div.nilsson {
	top:822px; /* eerst 825px */
	right:19px;
	position:absolute;
	z-index:80;
}

p.nilsson {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9e9e79;
	text-align:right;
	margin:0px;
}
a.nilsson {
	color:#9e9e79;
	text-decoration:none;
}

a.nilsson:hover {
	text-decoration:underline;
}

div.foutbericht {
	top:105px;
	left:19px;
	width:550px;
	height:493px;
	z-index:80;
	position:absolute;
	/*background-color:#0000CC;*/
	/*overflow:-moz-scrollbars-vertical;*/
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	padding:10px;
	text-align:left;
}

/* ------------------------------- Fotoframes -------------------------------- */
.fotoframe1 {
	top:292px;
	left:251px;
	width:156px;
	height:109px;
	z-index:50;
	background-color:#FFFFFF;
	border:#C5C086 solid 1px;
	padding:5px;
	position:absolute;
	overflow:hidden;
}

.fotoframe2 {
	top:292px;
	left:426px;
	width:156px;
	height:109px;
	z-index:50;
	background-color:#FFFFFF;
	border:#C5C086 solid 1px;	
	padding:5px;
	position:absolute;
	overflow:hidden;
}

.fotoframe3 {
	top:292px;
	left:601px;
	width:156px;
	height:109px;
	z-index:50;
	background-color:#FFFFFF;
	border:#C5C086 solid 1px;	
	padding:5px;
	position:absolute;
	overflow:hidden;
}


/* ------------------------------- navigation -------------------------------- */

div#hoofdmenu {
	top:300px; /* eerst 297px */
	right:27px;
	*right:19px;
	width:400px;
	height:20px;
	position:absolute;
	z-index:90;
	text-align:right;
}


#hoofdmenu ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	width:400px;
}

#hoofdmenu ul li {
	position:relative;
	display:inline;
	list-style:none;
	padding-left:0px;
	padding-right:12px;
	margin-left:8px;
	margin-right:0px;
	*margin-right:8px;
	color:#FFFFFF;
	font-weight:bold;
	height:12px;
	
	background-image:url(images/template/scheidingsteken.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#hoofdmenu ul li a {
	text-decoration:none;
	color:#FFFFFF;
	height:11px;
	padding-bottom:9px;
}

#hoofdmenu ul li a:hover, #hoofdmenu ul li.active a {
	background-image:url(images/template/driehoekje.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}

div#submenu {
	top:342px;
	left:45px;
	width:230px;
	height:387px;
	position:absolute;
	z-index:90;
}



#submenu ul {
	text-align:left;
	margin-left:7px;
	list-style:none;	
}

#submenu ul li {
	padding-left:25px;
	margin-top:7px;
	margin-left:0px;
	margin-bottom:21px;
	*margin-bottom:20px;
	
	background-image:url(images/template/button_rond.gif);
	background-position:left;
	background-repeat:no-repeat;
	
	height:14px;
	
	font-weight:bold;
}

#submenu ul li.submenu2 {
	background-image:url(images/template/button_rond2.gif);
	background-position:left;
	background-repeat:no-repeat;

	margin-left:20px;
}

#submenu ul li a {
	height:15px;
}



/* ------------------------------- extra layout items -------------------------------- */

.achtergrond_top {
	top:0px;
	left:0px;
	height:44px;
	width:816px;
	z-index:2;
	position:absolute;
}

.schaduw_hoofdframe_links {
	top:44px;
	left:0px;
	z-index:2;
	position:absolute;
}

.schaduw_hoofdframe_rechts {
	top:44px;
	right:0px;
	z-index:2;
	position:absolute;
}

.subframe {
	top:337px; /* eerst 340px */
	left:19px;
	width:777px;
	height:422px;
	z-index:20;
	position:absolute;
	background-color:#F3F2E8;
	border-left:#C5C086 solid 1px;
	border-right:#C5C086 solid 1px;
	border-bottom:#C5C086 solid 1px;
	text-align:left;
	overflow:hidden;
}

.subframe_menu {
	top:0px;
	left:0px;
	width:251px;
	height:422px;
	z-index:21;
	position:absolute;
	background-color:#E0E7F1;
}


.subframe_content {
	top:0px;
	left:251px;
	width:516px;
	height:283px;
	z-index:21;
	position:absolute;
	background-color:#FFFFFF;
	border-left:#C5C086 solid 1px;
	border-right:#C5C086 solid 1px;
	border-bottom:#C5C086 solid 1px;
}

.subframe_schaduw_hor_mid {
	top:284px;
	left:251px;
	width:516px;
	height:8px;
	z-index:21;
	position:absolute;
}

.subframe_schaduw_hor_ond {
	top:413px;
	left:251px;
	width:516px;
	height:9px;
	z-index:21;
	position:absolute;
}

.subframe_schaduw_ver_li {
	top:291px;
	left:419px;
	width:7px;
	height:121px;
	z-index:90;
	position:absolute;
}

.subframe_schaduw_ver_re {
	top:291px;
	left:594px;
	width:7px;
	height:121px;
	z-index:90;
	position:absolute;
}

.subframe_schaduw_re {
	top:0px;
	left:769px;
	width:8px;
	height:422px;
	z-index:90;
	position:absolute;
}


div.foutbericht {
	top:105px;
	left:19px;
	width:550px;
	height:493px;
	z-index:80;
	position:absolute;
	/*background-color:#0000CC;*/
	/*overflow:-moz-scrollbars-vertical;*/
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	padding:10px;
	text-align:left;
}

div#wrapper {
	position:absolute;
	width: 100%;
	height: 100%;
	background-color:#000000;
    -moz-opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:0.8;
	left: 0px;
	top: 0px;
	z-index: 99;
}

div#wrapper2 {
	position:absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 99;
}