@charset "utf-8";
.react_tab {
	position:absolute;
	z-index:0;
	bottom: 28px;
	left: 0px;
}
* {
	padding: 0;
	margin: 0;
}
p {
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	color: #c4bfbb;
	margin:0;
	padding:0;
}
body {
	background-color: #000000;
	margin: 0 auto;
	background-image: url(../gfx/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
html, body {
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color: #c4bfbb;
	text-align: left;
}
#background {
	width: 100%; /* de background kan zo geen horizontale scroll veroorzaken */
	height: 100%; /* voor IE */
	min-height:	100%;
	height: auto !important; /* voor moderne browsers */
	z-index:-2;
}
#container {
	width: 950px;
	margin: 0 auto; /* centreert deze div */
	height: 100%; /* voor IE */
	height: auto !important; /* voor moderne browsers */
}
/*de header container --------------------------------------------- */
#header_background {
	position:absolute;
	z-index:-1;
	top:0;
	height:350px;
	width:100%;
	margin:0 auto;
	background-image:url(../gfx/header_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#header_container {
	position:absolute;
	height:350px;
	width:950px;
	top:30px;
	margin:0 auto;
	z-index:2;
}
#header_banner {
	width:950px;
	height:250px;
	margin-top:30px;
}
#logo {
	top:214px;
	background-image:url(../gfx/logo_de_eeterij.png);
	background-repeat:no-repeat;
	position:absolute;
	display: table;
	width:280px;
	height:140px;
	z-index:3;
	float:left;
}
#menu_container {
	left:269px;
	top:260px;
	position:absolute;
	height:60px;
	margin:0;
	padding:0 0 0 2px;
	background-image:url(../gfx/Header_menu_bg.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	z-index:4;
}
/*de crumbpath container --------------------------------------------- */
#crumbpath {
	width:950px;
	height:45px;
	background-image: url(../gfx/crumbpath_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.crumbpath_position {
	padding:10px 0px 10px 280px;
}
.crumbpath, .crumbpath a {
	color:#7e6650;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.crumbpath a:hover {
	color:#af8d6d;
	text-decoration:none;
}

/*de content container --------------------------------------------- */

#content_container {
	width:950px;
	top:350px;
	position:absolute;
	height:auto;
}

#content {
	width:950px;
	top:380px;
 	display:block;
	background-image:url(../gfx/content_bg.png);
	background-position:center;
	background-repeat:repeat-y;
}


#content_left1 {
	width:520px;
	vertical-align: top;
	float: left;
	clear:left;
	padding:0px 35px 20px 60px;
}
#content_right1 {
	width:270px;
/* clear: right; */
	float: left;
	vertical-align: top;
	padding:0px 35px 20px 20px;
}

#content_right_blok {
	vertical-align: top;
	padding:0px 0px 0px 12px;
}

#clear {
	width: 100%;
	height: 0px;
	clear: both;
}
/*de gallery container --------------------------------------------- */

#gallery_homepage {
	width:540px;
	vertical-align: top;
}

#content_gallery {
	width:950px;
	top:380px;
 	display:block;
	background-image:url(../gfx/gallery_bg.png);
	background-position:center;
	background-repeat:repeat-y;
}

#gallery_container {
	width:800px;
	vertical-align: top;
	padding:0px 35px 20px 60px;
}

#gallery_placeholder {
	width:117px;
	padding:0px 16px 15px 0;
	float:left;
}
.gallery_element {
	width:117px;
	height:88px;
	border:1px solid #5c504a;
}
/*de form container --------------------------------------------- */

#form_container {
	padding:0 0 0 30px;
	width:470px;
}

/*de footer  --------------------------------------------- */

#footer_container {
	width: 100%;
	height: 50px;
	display: table;
	vertical-align:bottom;
	padding:10px 0 0 0;
	text-align:center;
	clear: left;
	background-image:url(../gfx/footer_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	clear: both;
}
.footer, .footer a{
	color:#806956;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	text-decoration:none;
	margin-top:10px;
}
.footer a:hover{
	color:#c4bfbb;
	text-decoration:underline;
}
.footer_caps, .footer_caps a{
	font-size:12px;
	color:#bc9b7c;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	text-decoration:none;
	margin-bottom:-5px;
}
.footer_caps a:hover{
	color:#c4bfbb;
	text-decoration:underline;
}


/*de font elementen --------------------------------------------- */

a {
	color:#c4bfbb;
	text-decoration:underline;
}
a.hover {
	color:#b5d8ca;
	text-decoration:underline;
}

hr {
	border: 0px;
	border-top: 1px solid #5c504a;
	height:0px;
	margin:3px 0 3px 0;
}

#line {
	border: 0px;
	border-top: 1px solid #5c504a;
	height:0px;
	margin:0px 0 5px 0;
}
.menubord {
   background-image: url(../gfx/bg_menubord.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   width:520px;
   height:370px;
   padding-top:90px;
   text-align:center;
}

h1 {
	text-align: left;
	color: #bc9b7c;
	font-size: 27px;
	line-height:normal;
	font-weight: bold;
	font-style: italic;
	margin:0;
	float:left;
}
h2 {
	text-align: left;
	color: #bc9b7c;
   font-size: 19px;
	line-height:normal;
	font-weight: bold;
	font-style: italic;
	margin:0;
	float:left;

}
h1 a, h2 a {
	text-decoration: none;
	cursor: pointer;
}
h1 a:link, h2 a:link {
	color: #af8d6d;
}
h1 a:hover, h2 a:hover {
	color: #af8d6d;
	font-weight: bold;
	font-style: italic
}

h3 {
	text-align: left;
	color: #af8d6d;
	font-size: 23px;
	line-height:normal;
	font-style: italic;
	padding:5px 0 0 0;
}

h4 {
   text-align: center;
	color: #FFFFFF;
   font-size: 23px;
	line-height:normal;
	font-weight: bold;
	font-style: italic;
	margin:0;
	float:left;
   width:100%;
}

/*h4 {
	text-align: left;
	color: #FFFFFF;
	font-size: 18px;
	line-height:normal;
	padding:5px 0 0 0;*/
}
h5 {
	text-align: left;
	color: #af8d6d;
	font-size: 14px;
	line-height:normal;
	padding:5px 0 0 0;
}

.button_left {
	font-weight: bold;
	float:left;
	text-align:left;
}
.button_right {
	font-weight: bold;
	float:right;
	text-align:right;
}

.button_left a, .button_right a {
	color:#c4bfbb;
}

.button_left a:hover, .button_right a:hover {
	color:#daeadc;
}

.button_left2 {
	float:left;
	text-align:left;
}
.button_right2 {
	float:right;
	text-align:right;
}

.button_left2 a, .button_right2 a {
	color:#c4bfbb;
	text-decoration:none;
}

.button_left2 a:hover, .button_right2 a:hover {
	color:#daeadc;
	text-decoration:underline;
}


.float {
	float:left;
	margin:0;
}

.body_caps{
	text-transform:uppercase;
}
/* custom css elements ---------------------------------- De Eeterij*/

#90percent{
	width:90%;
	float:left;
}
.menuPadding{
	padding:2px 0 2px 0;}