/* 
Restaurant Eindeloos
======================================================================================
URL:				http://www.RestaurantEindeloos.nl/
Start ontwerp: 		onbekend
Start xhtml: 		8 mei 2009
Auteur: 			Jelmer Hoekstra [http://www.addnoise.nl]
======================================================================================
*/

@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000; 
	background: #FFFFFF;
	letter-spacing: 2px;
}

		
html
{
	height: 100%;
}

a:link, a:visited { 
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #225300;
	text-decoration: underline;
	}
	

		
	/* Fix voor IE */
	* html #fixie
	{
		height: 0px;
	}		


/* Algemene opmaak
---------------------------------------------------------------------------------------------- */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -26px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push  {
	height: 26px;
}

.footer{
	background: #000;
	position: relative;
	margin: 0px;
}

#header {
	width: 100%;
	background: #151215;
	height: 238px;
	float: left;
}

#headercontent {
	width: 1001px;
	margin: auto;
	height: 238px;
	position: relative;
}

#headercontent .left {
	float: left;
	width: 416px;
	height: 186px;
	padding: 52px 0px 0px 85px;
	position: relative;	
}

#headercontent .left img{border: 0px; padding: 0px; margin: 0px;}

.mainmenu {
	position: absolute;
	font-size: 17px;
	left: 35px;
	bottom: 35px;
	width: 900px;
	z-index: 99;
	display: block;
}

.mainmenu ul{ list-style: none; margin: 0px; padding: 0px;}
.mainmenu li{ list-style: none; margin: 0px; padding: 0px 40px 0px 0px; float: left;}

.mainmenu ul li a:link, .mainmenu ul li a:visited { 
	color: #FFF;
	float: left;   
	padding: 10px 0px 10px 0px;
	font-size: 17px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
}

.mainmenu ul li a:hover, .mainmenu ul li a.actief:link, .mainmenu ul li a.actief:visited {
	text-decoration: underline;
}

#headercontent .right {
	float: left;
	width: 500px;
	height: 238px;
	position: relative;
	text-align: right;
	z-index: 1;
}	

#headercontent .right img{
	position: relative;
	z-index: 2;
	float: right;
}
	
.footercontent 	{
	width: 916px;
	margin: auto;
	height: 26px;
	line-height: 26px;
	color: #FFF;
	font-size: 12px;
	padding: 0px 0px 0px 85px;
}
	
.footercontent 	a:link, .footercontent a:visited {	
	color: #FFF;
	text-decoration: none;
}

.footercontent 	a:hover {
	text-decoration: underline;
}
.footercontent 	p{ margin: 0px; padding: 0px;}

#content {
	width: 100%;
	float: left;
}

#maincontent {
	width: 916px;
	padding: 43px 0px 20px 85px;
	margin: auto;
}

#maincontent .left{
	float: left;
	padding: 0px;
	width: 500px;
	letter-spacing: 1px;
}

#maincontent .left a:link, #maincontent .left a:visited{
	color: #a1a3a5;
	text-decoration: none;
}

#maincontent .left a:hover {
	text-decoration: underline;
}

#maincontent .right{
	float: left;
	padding: 0px;
	width: 363px;
	padding: 0px 0px 0px 53px;
}

#maincontent .right img{
	padding: 0px 0px 16px 0px;
	float: left;
}

.intro {
	font-size: 16px;
	line-height: 24px;
}

.homepage {
	font-size: 16px;
	line-height: 32px;
}

.homepage p{
	margin: 0px;
	padding: 0px;
}
	
.fotooverzicht img {
	padding: 0px 0px 16px 0px;
	border: 0px;
}
	
.overzichtalt img{
	float: left;
	width: 100px;
	height: 90px;
	padding: 10px 10px 16px 0px;
	border: 0px;
}
	
/* Fonts
------------------------------------------------------------------------------------------ */
	
h1 { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	color: #000;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	}
	
h2 { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #000;
	padding: 0px 0px 0px 0px;
	}	
	
h3 { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
h4 { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #242424;
	padding: 0px 0px 0px 0px;
	}	
	
h5 { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 25px;
	line-height: 31px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}		



/* Clearers
------------------------------------------------------------------------------------------ */

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer45 {
	height: 45px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}