/* @override 
	http://p110540.typo3server.info/fileadmin/templates/css/bs_style.css
	http://www.business-und-service.de/fileadmin/templates/css/bs_style.css
*/

/* @group BASIC */

* {
	padding: 0;
	margin: 0;
	border: 0;
	}

body,html {
	height: 100%;
	margin-bottom: 1px;
	}

body {
	background: #a6b344 url(img/bg_home.gif) repeat-x;
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #666;
	}

body#page {
	background: #fff url(img/bg_page.gif) repeat-x;
	height: 100%;
	}

#seite {
	position: absolute;
	width: 930px;
	left: 50%;
	margin-left: -465px;
	}

h1 {
	

/*google*/
	position: absolute;
	top: -150px;
	}

ul li {
	list-style-type: none;
	}

/* @end */

/* @group TOP/NAV */

#top h2 {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	padding-top: 17px;
	padding-bottom: 11px;
	}

#top {
	width: 900px;
	height: 90px;
	padding: 30px 0 0 30px;
	}

#multimedia {
	width: 930px;
	height: 182px;
	margin-bottom: 22px;
	}

/*subnav*/

ul#subnav,
ul#sprachnav,
ul#subnav li,
ul#sprachnav li {
	float: left;
	}

ul#subnav li a,
ul#sprachnav li a {
	font-size: 10px;
	float: left;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	border-left: solid 1px #fff;
	}

ul#subnav li a.first {
	border: none;
	}

ul#subnav li a.first {
	padding-left: 0;
	}

ul#subnav li a:hover,
ul#sprachnav li a:hover,
ul#subnav li a#active,
ul#sprachnav li a#active {
	color: #a6b344;
	}

div.navwrap {
	float: left;
	}

a.logo {
	float: right;
	width: 320px;
	height: 65px;
	display: block;
	background-image: url(img/kreislogo.jpg);
	}

a.logo span {


/*text ausblenden*/
	position: absolute;
	top: -300px;
	}

/*mainnav*/

ul#mainnav {
	width: 930px;
	height: 330px;
	}

ul#mainnavpage {
	width: 930px;
	height: 24px;
	margin-top: 16px;
	}

ul#mainnav li,
ul#mainnavpage li {
	float: left;
	}

ul#mainnav li a,
ul#mainnavpage li a {
	text-decoration: none;
	float: left;
	display: inline;
	width: 228px;
	height: 330px;
	color: #fff;
	text-align: center;
	font: 13px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	background: url(img/nav227.gif) repeat-x;
	margin-right: 4px;
	}

ul#mainnavpage li a {
	height: 24px;
	background-color: #a6b344;
	background-image: none;
	}

ul#mainnav li a img {
	margin-top: 30px;
	}

ul#mainnav li a h2 {
	color: #a6b344;
	font-size: 13px;
	text-align: left;
	font-weight: normal;
	}

ul#mainnav li a div {
	border-right: solid 1px #ccc;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	}

ul#mainnav li a p {
	font-size: 11px;
	color: #666;
	line-height: 150%;
	text-transform: none;
	text-align: left;
	}

ul#mainnavpage li a:hover,
ul#mainnavpage li a#active,	
ul#mainnav li a:hover {
	color: #a6b344;
	background: none;
	}

ul#mainnav li a.first,
ul#mainnavpage li a.first {
	width: 227px;
	margin-left: 4px;
	}

ul#mainnav li a.last,
ul#mainnavpage li a.last {
	width: 227px;
	}

/* @end */

/* @group CONTENT */

#colgreen {
	position: absolute;
	float: left;
	margin-left: -699px;
	display: block;
	width: 100%;
	min-height: 850px;
	background: #a6b344 url(img/bg_colgreen_neu.gif) repeat-x;
	margin-top: 20px;
	}

#colgreen ul {
	float: right;
	width: 201px;
	padding-top: 20px;
	height: 120px;
	}

#colgreen ul li a {
	text-decoration: none;
	color: #838f37;
	font-size: 12px;
	height: 20px;
	display: block;
	}

#colgreen ul li a:hover,
#colgreen ul li a#active {
	color: #262f4d;
	}

#kontaktbox {
	width: 201px;
	clear: both;
	float: right;
	color: #fff;
	line-height: 150%;
	}

#kontaktbox h3 {
	float: left;
	padding-top: 10px;
	font: normal 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	}

#kontaktbox a {
	margin-top: 15px;
	display: block;
	background: url(img/email_big.jpg) no-repeat;
	height: 26px;
	width: 140px;
	color: #dedfdf;
	text-decoration: none;
	text-align: left;
	padding: 2px 0 0 10px;
	font-size: 10px;
	}

#kontaktbox a.nomargin {
	margin: 5px 0 0 0;
	}

#kontaktbox a#imglink {
	background: none;
	width: 105px;
	padding: 0 96px 0 0;
	float: left;
	height: 120px;
	margin: 0;
	}

#kontaktbox a:hover {
	color: #fff;
	}

#content {
	position: absolute;
	display: block;
	top: 190px;
	left: 236px;
	line-height: 180%;
	border-left: solid 1px #ccc;
	}

#content p {
	width: 95%;
	padding-bottom: 15px;
	}

#content h2 {
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #262f4d;
	padding-top: 10px;
	padding-bottom: 15px;
	}

#content h3 {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #838f37;
	padding-bottom: 5px;
	}

#content h3.rgaccord2-toggle {
	float: left;
	cursor: pointer;
	border-bottom: solid 1px #CCC;
	padding: 10px 0 5px 0;
	height: auto;
	line-height: 20px;
	width: 450px;
	color: #999;
	pointer: cursor;
	}

#content h3.rgaccord2-toggle:hover,
#content h3.rgaccord2-toggle.act {
	color: #a6b344;
	}

#main div.rgaccord2-nest div.rgaccord2-content {
	float: left;
	}

#main div.rgaccord2-nest div.rgaccord2-content p.bodytext {
	float: left;
	padding-top: 10px;
	}

#main p.bodytext a {
	text-decoration: none;
	color: #a6b344;
	}

#main p.bodytext a:hover {
	color: #262f4d;
	}

#content #main {
	float: left;
	width: 450px;
	padding-left: 15px;
	}

div.rgaccord2-nest.hoteldetails {
	float: left;
	width: 450px;
	}

#content #colimg {
	float: right;
	width: 228px;
	}

#content #colimg p#anfahrt {
	padding-top: 62px;
	}

hr.kontaktlinie {
	float: left;
	margin: 10px 0;
	width: 200px;
	height: 1px;
	background-color: #ccc;
	display: block;
	color: #ccc;
	}

/* @group TEXT WITH IMAGE */

#main div.csc-textpic.csc-textpic-intext-left {
	float: left;
	width: 440px;
	}

*+html #main div.csc-textpic.csc-textpic-intext-left {
	padding: 0 0 10px 0;
	}

#main div.csc-textpic.csc-textpic-intext-left img {
	float: left;
	}

#main div.csc-textpic.csc-textpic-intext-left p {
	width: 320px;
	float: right;
	line-height: 160%;
	}

/* @end TABLES */

#main table.contenttable {
	display: block;
	border: solid 1px #DDD;
	padding: 20px;
	}

#main table.contenttable p {
	padding: 0;
	}

#main table.contenttable tbody tr td {
	width: 125px;
	vertical-align: top;
	}

/* @end TABLES */



/* @group LISTS */

#main ul li {
	list-style-type: square;
	}

#main ul {
	padding: 0 0 0 15px;
	}

/* @end  LISTS */

/* @group FORMULARE */

div.tx-powermail-pi1 {
	float: left;
	}
	


div.tx_powermail_pi1_fieldwrap_html {
/* DIV container arround every field */
	margin: 0 0 10px 0;
	float: left;
	}

/* Powermail */

/* Form */

span.powermail_mandatory {
	

/* Color of mandatory error message */
	color: #a6b344;
	}

input.validation-failed,
textarea.validation-failed {
	

/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
	}

div.powermail_mandatory_js {
	

/* DIV container of errormessage */
	color: #a6b344;
	margin: 3px 0 15px 200px;
	}

fieldset.tx-powermail-pi1_fieldset {
	

}

fieldset.tx-powermail-pi1_fieldset legend {
	display: none;
	}

fieldset.tx-powermail-pi1_fieldset label {
	

/* label */
	display: block;
	width: 160px;
	float: left;
	clear: both;
	padding: 0 15px 0 0;
	}

fieldset.tx-powermail-pi1_fieldset input.powermail_text {
/* Input and textarea */
	width: 260px;
	height: 17px;
	border: solid 1px #ccc;
	}

fieldset.tx-powermail-pi1_fieldset select {
	width: 260px;
	border: solid 1px #ccc;
	}

select#uid77.powermail_reservierung.powermail_select.powermail_uid77 {
	width: 262px;
	}

input.tx-powermail-pi1_confirmation.tx-powermail-pi1_confirmation_back {
	font-weight: bold;
	width: 90px;
	height: 20px;
	background-color: #a6b344;
	border: solid 1px #ccc;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	}

input.tx-powermail-pi1_confirmation.tx-powermail-pi1_confirmation_submit {
	font-weight: bold;
	width: 160px;
	height: 20px;
	background-color: #a6b344;
	border: solid 1px #ccc;
	cursor: pointer;
	float: left;
	}

fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
	border: solid 1px #ccc;
	width: 260px;
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	

/* Radiobuttons */
	margin: 5px 0;
	}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
input.tx-powermail-pi1_mandatory_submit {
	

/* submit button */
	color: #FFF;
	font-weight: normal;
	width: 90px;
	height: 20px;
	background-color: #a6b344;
	border: solid 1px #ccc;
	cursor: pointer;
	}

input.tx-powermail-pi1_mandatory_submit {
	margin: 20px 0 0 0;
	width: 150px;
	}

#main div.tx-powermail-pi1 div.tx-powermail-pi1_mandatory ul.powermail_mandatory_list li.powermail_mandatory_listitem strong {
	font-weight: normal;
	}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit:hover {
	color: #fff;
	}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

div.countryzone {
	margin: 10px 0 0 200px;
	}

div.tx_powermail_pi1_fieldwrap_html label a {
	

/* Description */
	cursor: help;
	}

div.tx_powermail_pi1_fieldwrap_html label a dfn {
	

/* Description */
	display: none;
	}

div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	

/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	}

div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	

/* Description icon */
	padding: 2px 2px 0 2px;
	}

/* Confirmation */

td.powermail_all_td {
	padding: 3px 10px 3px 0;
	}

/* THX */

td.powermail_all p.bodytext {
	margin: 0;
	}

input#uid14_hr.jscalendar,
input#uid22_hr.jscalendar,
input#uid79_hr.jscalendar,
input#uid80_hr.jscalendar {
	border: solid 1px #ccc;
	width: 120px;
	height: 17px;
	}

input#uid22_cb.jscalendar_cb,
input#uid14_cb.jscalendar_cb {
	display: none;
	}

/* @group HOTELRESERVIERUNG */

form#hotelreservierung.tx_powermail_pi1_form {
	margin: 50px 0 0 0;
	}

form#hotelreservierung.tx_powermail_pi1_form legend {
	display: block;
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #262f4d;
	padding-top: 10px;
	padding-bottom: 15px;
	}

#powermaildiv_uid135,
#powermaildiv_uid123,
#powermaildiv_uid171,
#powermaildiv_uid175,
#powermaildiv_uid141,
#powermaildiv_uid137,
#powermaildiv_uid154,
#powermaildiv_uid158,
#powermaildiv_uid188,
#powermaildiv_uid205,
#powermaildiv_uid209,
#powermaildiv_uid192 {
	float: left;
	border-bottom: solid 1px #CCC;
	width: 400px;
	margin: 0 40px 20px 0;
	padding: 0 0 20px 0;
	}

#powermaildiv_uid135 p,
#powermaildiv_uid137 p,
#powermaildiv_uid171 p,
#powermaildiv_uid154 p,
#powermaildiv_uid188 p,
#powermaildiv_uid205 p {
	display: none;
	}

#powermaildiv_uid135 input,
#powermaildiv_uid137 input,
#powermaildiv_uid171 input,
#powermaildiv_uid154 input,
#powermaildiv_uid205 input,
#powermaildiv_uid188 input {
	float: left;
	margin: 3px 0 0 0;
	}

#powermaildiv_uid135 label,
#powermaildiv_uid137 label,
#powermaildiv_uid171 label,
#powermaildiv_uid154 label,
#powermaildiv_uid205 label,
#powermaildiv_uid188 label {
	float: right;
	width: 375px;
	}

#powermaildiv_uid119 label,
#powermaildiv_uid119 select,
#powermaildiv_uid170 label,
#powermaildiv_uid170 select,
#powermaildiv_uid136 label,
#powermaildiv_uid136 select,
#powermaildiv_uid153 label,
#powermaildiv_uid153 select,
#powermaildiv_uid204 label,
#powermaildiv_uid204 select,
#powermaildiv_uid187 label,
#powermaildiv_uid187 select {
	width: 420px;
	margin: 0 0 5px 0;
	}

#powermaildiv_uid119 p span,
#powermaildiv_uid170 p span,
#powermaildiv_uid136 p span,
#powermaildiv_uid153 p span,
#powermaildiv_uid187 p span,
#powermaildiv_uid204 p span {
	font-weight: bold;
	}

#powermaildiv_uid119 a,
#powermaildiv_uid170 a,
#powermaildiv_uid136 a,
#powermaildiv_uid153 a,
#powermaildiv_uid204 a,
#powermaildiv_uid187 a {
	text-decoration: none;
	color: #a6b344;
	}

#powermaildiv_uid119 a:hover,
#powermaildiv_uid170 a:hover,
#powermaildiv_uid136 a:hover,
#powermaildiv_uid153 a:hover,
#powermaildiv_uid204 a:hover,
#powermaildiv_uid187 a:hover {
	color: #262f4d;
	}

input.powermail_hotelreservierung.powermail_submit.powermail_submit_uid134,
input.powermail_hotelreservierung.powermail_submit.powermail_submit_uid186,
input.powermail_hotelreservierung.powermail_submit.powermail_submit_uid152,
input.powermail_hotelreservierung.powermail_submit.powermail_submit_uid169,
input.powermail_hotelreservierung.powermail_submit.powermail_submit_uid220 {
	width: 140px;
	}

div.tx-powermail-pi1_mandatory,
div.tx-powermail-pi1_confirmation {
	float: left;
	width: 450px;
	padding: 0 0 15px 0;
	}

/* @end HOTELRESERVIERUNG */

/* @end */

/* @group SITEMAP */

#main div.tx-flseositemap-pi1 a {
	text-decoration: none;
	color: #666;
	padding-left: 13px;
	background: url(img/sitemap_pfeil.gif) no-repeat center left;
	}

#main div.tx-flseositemap-pi1 a:hover {
	color: #a6b344;
	background: url(img/sitemap_pfeil_act.gif) no-repeat center left;
	}

#main div.tx-flseositemap-pi1 ul li ul {
	padding-left: 15px;
	}

/* @end SITEMAP */

#page div.calendar table tbody tr.time {
	display: none;
	}

#kontaktbox span.fon {
	display: block;
	width: 50px;
	float: left;
	}

#main div.tx-flseositemap-pi1 ul li a {
	background: none;
	padding: 0;
	}

/* @group FCE */

div.rgaccord2-nest div.rgaccord2-content a {
	text-decoration: none;
	color: #a6b344;
	}

div.rgaccord2-nest div.rgaccord2-content a:hover {
	color: #262f4d;
	}

div.rgaccord2-nest div.rgaccord2-content span.desc {
	padding: 10px 0 0 0;
	display: block;
	float: left;
	width: 450px;
	}

div.rgaccord2-nest div.rgaccord2-content span.price {
	font-weight: bold;
	}

/* @end FCE */
