/* Copyright 2009 by Jan Meyer zu Holte -= http://www.e-horizon.net =- */
/* Optimiert fuer 1280 * 800 */

body {
	color: black;
	font-size: 12pt;
	font-family: ARIAL;
	background-color: rgb(240,243,249);
	/*background-image: url(../img/background.png);*/
	background-repeat: repeat;
}

/*general hacks for ie6 */
* html body{
	background-color: rgb(207,228,229);
	background-repeat: repeat;
}
/*end general hacks for ie6*/

div {
	position: absolute;
	z-index: 5;
}

.frame {
	left: 50%;
	margin-left: -420px;
	top: 10px;
	width: 840px;
	height: 620px;
	border: 0px solid black;
	background-image: url(../img/frame.png);
	z-index: 0;
}

.header {
	top: 16px;
	left: 39px;
	height: 100px;
	width: 760px;
	border: 0px solid black;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
}

/*Defining upper menu area*/
.topMenu {
	position: absolute;
	left: 420px;
	top: 0px;
	width: auto;
	min-width: 300px;
	height: 20px;
	list-style-type: none;
	border: 0px solid black;
	background-color: transparent;
	margin: 0px;
}


.tMEntry, .tMEntryActive {
	display: inline-block;
	top: 0px;
	width: auto;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: 0px solid black;
	background-color: transparent;
	background-image: url(../img/tMEntryLeft.png);
	background-repeat: no-repeat;
	margin-right: -1px;
	cursor: pointer;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	vertical-align: bottom;
}

.tMEntry a, .tMEntryActive a{
	display: inline-block;
	height: 20px;
	margin-left: 11px;
	padding-right: 11px;
	background-image: url(../img/tMEntryRight.png);
	background-position: right;
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
	color: rgb(9,60,19);
}

.tMEntry:hover, .tMEntryActive {
	background-image: url(../img/tMEntryHoverLeft.png);
	color: white;
}

.tMEntry:hover a, .tMEntryActive a {
	background-image: url(../img/tMEntryHoverRight.png);
	color: white;
}

/*Hacks for ie6 and ie7*/

* html .tMEntry, * html .tMEntryActive{
	display: inline;
	margin-right: 0px;
}

*+html .tMEntry, *+html .tMEntryActive{
	display: inline;
	margin-right: 0px;
}

/*End defining upper menu area*/

/*Defining path area*/
.path {
	position: absolute;
	top: 113px;
	left: 181px;
	height: 15px;
	width: auto;
	border: 0px;
}

.path a {
	color: rgb(3,45,17);
	font-size: 13px;
	text-decoration: none;
}
/*End defining path area*/

/*Defining menu-area*/
.menuBg {
	left: 24px;
	top: 133px;
	height: auto;
	width: 150px;
	border: 0px solid black;
	background-color: rgb(188,216,204);
	background-image: url(../img/MenuBg.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding-left: 6px;
	padding-top: 10px;
	font-size: 10pt;
	color: black;
}

.menuBg span {
	border: 0px;
	border-bottom: 1px solid black;
}

.menu a {
	font-size: 11pt;
	text-decoration: none;
	color: white;
}

.menu {
	position: relative;
	height: auto;
	width: auto;
	border: 0px;
	background: none;
}

.entryBox, .entryBoxActive, .entryBoxHover {
	position: relative;
	display: block;
	list-style-type: none;
	margin: 1px;
	padding-left: 3px;
	height: auto;
	min-height: 20px;
	width: 126px;
	border: 1px solid transparent;
	background-color: transparent;
	color: white;
	line-height: 20px;
}

.entryBox:hover, .entryBoxActive, .entryBoxHover {
	background-color: transparent;
	background-image: url(../img/EntryBoxActive.png);
	background-repeat: repeat-y;
	border: 1px solid rgb(188,216,204);
	cursor: pointer;
}

.entryBoxActive {
	background-image: url(../img/EntryBox.png);
	border: 1px solid white;
}

.entryBox a {
	display: block;
	width: 126px;
	cursor: pointer;
}

.entryBox:hover a, .entryBoxActive a {
	color: black;
}

.entry, .entryActive {
	display: block;
	width: 130px;
	height: 20px;
	margin-left: -5px;
	border: 0px solid transparent;
	background-color: transparent;
	color: rgb(9,60,19);
}

.entry a, .entryActive a {
	display: block;
	width: 120px;
	background-color: transparent;
	padding-left: 13px;
	color: rgb(6,60,19);
}

.entry a:hover, .entryActive a {
	background-image: url(../img/entryActive.png);
	background-position: 2px;
	background-repeat: no-repeat;
	color: white;
}

.entryActive a {
	background-image: url(../img/entryHover.png);
}

/* hacks for ie6 */

* html .entryBox {
	border: 0px;
}

/*Defining Info Area*/

.infoBg {
	position: relative;
	height: auto;
	min-height: 50px;
	width: 140px;
	border: 0px solid black;
	margin-left: -6px;
	background-color: rgb(188,216,204);
	background-image: url(../img/infoBg.png);
	background-position: bottom;
	padding: 5px;
}

.info {
	position: relative;
	left: 2px;
	height: auto;
	min-height: 140px;
	width: 121px;
	margin-bottom: 5px;
	border: 1px solid white;
	background-color: rgb(188,216,204);
	padding: 3px;
	color: black;
	font-size: 11px;
}

.info p {
	line-height: 15px;
	margin: 0px;
	margin-bottom: 3px;
}

.info a {
	margin-top: 3px;
	font-size: 11px;
}

/*end defining menu-area*/

/*Defining content-area*/
.contentBg {
	left: 171px;
	top: 129px;
	width: 639px;
	height: 462px;
	border: 0px solid black;
	background-color: transparent;
	background-image: url(../img/contentBg.png);
}

.content {
	left: 10px;
	top: 7px;
	width: 621px;
	height: 447px;
	border: 0px solid black;
	overflow-y: auto;
	overflow-x: hidden;
}

.content div {
	position: relative;
}

.content a {
	text-decoration: none;
	color: rgb(0,43,247);
}

.content a:hover {
	text-decoration: none;
	color: rgb(9,60,19);
}

/*end defining content-area*/

/*Defining reservation-form*/

#resTitle {
	font-size: 20px;
	font-weight: bold;
}

#reservation, #date {
	display: none;
}

#form {
	margin-top: 10px;
	margin-left: 10px;
	width: 300px;
	height: auto;
	padding-left: 10px;
	border: 1px dotted rgb(6,60,19);
	background-color: rgb(188,216,204);
}

.contactForm {
	width: 400px !important;
	height: 300px !important;
}

#time {
	margin-right: 31px;
}

#firstname, #lastname, #numberOfPersons, #eMail, #tel, #commentary, #name, #notice {
	position: absolute;
	left: 140px;
}

#notice {
	left: 25px;
}

#calendar-event-backlink {
	margin-left: 10px;
}

#confirm {
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px;
	border: 1px dotted rgb(6,60,19);
	background-color: rgb(43,132,97);
	color: white;
}

#send {
	margin-top: 125px;
}
	
/*end defining reservation-form*/

.footer {
	left: 50%;
	margin-left: -410px;
	top: 613px;
	width: 820px;
	height: 25px;
	text-align: center;
	font-size: 14px;
	border: 0px;
	line-height: 25px;
}

/*Defining Calendar-Extension*/

#month-header {
	width: 100%;
	margin-bottom: 7px;
	color: rgb(6,60,19);
	text-align: center;
}

#month-header-prevnext {
	float: left;
	padding: 0px;
}

#month-header-prevnext  a {
	border: 0px;
	font-size: 0px;
}

#month-header-icons {
	float: right;
	text-align: right;
	font-size: 0px;
}
			
#month-header-icons IMG, #month-header-prevnext IMG , #month-footer IMG{
	border: 0px solid;
}

#month-footer {
	width: 735px;
	margin-bottom: 7px;
}
			
#month-footer-header {
	text-align: center;
}

table.month-small {
	border: 1px solid #A1A5A9;
	border-collapse: collapse;
}

.month-weeknums {
	border-right:1px solid #AAAAAA;
	background-color:#EFEFEF;
}
		
.month-weekdays {
	border-bottom:1px solid #AAAAAA;
	background-color:#EFEFEF;
}

.month-small a:link,.monthoff a:visited {
	color: #000000;
}
		
.month-small th, .month-small td {
	padding: 2px;
	width: 22px;
	font-size: 10px;
	text-align: right;
}
		
.month-small th{
	text-align: center;
}
			
.month-large {
	border: 1px solid #A1A5A9;	
	border-collapse: collapse;
}

.month-large th,.month-large td {
	border: 1px solid #A1A5A9;
}

.month-large .weekday {
	background-color: #EEE;
	height: 12px;
}

.month-large .weeknum {
	background-color: #A1A5A9;
	width: 22px;
}

.month-large .day {
	height: 30px;
	width: 100px;
	vertical-align: top;
	text-align: left;
}

.tx-cal-controller {
	width: 603px;
}

.tx-cal-controller div {
	position: relative;
}

.dayViewTable {
	width: 602px;
}

#dayFrameWidth {
	width: 602px;
}

#dayTableWidth {
	width: 602px;
}

.dayview {
	width: 602px;
}

/*Hack for ie7*/
*+html .month-large .day {
	height: 58px;
}
		
.month-large .daylink {
	font-weight: bold;
}

.month-large .day div {
	text-align: right;
	padding-right: 3px;
}

.eventDay {
	background-color: white;
}

.eventDay a {
	color: rgb(6,60,19);
}

.green_catheader_text {
	color: white;
}

.green_catheader_allday a{
	font-size: 16px !important;
}

/*For the time being calendar-nav remains a table - no proper alternatives came to my mind yet - suggestions?*/
#calendar-nav {
	display: none;
}

#calendar-nav td {
	vertical-align: top;
}

#calendar-nav td#previous {
	width: 175px;
}

#calendar-nav td#list {
	width: 188px;
}

#calendar-nav td#legend {
	width: 188px;
}

#calendar-nav td#next {
	width: 175px;
}

#link-ics, #link-admin {
	width: 100%;
	text-align: center;
}

/* End defining Calendar-Extension*/

/*Defining Google-Maps-Routenplaner*/

#toAddress {
	display: none;
}

#small {
	font-size: 10px;
}

/*End defining Google-Maps-Routenplaner*/

.align-center {
	text-align: center;
}

.slideElement {
	background-color: /*rgb(0,108,65) rgb(188,216,204)*/ black !important;
}

.tx-rgsmoothgallery-pi1, .rgsgnest43 {
	/*border: 2px solid black !important;*/
}

/*
.carousel {
	background-color: rgb(188,216,204) !important;
}

.carouselWrapper {
	background-color: rgb(188,216,204) !important;
}*/

#c51 {
	background-image: url(../img/Speisekarte.png);
	background-repeat: no-repeat;
	background-color: rgb(233,233,243);
	border: 3px outset black;
}

#c51 h3 {
	color: rgb(0,108,65);
}

.left {
    background-image: url(../img/left.png) !important;
}

.right {
    background-image: url(../img/right.png) !important;
}