/* Begin default CSS 
.pager td {
	padding: 4px;
}

.pagerFirst, .pagerPrevious {
	text-align: left;
	width: 10%;
}

.pagerNext, .pagerLast {
	text-align: right;
	width: 10%;
}

.pagerSelection {
	text-align: center;
	width: 60%;
}

.pagerSelectionItem {
	text-align: center;
}

.pagerSelectionItemActive {
	text-align: center;
	font-weight: bold;
}

.pagerAbstract {
	font-weight: bold;
	text-align: center;
}

.cmsError {
	border: 1px solid black;
	background-color: #D1E428;
}

input.readOnly {
	color: black;
	background-color: #D4D0C8;
}

div.cms-internal-error {
	color: #dd0000;
}
 Einde default CSS */











@charset "utf-8";

*
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

html, body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/* IE hack
body > #Container {
	height: auto; min-height: 100%;
}
*/

body
{
	line-height: 18px;
	color: #b79d72;
	background: #2b1b03 url('/client/opencoffeegooi/images/bg_content_png.png') no-repeat fixed center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a img
{
	border: 0px;
}
h3
{
	font-size: 18px;
	margin: 10px 0px; 
}
h4
{
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

h5
{
	margin-top: 10px;
	font-weight: bold;
}

hr, div.line
{
	color: #543d19;
	height: 1px;
	overflow: hidden;
	background-color: #543d19;
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1px;
}

ul,ol {
	margin-left: 35px;
}

div.menu ul
{
	list-style: none;
}
	div.menu li
	{
		float: left;
		background-repeat: no-repeat;
	}

a, a:visited
{
	color: #865827;
	text-decoration: underline;
	font-weight: bold;
}

a:hover
{
	text-decoration: none;
}

div.clear
{
	clear: both;
	height: 0px;
	overflow: hidden;
}

div#SiteContainer
{
	width: 100%;
	overflow: hidden;
}

div#Container
{
	width: 860px;
	margin: 0 auto;
}

div#Header
{
	height: 92px;
	padding-top: 20px;
	margin-bottom: 40px;
}

	div#Header div.logo
	{
		width: 215px;
		height: 92px;
		float: left;
	}
	
	div#Header div.menu
	{
		float: right;
		padding-top: 35px;
	}
	
div#Content
{
	padding-bottom: 220px;
}

	div#Content div.left
		{
			width: 470px;
			float: left;
		}
		
	div#Content div.right
	{
		width: 285px;
		float: right;
	}

#Footer {
	position: fixed;
	z-index: 10;
	bottom: 0px;
	width: 100%;
}

	#Footer p {
	margin: 0px;
	padding: 0px;
}


	#Footer div#Footer_content
	{
		width: 860px;
		margin: 0px auto;
		padding-top: 20px;
		position:relative;
	}

		#Footer div#Footer_content div.bottomleft
		{
			width: 300px;
			float: left;
		}
		
		div#fournames
		{
      height: 120px;
    }
    
    div#fournames ul
    {
      list-style-position:inside;
      list-style-type:disc;
      margin: 0px;
	  padding: 0px;
    }
    
    div#fournames li 
    {
      display:inline;
      float:left;
      padding-right: 5px;
      padding-top: 5px;
      height: 50px;
      width: 140px;
    }
    
		/*
			#Footer div#Footer_content div.bottomleft div.left_text
			{
				width: 50%;
				float: left;
			}
			
			#Footer div#Footer_content div.bottomleft div.right_text
			{
				width: 50%;
				float: right;
			}
		*/
/*
		#Footer div#Footer_content div.bottommid
		{
			width: 275px;
		}
*/
	
		#Footer div#Footer_content div.bottomright
		{
			width: 285px;
			float: right
		}

#Footer div#Footer_content div#BottomMiddle
{
	float: left;
	background-color: aqua;
	position: relative;
}
#Footer div#Footer_content div#BottomMiddle img.coffee
{
	position: absolute;
	left: 50px;
	top: -50px;
}

div#FooterShade
{
	background-image: url('/client/opencoffeegooi/images/footer_shade.png');
	height: 10px;
	overflow: hidden;
}	
div#FooterPosition
{
	background: url('/client/opencoffeegooi/images/bg_footer_png.png') no-repeat bottom;
	/*height: 220px;*/
	background-color: #1f1504;
}


table.formTable
{
	padding-top: 15px;
}
table.formTable td
{
	padding-bottom: 4px;
	vertical-align: top;
}
table.formTable td.formColumnLeft
{
	width: 100px;
}

table.formTable td.formColumnRight a
{
    margin-left: 5px;
}

table.formTable td.formColumnLeft span.elementTitle
{
	font-weight: bold;
}
table.formTable input.elementText, table.formTable select.elementSelect
{
	border: solid 1px #865827;
	width: 375px;
}

table.formTable input.formSubmitSend
{
	margin-top: 15px;
  background: url('/client/opencoffeegooi/images/schrijf-in.png') no-repeat;
  border: medium none;
  cursor: pointer;
  height: 71px;
  width: 72px;
}

ul.formOutput
{
	padding-bottom: 15px;
	color: #23c3f3;
}


#errorPage
{
	width: 605px;
	height: 440px;
	position: relative; /*allows for top property to move the element*/
	top: 50%; /*moves it 50% of #container's height down the page*/
	margin-top: -220px; /*pulls it back up by half it's height*/
	margin-left: auto;
	margin-right: auto; /*H-centering in complaint browsers*/
}

div#errorContainer
{
	height:100%; /*fill the body*/
	text-align: center; /*H-centering in early IE versions*/
}



/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

  .sIFR-replaced {
  }

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
	line-height: 1em;
	font-size: 18px;
  }

}