@charset "utf-8";

/*================================================

	Developed by:  Dennis Schmerbeck
	Company: Euroweb Internet GmbH

==================================================
    => global tags
==================================================*/

* {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}


table.menue, table.menue tbody {
	width:100%;
}
table.menue tbody tr.variationen td{
    background: none repeat scroll 0 0 #FFF2DD;
    width: 33%;
}

table.menue tbody tr td {
   line-height: 15px;
    padding: 17px 25px;
    text-align: center;
}

table.menue tbody tr td h3 {

    padding: 0 0 10px;
}

table.menue tbody tr td.price {
	border-top: 1px dotted #F9E3C5;
	background:#FBE4BB;
}

table.menue tbody tr {

}

.accordionButton {
	background:url(http://www.matenaars.de/images/accordionButton.png) repeat scroll 0 0;
    color: #FFFFFF;
    margin: 15px 0 0;
    padding: 13px 0 16px;
    text-align: center;
}

.accordionButtonLarge {
padding: 7px 0 10px ;
}

.accordionContent {
background:#FFF6EA;
}

body {
	color: #4b3316;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	background: #FFF url(#) repeat-x top center;
	line-height: 1;
}

html[xmlns^="http"] {
	overflow-y:scroll;
	overflow-x:hidden;
}

a:link, a:visited, .email span {
	text-decoration: underline;
	color: #c17d35;
}

a img {
	border: 0px;
	text-decoration: none;
}

a:hover, a:hover span, a:active, a:focus {
	color:#c17d35;
	text-decoration:none;
}

p, div#contentMain ul {
	margin: 0 0 15px 0px;
	line-height: 20px;
}

* p:last-child { margin-bottom: 0; }

::-moz-selection {
	background: #ccc;
	color: #000;
}

::selection {
	background: #ccc;
	color: #000;
}

hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #e7be8b;
	margin:1em 0;
}

/*==================================================
    => global classes
==================================================*/

.floatLeft { float: left; }

.floatRight { float: right; }

.marginRight { margin-right: 20px !important; }

.clear {
	clear: both;
	float:none;
	height:0;
	line-height: 0.0em
}

.print {
	display:none;
}

.indent {
	text-indent:-9999px;
	font-size:0.001em;
	line-height:0.001em;
}

.hidden { display:none; visibility:hidden;}

.highlight {
   padding-left:10px;
   background:url(#) 0 center no-repeat; 
}

.externalLink {
   background:url(#) no-repeat right center;
   padding-right:15px;
}

.blockMiddle {
	float:left;
	display:block;
	width: 60px;
}

.basicBoxShadow {
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
}

.basicRoundedCorder {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/*==================================================
    => container
==================================================*/

div#top { background:url(#) center top no-repeat;}
div#center { background:#fcebcf url(#) center top repeat-x;}
div#bottom { background:url(#) center top repeat-x;}


div.container {
	width: 960px;
	position:relative;
	margin: 0 auto;
	text-align: left; /* reset left alignment */
}

/*==================================================
    => header  
==================================================*/

div#header { 
	height:309px;
	background:url(#) no-repeat;
	position:relative;	
}

/*------------------ =branding  ------------------*/

h1#branding {
    display: block;
    height: 146px;
    left: 303px;
    position: absolute;
    text-decoration: none;
    top: 32px;
    width: 331px;
    z-index: 2;
}

h1#branding a { 
    display: block;
    height: 100%;
    width: 100%;
}

div#brandingFlash {
    height: 134px;
    left: 92px;
    position: absolute;
    top: 12px;
    width: 163px;
}

/*==================================================
    => contentContainer  
==================================================*/

div#contentContainer {
	background:transparent;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:20px 0;
}

/*------------------ =contentMain  ---------------*/


div#contentMain {
	float:left;
	width: 533px;
	padding:0 40px 0 67px;
}

.columnFull { width:533px; margin-bottom:10px;}
.column { width:266px; padding:0 10px; float:left; margin-bottom:10px;}

/*------------------ =basic title styles  --------*/
.cufon-loading h2, .cufon-loading h3, .cufon-loading h4 { visibility:hidden; }

h2, h3, h4 {
	margin:5px 0 10px 0;
	font-size:17px;
}

h2 {
	color:#ba8138;
	font-size:35px;
	margin:0;
}

h3 {
	color:#4b3316;
	font-size:20px;
	margin:0;
}

h4 {
	color:#ba8138;
	font-size:20px;
}

/*------------------ =lists  ---------------------*/

ol, ul, dl { list-style:none; }

div#contentMain ul { margin-left:20px; }

div#contentMain ul li {
	list-style-position:outside;
	list-style-type:circle;
	padding:2px 0 2px 10px;
}

div#contentMain ul.check { margin:0;}

div#contentMain ul.check li { 
	padding:2px 0 2px 20px;
	list-style-type:none;
	background:url(#) 0 5px no-repeat;
}

/*------------------ =images  --------------------*/

a img.image, .image, .imageNoBorder {
	border: 1px solid #ccc;
	padding: 2px;
	background:#FFF url(#) no-repeat center center;
	margin: 0px 0px 10px 0;
	cursor: url(#), pointer;
	outline: none;
}

.image:hover, a:hover img.image {
	border: 1px solid #333;
}

.imageNoBorder, iframe, #map { cursor:default; }

/*------------------ =imprint  --------------------*/

dl.imprintBusiness, dl.imprintAddress {
	float:left;
	width: 49%;
	line-height: 20px;
	margin: 15px 0;
}

dl.imprintBusiness dt, dl.imprintAddress dt {
	display: block;
	width: 120px;
	float:left;
}

dl.imprintBusiness dd, dl.imprintAddress dd { clear:right; }


div#contentSidebar { 
	width:280px;
	padding:0 20px;
	float:right;
	margin-top: 80px;
}

ul.contact { line-height:20px;}
ul.contact li {padding-left:20px;}

ul.contact li.home, ul.contact li.tel, ul.contact li.fax, ul.contact li.mail, ul.contact li.time { padding-left:20px;}

ul.contact li.home { background:url(#) 0 6px no-repeat;}
ul.contact li.tel {background:url(#) 0 -34px no-repeat;}
ul.contact li.fax {background:url(#) 0 -54px no-repeat;}
ul.contact li.mail {background:url(#) 0 -74px no-repeat;}
ul.contact li.time {background:url(#) 0 -114px no-repeat;}

div.guestbook { 
	height:95px;
	width:302px;
	background: url(#) no-repeat;
}

div.guestbook a { 
	display:block;
	height:95px;
	width:302px;
	text-indent:-9999px;
	margin-top:20px;
}

/*------------------ =navigation  -----------------*/

ul#navigationMain { 
	background:url(#) 0 0 no-repeat;  
	height: 74px;
   left: 0;
   padding-top: 19px;
   position: absolute;
   top: 197px;
   width: 960px;
}

ul#navigationMain li { 
	float:left;
	height:20px;
}

ul#navigationMain li a { 
	display:block;
	height:20px;
	text-indent:-9999px;
}

ul#navigationMain li.link01 { padding-left:55px;}

ul#navigationMain li.link01, ul#navigationMain li.link01 a { width:91px;}
ul#navigationMain li.link02, ul#navigationMain li.link02 a { width:94px;}
ul#navigationMain li.link03, ul#navigationMain li.link03 a { width:105px;}
ul#navigationMain li.link04, ul#navigationMain li.link04 a { width:115px;}
ul#navigationMain li.link05, ul#navigationMain li.link05 a { width:114px;}
ul#navigationMain li.link06, ul#navigationMain li.link06 a { width:89px;}	
ul#navigationMain li.link07, ul#navigationMain li.link07 a { width:113px;}
ul#navigationMain li.link08, ul#navigationMain li.link08 a { width:130px;}

ul#navigationMain li.link01 a:hover,
ul#navigationMain li.link01.active a { background: url(#) no-repeat scroll -55px -113px transparent;}

ul#navigationMain li.link02 a:hover,
ul#navigationMain li.link02.active a {     background: url(#) no-repeat scroll -146px -113px transparent;}

ul#navigationMain li.link03 a:hover,
ul#navigationMain li.link03.active a {     background: url(#) no-repeat scroll -240px -113px transparent; }

ul#navigationMain li.link04 a:hover,
ul#navigationMain li.link04.active a {     background:url(#) no-repeat scroll -345px -113px transparent }

ul#navigationMain li.link05 a:hover,
ul#navigationMain li.link05.active a { background:url(#) -460px -113px no-repeat; }

ul#navigationMain li.link06 a:hover,
ul#navigationMain li.link06.active a { background:url(#) -574px -113px no-repeat; }

ul#navigationMain li.link07 a:hover,
ul#navigationMain li.link07.active a { background:url(#) -663px -113px no-repeat;}

ul#navigationMain li.link08 a:hover,
ul#navigationMain li.link08.active a { background:url(#) -776px -113px no-repeat;}

/*------------------ =navigationAdditional  -----*/

ul#navigationAdditional { 
	width:269px;
	height:24px;
	background:url(#) 0 0 no-repeat;
	position:absolute;
	top:23px;
	right:16px;
}

ul#navigationAdditional li { 
	float:left;
	height:23px;
	text-indent:-9999px;
}

ul#navigationAdditional li a { 
	display:block;
	height:23px;
}

ul#navigationAdditional li.link01, ul#navigationAdditional li.link01 a { width:79px;}
ul#navigationAdditional li.link02, ul#navigationAdditional li.link02 a { width:86px;}
ul#navigationAdditional li.link03, ul#navigationAdditional li.link03 a { width:104px;}

ul#navigationAdditional li.link01 a:hover,
ul#navigationAdditional li.link01.active a {background:url(#) 0 -24px no-repeat;}

ul#navigationAdditional li.link02 a:hover,
ul#navigationAdditional li.link02.active a {background:url(#) -79px -24px no-repeat;}

ul#navigationAdditional li.link03 a:hover,
ul#navigationAdditional li.link03.active a {background:url(#) -165px -24px no-repeat;}

/*==================================================
    => footer   
==================================================*/

div#footer {
	height:40px;
}

ul#navigationFooter { padding-top:15px; }

ul#navigationFooter li {
	float:left;
	padding:0 13px;
	border-right:1px solid #d5c09e;
}

ul#navigationFooter li:last-child { border:none;}
ul#navigationFooter li a {
	color:#4b3316;
	text-decoration:none;
}

ul#navigationFooter li a:hover, ul#navigationFooter li.active a { text-decoration:underline;}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* close commented backslash hack */

/*==================================================
    => noscript & scrollToTop
==================================================*/

form#googleMaps {
	display:block;
	margin:10px 0 25px;
}

form#googleMaps input {
	background: url(#) repeat-x scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 2px 2px 2px 2px;
	color: inherit;
	display: block;
	float: left;
	font: inherit;
	margin: 0 10px 10px 0;
	padding: 2px;
	width: 380px;
}

form#googleMaps input.submit {
	cursor:pointer;
	height:21px;
	width:120px;
}

noscript p {
	position:absolute;
	width:100%;
	height:25px;
	line-height:25px;
	top:0;
	left:0;
	font-size:11px;
	color:#666;
	text-indent:25px;
	border-bottom:solid 1px #999;
	z-index:99;
   text-align:center;
   background:#fff;
}

noscript strong {
	padding-left:20px;
	background:url(#) no-repeat 0 center;
   font-weight:bold;
}

div#euroweb { width:490px !important;}

div#euroweb a  { float:left !important; margin-right:10px;}

/*==================================================
    => print  
==================================================*/

@media print {
body { font:11pt/150% Arial, serif; background-color: white !important; background-image: none !important; color:black; }
body, #container {margin:0; padding:0; border:0}
#container { width:100% !important; min-width:0; max-width:none;}
.print { position:static; top:0; left:0; height:auto; width:auto; display:block;}
h1, h2, h3, h4, h5, h6 { page-break-after:avoid}
a:link, a:visited { color: #7A1E19; background:white; text-decoration:none;}
#container a[href^="http:"], #container a[href^="https:"] {padding-left:0;background-image:none;}
#navigationMain, #footer, #navigationAdditional, a.scrollToTop, #euroweb, form, #contentSidebar, #header { display:none!important;}
}