/*
VILLA MEDICI STYLE FOR 960 CSS (0.1.1)
Christophe Chan Hin for ultrabold (2009)
christophe.chanhin@ultrabold.com

hex color scheme
strong_orange #E5522D
light_orange #FF7F00
light_brown #DDCCBF
dark_grey #1C1C1C
salad_green #B8C911
dark_green #324B00
white #ffffff
dark brown #3D0000
yellow #FFE500
red #D90000
dark red #660000

*/


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 12px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	background: #fff url(../images/head_back.jpg) no-repeat top center;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	height: 0;
}


#header {
	background: url(../images/head.jpg) no-repeat top center;
	height:108px;
	margin-bottom:15px;
	position: relative;
}

#header a {
    position: absolute;
    width: 20%;
    height: 108px;
	left:40%;
}

#header a h1{
	display: none;
}

#left_header {
	background:#A0AD0E;
	height:108px;
}

/*Scrollbar hack*/

html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}


/* Navigation
----------------------------------------------------------------------------------------------------*/
ul#main_navigation {
	background:url(../images/menu_back.jpg) no-repeat top center;
	height:46px;
	list-style:none; 
	padding-top:3px;
	font: 14px/1.5 Georgia, 'Liberation Sans', FreeSans, sans-serif;
}

ul#main_navigation li {
	display:inline; 
	margin-left:36px;
}	

ul#main_navigation a{
	text-decoration:none;
	color:#DDCCBF;
	letter-spacing:0.3px;
}

ul#main_navigation a:hover{
	color:#E5522D;
}

ul#main_navigation .active a{
	font-weight:bold;
	color:#E5522D;
	letter-spacing:-0.7px;

}

/*dirty webkit hacks*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#main_navigation .active a{font-weight:normal!important;}
	ul#main_navigation li {margin-left:40px;}	
}



ul#main_navigation #navstart{
	margin-left:140px;
}

.webkit ul#main_navigation {
	font: 12px/1.5 Georgia, 'Liberation Sans', FreeSans, sans-serif;
}

/* Startpage: Animated Box
----------------------------------------------------------------------------------------------------*/
#slideshow{
border:1px solid gray;
height:324px;
width:940px;
}

#slideshow_shadow{
background:url(../images/bigborder.jpg) no-repeat left;
height:11px;
margin-bottom:20px;
}

#slideshow #slidesContainer {
  margin:7px;
  width:926px;
  height:310px;
  overflow:auto; /* scrollbar erlauben*/
  position:relative;
}

#slideshow #slidesContainer .slide {
  width:906px; /* reduced by 20 pixels to avoid horizontal scroll */
  height:310px;
  float:left;
}

.slideheadline, .slideheadline4 {
	font: italic 28px/1.5 Georgia, 'Liberation Sans', FreeSans, sans-serif;
	padding: 20px 0px 0px 15px;
	width:260px;
}

.slideheadline strong  {color:#fff; font-weight:normal}
.slidetext strong {color:#fff; font-weight:bold}
.slideheadline4 strong  {color:#990000; font-weight:normal}
.slidetext4 strong {color:#990000; font-weight:bold}


.slidetext , .slidetext4 {
	font: bold 14px/1.5 Georgia, 'Liberation Sans', FreeSans, sans-serif;
	padding-left: 15px;
	width:230px;
}

.slide1 {
	color:#B8C911; 
	background:#1c1c1c url(../images/slide1_image.jpg) no-repeat top right;
	}
	
.slide2 {
	color:#324B00; 
	background:#B8C911 url(../images/slide2_image.jpg) no-repeat top right;
	}

.slide3 {
	color:#D90000; 
	background:#660000 url(../images/slide3_image.jpg) no-repeat top right;
	}
	
.slide4 {
	color:#E5522D; 
	background:#FFE500 url(../images/slide4_image.jpg) no-repeat top right;
	}

/* MiniBox
----------------------------------------------------------------------------------------------------*/
#minibox {
	background:#1c1c1c url(../images/minibox_bg.jpg) no-repeat;
	width:300px;
	height:223px;
	margin-bottom:10px;
}

#minibox h3 {
	color: #3D0000;
	font: bold italic 14px/1.5 Georgia, 'Liberation Sans', FreeSans, sans-serif;
	text-align:center;
	padding:40px 20px 0px 5px;
}

#minibox p {
	color: #3D0000;
	font: italic 11px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	padding:0px 20px;
}

.orangestar {
	padding: 0px 15px;
	position:relative;

}

#bild {
border: 1px solid #bbb;
padding: 5px;
}

/* Koch */
.cook em, .restaurant em{font: 15px/1.5 Arial;}

.cook p {
	margin-top:40px;
	font: 15px /1.5 Arial;
}


/* `Speisekarte
----------------------------------------------------------------------------------------------------*/
.speisekarte h1 {margin-bottom:0px!important;}
.speisekarte h3 {margin:20px 0px 0px 0px!important; clear:both;}
.speisekarte p {font: 12px/1.5 Arial; margin-bottom:0px!important;}
.speisekarte ol li{list-style: decimal inside;}

.speisekarte h4 {
	font: 12px/1.5 Georgia, Times;
	font-weight: bold;
	color: #515151;
	float:right;
	margin:2px 0px 20px 0px!important;
	text-align:right;
	width:50px;
	display:inline;
}


.speisekarte h5 {
	font: 14px/1.5 Georgia, Times;
	font-weight: bold;
	color: #515151;
	float:right;
	margin:-2px 0px 30px 0px!important;
	text-align:right;
	width:50px;
}

.speisekarte hr {
	width: 250px;
	float: left;
	text-align:left;
	position:relative;
	top:15px;
	overflow:hidden;
	font-size:1px; 
	margin: 0px;
}

.divide {
	border-bottom:#ccc 2px dotted; 
	margin: 15px 0px 30px 0px;
}

.infoicon {
	display:inline;
	margin-left:8px;
}

/* `Anfahrt / Kontakt / Öffnungszeiten
----------------------------------------------------------------------------------------------------*/

#map_canvas {border: 1pt solid #aaa;}

#anfahrt h3 {		
	font: 18px/1.5 Georgia, Times;
	color: #FF7F00;
	margin-bottom:0px;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font: 24px/1.5 Georgia, Times;
	font-weight: normal;
	color: #FF7F00;
	letter-spacing: -1px;
}

h2 {
	font: 15px/1.5 Georgia, Times;
	font-weight: bold;
	color: #515151;
	letter-spacing: -1px;
}

h3 {
	font: 14px/1.5 Georgia, Times;
	font-weight: bold;
	color: #515151;
	letter-spacing: -1px;
}


h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font: 26px/1.5 Georgia, Times;
	font-style:italic;
	color: #333;
}

h6 strong {
	color: #FF7F00;
	font-weight:normal;
}

a {color: #FF7F00;}

/* `Restaurant
----------------------------------------------------------------------------------------------------*/

#grundriss {margin:0px 0px 0px 10px;}

.legend ul {list-style-type: none;}

.legend h2, .legend p {margin: 4px 0px 0px 24px}

.legend h2 {	font:bold 12px/1.4 Arial, 'Liberation Sans', FreeSans, sans-serif; 	letter-spacing: 0px;}

.legend li {margin-bottom:20px;}

.list1 {	background: transparent url(../images/1.gif) no-repeat 0px 2px;}
.list2 {	background: transparent url(../images/2.gif) no-repeat 0px 2px;}
.list3 {	background: transparent url(../images/3.gif) no-repeat 0px 2px;}
.list4 {	background: transparent url(../images/4.gif) no-repeat 0px 2px;}
.list5 {	background: transparent url(../images/5.gif) no-repeat 0px 2px;}
.list6 {	background: transparent url(../images/6.gif) no-repeat 0px 2px;}

/* footer */

#footer2 {
	font: 10px/1.5 Arial, FreeSans, sans-serif;
	background:#222;
	margin:120px 0px 0px 0px;
	padding:7px 0px;
	text-align:center;
	color:#DDCCBF;

}

#footer {
	font: 10px/1.5 Arial, FreeSans, sans-serif;
	margin:20px 0px 0px 0px;
	padding:7px 0px;
	text-align:center;
	color:#AA999C;
	border-top: 1px solid #ddd;
	background:#eee;
	position: relative; 
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

.mitarbeitergesucht {
	background: url(../images/mitarbeitergesucht.gif) no-repeat;
	position:absolute;
	height:200px;
	width:200px;
	z-index:100;
	margin:40px 0px 0px 970px;
}

.mitarbeitergesucht a{
	display:block;
	height:100%;
	width:100%;
}