@charset 'utf-8';
@import url(reset.css);

/* ALLGEMEINE ELEMENTE */
@media only screen and (min-height: 900px) and (min-width: 1325px){
body{background-attachment: fixed !important;}
#logo {position:fixed !important;}
#nav1 {position:fixed !important;}
}

body {
font: 14px "Helvetica Neue", Helvetica,Arial,sans-serif;
line-height:  1.5;
color:#444;
background:url(../img/bodyBg.png) 0px 50px scroll no-repeat;
}
a {
text-decoration: none;
color:#884d3e
}

ol{
list-style-type: decimal
}
ul {
list-style-type: square
}
h1,h2,h3,h4,h5,h6,caption {
font-weight: 700;
text-transform: uppercase;
margin-top:9px;
}
table {
border-collapse: collapse;
margin-left: 120px;
width:340px;
}

tr {
display: block;
}
th {
width: 270px;
padding-bottom:18px;
}
td {
text-align: right;
white-space: nowrap;
vertical-align: bottom;
width: 50px;
padding-bottom:18px;
}
/* LOGO */
#print-logo {
	display:none;
}

#logo {
background:url(../img/forsthausLogo.png) 0px 0px no-repeat;
position:absolute;
top:90px;
left:130px;

}
#logo a{display: block;width:200px;
height:40px}
#logo a span{display:none}


/* NAV1 */
#nav1 {
position:absolute;
left:260px;
top:290px;
width:180px;
overflow: hidden;
}
#nav1 li a,#nav2 li a,#meta li a{
text-transform: uppercase;
color:#444;
}
#nav1 li a {
display:block;
width:160px;
margin-bottom:15px
}
#nav1 a:hover,#nav1 a:focus {
color:#884D3E;
}
#nav1 a.active,#nav2 a.active,#nav3 a.active,#nav1 a:focus,#nav2 a:focus,#nav3 a:focus {
color:#884d3e;
font-weight: bold;
}
/* NAV2 */
#nav2 {
list-style: none;

margin:-10px 0px 20px 15px;
}
#nav2 li a {
margin-bottom:8px;
line-height: 1.2;
}
/* META */
#meta {
position: absolute;
left:452px;
top:30px;
width:480px;
overflow: hidden;
clear:both;
}
#meta li { 
display:inline;
}
#meta li a {
display:block;
float:left;
color:#999;
padding:0px 7px 0px 8px;
border-right:1px #999 solid;
line-height: 1
}
#meta li a.active,#meta li a:focus {
font-weight: bold;
}

#meta li a.last {
border:0
}
#picheader {
position:absolute;
left:460px;
top:65px;
}


/* CONTENT */
#content {
position:absolute;
top:290px;
overflow: hidden;
margin-bottom:10px;
float:left;
left:460px;
width:480px;
}
#content #inner {
background:url(../img/contentBg.png) 0px 0px repeat-y;
padding:10px 15px;
width:460px;
}
#content p,#content ul,#content ol,#content blockquote,#content address,#content table,h1,h2,h3,h4,h5,h6 {
margin-bottom:18px;
}

#content .csc-firstHeader {
	margin-top: 0px;
	padding-top: 0px;
}

#content li{
margin-left: 20px;
}


/* NAV3 */
#nav3 {
margin:0; 
height: 55px;
width:490px;
overflow: hidden;

}
#nav3 li{
display:inline;
margin:0
}
#nav3 li a {
color:#884d3e;
padding:5px 30px 5px 0px
}




/* MARGIN */
#right {
width:200px;
position:absolute;
top:62px;
left:960px
}
#right h1,#right h2,#right h3,#right h4,#right h5,#right h6 {

}
#right .box {
margin-bottom:15px;
padding-bottom:10px;
background:url(../img/rightBox.png) bottom center no-repeat;
}
#right .box .inner {
background:url(../img/rightBox.png) top center no-repeat;
padding:10px 25px;
}
#right p,#right ul,#right ol,#right blockquote,#right address,#right table,#right h1,#right h2,#right h3,#right h4,#right h5,#right h6 {
margin-bottom:9px;
}


#content a,#right a {
text-decoration:underline
}

/* obsolet
#left {
width:290px;
margin-right:10px;
margin-top:10px;
float:left;
}
*/

/* FORMULARZEUG */
input, textarea, select, option, optgroup {
font: 13px Arial,"Helvetica Neue", Helvetica,sans-serif;
line-height:  1.4;
}
.csc-mailform-field label {
display:block;
float:left;
width:100px;
vertical-align: top
}
.csc-mailform-field input,.csc-mailform-field textarea  {
display:block;
float:left;
width:180px;
margin:
}
.csc-mailform-field .csc-mailform-check,.csc-mailform-field .csc-mailform-radio {
width:auto;
}
.csc-mailform-field {
clear:left;
margin-bottom:9px;
vertical-align: middle;
overflow: hidden;
}
.csc-mailform-field input.csc-mailform-submit {
margin-left:100px;
width:auto;
}

/* Speisekarte */
.menu-items h1 {
	margin:0px;
	padding: 0px 0px 10px 0px;
}

/* Gallery */
		#gallery .disabled {
			visibility:visible !important;
		}

		#gallery .inactive {
			visibility:hidden !important;
		}

		.gallery-image {
			display: block;
			margin: 0;
			padding 0 auto;
			text-align: center;
			border:0px solid #ccc;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		.gallery-image img{
			margin: 0px 0px 10px 0px;
		}

		.red-scrollable a.browse, .red-gallery a.browse {
			background:url('/typo3conf/ext/red_gallery/res/img/btn_gallery.gif') no-repeat;
			display:block;
			width:24px;
			height:24px;
			float:left;
			margin:30px 5px 0px 5px;
			cursor:pointer;
			font-size:1px;
		}

		.red-scrollable a.right, .red-gallery a.right { background-position: 0 -24px; float:right; margin-right: 0px;}
		.red-scrollable a.right:hover, .red-gallery a.right:hover { background-position:-24px -24px; }


		.red-scrollable a.left, .red-gallery a.left { margin-left: 0px; } 
		.red-scrollable a.left:hover, .red-gallery a.left:hover { background-position:-24px 0; }

		.red-scrollable a.left.disabled, .red-gallery a.left.disabled {
			background-position:-48px 0;
		} 	

		.red-scrollable a.right.disabled, .red-gallery a.right.disabled {
			background-position:-48px -24px;
		} 
		
		.red-gallery .scrollable .active {
			border:2px solid #be8e6e;
			z-index:9999;
			position:relative;
		}

		
/**************************************************
Month Header
**************************************************/
#month-header {
	display:block;
	border: 1px solid #fff;

}

#month-header-prevnext {

}

.month-header-prev {
	float: left;
}
.month-header-next {
	float: right;
}
.month-header-date {
	margin: 0 20px;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
}

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

/**************************************************
Month Large Table
**************************************************/
table.month-large {
	clear:both;
	border: 0px !important;
	border-collapse: collapse;
	margin: 0 0 20px 0 !important;
	padding:0 !important;
}

.month-large th,
.month-large td {
	border: 0px!important;
	border-bottom: 1px solid #e0e0e0 !important;	
	background: #fff !important;
}


.month-large .weekday {
	height: 15px !important;
	width: 22px !important;
	font-weight: 700;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
}



.month-large td.day {
	height: 15px !important;
	width: 22px !important;
	font-weight: normal;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
}

.monthOff, .monthOff a:link,.monthOff a:visited {
	color: #b3b3b3 !important;
}

.month-large .V9 {
	display: block;
	padding: 5px 0;
}
.month-large .daylink {
}
.month-large .monthToday{
	color: #ceaa92 !important;
}

.month-large .eventDay {
	background-color:#ceaa92 !important;
	color: #fff !important;
}
.month-large .day div {
}


/**************************************************
Info Bubble
**************************************************/
.infoIcon {display:inline-block; width: 22px;}
*+html .infoIcon {display:inline;}

.infoBubbleWrapper {position:relative;}
.infoBubble {display:none;position:absolute;bottom:0;left:-325px;width:350px;padding:0 0 46px 0;background: url('../img/bg_infobubble350.png') 0 100% no-repeat;z-index:99;}
.iconBox .infoBubble {left:-300px;z-index:1;}
.radioGroup .infoBubble {bottom:-20px;}
.infoBubble .infoHd {display:block;margin-top:-10px;height:10px;background: url('../img/bg_infobubble350.png') 0 0 no-repeat;color:#000;}
.infoBubble .infoBd{display:block;padding: 13px 20px 10px 24px;font-size:12px;font-weight:normal;color:#000; text-align: left;}
.infoBubble .infoBd > :first-child {padding-top:0;margin-top:0;}
.eventDay .infoIcon {cursor: normal;}
.eventDay .infoIcon:hover .infoBubble {display:block;}


/**************************************************
Event List
**************************************************/
.calendar-month-wrapper {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0;	
}
.calendar-list-item	{
	margin-bottom: 15px;
}

.calendar-list-h1, .calendar-list-date{
	font-weight: 700;
	text-transform: none;
	margin-bottom: 4px;
}
.calendar-list-date{
	margin-bottom: 0px;
}
.tx-cal-controller table {
	font-size:0.9em
}
.tx-cal-controller .pagebrowser span {
	padding: 0 10px 0 0px;
}
.tx-cal-controller .pagebrowser a {
	font-weight: bold;
}
.tx-cal-controller .pagebrowser a:hover {
	text-decoration: none;
}

/**************************************************
Event Detail
**************************************************/
dl.calendar-info{
	padding: 0px 0 0px 0;
	margin: 0 0;
}
dl.calendar-info dt {
	clear:both;
	float:left;
	font-weight: bold;
	text-align: left;
	margin:0;
	padding:0 0 .4em 0;
	width:100px;
}
dl.calendar-info dd{
	margin:0 0 0 100px;
	padding:0 0 .4em 0;
}

div.ics-link  {
	margin-bottom: 15px;
}

/* wenn Javascript aktiv, dann … */

.js div { }