@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'GillSansMTBoldItalic';
    src: url('gill_sans_mt_bold_italic-webfont.eot');
    src: url('gill_sans_mt_bold_italic-webfont.eot?iefix') format('eot'),
         url('gill_sans_mt_bold_italic-webfont.woff') format('woff'),
         url('gill_sans_mt_bold_italic-webfont.ttf') format('truetype'),
         url('gill_sans_mt_bold_italic-webfont.svg#webfontdHV4UGxd') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ################ Reset ################ */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, b {
	margin:0;
	padding:0
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, input, button, select {
	font-size:12px;
	font-style:normal
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
}

html, body {
	height:100%;
	width:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	background-color:#000;
	height:100%;
	background-image: url(../pix/layout/bg_black.gif);
	background-repeat: repeat-x;
}

/* ################ Clear - Element ################ */

hr.clear {
	clear:both;
	visibility:hidden;
	height:0;
	line-height:1px;
	font:1px/0px monospace;
	margin:0;
	width:97%
}

/* ################ Page - Container ################ */

#familotel {
	width: 100%;
	height: 40px;
	background-image:url(../pix/layout/familotel-logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #b70718;
	text-align:center;
}
#conM {
	width: 1012px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
}
#header {
	width: 1010px;
	height: 55px;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
	border-bottom:#666 1px solid;
	background-color:#FFF;
}
#theme {
	width: 1010px;
	height: 310px;
	background-color:#efefef;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
}
#themeImg { width: 910px; height:310px; margin-left:100px;}
* + #theme { background-color:#FFF;}
#content {
	width: 1010px;
	height: auto;
	padding-top:10px;
	padding-bottom:15px;
	background-color:#FFF;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
}
#left {
	float: left;
	width: 270px;
	margin-left:10px;
}
#right {
	float: left;
	width: 710px;
	margin-left:10px;
}
#cms { padding: 0 10px 25px 10px;}

#textContent { float:left; width:460px;}
#picContent { float:left; width:220px; margin-left:10px;}

#footer {
	width: 1012px;
	height: auto;
	background-color:#666;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	clear:both;
}
.themebox {
	width:210px;
	height:300px;
	float:left;
	padding:10px;
	background-color:#B80719;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#FFF;
	background-image: url(/pix/layout/next_btn_small.gif);
	background-repeat: no-repeat;
	background-position: 195px 298px;
}
.space10r {margin-right:10px;}

.planerbox {
	width:255px;
	height:300px;
	padding:10px 0 10px 5px;
	background-color:#B80719;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#FFF;
}

#thememask {
	height: 310px;
	width: 516px;
	position: absolute;
	z-index: 10000;
}
#logo {
	width: 266px;
	height: 144px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	z-index:10001;
}
* + html #logo {margin-left:-90px;}
#menu {
	padding-top:10px;
	margin-left:10px;
	width:800px;
	height:46px;
	float:left;
}
#language {
	height: 30px;
	width: 100px;
	margin-top: 20px;
	margin-right: 40px;
	float:right;
}
.teaserTitle {
	color: #B80719;
	margin-left:10px;
}
.teaser {
	width:270px;
	color:#000;
	margin-bottom:10px;
	cursor:pointer;
}
.teaserPic { margin:10px 0 10px 10px;}
.teaserText {  font-size:12px; line-height:16px; margin: 0 40px 0 10px;	}
.teaserText ul {margin-top:5px;}
.teaserText ul li { margin-left:25px; margin-bottom:5px; line-height:14px; list-style-image:url(/pix/layout/list_blume.gif); line-height:18px;}



.offerTeaser { 
	width: 215px;
	height:230px;
	float:left;
	padding:0 13px 0 5px;
	background-image:url(../pix/layout/vline_ag.gif);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
}
.offerTeaser a { cursor:pointer;}
.teaserOfferText { font-size:11px; line-height:14px; width:130px; float:left; margin-top:3px;}
.teaserOfferPrice { font-family: 'GillSansMTBoldItalic', Arial, sans-serif;font-size:11px; float:left; width:80px; padding-top:50px; }
.price {font-family: 'GillSansMTBoldItalic', Arial, sans-serif;font-size:20px;}

#prev_btn { float:left; margin-left:5px; }
#next_btn { float:right; }
#offerSliderMask { margin-left:694px; width:5px; height:210px; background-color:#B80719; position:absolute; z-index:10000;}


/* ################ Big-Footer ################ */

#bigFooter {
	padding-top:10px;
	padding-bottom: 10px;
	float:left;
	color:#FFF;
	height:auto;
	width:790px;
	text-align:left;
	padding-left:15px;
}
.colBigFooter { 
	float:left;
	width:150px;
	font-size:11px;
}
.colBigFooter ul { margin:0; padding:0 !important; list-style-type:none; }
.colBigFooter ul li a { color:#fff; text-decoration:none; font-size:11px; }
.colBigFooter ul li a:hover { color:#D4021D; text-decoration:none; }

.TitleBigFooter {
	font-weight:bold;
	margin-bottom: 5px;
	color:#FFF;
}
.footerIcon {display:block; padding: 0 0 5px 25px; background-repeat:no-repeat;}

#socialMedia { float:left; width:200px; height:90px;}
#socialMedia .holidaycheck { padding: 15px 0 0 10px; float:left; }
#socialMedia .rss {  padding: 15px 0 0 35px; float:left;}
#socialMedia .twitter { padding: 15px 0 0 10px; float:left; }
#socialMedia .facebook { padding: 15px 0 0 10px; float:left; }


.offerSlider {
	width:690px;
	margin-top: 10px;
	margin-bottom:10px;
	background-color: #B80719;
	height: 250px;
	color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 10px 10px 5px;
}
.themeboxText {
	margin-top: 10px;
	font-size: 12px;
	line-height: 15px;
}
.iframe-holder {
	width: 100%;
	height: 1500px;
	overflow: auto;
}
iframe
{
	border: 0;
}

.themeTeaser {
	width:350px;
	height:110px;
	clear:both;
	cursor:pointer;
}

/* ################ Partnerbetriebe ################ */

.menuThumb {
	height: 87px;
	width: 87px;
	margin-right: 15px;
	float:left;
	background-color:#CCC;
}
.themeText {
	float: left;
	width: 210px;
}
.themeText p {
	text-align:left !important;
}
.themeText h2 {
	text-align:left !important;
	text-decoration:none;
	font-size:16px !important;
}
.themeboxText a { color:#FFF; }

/* ################ Angebote ################ */

.offersList { width:100%; margin-top:25px; }
.offersListEntry { margin-bottom:15px; display:block; border-bottom:#ccc 1px solid;}
.offersListPic { width:250px; height:115px; float:left; padding-bottom:12px; }
.offersListPic img { border:#ae2b25 1px solid;}
.offersListTitle { float:left;  margin-bottom:10px;}
.offersListText { float:left; width:420px;}

/* ################ Galerie ################ */

.albums { width:100%; margin-top:25px; margin-bottom:25px;}
.albumEntry { margin-bottom:15px; display:block; border-bottom:#ccc 1px solid;}
.albumPic { width:230px; height:115px; float:left; padding-bottom:12px; }
.albumPic img { border:#ae2b25 1px solid;}
.albumTitle { float:left;  margin-bottom:10px;}
.albumDesc { float:left; width:440px;}
.albumLink {float:right; margin-top:50px; margin-right:50px;}

/* ################ Sidemenu ################ */

#sideMenu {margin: 0 13px 0 5px; padding: 0; list-style-type:none;}
#sideMenu li  {border-top:#666 1px solid; }

#sideMenu li:last-child {border-bottom:#666 1px solid;}
#sideMenu li a { padding:3px 10px 3px 10px; color:#333;  text-decoration:none; display:block; background-color:#efefef;}
#sideMenu ul {list-style-type:none;}
#sideMenu ul li { margin-left:20px;  border-top:#666 1px solid;}
#sideMenu ul li a { padding:3px 10px 3px 0; color:#666; text-decoration:none; display:block; background-color:#FFF;}
#sideMenu ul li:first-child {border-bottom:0; border-top:0;}
#sideMenu ul li:last-child {border-bottom:0;}

#sideMenu li a:hover { background-color:#ccc;}
.sideMainActive { font-weight:bold;}
.sideActive { color:#B80719 !important; }

/* ################ Pauschalen-Seiten ################ */

.bookingButtons {margin: 20px 0 25px 0;}
.buttonAnfrage { margin-right:100px;}
.buttonBuchen {}

.bookingButtonsRight { position:absolute; margin-top:320px; margin-left:450px; width:200px;}
.buttonAnfrageRight { padding-bottom: 10px; display:block;}
.buttonBuchenRight {}