@import url('../../js/nivo-slider/nivo-slider.css');

html, body {
	padding: 0px;
	margin: 0px;
}

body {
  background-color: #222;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:   14pt;
  color: white;
}

#header {
	text-align: center;
	color:      black;
	padding:    0px;
	margin:     0px;
  background-color: white;
}


#header h1 {
	font-family: 'Amazone BT';
  font-size: 32pt;
	padding:    .7em 0px .3em 0px;
	margin:     0px;
}

#header hr {
  width: 500px;
  height: 1px;
  margin: 0 auto 0 auto;
  background-color: black;
  border: 0;
  padding: 0;
}

#header .quote {
	font-family: 'Just Another Hand', serif;
	font-size:  150%;
}

#images {
    background-image: url("../../image/2012052/0.jpg");
  	height: 350px;
  width: 700px;
  margin: 50px auto 30px auto;
  padding: 0;
}

#images img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

#images a {
  border: 0px;
  display: block;
}

.panels div {
	text-align:                     justify;
	margin:                         0px;
	padding:                        0px;

  width: 700px;
  margin: 0 auto 0 auto;
}				

#column {
  padding-bottom: 5em;
}


table, thead, tbody, tr, th, td {
  color: inherit;
  font: inherit;

  padding: 0; margin: 0;
}

table { border-collapse: collapse; }

th, td { padding-right: 1em; }
th {
  font-weight: bold;
  text-align: left;
  min-width: 100px;
}

/* root element for tabs  */
#menu { 
  width: 480px;
	list-style:none; 
	margin:0 auto 0 auto !important; 
	padding:0;
	height:50px;
}

/* single tab */
#menu li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#menu a { 
	display:block;
	height: 50px;  
	line-height:50px;
	font-family: 'Josefin Sans';
  font-size: 14pt;

	font-weight: normal;
	width: 120px;
	text-align: center;	
	text-decoration: none;
	padding:0px;
	margin:0px;	
	position:relative;
  color: black;
  text-transform: uppercase;
}

#menu a:active {
	outline:none;		
}

#menu a:hover {
	color: black;	
}

input, select, textarea {
  width: 100%;
}

textarea {
  height: 5em;
}

a, a img {
  border: 0;
  color: white;
}

#aanbod {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#aanbod a.polaroid-left {
	margin: 0 12px 50px 0;
}

#aanbod a.polaroid-right {
	margin: 0 0 50px 12px;
}

#aanbod a.polaroid-left img {
	margin: 40px 0 0 0;
}

#aanbod a.polaroid-right img {
	margin: 40px 0 0 0;
}

div.disclaimer {
  margin-top: 6em;
  font-size: 70%;
  font-style: italic;
}