body {
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	background: #D1E3F9;
	color: #003366;

}

/* 2 Column Template */
.col_2_container {
overflow: auto;
}
.col_2_container .col_1, .col_2_container .col_2 {
width: 50%;
float: left;
}
.col_2_container .col_1 .innercol {
padding-right: 15px;
}
.col_2_container .col_2 .innercol {
padding-left: 15px;
}

ol {
margin: 0 0 .5em 1.6em;
padding: 0;

}

#footer {
	background: url(media/footerback.gif) no-repeat #D1E3F9;
	height: 60px;
	font-size: 11px;
}
.innerfooter {
	margin: 0 36px 0 236px;
	padding: 1.5em 0 2em 0;
	background: url(media/dotline.gif) no-repeat 0px 1px ;
	border-top: 1px solid #fff;
}

input, textarea {
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
}

a {
	text-decoration: none;
	color: #003366;
}
p {
	margin: 0 0 .5em 0;
}



.logozeile {
	color: #fff;
	float: right;
	margin: 0 20px 0 0;
	font-family:"Times New Roman", Times, serif;
	letter-spacing: .15em;
	font-style:italic;
}

/* content */

h1 {
	text-transform: uppercase;
	letter-spacing: .15em;
	word-spacing: -.15em;
	font-family:"Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 28px;
	margin: 0 0 .5em 0;
	padding: .5em 0 0 0;
	font-weight: normal;
	background: url(media/dotline.gif) no-repeat;
}
.articleSummary {
	font-size: 15px;
	line-height: 19px;
	word-spacing: -.07em;
	padding: 0 0 .5em 0;
}

#headimage {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	height: 170px;
	overflow: hidden;
}
#headcaption {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 20;
	color: #fff;
	font-family:"Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 24px;
	font-style:italic;
	letter-spacing: .05em;
	word-spacing: -.1em;
}


#headcaption strong {
	color: #003366;
	font-weight: normal;
}

.cpart {
	padding: 0 0 1em 0;
}

/* ueberschriften der contentparts */
h3{
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
	background: url(media/dotline.gif) no-repeat;
	font-size: 13px;
	line-height: 18px;

}
h4 {
	margin: 0 0 .5em 0;
        font-size: 11px;
	line-height: 15px;       
}

/* bildtabellen */
.imglistcaption {
	font-size: 11px;
	line-height: 15px;
	padding: .6em 0 .5em 0;
}
.imagelist_table {
	padding: .5em 0 .5em 0;
}
.imagelist_table .imagelisttd a {
	position: relative;
}
html>body .lupe {
	bottom: 3px;
}
.lupe {
	display: block;
	position: absolute;
	bottom: 11px;
	right: 0px;
	width: 17px;
	height: 17px;
	background: url(media/lupe.gif) no-repeat;
	z-index: 10;
}


/* ueberschriften der contentparts in der rechten, linken spalte */
#rightcol h3, #leftcol h3{
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 .5em 0;
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
	padding: 1.3em 0 0 0;


}
.teaser_green {
	border-top: 8px solid #B3D941;
	padding: .5em 0 .5em 0;
}
.teaser_green {
	font-size: 12px;
	line-height: 16px;
	color: #8BC11D;
	font-weight: bold;
}
.teaser_green a {
	color: #003366;
	font-size: 11px;
	font-weight: normal;
}
.teaser_green a:hover {
	text-decoration: underline;
}


/* gaestebuch */


#guestbookform p {
	clear: both;
}

#toggler {
	background: none;
	padding: 0 0 .5em 0;
}

.gbInputForm, .gbSuccess {
	padding: 10px;
	border: 1px solid #B3D941;
	background: #D9ECA0;
	margin: 0 0 1.5em 0;

}

.gbFormFields {
	font-size: 11px;
	line-height: 15px;
}
.gbFormFields label {
	width: 100px;
	display: block;
	float: left;
}
.gbFormFields input, .gbFormFields textarea  {
	width: 300px;
	display: block;
	float: left;
	margin: 0 0 .5em 0;

}
#guestbook_show0, #guestbook_show1 {
	margin: 0 .5em 0 0;

}
.gbFormFields p {
	overflow: auto;
}
.gbFormButton {
	clear: both;
}
#guestbook_send {
	width: auto;
	margin: 0 0 0 100px;
	float: none;
}
#publishemail {
	margin: 0 0 1em 100px;	
}
#publishemail input {
	width: auto;
	display: inline;
	float: none;
}

#guestbookform {
	display: none;
}
#gbErrorUl {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #f00;
}
#gbErrorUl li {
	margin: 0;
	padding: 0;
}
.maillink {
	color: #8BC11D;
	font-size: 11px;
	line-height: 15px;
}
.maillink a {
	text-decoration: underline;
}
.gbListEntry {
	margin: 0 0 1em 0;

}


/* kontaktformular */
.kontaftformular td {
	vertical-align: top;
	padding: 0 10px .5em 0;
}
.kontaftformular input, .kontaftformular textarea {
	width: 280px;
}
.checkbox label {
	display:none;
}
.checkbox input {
	width: auto;
}
#submitIt {
	width: auto;
}
input, textarea {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

/* homepage */

.outercol {
	width: 100%;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;
}
.innercol1, .innercol2 {
	width: 206px;
	float: left;
	margin-right: 10px;

}
.innercol3 {
	width: 206px;
	float: left;
}
#maincol .innercol1 a, #maincol .innercol2 a, #maincol .innercol3 a {
	color: #8BC11D;
}
.clr {
	height: 0%;
	clear: both;
	overflow: hidden;
}






/* mainnav */
#mainnav {
	background: url(media/nav_back.gif) repeat-x #004D8B;
	padding: 0 0 0 0;
	border: 1px solid #fff;
	height: 2.8em;
}

#mainnav a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family:"Times New Roman", Times, serif;
	padding: 0 8px 0 8px;
	border-right: 1px solid #fff;
}
#mainnav ul {
	margin: .6em 0 0 12px;
	padding: 0;
	list-style: none;
}
#mainnav li {
	float: left;
}
#mainnav #class_active a, #mainnav a:hover  {
	color: #B3D941;
}

/* subnavigation */

#subnav {
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;

}
#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subnav a {
	display: block;
	padding: .2em 0 .2em 20px;
	border-bottom: 1px solid #fff; 
}
#subnav a:hover {
	text-decoration: underline; 
}
#subnav li {
	padding: 0;
}
#subnav li li {
	padding: 0;
}
#subnav {
	font-weight: bold;
}
#subnav ul{
	font-weight: normal;
}


#subnav .li_active a {
	background: #fff;
	/*color: #B3D941;*/
}
#subnav li .li_active a {
	background: url(media/nav_pfeil_blau.gif) no-repeat 20px .5em #CDE683;
	color: #003366;
}
#subnav li .li_inactive a {
	background: url(media/nav_pfeil_blau.gif) no-repeat 20px .5em #B3D941;
	color: #003366;
}
#subnav li li a {
	padding: .2em 0 .2em 30px;
	background: url(media/nav_pfeil_blau.gif) no-repeat;
}


/* basislayout */

#pagecontainer {
	width: 912px;
	margin: 0 auto;
	background:url(media/pageback.gif) repeat-y;
}
#innerpage {
	width: 900px;
	margin: 0 auto;
	position: relative;
	
}
#header{
	height: 170px;
	overflow: hidden;
}
#mainnav {
}
#content{
	clear: both;
	overflow: hidden;
	width: 100%;
	background:url(media/contentback.gif) repeat-y;
	padding: 20px 0 0 0;
	min-height: 570px;
}
#leftcol{
	float: left;
	width: 201px;
	margin-right: 30px;
}
#maincol{
	float: left;
	width: 640px;
}
#middlecol{
	float: left;
	width: 440px;
	margin-right: 30px;
}
#rightcol{
	float: left;
	width: 180px;
	font-size: 11px;
	line-height: 15px;

}
.leftcontent{
	font-size: 11px;
	line-height: 15px;
	padding: 0 20px 0 20px;

}


/* BookingCal */

#kalender {
	background: url(media/calback.gif) no-repeat;
	padding: 1.5em 30px 0 20px;
	overflow: auto;
}
#daten {
}
.danke {
	border-top: 8px solid #FF6600;
	padding: .5em 0 .5em 0;
	font-size: 12px;
	line-height: 16px;
	color: #FF6600;
	font-weight: bold;
}


#calnavigation {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	background: url(media/dotline.gif) no-repeat;
	font-size: 13px;
	line-height: 18px;
	position: relative;
}
#thisyear {
	float: left;
	font-weight: bold;
}
#back {
	float: right;
	padding: 0 1.5em 0 0;
	font-size: 12px;
}
#next {
	float: right;
	font-size: 12px;
}
.adminedit {
	color: #0000ff;
	font-size: 12px;
	font-weight: normal;
}

/* Legende */

.legende {
	font-size: 11px;
	font-weight: normal;
	margin: 1px 0 0 0;
	position: absolute;
	left: 210px;
	top: 1.1em;
}
.legende span {
	position: relative;
	display: block;
	float: left;
	padding: 0 1em 0 14px;
	
}
.legende .leg {
	float: left;
	padding: 0 1em 0 0;
}
.legende .belegt {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #FF6600;
	padding: 0;
	margin: 3px 0 0 -14px;
	overflow: hidden;
}
.legende .reserviert {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #FFCC33;
	padding: 0;
	margin: 3px 0 0 -14px;
	overflow: hidden;
}
.legende .frei {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #FFF;
	border: 1px solid #E0E0E0;
	padding: 0;
	margin: 3px 0 0 -14px;
	overflow: hidden;
}
.legende .anreise {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(media/in_confirmed.gif) right top;
	padding: 0;
	margin: 3px 0 0 -14px;
	overflow: hidden;
}
.legende .abreise {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(media/out_confirmed.gif) left 10px;
	padding: 0;
	margin: 3px 0 0 -14px;
	overflow: hidden;
}



.wrapform{
	/*padding: 10px;
	border: 1px solid #B3D941;
	background: #D9ECA0;
	margin: 0 0 1.5em 0;*/
}

#kalender {
	position: relative;
	margin-top: -300px;
	background-color: white;
}

#kalender .resetcal{
	padding: 1em 0 1em 0;
	background: url(media/dotline.gif) no-repeat;
	overflow: auto;
}
#outputcal {
	float: left;
	width: 544px;
	color: #8BC11D;
}
#kalender .resetcal input{
	width: auto;
	float: left;
}
#kalender .submitcal{
	padding: .5em 0 1em 544px;
}
#kalender .submitcal input{
	width: auto;
	float: none;
}

#kalender label {
	display: block;
	padding: .5em 0 0 0;
	overflow: auto;
	clear: both;
}
#kalender .labelname {
	display: block;
	width: 120px;
	float: left;
	font-size: 11px;
}
#kalender input {
	width: 200px;
	float: left;
}
#kalender textarea {
	width: 280px;
	float: left;
}
#kalender .wraprow {
	clear: both;
	width: 100%;
	overflow: auto;
}
#kalender .wrap {
	width: 50%;
	overflow: auto;
	float: left;
}


#calendar {
	width: 848px;
	color: #333366;
	font-size: 11px;
	padding: 1em 0 1em 0;
	clear: both;
}
#calendar td {
	border-top: 1px solid #e8e8e8;
	height: 17px;
	/*position: relative;*/
	overflow: hidden;
}
#calendar td a {
	color: #0000ff;
	text-decoration: underline;
}
#calendar tr, #calendar .calendar_tr {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* wegen ie */
.druebber {
	cursor: pointer;
}
.wech {
	cursor: default;
}

#calendar tr:hover {
	background-color: #f9f9f9;
}
#calendar .daynames:hover {
	background-color: #fff;
}

.date:hover, .sonntag:hover {
	cursor: pointer;
}
.confirmed:hover, .notconfirmed:hover {
	cursor: default;
}
.checkinnotconfirmed:hover, .checkinconfirmed:hover, .checkoutnotconfirmed:hover, .checkoutconfirmed:hover {
	 cursor: pointer;
}

.info {
	position: absolute;
	display: none;
	background: #fff;
	border: 1px solid #999;
	padding: 1em;
	text-align: left;
	font-size: 11px;
	line-height: 14px;
	z-index: 100;
}
.day {
	text-align: center;
	width: 20px;
	height: 17px;

}
.daysonntag {
	text-align: center;
	width: 20px;
	background: #e8e8e8;
	height: 17px;

}
.month {
	text-align: right;
	font-weight: bold;
	padding: 0 10px 0 0;
}
.date {
	text-align: center;
}
.sonntag {
	background: #e8e8e8;
	text-align: center;
}
.confirmed {
	text-align: center;
	background: #FF6600;
}

.notconfirmed {
	text-align: center;
	background: #FFCC33;
}
#calendar .nextyeartd, #calendar .thisyeartd {
	font-weight: bold;
	color: #8BC11D;
	text-align: right;
	padding: 0 10px 0 0;
}
.checkoutconfirmed {
	background: url(media/out_confirmed.gif) no-repeat;
}
.checkoutnotconfirmed {
	background: url(media/out_notconfirmed.gif) no-repeat;
}
.checkinnotconfirmedcheckoutnotconfirmed {
	background: url(media/out_notconfirmed_in_notconfirmed.gif) no-repeat;
}
.checkinconfirmedcheckoutnotconfirmed {
	background: url(media/out_notconfirmed_in_confirmed.gif) no-repeat;
}
.checkinnotconfirmedcheckoutconfirmed {
	background: url(media/out_confirmed_in_notconfirmed.gif) no-repeat;
}
.checkinconfirmed {
	background: url(media/in_confirmed.gif) no-repeat;
}
.checkinnotconfirmed {
	background: url(media/in_notconfirmed.gif) no-repeat;
}
.temp {
	background-color: #B4D943;
}