/***********************************************/
/* styles.css                                  */
/* Use with Madam Reiersen                     */
/* Developed by Innoventi (C) 2008             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #4c3c26;
	background-image: url(images/bg_texture.gif); 
	text-align: center;
	margin: 0;
	padding: 0;
}
h1 {
	padding: 0;
	margin: 0;
	color: #90795b;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
}
h2 {
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0;
	color: #644f34;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
}
h4 {
	padding: 0;
	margin: 0;
	color: #90795b;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
p {
	margin: 0;
}

/***********************************************/
/* Layout Divs and Tables                      */
/***********************************************/

#webWrapper {
	position: relative;
	width: 905px;
	background-color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: left;
	margin: 0 auto;
	clear: both;
}
#topContainer {
	width: 905px;
	height: 38px;
	text-align: right;
	background-image: url(images/top_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#footerContainer {
	position: relative;
	width: 865px;
	padding-top: 40px;
	color: #827770;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
#footerContainer a {
	color: #ca8c08;
	text-decoration: underline;
}
#footerContainer a:hover {
	text-decoration: none;
}


/***********************************************/
/* Component Divs (Boxes)                      */
/***********************************************/


.logo {
	position: absolute;
	top: 9px;
	left: 24px;
	width: 161px;
	height: 40px;
}
.slogan {
	position: absolute;
	top: 250px;
	left: 18px;
	width: 173px;
	height: 102px;
}
#menuContainer1 {
	position: absolute;
	top: 0px;
	left: 25px;
	background-image: url(images/menu_bg1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	width: 209px;
	height: 373px;
}
#menuContainer2 {
	position: absolute;
	top: 0px;
	left: 25px;
	background-image: url(images/menu_bg2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	width: 209px;
	height: 373px;
}
#menuContainer3 {
	position: absolute;
	top: 0px;
	left: 25px;
	background-image: url(images/menu_bg3.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	width: 209px;
	height: 373px;
}
#menuContainer4 {
	position: absolute;
	top: 0px;
	left: 25px;
	background-image: url(images/menu_bg4.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	width: 209px;
	height: 373px;
}
#menuContainer5 {
	position: absolute;
	top: 0px;
	left: 25px;
	background-image: url(images/menu_bg5.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	width: 209px;
	height: 373px;
}
#btnContainer {
	position: absolute;
	top: 88px;
	left: 34px;
	width: 139px;
	height: 137px;
	text-align: left;
}
#headerContainer1 {
	width: 905px;
	height: 381px;
	background-image: url(images/header1.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer2 {
	width: 905px;
	height: 381px;
	background-image: url(images/header2.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer3 {
	width: 905px;
	height: 381px;
	background-image: url(images/header3.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer4 {
	width: 905px;
	height: 381px;
	background-image: url(images/header4.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer5 {
	width: 905px;
	height: 381px;
	background-image: url(images/header5.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#headerContainer6 {
	width: 905px;
	height: 381px;
	background-image: url(images/header6.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#infoContainer {
	padding-right: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #bba588;
	text-align: right;
	padding-top: 10px;
}


/***** content styles *****/

#contentContainer1 {
	width: 380px;
	font-family: "Times New Roman", Times, serif;
	background-image: url(images/content_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 15px;
	color: #4f3e29;
	text-align: left;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 505px;
	padding-bottom: 20px;
	clear: both;
}
#contentContainer1 a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
#contentContainer1 a:hover {
	text-decoration: none;
}
#contentContainer2 {
	width: 865px;
	font-family: "Times New Roman", Times, serif;
	background-image: url(images/content_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 15px;
	color: #4f3e29;
	text-align: left;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	clear: both;
}
#contentContainer2 a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
#contentContainer2 a:hover {
	text-decoration: none;
}
#contentContainer3 {
	width: 615px;
	font-family: "Times New Roman", Times, serif;
	background-image: url(images/content_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 15px;
	color: #4f3e29;
	text-align: left;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 270px;
	padding-bottom: 20px;
	clear: both;
}
#contentContainer3 a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
#contentContainer3 a:hover {
	text-decoration: none;
}
#frontpagePanel1 {
	position: absolute;
	width: 201px;
	height: 470px;
	top: 315px;
	left: 427px;
	padding-left: 12px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 16px;
	background-image: url(images/panel_frontpage1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 14px;
	color: #644f34;
}
#frontpagePanel1 a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
#frontpagePanel1 a:hover {
	text-decoration: none;
}
#frontpagePanel2 {
	position: absolute;
	width: 201px;
	height: 470px;
	top: 315px;
	left: 667px;
	padding-left: 12px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 16px;
	background-image: url(images/panel_frontpage2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 14px;
	color: #644f34;
}
#frontpagePanel2 a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
#frontpagePanel2 a:hover {
	text-decoration: none;
}
#frontpagePanelMenyer {
	position: absolute;
	width: 201px;
	height: 470px;
	top: 315px;
	left: 667px;
	padding-left: 12px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 16px;
	background-image: url(images/panel_frontpage_menyer.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	color: #644f34;
}
#frontpagePanelMenyer a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
#frontpagePanelMenyer a:hover {
	text-decoration: none;
}
#frontpagePanelMenyer p {
	padding: 0 0 12px 0;
	font-size: 12px;
}
#frontpagePanelRestauranten {
	position: absolute;
	width: 201px;
	height: 470px;
	top: 315px;
	left: 667px;
	padding-left: 12px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 16px;
	background-image: url(images/panel_frontpage_restauranten.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	color: #644f34;
}
#frontpagePanelRestauranten a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
#frontpagePanelRestauranten a:hover {
	text-decoration: none;
}
#frontpagePanelBaren {
	position: absolute;
	width: 201px;
	height: 470px;
	top: 315px;
	left: 667px;
	padding-left: 12px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 16px;
	background-image: url(images/panel_frontpage_baren.jpg);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	color: #644f34;
}
#frontpagePanelBaren a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
#frontpagePanelBaren a:hover {
	text-decoration: none;
}
.panelText {
	width: 161px;
	font-size: 12px;
	color: #644f34;
	padding: 20px;
}
.panelText a {
	color: #ca8c08;
	font-weight: bold;
	text-decoration: underline;
}
.panelText a:hover {
	text-decoration: none;
}
.float1 {
width: 101px;
float: left;
padding-bottom: 12px;
}
.float2 {
width: 100px;
float: left;
padding-bottom: 12px;
}
img {
border: 0;
}