/*
CSS - Restaurant St. Elisabeth's Hof
Website:		Restaurant St. Elisabeth's Hof
Versie:			1.0
Gemaakt door:	Maikel Nijssen
*/
/*
INDEX:
	-	HTML-Elements
	-	Layout
	-	Navigation
	-	Andere opmaak
*/


/*  HTML-Elements
---------------------------------------------------------------*/
body{ 
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 9pt;
text-align: center; 
background-color: #47484a;
background-image: url('../img/bg.png'); 
background-repeat: no-repeat;
background-position: left;
background-attachment:fixed;
}

html{
overflow-y: scroll;
}

p{
margin: 0 0 10px 0;
}

img{
border: 0px;
}

A img.photo{
margin-top: 20px;
margin-right: 10px;
}

A:link img.photo{
border: solid 5px #667;
}

A:active img.photo{
border: solid 5px #667;
}

A:visited img.photo{
border: solid 5px #667;
}

A:hover img.photo{
border: solid 5px #bd3;
}

A:link{
text-decoration: none; 
color: #bd3;
}

A:active{
text-decoration: none;
color: #667;
}

A:visited{
text-decoration: none; 
color: #bd3;
}

A:hover{
text-decoration: none;
color: #fff;
}

span.title{
color: #bd3;
}

address{
font-style: normal;
color: #fff;
}

table.menukaarten{
margin-bottom: 20px;
}

input[type=text]{
background-color: #667;
border: solid 1px #000;
}

input[type=submit]{
background-color: #667;
border: solid 1px #000;
}

/*  Layout
---------------------------------------------------------------*/
#pagewidth{ 
width: 888px; 
text-align: left;  
margin-left: auto; 
margin-right: auto;  
} 
 
#header{
position: relative;
width: 888px;
height: 180px; 
background-image: url('../img/borderheader.png'); 
background-repeat: no-repeat;
width: 100%;
} 

#wrapper{
width: 100%;
background-image: url('../img/bordermain.png');
background-repeat: repeat-y;
}

#rightcol{
width:25%; 
float: right; 
position: relative;
margin-top: 35px;
}

#rightcol a{
color: #fff;
}

#rightcol p{
font-style: normal;
color: #fff;
}
 
#maincol{  
float: left;
display: inline; 
position: relative; 
width: 70%;
margin-top: 15px;
padding-top: 20px;
padding-bottom: 20px;
}

#content{
width: 90%;
margin-left: 50px;
font-size: 10pt;
color: #fff;
}

#footer{  
padding-top: 15px;
width: 100%;
height: 57px; 
text-align: center;
background-image: url('../img/borderfooter.png');
background-repeat: no-repeat;
font-size: 11px;
color: #667;
position: relative;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*  Navigation
---------------------------------------------------------------*/
div#navigation {
	width: 100%;
	background-image: url('../img/bordermain.png');
	background-repeat: repeat-y;
	position: relative;
	color: #bd3;
	height: 25px;
}
div#navigation ul {
	list-style: none;
	position: absolute;
	margin-left: 50px;
	margin-top: 10px;
	padding-left: 0;
	padding-bottom: 10px;
	border-bottom: solid #667 1px;
}
div#navigation ul li {
	display: inline;
	list-style: none;
	padding: 0 8px 0 8px;
}
div#navigation ul li a {
	border: 0;
	color: #bd3;
	text-decoration: none;
}
div#navigation ul li.active a {
	color: #bd3;
	text-decoration: none;
}
div#navigation ul li a:hover {
	color: #000;
	text-decoration: none;
}


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}