@import url("reset-clearfix.css");

/*--------------------------------------*/
/*--------------- LAYOUT ---------------*/
/*--------------------------------------*/


body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: #7b858f url(/fileadmin/media/_statics/page-bg.gif) no-repeat center 20px;
	text-align: center;
}
#wrapper { 
	margin: 0 auto;
	background: #7b858f;
	width: 900px;
	text-align: left;
}

/*--------------- HEADER ---------------*/
#header {
	float: left;
	border-bottom: 2px solid #fff;
	height: 170px;
	width: 900px;
	color: #333;
	background: #f78f00 url(/fileadmin/media/_statics/header-bg.gif) repeat-y;
}
	#logo {
		float: left;
		height: 170px;
		width: 170px;
		vertical-align: bottom;
	}
		#logo img {
			display: block;
		}
	#languages {
		float: left;
		height: 170px;
		width: 170px;
		vertical-align: bottom;	
	}
		#languages a {
			position: relative;
			top: 140px;
			left: 25px;
			margin-right: 10px;
		}
	#headerimage {
		float: left;
		height: 170px;
		width: 540px;
		vertical-align: bottom;
	}
		#headerimage img {
			display: block;
		}
	#keyvisual {
		float: left;
		width: 20px;
		height: 170px;
		background: #f78f00 url(/fileadmin/media/_statics/keyvisual.gif) no-repeat;
	}


/*--------------- LEFTCOLUMN -----------*/
#leftcolumn { 
	color: #333;
	width: 170px;
	float: left;
}
	/*------- MAINMENU -------*/
	#mainmenu {
		padding: 15px 0 30px 0;
		vertical-align: top;
	}
		/*------- 1st level ------*/
		#mainmenu ul li {
			width: 170px;
			margin: 0 0 1px 0;
		}
			#mainmenu a { /* 1st level navi link item */
				display: block;
				padding: 7px 15px 4px 15px;
				font-size: 12px;
				text-align: right;
				text-decoration: none;
				font-style: normal;
				color: #fff;
			}
			* html #mainmenu a { /* only IE */
				width: 155px; /* 170 = 140+0+15 */
				padding: 5px 0 5px 15px;
			}
			#mainmenu a:hover, #mainmenu a.active, #mainmenu a.active:link, #mainmenu a.active:hover, #mainmenu a.active:active, #mainmenu a.active:visited { /* 1st level hover item */
				color: #f48e0f;
				font-weight: bold;
			}
	
			/*------- 2st level ------*/
			#mainmenu ul ul {
				position: static;
				padding: 0 0 20px 0;
			}	
				#mainmenu ul ul a { /* 2nd level navi link item */
					display: block;
					padding: 3px 25px 2px 25px;
					font-size: 12px;
					color: #fff;
					font-weight: normal;
					font-style: normal;
					text-decoration: none;
					text-transform: none;
				}
				* html #mainmenu ul ul a { /* IE only */
					width: 120px; /* 170 = 120+25+25 */
					padding: 3px 25px 2px 25px;
				}
				#mainmenu ul ul a:hover, #mainmenu ul ul a.subactive, #mainmenu ul ul a.subactive:link, #mainmenu ul ul a.subactive:hover, #mainmenu ul ul a.subactive:active, #mainmenu ul ul a.subactive:visited { /* 2nd level hover item */
					font-weight: normal;
					color: #f48e0f;
				}


/*--------------- CONTENT --------------*/
#content-holder {
	display: inline;
	float: left;
	padding: 0 0 150px 0;
	background: #fcddb7 url(/fileadmin/media/_statics/footer.gif) bottom center no-repeat;
	width: 730px;
}
	#col-normal-1 {
		float: left;
		margin-left: 40px;
		width: 440px;
	}
	#col-normal-2 {
		float: left;
		margin-left: 40px;
		width: 645px;
	}
	#col-left {
		float:left;
		margin-left: 40px;
		width: 440px;
	}
	#col-right {
		float: right;
		width: 210px;
		background: #f78f00;
	}
	
	.color-bg {
		padding: 10px !important;
		background: #cbd2d9;
	}

/*--------------- FORMULARE ------------*/
input, textarea {
	border: 1px solid #7b858f;
}


/* Randspalte */
#anfrage-home h3 {
	color: #fff !important;
	border-bottom: 1px solid #fff !important;
	margin-bottom: 10px !important;
}
#anfrage-home {
	font-size: 0.9em;
	letter-spacing: 0.01em;
	color: #fff;
	margin-left: 30px;
	width: 125px;
}
.home-label {
	line-height: 20px;
	width: 65px; /*100px;*/
	height: 25px;
	vertical-align: top !important;
}
.home-label-date {
	/*height: 18px;*/
}

	* html #home-date-table td {
		height: 25px;
	}
	#home-date-table td {
		/*height: 25px;
		vertical-align: top;*/
	}
	#home-date-table img {
		padding: 0;
		float: left;
		border: none;
		display: inline;
	}
.home-input-small {
	float: left;
	border: 1px solid #59636d;
	padding: 2px 2px 2px 4px;
	background: #dce2e9;
	width: 40px;
	font-size: 0.9em;
}
* html .home-input-small, * html #home-date-table img {
	margin-top: 0;
}
.home-input-middle {
	border: 1px solid #59636d;
	padding: 2px;
	width: 60px; /*100px;*/
	background: #dce2e9;
	font-size: 0.9em;
}
.home-submit {
	border: 1px solid #59636d;
	background: #fff;
	width: 123px;
	font-size: 0.9em;
}

/* Reservierung */
#reservierung .label {
	width: 175px;
	height: 25px;
}
#reservierung input, #reservierung textarea, #reservierung select {
	width: 250px;
}
#reservierung .small {
	width: 100px;
}
#reservierung .radiobutton {
	border: 0;
	width: 12px;
	height: 12px;
}



/*--------------------------------------*/
/*------ SONSTIGE EXTENSIONS -----------*/
/*--------------------------------------*/

/* ----- tt_content --------------------*/
.csc-textpic-caption {
	line-height: 1.6em;
	font-size: 0.8em;
	color: #7b858f;
}
#col-right .csc-textpic-caption { color: #fff; }
/* ----- PAGETEASER --------------------*/
.teasercontent {
	padding: 10px;
	color: #fff;
	background: #7b858f;
}
	.teasercontent-image {
		margin-bottom: 20px;
	}


/* ----- SEND_CARD ---------------------*/
#srsendcard-preview {
	border: 1px solid #7b858f;
}
#srsendcard {
	width: 500px;
}
td.cardformheader { /* ähnlich h2 */
	margin: 2em 0 0.5em 0 !important;
	height: 30px;
	font-weight: bold;
	line-height: 1.2em;
	font-style: normal;
	color: #000 !important;
	text-decoration: none;
}
td.card-titel {
	padding: 5px;
	font-style: italic;
	color: #7b858f;
	font-size: 1.2em;
}
td.card-spacer {
	height: 45px;
}
td.card-label {
	width: 125px;
	height: 27px;
}
.card-textarea, .card-input {
	width: 375px;
	padding: 2px;
}
.card-textarea, .card-input, .tx-srsendcard-pi1-submit {
	border: 1px solid #7b858f;
}
.card-alert {
	font-weight: bold;
	color: #df0517;
	padding-bottom: 5px;
}
.tx-srsendcard-pi1-selector table { border-spacing: 15px; }
.tx-srsendcard-pi1-selector td {
	padding: 0 5px 3px 5px;
	border: 1px solid #7b858f;
}
.tx-srsendcard-pi1-selector td p {
	line-height: 9px !important;
	text-align: center;
}


/* ----- GUESTBOOK ---------------------*/
#guestbook_form .label { 
	height: 25px;
	width: 125px;
	padding-right: 20px;
}
#guestbook_form input, #guestbook_form textarea, #guestbook_form select {
	width: 250px;
}
#guestbook_form .small {
	width: 100px;
}
.tx-srfreecap-pi2-image {
	border: 1px solid #7b858f;
	margin: 0 0 10px 0 !important;
}
.tx-srfreecap-pi2-cant-read, .tx-srfreecap-pi2-cant-read a {
	color: #000 !important;
	font-weight: normal !important;
}
.tx-srfreecap-pi2-cant-read a, .tx-srfreecap-pi2-cant-read a:link, .tx-srfreecap-pi2-cant-read a:visited {
	text-decoration: underline;
}
.tx-srfreecap-pi2-cant-read a:hover, .tx-srfreecap-pi2-cant-read a:active {
	text-decoration: none;
}
/* display of result count */
.tx-veguestbook-pi1 .tx-guestbook-result {
	font-weight:bold;
	float:left;
}


/* pagination */
.tx-veguestbook-pi1 .tx-guestbook-pagination {
	font-size:75%;
	font-weight:bold;
	float:right;
}

/* styles for list mode */
.tx-veguestbook-pi1 .tx_guestbook_wrap {
	border: 1px solid #fccc92;
	background: #ffeeda;
}
.tx-veguestbook-pi1 .tx-guestbook-header {
	background:#fccc92;
	color:#000 !important;
	font-size:100%;
	padding: 7px 10px 5px 10px;
}
.tx-veguestbook-pi1 .tx-guestbook-date {
	padding: 7px 10px 5px 10px;
	background: #ffe6c9;
	color: #000 !important;
}
.tx-veguestbook-pi1 .tx-guestbook-header a:link, .tx-veguestbook-pi1 .tx-guestbook-header a:visited {
	color: #eb6309 !important;
	font-weight:bold;
	text-decoration: none !important;
}
.tx-veguestbook-pi1 .tx-guestbook-header a:hover, .tx-veguestbook-pi1 .tx-guestbook-header a:active {
	color: #eb6309 !important;
	font-weight:bold;
	text-decoration: none !important;
}
.tx-veguestbook-pi1 .tx-guestbook-date a:link, .tx-veguestbook-pi1 .tx-guestbook-date a:visited {
	color: #000 !important;
	text-decoration: none !important;
}
.tx-veguestbook-pi1 .tx-guestbook-date a:hover, .tx-veguestbook-pi1 .tx-guestbook-date a:active {
	color: #000 !important;
	text-decoration: none !important;
}
.tx-veguestbook-pi1 .tx-guestbook-message {
	width:21em;
	padding: 1.5em 3em 1em 3em;
}