/*
==============================================
Layout Style Sheet (for version 5 browsers and above)
version:  1.0
site:     Remmerswaal Accountants (structure)
author:   Peter Ruijter (www.bedrijvenweb.nl)
date:     Januari 4th, 2008
=================================================
*/

/*= GLOBAL STYLES
======================================================*/
html {
	font-size: 62.5%; 
}	
* {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; /* don't edit */
	color: #000000;
}

body {
	font-size: 1.2em;  /* edit here the global size for em, 1em = 10px */
	background-color: #8C1932;
	background-image: url(images/bg_main.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
}
input.text {
	border: #666666 solid 1px;
	font-size: 10px;
	width: 150px;
	color: #000000;
	padding: 3px;
}
#header-top,
#wrap {
	width: 904px;
	margin: auto;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/fileadmin/templates/images/main-shadow.png');
}
#header-top[id],
#wrap[id] {
	background: url('/fileadmin/templates/images/main-shadow.png') repeat-y;
}
#header,
#content,
#footer {
	width: 880px;
	margin: auto;
}
#footer {
	height: 1%;
}
#header,
#footer,
#content-header,
#content-middle,
#content-footer {
	display:table;
	height: 1%;
	border-collapse:separate;
	table-layout: fixed;	
}
#header-row,
#content-header,
#content-middle,
#content-wrap, /* Vervolg template */
#footer-wrap,  /* Vervolg template */
#content-footer {
	margin: auto;
	display:table-row;
}
#header-a,
#header-b,
#header-c,
#content-a,	/**/  
#content-b,	/* Vervolg template */
#content-bm,
#content-c,	/**/
#footer-a,
#footer-b,
#content-header-a,
#content-header-b,
#content-header-c,
#content-middle-a,
#content-middle-b,
#content-middle-c, 
#content-footer-a,
#content-footer-b,
#content-footer-c {
	display: table-cell;
	vertical-align: top;
	width: 32%; 
}
* html #header-a,
* html #header-b,
* html #header-c,
* html #content-a,
* html #content-b,
* html #content-bm,
* html #content-c,
* html #footer-a,
* html #footer-b,
* html #content-header-a,
* html #content-header-b,
* html #content-header-c,
* html #content-middle-a,
* html #content-middle-b,
* html #content-middle-c,
* html #content-footer-a,
* html #content-footer-b,
* html #content-footer-c {
	float: left;
	/*margin-bottom: -10000px;*/
	/*padding-bottom: 10000px;*/
}
*+html #header-a,
*+html #header-b,
*+html #header-c,
*+html #content-a,
*+html #content-b,
*+html #content-bm,
*+html #content-c,
*+html #footer-a,
*+html #footer-b,
*+html #content-header-a,
*+html #content-header-b,
*+html #content-header-c,
*+html #content-middle-a,
*+html #content-middle-b,
*+html #content-middle-c,
*+html #content-footer-a,
*+html #content-footer-b,
*+html #content-footer-c {
	float: left;
	/*margin-bottom: -10000px;
	padding-bottom: 10000px;*/	
}

/* Just for internet Explorer */
*+html #content-header-wrap,
*+html #content-middle-wrap,
*+html #content-footer-wrap,
*+html #header-wrap,
*+html #content-wrap,
*+html #footer-wrap {
	overflow: hidden;
}

#wrap {
	min-height: 400px;
}

/*= HEADER-TOP
======================================================*/
#header-top {
	height: 28px;	
	background-repeat: no-repeat;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/fileadmin/templates/images/top-shadow.png');
}

#header-top[id] {
	background-image:url('/fileadmin/templates/images/top-shadow.png');
}

/*= BUTTON
======================================================*/
.button-red, 
.button-black {
	height: 20px;
	padding-bottom: 3px;
	text-transform:uppercase;
	color: #FFF;
	font-size:9px;
}
.button-red {
	background-image:url(images/bg-btn-red.gif);
	background-repeat:repeat-x;
	border: 2px solid #FFFFFF;

}
.button-black {
	background-image:url(images/bg-btn-black.gif);
	background-repeat:repeat-x;
	border: 2px solid #000000;
}