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

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

}

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

}

/* ################ Reset ################ */
html, body, div, ul, ol, li, dl, dt, dd, h4, h5, h6, pre, form, p, blockquote, fieldset, b {
	margin:0;
	padding:0
}
h4, h5, h6, pre, code, address, caption, cite, code, em, th, input, button, select {
	font-size:11px;
	font-style:normal
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
}
/* img { behavior:url('css/pngbehavior.htc'); } */

html, body {
	height:100%;
	width:100%;
}
body {
	background-color: #FBB626;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D4D4D;	
	/* alternativ Wolkenbild */
	/*
	background-color: #6E89C3;
	background-image: url(../pix/layout/sonnenpark_kind_02.jpg);
	*/
}
#familotel {
	text-align: center;
	width: 100%;
	background-color: #AA1A29;
	height: 40px;
}

/* ################ Header ################ */

#header {
	height: 170px;
	width: 960px;
	background-color: #FFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FBB626;
}
#topMenu {
	float: right;
	font-size: 10px;
	padding-right: 25px;
}
#languages {
	float: right;
	width: 85px;
	padding-right: 15px;
	text-align: right;
	padding-top: 1px;
}
#search {
	float: right;
	margin-right: 10px;
}
#search input { border:#666 1px solid; margin-right:3px; }
#search .btn { border:#666 1px solid; margin-right:3px; }

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

#conM {
	width: 960px;
	margin-right: auto;
	margin-top: 15px;
	margin-left: auto;
	background-color: #FFF;
}
#shadowbot {
	height: 45px;
	width: 992px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	height: 136px;
	width: 212px;
	float:left;
	padding: 20px 0 0 20px;
}
#themeImg {
	height: 405px;
	width: 910px;
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
}

#subfooter {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 9px;
}
#subfooter a {
	color:#4F4D4D;
	text-decoration: none;
	/* cursor: inherit; */
}
#menu {
	height: 83px;
	width: 700px;
	float: left;
	margin-left:25px;
}
#topMcon {
	float: left;
	height: 50px;
	width: 728px;
	padding-top: 23px;
	text-align:right;
}
#content {
	width: 935px;
	padding-bottom:25px;
	padding-left: 25px;
	overflow: hidden;
}
/* ################ Content - Parts ################ */

#contentL {
	float: left;
	width: 722px;
	padding: 0 0 0 0;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}
#theme {
	background-color: #fff;
	height: 420px;
	width: 960px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FBB626;
}
#cms {
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 20px;
	line-height: 18px;
}
#contentR {
	float: right;
	width: 178px;
	padding-left: 7px;
	padding-right: 25px;
	padding-top:25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b9bbbc;
}
#colBBB {
	width: 714px;
}
#footer {
	width: 960px;
	height: 55px;
	overflow: hidden;
	position: relative;
}
#siegel {
	height: 55px;
	width: 210px;
	padding-left: 25px;
	float: left;
	
}
#adresse {
	padding-top: 28px;
	float: right;
	font-size: 11px;
	padding-right: 25px;
}
#moreLinks {
	padding-top:10px;
	padding-left: 260px;
}
#moreLinks  a {
	color:#4D4D4D;
	font-size:10px;
}

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

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

.TitleBigFooter {
	font-weight:bold;
	margin-bottom: 5px;
	color:#4D4D4D;
}
.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; }


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

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

/* ################ Media - Links ################ */

#pano {
	height: 95px;
	width: 72px;
	margin-top: 30px;
	margin-left: 888px;
	position: absolute;
	z-index:1000;
}
#galArrow {
	height: 95px;
	width: 72px;
	margin-top: 280px;
	margin-left: 888px;
	position: absolute;
	z-index:1001;
}
#pikaThumbnails { position:absolute; z-index:999;}


/* ################ Teaser - Links ################ */


/*
.gelb { 
	background-image: url(/pix/layout/bg_quickcheck.gif);
	background-repeat: no-repeat;
}


.rot { 
	background-image: url(/pix/layout/bg_rot.gif);
	background-repeat: no-repeat;
	padding-top:45px;
	padding-left:10px;
	height:220px;
	color:#FFF;
}
.rot .teaserContent a {color:#FFF;}
.rot .teaserContent a:hover { text-decoration:underline; color:#efefef; }

.gelb {
	background-repeat:no-repeat;
	background-image: url(/pix/layout/bg_teaser.gif);
	background-position: left top;
}
*/
.gelbU {
	height:9px;
	background-repeat:no-repeat;
	background-image: url(/pix/layout/bg_teaser_u.gif);
	background-position: left top;
}


.teaser {
	background-color: #fff;
	margin-bottom: 15px;
	padding: 0;
	width:180px;
	height:210px;
}

.teaserContent { position:absolute; z-index:8; color:#FFF; width:180px; cursor:pointer; }
.teaserContent p { padding-right:0 !important;}

.teaserContent ul {
	list-style-image:none !important;
	list-style-type:none !important;
	padding:10px 0 0 5px;
}
.teaserContent li { 
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
.teaserContent a {
	color:#FFF !important;
	font-weight: bold;
	text-decoration:none;
}
.teaserContent a:hover { text-decoration:underline !important; color:#FFF; }

.teaserHome {
	background-color: #fff;
	margin-left: 25px;
	padding: 0;
	float:left;
	width:210px;
	height:250px;
	color:#FFF;
	font-size:12px;
	line-height:16px;
}
.firstHome { 
	margin-left:0 !important;
}
.teaserHome hr { background-color:#FFF; height: 1px; border: none; }

.spaceH { margin-top:30px; margin-left:15px;}
.spaceT { padding-top:30px; margin-left:15px;}

.teaserTitle { position: absolute; z-index:4; text-transform:uppercase; color:#999; text-align:center; width:90px;}
.rot {
	background-color:#EC3439;
}
.gelb {
	background-color:#FCC330;
	height:250px;
}
.blau {
	background-color:#0077BE;
}
.gruen {
	background-color:#24B356;
}
.teaserMask { background-repeat:no-repeat; width:210px; height:250px; position:absolute; z-index:1; }
.olinks { background-image:url(/pix/layout/mask_teaser_ol.png); }
.orechts { background-image:url(/pix/layout/mask_teaser_or.png); }
.ulinks { background-image:url(/pix/layout/mask_teaser_ul.png); }
.urechts { background-image:url(/pix/layout/mask_teaser_ur.png); }
.lmBlauText { position:absolute; z-index:3; background-image:url(/pix/layout/mask-lm-text.png); background-repeat:no-repeat; width:190px; height:100px; margin-top:95px; margin-left:-8px; padding-top:5px; padding-left:5px; cursor:pointer;}

.olinks .teaserTitle { margin-left:10px; }
.orechts .teaserTitle { margin-left:110px; }
.ulinks .teaserTitle { margin-left:10px; margin-top:210px; }
.urechts .teaserTitle { margin-left:110px; margin-top:210px; }

.teaserMaskSmall{ background-repeat:no-repeat; width:180px; height:210px; position:absolute; z-index:1; }
.olinksSmall { background-image:url(/pix/layout/mask_teaser_short_ol.png); }
.orechtsSmall { background-image:url(/pix/layout/mask_teaser_short_or.png); }
.ulinksSmall { background-image:url(/pix/layout/mask_teaser_short_ul.png); }
.urechtsSmall { background-image:url(/pix/layout/mask_teaser_short_ur.png); }
.lmBlauTextSmall { position:absolute; z-index:3; background-image:url(/pix/layout/mask-lm-text-small.png); background-repeat:no-repeat; width:190px; height:100px; margin-top:65px; margin-left:-8px; padding-top:5px; padding-left:5px;}

.orechtsLong { background-image:url(/pix/layout/mask_teaser_small_or.png); height:250px;}


.olinksSmall .teaserTitle { margin-left:10px; }
.orechtsSmall .teaserTitle { margin-left:80px; }
.ulinksSmall .teaserTitle { margin-left:10px; margin-top:170px; }
.urechtsSmall .teaserTitle { margin-left:80px; margin-top:170px; }

.orechtsLong .teaserTitle { margin-left:80px; }

/* ########## Anfrage / Kontakt ########### */

div.col1{
	width:69%;
	float:left;
}
div.col2{
	width:29%;
	float:right;
	clear:right;
}
div.col50P{
	width:50%;
	float:left;
}

/* ########## Teaser-Forms ########### */

#tf { color:#FFF; }
#tf input { border:#EFEFEF 1px solid; background-color:#FFF; }