/* @override 
	http://dev.gutlandegge.de/fileadmin/templates/site/_css/layout.css
	http://www.gutlandegge.de/fileadmin/templates/site/_css/layout.css
*/

@import url("reset.css"); 
html, body {
	height: 100%;
}
body{
	background: #FFF url(../_gfx/bg_body.jpg) top left repeat;
	background-attachment: fixed;
}
#wrapper {
	width: 930px;
	padding: 0 30px 0px 30px;
	margin: 0 auto;
	background:transparent url(../_gfx/bg_wrapper.png) top left repeat-y;
}
.familotel {
	background-color: #b70717;
	width: 100%;
	height: 40px;
}
.familotel h4{
	width: 118px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	background: url(../_gfx/logo_familotel.jpg) no-repeat;
	text-indent: -9999px;
}
.familotel h4 a{
	width: 118px;
	height: 40px;
	display: block;
}
.familotel .flag{
	position: relative;
	top: -40px;
	left: 930px;
	width: 20px;
	height: 60px;
	background: transparent url(../_gfx/fahne-familotel.png) top right no-repeat;
}
#head{
	width: 930px;
	height: 220px;
	position: absolute;
}
#headimg{
	position: absolute;
	top: 0;
	right: 0;
	width: 700px;
	height: 220px;
	z-index: 1;
}
#headimg img{
	position: absolute;
	top: 0; left: 0;
}
#logo{
	height: 170px;
	width: 450px;
	margin: 0;
	background: url(../_gfx/logo_gutlandegge.png) no-repeat;
	text-indent: -9999px;
	float: left;
	position: absolute;
	top: 0; left: 0;
	z-index: 2;
}
#logo a{
	width: 100%;
	height: 100%;
	display: block;
}
#head img{
	float: right;
}
#maincontent {
	width: 930px;
	background: transparent url(../_gfx/bg_maincontent.jpg) 0px 0px repeat-y;
	margin-top: 150px;
	height: 100%;
}
#leftpan{
	width: 710px;
	padding: 40px 20px 0 20px;
	float: left;
	position: relative;
}
#rightpan{
	margin-top: 20px;
	width: 180px;
	float: right;
}
#rightpan h3{
	margin: 0 0 0.2em 0;
}
#rightpan ul li a{
	color: #474747;
	padding-left: 5px;
	background: transparent url(../_gfx/li.jpg) 0 8px no-repeat;
}
#rightpan ul li a:hover{
	color: #006a4d;
}
#rightpan .logos{
	margin: 20px 0 20px 10px;
}
#rightpan .logos img{
	margin: 2px 0;
}

/* @group booking */

#rightpan .booking h2{
	margin: 0;
	text-transform: uppercase;
	font-size: 1.3em;
}
#rightpan .booking h3{
	margin: -.4em 0 0.1em 0;
	font-size: 1.3em;
}
.booking input,
.booking select{
	display: inline;
	float: none;
	padding: 1px;
	margin-bottom: 2px;
}
.booking input.submit{
	width: 160px;
	margin-top: 5px;
}
.booking p{
	margin: 0;
	padding: 0;
}

/* @end */
#footer {
	width: 940px;
	height: 77px;
	padding: 73px 0 0 50px;	
	background: transparent url(../_gfx/bg_footer.png) 0px 0px repeat-y;
	z-index: 200;
	margin: 0 auto;	
	margin-bottom: 20px;
	position: relative;
	top: 0; left: 0;
	color: #FFF;
	line-height: 140%;
	font-size: 0.9em;
}
#footer a{
	color: #FFF;
}
#familotelad {
	margin-left: -19px;
	margin-top: 50px;
}
#footer .printversion{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 730px;
	padding-top: 10px;
	background: url("../_gfx/bg_hr-2.jpg") repeat-x scroll right top transparent;
}
#footer .printversion a{
	color: #777;
	padding-left: 40px;
	display: block;
	background: url(/fileadmin/icons/pdf.gif) no-repeat 20px center;
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 20px;
}
.col_25 {
	float: left;
	margin-right: 10px;
	width: 170px;
	font-size: 0.9em;
	line-height: 130%;
}
.col_25 img{
	margin-bottom: 8px;
}
.col_25.last {
	margin-right: 0px;
}
.col_25.last p {
	padding-right: 10px;
}
.col_25.green {
	width: 150px;

	background-color: #006a4d;
	padding: 10px;

}

.col_25.green h3{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #FFF;
}
.col_25.green ul li{
	margin: 0 0 2px 0;
	padding: 0;
	color: #FFF;
	padding-left: 4px;
	line-height: 120%;
	font-size: 0.9em;
	background: transparent url(../_gfx/li_green.jpg) 0 7px no-repeat !important;	
}
/* @group Menu */
#menu {
	position: relative;
	top: 170px; left: 0px;	
	width: 930px;
	height: 70px;
	background: transparent url(../_gfx/bg_menu.png) 730px 0 no-repeat;		
	z-index: 100;
}
#list{
	padding: 20px 0 0 28px;
	font-size: 1em;
	text-transform: uppercase;
	background: transparent url(../_gfx/bg_list.jpg) top left repeat-x;	
	float: left;
	margin: 0;
	height: 30px;
	width: 702px;
}
#list li{
	float: left;
	padding: 0;
	margin: 0;
	height: 10px;
	padding-bottom: 20px;
}
#list li a{
	display: block;
	border: none;
	color: #FFF;
	line-height: 10px;
	text-decoration: none;
	border-right: 1px solid #FFF;
	padding: 0 9px;
}
#list li.last a{
	padding: 0 0 0 9px;
	margin-right: 0px;
	border: none;
}

#list li.active,
#list li.hover{
	background: transparent url(../_gfx/bg_menu-active.png) bottom center no-repeat;	
}


#list ul{
	padding-left: 27px;
	border-bottom: 1px solid #d2d2d0;
	position: absolute;
	left: 0; top: 50px;
	background-color: #FFF;
	display: none;
	height: 20px;
	width: 703px;
	padding-top: 10px;
	text-transform: none;
}
#list .active ul {
	display: block;
}
#list ul li{
	float: left;
	padding: 0;

	line-height: 40%;
	font-size: 1.05em;
	height: auto;
}

#list ul a,
#list li.last ul a{
	display: block;
	padding: 0px 8px 1px 8px;
	border: none;
	color: #006A4D;
	border-right: 1px solid #006a4d;
	font-weight: normal;
}
#list ul li.last a,
#list li.last ul li.last a{
	border-right: none;
}
#list ul .active a{
	font-weight: bold;
}
/* @end */

.col_left {
	width: 48%;
	float: left;
	margin-right: 20px;	
}
.col_right{
	width: 48%;
	float: left;	
}
.column7030 .col_left{
	width: 67%;	
}
.column7030 .col_right{
	width: 28%;	
}

.column303030 .col_left{
	width: 31%;	
}
.column303030 .col_middle{
	width: 31%;	
	float: left;
	margin-right: 20px;
}
.column303030 .col_right{
	width: 31%;	
}
.column7030 .column5050 .col_left{
	width: 48%;
	float: left;
	margin-right: 10px;	
}
.column7030 .column5050 .col_right{
	width: 48%;
	float: right;	
}
.csc-frame-frame1{
	background-color: #e5f0ed;
	padding: 10px;
}
.csc-frame-frame1 .bodytext{
	margin-bottom: 0;
}
.col_right .csc-frame-frame1 {
	margin-right: 8px;
}
.clear {
	float: none;
	clear: both;
}
#content ul{
	margin: 0.6em 0;
}
#content ul li{
	padding-left: 5px;
	background: transparent url(../_gfx/li.jpg) 0 9px no-repeat;
}
ul.csc-bulletlist{
	color: #474747;
	list-style-type: square;
	margin: 0 !important;
	margin-left: 20px !important;
}
ul.csc-bulletlist li{
	background-image: none !important;
	line-height: 120%;
	padding-bottom: 3px;
	padding-left: 0 !important;
}

.col_25.green ul {
	margin: 0 !important;	
}


/* @group powermail */
#content .jscalendar_cb {
	display: none;
}
#uid59_msgCnt, #uid60_msgCnt {
	display: none;
}
.calendar {
	border-color: #999 !important;
}

.calendar table thead td,
.calendar table tfoot td {
	background-color: #AAA;
}

.calendar table tbody td {
	background-color: #EEE;
}

.tx_powermail_pi1_fieldwrap_html span div,
#content .date2cal_img_help {
	display: none;
}
#powermaildiv_uid37, #powermaildiv_uid51 {
	position: relative;
	top: 0; left: 0;	
}

table.powermail_all.powermail_all_table td {
	padding: 2px 0;
	padding-right: 20px;
	border: none;
}
table.powermail_all.powermail_all_table tr {
	background: url(../_gfx/dotted-line.gif) 0px 23px repeat-x;
}

.powermail_captcha {
	margin-left: 2px;
	margin-right: 10px;
}
#powermaildiv_uid10{
	position: relative;
	top: 0; left: 0;
}
img.powermail_captcha.powermail_captcha_captcha {
	position: absolute;
	left: 300px; top: 0;
}
.powermail_captcha_captcha {
	float: left;
}
.powermail_mandatory_js {
	color: #c7171f;
	font-size: 0.9em;
	font-style: italic;
	clear: both;
}
.powermail_check_inner {
	display: block;
	clear: both;
}

#content .tx_powermail_pi1_fieldwrap_html_checkbox_title, #content .tx_powermail_pi1_fieldwrap_html_radio_title, #content .tx_powermail_pi1_fieldwrap_html,
#content .powermail_radio_inner {
	clear: both;
}

#content .powermail_radio_inner label {
	width: auto;
}

#content label, 
.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.tx_powermail_pi1_fieldwrap_html_radio_title {
	display: block;
	float: left;
	padding-left: 0;
	padding-top: 0px;
	margin-right: 10px;
	line-height: 150%;
	width: 25%;
	font-size: 1em;
	text-align: left;
	font-weight: normal;
}
input, textarea, select {
	border: 1px solid #AAA;
	border-bottom: 1px solid #006a4d;
	float: left;
	margin-bottom: 5px;
	padding: 3px;
}

.powermail_text, .powermail_textarea {
	width: 66%;
}

#content .powermail_check_inner label, 
#content .powermail_check,
#content .powermail_radio {
	width: auto;
	float: left;
	display: block;
	border: none;
	background: none;
}
#content .powermail_check {
	margin-right: 5px;
	margin-left: 140px;
	margin-top: 3px !important;
}
#powermaildiv_uid331 p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	display: none;	
}

.tx_powermail_pi1_checkboxwrap,
.tx_powermail_pi1_radiowrap {
	float: left;
	width: 220px;
}

#content fieldset {
	background-color: #FFF;
	padding: 0;
	margin: 1em 0;
}

#content .tx_powermail_pi1_fieldwrap_html {
	margin-bottom: 8px;
}

.powermail_submit, input.submit {
	width: auto;
	height: 25px;
	background: url(../_gfx/bg_button.gif) 0px 0px repeat-x;	
	border: none;
	text-align: left;
	font-weight: bold;
	margin-top: 20px;
	color: #FFF;
	padding: 2px 10px;
}
.powermail_submit{
	margin-left: 130px;
}

.tx_powermail_pi1_fieldwrap_html span div,
#content .date2cal_img_help {
	display: none;
}

.tx-powermail-pi1 .indent {
	font-size: 0.9em;
	line-height: 130%;
	padding-left: 130px;
}

/* @end */

iframe{
	margin: 1.5em 0;
}
div.csc-textpic-imagerow img,
div.csc-textpic-imagewrap img{
	border: 3px solid #FFFFFF !important;
}
div.csc-textpic-imagerow div div,
div.csc-textpic-imagewrap div div{
	margin-bottom: 5px;
}
div.csc-textpic-imagewrap{
	margin-left: -5px;
}
.tx-chgallery-pi1 {
	margin: 0 0 1em 0;
	clear:both;
	float:none;
}
.tx-chgallery-pi1 .single{
	width: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.tx-chgallery-pi1 span{
	display: none;
}
.tx-chgallery-pi1 .clr{
	clear: both;
	float: none;
}
.tx-chgallery-pi1 img{
	border: 1px solid #d2d2d0;
	padding: 2px;
}
#content hr{
	margin-right: 20px;
	background-image: none;
	background-color: #ebedea;
	border-bottom: 1px solid #d2d2d0;
	height: 2px;
	margin-bottom: 15px;
}
/* @group GoogleMap */

table#rggmmenu{

}
#rggmmenu {
	font-size: 1.1em;
	width: 100%;
	margin-bottom: 20px;
	margin-right: 0px;
}
#rggmmenu td {
	border-bottom: 1px solid #CCC;
	padding: 2px;
}
#rggmmenu td strong {
	color: #006a4d;
	font-size: 1.1em;
}
#treemenu1.pde {
	display: none
}
#resultdiv {
   display: none;
}
#resultdiv h3{
	margin-bottom: 0.3em !important;
}
#rggmmenu .small {
	
}
#rggmmenu .small td {
	vertical-align: bottom;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
}
#rggmmenu .small img {
	vertical-align: middle;
}
.poi-content {
	width: 250px !important;
}
.poi-content .address {
	margin: 0 0 0.6em 0;
}
.poi-content h2 {
	font-size: 1.3em;
	margin-bottom: 0;
}
#map{
	border: 1px solid #666666;
}
.mapnest{
	position: relative;
	top: 0; left: 0;
}
#maptop {
	display: none;
}
#mapbottom {
	display: none;
}
.markerTooltip{
	font-size: 0.8em;
	display: none;
}
.mapnest .col_left{
	float: left;
	width: 60%;
	margin-right: 10px;
}
.mapnest .col_right{
	float: right;
	width: 32%;
	margin-right: 15px;
}
/* @end */
.angebot-teaser{
	clear: both;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #CCC;
}
.angebot-teaser .image{
	float: left;
	width: 215px;
}
.angebot-teaser .image img{
	width: 200px;
}
.angebot-teaser .desc{
	float: left;
	width: 480px;
}
.angebot-teaser h3{
	margin-bottom: 0;
}
.angebot-teaser .price,
.angebot .price{
	float: right;
	display: block;
	font-size: 1.2em;
	padding: 5px 10px;
	background: #004d38 url(../_gfx/bg_button.gif) repeat-x 0px 0px;
	color: #FFF;
	
}
.angebot .price a{
	color: #FFF;
	text-decoration: underline;
}
.angebot {
	padding-right: 20px;
}
.angebot h4{
	margin-bottom: 1em;
}
.angebot .image{
	float: right;
	margin: 0px 10px 10px 10px;
}
.holiday {
	text-align: center;
	padding: 2px 0;
}

.kronen {
	text-align: center;
	padding: 2px 0;
}
.iiq {
	padding: 2px 20px;
}
.wetter .forecast-info{
	margin-top: 5px;
}
.wetter .forecast-icon{
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 5px 5px 0;
}
.wetter .forecast-temperatur{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
}
.wetter .forecast-wind{
	font-size: 0.9em;
}
#fb iframe{
	margin: 0;
	padding-left: 30px;
}
#fb p{
	font-size: 0.8em;
	line-height: 130%;
	margin-bottom: 1em;
}