/*
==============================================
Layout Style Sheet (for version 5 browsers and above)
version:  1.0
site:     Remmerswaal Accountants (remmerswaal-homepage)
author:   Peter Ruijter (www.bedrijvenweb.nl)
date:     December 24th, 2007
=================================================
*/

/*= HEADER
======================================================*/
#header label {
	float: left;
}
#header {
	height:130px;
}
#header-wrap {
	width: 804px;
	margin-left: 75px;
}
#header-a {
	width: 240px;
}
#header-b {
	width: 244px;
}
#header-c {
	width: 242px;
}
#header-logo {
	position: relative;
	left: 10px;
}
#header-zoek {
	position:relative;
	top: 80px;
	left: 20px;
	width: 240px;
}
#login-box {
	position: absolute;
	top: 10px;
	overflow:hidden;
	height: 116px;
	width: 226px;
	padding-top: 14px;
	padding-left: 14px;
	background-color: #E0E1C8;
	background-image: url(images/bg-login-window-home.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#login-box .layer_password, #login-box .layer_submit {
	float:left;
}

#login-box .layer_submit {
	margin-left:5px;
}

#login-box2 {
	position: absolute;
	top: 10px;
	overflow:hidden;
	height: 116px;
	width: 226px;
	padding-top: 14px;
	padding-left: 14px;
	background-color: #E0E1C8;
	background-image: url(images/bg-login-window-home.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#login-box label {
	margin-top: 4px;
	margin-bottom: 2px;
	width: 220px;
}

/*= CONTENT-HEADER
======================================================*/
#content-header {
	background-color: #F2F2E8;
	height:226px;
}
#content-header-wrap {
	width: 804px;
	margin-left: 75px;
}
#content-header-a {
	border-right: 2px solid #F2F2E8;
	width: 240px;
}
#content-header-a .buttons {
	position: relative;
	left: 30px; 
	top: 35px;
	width: 181px;
}
#content-header-a .buttons .boekhouden {
	background-image: url(images/btn-boekhouden-online_f2.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 181px;
	margin-bottom: 10px;
}
#content-header-a .buttons .boekhouden a {
	background-image: url(images/btn-boekhouden-online.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 181px;
	display: block;
}
#content-header-a .buttons .boekhouden a:hover {
	background: none;
}
#content-header-a .buttons .salarissen {
	background-image: url(images/btn-salarissen-online_f2.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 181px;
}
#content-header-a .buttons .salarissen a {
	background-image: url(images/btn-salarissen-online.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 181px;
	display: block;
}
#content-header-a .buttons .salarissen a:hover {
	background: none;
}

#content-header-a .buttons .salarissen-ess a {
	background-image: url(images/salarissen-ess.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	margin-top:10px;
	height: 30px;
	width: 181px;
	display: block;
	overflow:hidden;
}
#content-header-a .buttons .salarissen-ess a:hover { background-position:left bottom; }

#content-header-a-bottom {
	border-top: 4px solid #F2F2E8;
	background-image: url(images/btn-online-informatie_f2.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 240px;
}
#content-header-a-bottom a {
	background-image: url(images/btn-online-informatie.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 240px;
	display:block;
}
#content-header-a-bottom a:hover {
	background:none;
}
#content-header-b {
	width: 244px;
	padding-left:2px;
}
#content-header-b dl {
	margin: 0;
	padding: 0;
}

#content-header-c {
	width: 242px;
}
#content-header-a-top {
	background-image: url(images/bg-online-boekhouden.jpg);
	background-repeat: no-repeat;
	height: 152px;
}
#content-header-wrap-b {
	position: relative;
	background-color:#00FF33;
	height: 228px;
	width:804px;
}


/*= CONTENT-DEVORCE
======================================================*/
#content-devorce {
	border-top: 3px solid #FFF;
	height:1px;
	display:block;
	font-size:0px;
}

/*= CONTENT-MIDDLE
======================================================*/
#content-middle {
	background-color :#E6E6D2;
}
#content-middle-wrap {
	width: 804px;
	margin-left: 75px;
}
#content-middle-a {
	border-right: 4px solid #E6E6D2;
	height: 70px;
	width: 240px;
}
#content-middle-a a  {
	background-image: url(images/btn-ikbenklant.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 240px;
	display:block;
}
#content-middle-a a:hover {
	position:relative;
	background-image: url(images/btn-ikbenklant_f2.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
#content-middle-a a .item {
	display:none;
}
#content-middle-a a:hover .item {
	background-image: url(images/btn-ikbenklant-hover.gif);
	background-repeat: no-repeat;
	display:block;
	height:226px;
	position: relative;
	top: -230px;
}
#content-middle-b {
	background-image: url(images/btn-ikzoekeenbaan_f2.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 244px;
}
#content-middle-b a  {
	background-image: url(images/btn-ikzoekeenbaan.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 244px;
	display: block;
}
#content-middle-b a:hover {
	background:none;
	text-decoration: none;
}
#content-middle-b a .item {
	display:none;
}
#content-middle-b a:hover .item {
	background-image: url(images/btn-ikzoekeenbaan-hover.gif);
	background-repeat: no-repeat;
	display:block;
	height:226px;
	position: relative;
	top: -230px;
}
.item {
	padding: 15px;
}
.item strong,
.item p {
	color: #fff;
}
#content-middle-c {
	width: 242px;
	background-image: url(images/btn-ikwilmeerweten_f2.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 242px;	
}
#content-middle-c a  {
	background-image: url(images/btn-ikwilmeerweten.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 242px;
	display: block;
}
#content-middle-c a:hover {
	background:none;
	text-decoration: none;
}
#content-middle-c a  .item {
	display:none;
}
#content-middle-c a:hover .item {
	background-image: url(images/btn-ikwilmeerweten-hover.gif);
	background-repeat: no-repeat;
	display:block;
	height:226px;
	position: relative;
	top: -230px;
}

/*= CONTENT-FOOTER
======================================================*/
#content-footer {
	background-color :#E6E6D2;
}
#content-footer-wrap {
	width: 804px;
	margin-left: 75px;
	padding-top: 40px;
}
#content-footer-a,
#content-footer-b,
#content-footer-c {
	height: 216px;
	min-height: 216px;
	border-right: 4px solid #E6E6D2;	
	width: 240px;
}
#content-footer-a {
	background-color: #F2F2E8;
	background-image: url(images/head-nieuws.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#content-footer-a ul {
	margin-top: 24px;
	list-style:none;
}
#content-footer-a li {
	height: 20px;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 10px;
}
#content-footer-a li a {
	text-decoration: none;
}
#content-footer-a li.oneven {
	background-color: #FFFFFF;
}
#content-footer-b {
	background-color: #F2F2E8;
	background-image: url(images/head-vacatures.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#content-footer-b ul.Level1 {
	margin-top: 40px;
	margin-left: 10px;
	list-style:none;
}
#content-footer-b ul.Level1 li {
	font-weight: bold;	
}
#content-footer-b ul.Level2 {
	list-style:none;
	margin-bottom: 10px;
	
}
#content-footer-b ul.Level2 li {
	font-weight: normal;	
}
#content-footer-b a {
	text-decoration: none;
	color:#9e0027;
}
#content-footer-b li {
	font-size: 10px;
}

#content-footer-c {
	background-color: #F2F2E8;
	background-image: url(images/head-adressen.gif);
	background-position: left top;
	background-repeat: no-repeat;	
}

#content-footer-c1 {
	padding-top: 42px;
	padding-left: 10px;
	
}
/*= FOOTER
======================================================*/
#footer {
	background-color :#E6E6D2;
	text-align:center;
	color:#9e0027;
	padding-top: 24px;
	padding-bottom: 14px;
	font-size: 10px;
}

#footer a {
	color:#9e0027;
}