/*@charset "utf-8";*/
body, html { height: 100%; }
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #d0ffdf;
	background-color: #071c04;
	background-image: url(../img/bg.png);
	background-repeat: repeat-y;
	background-position: 50%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* headers */
h1, h2, h3, h4, h5, h6 { color: #ffc; margin: 0; font-weight: normal; }
h1 { font-size: 2.5em; padding: 30px 0; }
h2 { font-size: 2.1em; padding: 25px 0; }
h3 { font-size: 1.7em; padding: 20px 0; }
h4 { font-size: 1.4em; padding: 15px 0; }	
h5 { font-size: 1.2em; padding: 10px 0; }
h6 { font-size: 1em; padding: 5px 0; }

/* normal text */
p {	font-size: 0.8em; }
p a {
	color: #ff9;
	text-decoration: none;
}
p a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #ffff00;*/
	text-align: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
#header {
	background-image: url(../img/header.jpg);
	height: 293px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/ 
.menu {
	background-color: #0c2f07;
	position: absolute;
	top: 230px;
	margin-left: 40px;
	width: 700px;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3fb841;
}

.menuItem
{
    padding-right: 9px; /* afhankelijk van het aantal menuitems, 14px zonder contact */
    padding-left: 9px;
    padding-bottom: 5px; /* ik begrijp hier weinig van maar het is 10 i.c.m. inline-block */
    padding-top: 5px;
    display: inline-block;
}

.menuSelected {
    background-color: #14500C;
}

.menu a {
	color: #FFFF99;
}

.menuHover a {
	text-decoration: underline;
}
       
.admmenuItem
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
 
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/ 
#mainContent {
	background: #000000;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-left: 40px;
}

/* right column formatting */	
#mainContent #right {
	float: right;
	width: 220px;
	background: url(../img/subnav_.jpg) repeat-x;
	min-height: 322px;
	margin-top: 10px;
	margin-left: 40px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative; /* niet nodig voor firefox */
	right: 0px;         /* niet nodig voor firefox */
}
#mainContent ul.links {
	margin: 0 0 30px;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
}	
#mainContent ul.links li {
	border-bottom: 1px solid #333;
}
#mainContent ul.links li a {
	display: block;
	height: 1%;
	padding: 12px;
	color: #ff9;
	text-decoration: none;
}
#mainContent ul.links li a:hover {
	/* background-color: #111; weg vanwege internet explorer, die hier weer eens niet mee overweg kan */
	text-decoration: underline;
}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/ 
#footer {
	background:#0c2f07;
	color: #ff9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3fb841;
	width: 700px;
	margin-top: -38px; /* is afhankelijk van lettergrote; -40 bij 100% */
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align: left;
}
#footer a {
	color: #d0ffdf;
	text-decoration: underline;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.8em;
	position: relative;
}
#footer p span {
	position: absolute;
	right: 0px;
}

/*------------------------------------------------------------*
**  Admin panels
**------------------------------------------------------------*/ 
.panel 
{
	padding:5px;
}

/*------------------------------------------------------------*
**  Gastenboek en commentaren
**------------------------------------------------------------*/ 
.credentials
{
	border-color:#14500C;
	border-style:solid;
	border-width:2px;
	border-left-width:0px;
	padding:5px;
	vertical-align:top;
	width:300px;
}

.message
{
	border-color:#14500C;
	border-style:solid;
	border-width:2px;
	border-right-width:0px;
	padding:5px;
	vertical-align:top;
	width:420px;
}

.commentsgridview
{
	margin-top:10px;
	margin-bottom:10px;
}

.comments
{
	padding:5px;
	vertical-align:top;
}