Resultat de la compression du code CSS de www.familotel.com

Lasse nous voir ce que nous avons fait pour www.familotel.com

CSSCruncher.com à sauvgardé
17,33 % de code poour ce site! Wow!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

Code CSS comprimé:

@charset "UTF-8";@import url("formquickcheck.css");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: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{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#4F4D4D;text-align:left;background-color:#FFF;min-width:1024px;height:100%}
#conS{width:1024px;margin-top:0px;margin-right:auto;margin-bottom:0;margin-left:auto;background-image:url(../pix/layout/bg_shadow.gif);background-repeat:repeat-y}
#conM{width:1000px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto}
#content{width:1000px;padding-bottom:25px}
#contentHome{width:1000px}
#footer{height:40px;width:1000px}
#shadowbot{height:17px;width:1024px;background-image:url(../pix/layout/shadow_bottom.gif);background-repeat:no-repeat}
#logo{height:58px;width:1000px;text-align:center;padding-top:12px}
#subfooter{width:960px;margin-top:0;margin-right:auto;margin-bottom:10px;margin-left:auto;font-size:9px}
#subfooter a{color:#4F4D4D}
#header{height:230px;width:1000px;background-color:#B70717;margin-bottom:3px}
#theme1{height:160px;width:146px;float:left;padding-left:60px}
#theme2{height:159px;width:156px;float:left;padding-left:40px;padding-top:1px}
#theme3{height:159px;width:166px;float:left;padding-left:30px;padding-top:1px}
#theme4{height:156px;width:165px;float:left;padding-left:11px;padding-top:4px}
#theme5{height:158px;width:186px;float:left;padding-left:10px;padding-top:2px}
#themeMask{position:absolute;margin-top:70px;height:160px;float:left;z-index:50}
#garantie{position:absolute;margin-top:24px;margin-left:750px;width:85px;height:85px;float:left;z-index:51}
#mainMenu{height:22px;width:1000px;background-image:url(/pix/layout/bg_menu.gif);background-repeat:repeat-x;color:#FFF;z-index:111;clear:both;position:relative}
#contentL{float:left;width:774px;padding:18px 0em 0 20px}
#contentR{float:right;width:184px;padding:26px 20px 0 0}
#contentFull{float:left;width:970px;padding:18px 0px 25px 20px}
.colAAAAA{float:left;clear:both;width:960px;padding:18px 0 20px 0}
.colAAAA{float:left;clear:both;width:765px;padding:0 0 1px 0}
.colAAA{float:left;width:571px;position:relative;padding:0 0 1px 0}
.colAAAX{float:left;width:581px;height:86px;position:relative;padding:0 170px 10px 0}
*+html .colAAAX{height:89px;padding:0 194px 10px 0}
.colAAAAX{float:left;clear:both;width:765px;padding:0 170px 1px 0}
.colAA{float:left;width:378px;position:relative;padding:0 0 10px 0}
.colA{float:left;width:182px;padding:0 10px 10px 0}
.colA{float:left;width:182px;padding:0 10px 10px 0}
.colAtheme{float:left;width:184px;padding:0 8px 6px 0}
.colBBB{float:left;width:571px}
.colBB{float:left;width:378px;padding:0 10px 0 0}
.colB{float:left;width:182px;padding:0 10px 0 0}
.colCCC{float:left;width:571px}
.colCC{float:right;width:378px;padding:0 10px 0 0}
.colC{float:left;width:184px;padding:0 8px 0 0}
.colD{float:left;width:182px;padding:0 0 0 10px}
.colDD{float:right;width:378px;padding:0 10px 0 0}
div.col{margin:0 20px 0 0}
div.col ul{list-style-type:square}
#bottomNav{float:left;width:400px;height:20px;padding-top:10px;padding-left:15px}
.recomendation{background-image:url(/pix/layout/pfeil.gif);background-repeat:no-repeat;float:left;margin-top:10px;padding-left:25px;width:230px;height:20px}
.language{float:left;padding-left:25px;with:146px;height:20px}
.search{float:left;margin-top:10px;padding-left:25px;width:160px;height:20px}
hr.clear{clear:both;visibility:hidden;height:0;line-height:1px;font:1px/0px monospace;margin:-10px 0;width:97%}
div.teaser{margin-bottom:10px}
div.teaserTitle{background-image:url(/pix/layout/teaser_header.gif);background-repeat:no-repeat;height:22px;color:#FFF !important;font-size:12px;padding:6px 0 0 10px;text-transform:uppercase}
div.space.famblau{background-image:url(/pix/layout/teaser_border.gif);background-repeat:no-repeat;background-position:bottom;padding:10px 10px 8px 8px;font-size:9px;width:166px}
div.space.highlight{background-image:url(/pix/layout/teaser_border.gif);background-repeat:no-repeat;background-position:bottom;padding:7px 10px 8px 8px;font-size:9px;width:166px;height:208px}
div.space.famAg{background-image:url(/pix/layout/teaser_border_ag.gif);background-repeat:no-repeat;background-position:bottom;padding:3px 8px 8px 8px;font-size:9px;width:168px;height:340px}
div.space.red{background-color:#b70718!important;color:#FFF!important}
div.space.base{background:#FFF!important}
div.space.basewopad{padding:0 !important}
div.space.basedark{background-color:#faf2d9!important;padding:5px 10px 10px 10px;background-image:url(/pix/layout/teaser_border.gif);background-repeat:no-repeat;background-position:bottom}
div.space.orange{background:#B18F13 !important}
div.space.mint{background:#4EFDE3 !important}
div.space.blue{background:#0211B1 !important}
div.space.shineblue{background:#3546FD !important}
div.space.green{background:#FFCC66 !important;padding:10px}
div.teaserTitle a{color:#FFF}
div.themeTeaser{clear:left}
div.themeIcon{width:42px;float:left}
div.themeText{float:left;width:123px;height:40px;font-size:9px}
div.themeText strong{font-size:9px}
.themeLast{margin-bottom:13px}
div.mAgTeaser{width:184px;margin:0 10px 18px 0}
div.mAgTeaserTitle{background-image:url(/pix/layout/teaser_header.gif);background-repeat:no-repeat;height:22px;color:#FFF !important;font-size:12px;padding:6px 0 0 10px;text-transform:uppercase}
.mAgOben{height:263px}
.mAgUnten{}
.mAgBild{}
.mAgTitel{font-size:11px;margin:3px 0 2px 0}
.mAgHotelname{text-transform:uppercase;font-size:12px}
.mAgHotelregion{margin:0 0 2px 0;font-size:11px}
.mAgText{margin:0 0 3px 0;line-height:13px}
.mAgLinkFeld{width:85px;float:left;margin-right:2px}
.mAgLink{font-size:11px;white-space:nowrap}
.mAgKronen{margin:2px 0 5px 0}
.mAgHotelinfolink{font-size:11px;margin-right:2px;margin-bottom:3px}
.mAgPreisfeld{float:left;color:#FFF;width:80px;text-align:center}
.mAgLeistung{font-size:9px}
.mAgPreis{font-size:12px;font-weight:bold}
.mAgPersonen{font-size:9px;line-height:11px;margin-top:2px}
.highlightTitle{font-size:11px;text-align:center;font-family:Arial,Helvetica,sans-serif}
.highlightPic{margin:6px 0 4px 0}
.highlightContent{font-size:10px !important;text-align:center;line-height:13px !important}
.highlightContent p{margin:0 0 3px 0;line-height:13px !important}
.topAngebote{width:379px;height:207px;background-image:url(../media/pix/content/teaser/topangebote_lm.gif);background-repeat:no-repeat;padding:32px 10px 10px 6px}
.lmAngebotRand{width:174px;float:left;margin:0 0 0 3px}
.AngebotRand{width:174px;float:left;margin:0 15px 0 0}
.AngebotText{height:58px;text-align:center}
.AngebotHotel{font-weight:bold;margin-bottom:3px}
.leistungText{font-size:9px}
.leistungText a{text-decoration:none;color:#4F4D4D}
.leistungText a:hover{text-decoration:underline}
.AngebotPreis{height:38px;font-size:26px;font-weight:bold;color:#B70717;text-align:center;margin:0 0 0 0}
.AngebotBild{height:110px}
#angebotMenu{float:left;list-style:none;padding:10px 0 10px 0;position:relative;width:98%}
#angebotMenu li{float:left;margin:0 2px 2px 0 !important}
#angebotMenu li a:hover,#angebotMenu li a.active{background-color:#999;background-image:url(/pix/layout/button_hi.gif);background-repeat:no-repeat}
#angebotMenu li a.inactive{background-color:#b7b7b7;background-image:url(../pix/layout/button_down.gif);background-repeat:no-repeat}
#angebotMenu li a{width:81px;height:1.6em;line-height:1.6em;text-align:center;color:#FFF;text-decoration:none;display:block;font-size:10px;background-color:#7f7f7f;background-image:url(/pix/layout/button_lo.gif);background-repeat:no-repeat;background-position:50% 50%}
#colMenu{float:left;clear:both;width:71.5em}
#hotelMenu{float:left;list-style:none;margin:0 0 .1em;padding:10px 0 1em;position:relative;width:450px;clear:left}
#hotelThemenMenu{float:left;list-style:none;margin:0 0 .1em;padding:10px 0 1em;position:relative;width:450px;clear:left}
#hotelSubMenu,#buchenSubMenu{clear:right;float:left;list-style:none;margin:0 0 0 0;padding:10px 0 10px 0em;position:relative;width:8.2em}
#buchenSubMenu{clear:right;float:left}
#hotelSubMenu .icon{margin:-2em 0 0 -1em;position:absolute}
#hotelMenu li,#hotelSubMenu li,#hotelThemenMenu li{float:left;margin:0 2px 2px 0 !important}
#buchenSubMenu li{float:right;margin-bottom:2px !important}
#hotelMenu li a:hover,#hotelThemenMenu li a:hover{background-color:#666 !important;color:#FFFFFF;background-image:url(../pix/layout/button_hi.gif)}
#hotelMenu li a.active,#hotelThemenMenu li a.active{background-color:#C23442 !important;color:#FFFFFF;background-image:url(../pix/layout/button_hi.gif)}
#hotelMenu li.inactive,#hotelThemenMenu li.inactive{background-color:#c7c8ca !important;color:#FFFFFF;background-image:url(../pix/layout/button_down.gif);width:8em;height:1.4em;text-align:center;padding:1px 0 0px 0;margin:0 2px 2px 0 !important}
#hotelSubMenu li a:hover,#hotelSubMenu li a.active,#buchenSubMenu li a:hover,#buchenSubMenu li a.active{background-color:#999;background-image:url(../pix/layout/button_hi.gif)}
#hotelMenu li a,#hotelThemenMenu li a,#hotelSubMenu li a,#buchenSubMenu li a{background-color:#B70718;background-image:url(../pix/layout/button_lo.gif);background-position:50%;background-repeat:no-repeat;color:#FFF;display:block;height:16px;line-height:16px;text-align:center;text-decoration:none;width:8em}
#buchenSubMenu li a{background-image:url(../pix/layout/button_gold_lo.gif)}
#hotelSubMenu li a{background-color:#B70718 !important;background-image:url(../pix/layout/button_gold_lo.gif);color:#FFFFFF}
#hotelSubMenu li a:hover{background-color:#666 !important;color:#FFFFFF;background-image:url(../pix/layout/button_hi.gif)}
#hotelSubMenu li a.active{background-color:#C23442 !important;color:#FFFFFF;background-image:url(../pix/layout/button_hi.gif)}
#hotelSubMenu li a.txt{background:none !important;color:#B70718}
#hotelSubMenu li a.txt:hover{background:none !important;color:#C23442}
#anbotListe{width:100%;border:#ccc 0px solid;margin:0 0 1em 0}
#anbotListe a{color:#4d4d4d}
#anbotListe select{width:95%}
#anbotListe caption{text-align:left;font-size:12px;padding:0 0 5px 0;color:#4d4d4d}
#anbotListe thead tr{background:#f7e9bf;font-size:1.1em;vertical-align:top}
#anbotListe thead tr a{}
#anbotListe tbody tr.odd{background-color:#fff}
#anbotListe tbody tr.even{background-color:#FFFFFF}
#anbotListe tbody tr.odd:hover,#anbotListe tbody tr.even:hover{background:#faf2d9}
#anbotListe tbody th,#anbotListe tbody td{vertical-align:top;padding:0.4em;border-top:#7f7f7f 1px solid}
#anbotListe .abgCol1{width:10%}
#anbotListe .abgCol2{width:9%}
#anbotListe .abgCol3{width:30%}
#anbotListe .abgCol4{width:39%}
#anbotListe .abgCol5{width:14%}
#anbotListe td.preis{font-size:11px;font-weight:bold}
#anbotListe td.preis a{font-weight:normal}
#anbotListe p{margin:0;padding:0}
#anbotListe .KT_desc a{background:#FDD335 url(/images/icons/icon_sort_up.gif) no-repeat 100% center;padding-right:1em}
#anbotListe .KT_asc a{background:#FDD335 url(/images/icons/icon_sort_down.gif) no-repeat 100% center;padding-right:1em}
#anbotListe a.button{width:100%;text-align:center}
tr.odd{background-color:#fcf6e5}
tr.even{background-color:#f7e9bf}
#content ul.liste{margin:1em 0 1em 0;line-height:11px;list-style-type:square}
ul.liste li p{margin:0 0 .5em 0}
ul.listeSpecials{margin:1em 0 0 0;padding:5px 0 0 0;font-size:1em;list-style-type:square}
ul.listeSpecials li{margin:0.5em 0 0 0}
.hotel_list{list-style:none;margin:0 0 0 0}
#content .hotel_list li{margin-left:0 !important}
.hotel_list li{background:#FFF;padding:0.1em 0em 0;margin-bottom:0.3em;list-style-type:none;font-size:10px}
.hotel_list li p{padding:0;margin:0}
.countryList{padding:0 0 15px 0}
.katalogid{float:left;width:20px;text-align:right}
.hotelname{float:left;width:150px;padding-left:12px;font-size:11px}
.hotelnameLeft{float:left;width:150px;padding-left:0px;font-size:11px}
.hotelnamebold{float:left;width:150px;padding-left:0px;font-weight:bold}
.hotelregion{float:left;width:150px;padding-bottom:4px;color:#999999}
.neuL{color:#000}
.bisL{color:#B70717}
.hotelListeNeu{font-size:9px !important}
.hotelname a:hover{text-decoration:underline}
.hotellistKonfig{list-style:none;margin:0 0 0 0}
.hotellistKonfig li{background:#F7F7F7;padding:0.1em 0em 0;margin-bottom:0.3em;list-style-type:none}
.hotellistKonfig li p{padding:0;margin:0}
.whiteBG{background:#FFF}
#aktionen{margin:0 0 0 0;list-style:square;font-size:1em}
#aktionen li{margin:5px 0 5px 18px !important}
.katIcon{margin-top:0px}
#popup{width:370px;padding:10px}
#letterBox{margin-bottom:2em}
#glossarHead{display:block}
#glossaryTerms li{list-style-type:none}
a.glossary{cursor:help}
#glossary{position:absolute;width:400px;height:320px;border:1px solid #B70717;overflow:hidden;background:#fff;z-index:10000}
#glFrame{border:none;width:400px;height:270px}
#glHead{height:20px;background:#B70717}
#glClose{width:18px;line-height:18px;margin:1px;float:right;color:#fff;text-align:center;cursor:pointer;font-weight:bold}
ul.comment,ol.comment{color:#B70717}
.commentGrey{color:#999999}
.ferienpark{margin:0 0 15px 0;background-color:#B70717;padding:2px 5px 2px 5px;color:#FFF;width:60px}
#pressebilder{clear:left;width:100%;margin-top:15px}
.pressebildPreview{padding:5px;height:150px;width:150px}
.presseTitel{padding:5px;width:150px}
.presseDownloads{padding:5px;width:150px}
.pressebild{float:left;background-color:#EFEFEF;width:160px;height:270px;padding:0 10px 10px 0;margin:0 10px 10px 0}

» Montre le code CSS originaire

« Cache le code CSS originaire

@charset "UTF-8";
@import url("formquickcheck.css");

/* ################ 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: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 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4F4D4D;
	text-align:left;
	background-color:#FFF;
	min-width:1024px;
	height:100%
}
/* ################ Page - Container ################ */

#conS {
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../pix/layout/bg_shadow.gif);
	background-repeat: repeat-y;
}
#conM {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content {
	width: 1000px;
	padding-bottom:25px;
}
#contentHome {
	width: 1000px;
}
#footer {
	height: 40px;
	width: 1000px;
}
#shadowbot {
	height: 17px;
	width: 1024px;
	background-image: url(../pix/layout/shadow_bottom.gif);
	background-repeat: no-repeat;
}
#logo {
	height: 58px;
	width: 1000px;
	text-align: center;
	padding-top: 12px;
}
#subfooter {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 9px;
}
#subfooter a {
	color:#4F4D4D;
}

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

#header {
	height: 230px;
	width: 1000px;
	background-color: #B70717;
	margin-bottom:3px;
}
#theme1 {
	height: 160px;
	width: 146px;
	float:left;
	padding-left:60px;
}
#theme2 {
	height: 159px;
	width: 156px;
	float:left;
	padding-left:40px;
	padding-top:1px;
}
#theme3 {
	height: 159px;
	width: 166px;
	float:left;
	padding-left:30px;
	padding-top:1px;
}
#theme4 {
	height: 156px;
	width: 165px;
	float:left;
	padding-left:11px;
	padding-top:4px;
}
#theme5 {
	height: 158px;
	width: 186px;
	float:left;
	padding-left: 10px;
	padding-top:2px;
}
#themeMask {
	position:absolute;
	margin-top:70px;

height: 160px;
	float:left;
	z-index: 50;
}
#garantie {
	position:absolute;
	margin-top:24px;
	margin-left:750px;
	width: 85px;
	height: 85px;
	float:left;
	z-index: 51;
}
/* ################ Main - Navigation ################ */

#mainMenu {
	height: 22px;
	width: 1000px;
	background-image: url(/pix/layout/bg_menu.gif);
	background-repeat: repeat-x;
	color:#FFF;
	z-index:111;
	clear:both;
	position: relative;
}

/* siehe nav.css */

/* ################ Content - Parts ################ */

#contentL {
	float: left;
	width: 774px;
	padding: 18px 0em 0 20px;
}
#contentR {
	float: right;
	width: 184px;
	padding: 26px 20px 0 0;
}
#contentFull {
	float: left;
	width: 970px;
	padding: 18px 0px 25px 20px;
}
/* ################ Content - Columns ################ */

.colAAAAA {
	float:left;
	clear:both;
	width: 960px;
	padding:18px 0 20px 0;
}
.colAAAA {
	float:left;
	clear:both;
	width: 765px;
	padding:0 0 1px 0;
}
.colAAA {
	float:left;
	width: 571px;
	position:relative;
	padding:0 0 1px 0;
}
.colAAAX {
	float:left;
	width: 581px;
	height:86px;
	position:relative;
	padding:0 170px 10px 0;
}
*+html .colAAAX {
	height:89px;
	padding:0 194px 10px 0;
}
.colAAAAX {
	float:left;
	clear:both;
	width: 765px;
	padding:0 170px 1px 0;
}
.colAA {
	float:left;
	width: 378px;
	position:relative;
	padding:0 0 10px 0;
}
.colA {
	float:left;
	width: 182px;
	padding:0 10px 10px 0;
}
.colA {
	float:left;
	width: 182px;
	padding:0 10px 10px 0;
}
.colAtheme {
	float:left;
	width: 184px;
	padding:0 8px 6px 0;
}
.colBBB {
	float:left;
	width: 571px;
}
.colBB {
	float:left;
	width: 378px;
	padding:0 10px 0 0;
}
.colB {
	float:left;
	width: 182px;
	padding:0 10px 0 0;
}
.colCCC {
	float:left;
	width: 571px;
}
.colCC {
	float:right;
	width: 378px;
	padding:0 10px 0 0;
}
.colC {
	float:left;
	width: 184px;
	padding:0 8px 0 0;
}
.colD {
	float:left;
	width: 182px;
	padding:0 0 0 10px;
}
.colDD {
	float:right;
	width: 378px;
	padding:0 10px 0 0;
}
div.col {
	margin: 0 20px 0 0;
}
div.col ul {list-style-type:square;}
/* ################ Footer - Navigation ################ */

#bottomNav {
	float: left;
	width: 400px;
	height:20px;
	padding-top: 10px;
	padding-left: 15px;
}
.recomendation {
	background-image:url(/pix/layout/pfeil.gif);
	background-repeat: no-repeat;
	float:left;
	margin-top: 10px;
	padding-left: 25px;
	width: 230px;
	height:20px;
}
.language {
	float:left;
	padding-left: 25px;
	with: 146px;
	height:20px;
}
.search {
	float:left;
	margin-top: 10px;
	padding-left: 25px;
	width: 160px;
	height:20px;
}

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

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

/* ################ Content - Styles ################ */

/*----TEASER----------------------------------------------------------------------------------------*/
div.teaser{
	margin-bottom:10px;
}
div.teaserTitle {background-image:url(/pix/layout/teaser_header.gif); background-repeat:no-repeat; height:22px; color:#FFF !important; font-size:12px; padding: 6px 0 0 10px; text-transform:uppercase;}
div.space.famblau{background-image:url(/pix/layout/teaser_border.gif); background-repeat:no-repeat; background-position:bottom; padding: 10px 10px 8px 8px; font-size: 9px; width:166px;}
div.space.highlight{background-image:url(/pix/layout/teaser_border.gif); background-repeat:no-repeat; background-position:bottom; padding: 7px 10px 8px 8px; font-size: 9px; width:166px; height:208px;}
div.space.famAg {background-image:url(/pix/layout/teaser_border_ag.gif); background-repeat:no-repeat; background-position:bottom; padding: 3px 8px 8px 8px; font-size: 9px; width:168px; height:340px;}
div.space.red{background-color:#b70718!important; color:#FFF!important;}
div.space.base{background:#FFF!important;}
div.space.basewopad{padding:0 !important;}
div.space.basedark{background-color:#faf2d9!important; padding:5px 10px 10px 10px; background-image:url(/pix/layout/teaser_border.gif); background-repeat:no-repeat; background-position:bottom;}
div.space.orange{background:#B18F13 !important}
div.space.mint{background:#4EFDE3 !important}
div.space.blue{background:#0211B1 !important}
div.space.shineblue{background:#3546FD !important}
div.space.green{background:#FFCC66 !important; padding:10px;}

div.teaserTitle a {color:#FFF;}
div.themeTeaser {
	clear:left;
}
div.themeIcon {
	width:42px;
	float:left;
}
div.themeText {
	float:left;
	width:123px;
	height: 40px;
	font-size:9px;
}
div.themeText strong {
	font-size: 9px;
}
.themeLast {margin-bottom:13px;}

div.mAgTeaser{ width: 184px; margin: 0 10px 18px 0; }
div.mAgTeaserTitle {background-image:url(/pix/layout/teaser_header.gif); background-repeat:no-repeat; height:22px; color:#FFF !important; font-size:12px; padding: 6px 0 0 10px; text-transform:uppercase;}
.mAgOben { height: 263px;}
.mAgUnten {}
.mAgBild {}
.mAgTitel { font-size:11px; margin: 3px 0 2px 0; }
.mAgHotelname {text-transform:uppercase; font-size:12px; }
.mAgHotelregion { margin: 0 0 2px 0; font-size: 11px; }
.mAgText { margin: 0 0 3px 0; line-height:13px; }

.mAgLinkFeld { width:85px; float:left; margin-right:2px; }
.mAgLink { font-size:11px; white-space:nowrap; }
.mAgKronen { margin: 2px 0 5px 0; }
.mAgHotelinfolink {  font-size:11px; margin-right:2px; margin-bottom:3px; }

.mAgPreisfeld { float:left; color:#FFF; width: 80px; text-align:center;}
.mAgLeistung { font-size: 9px; }
.mAgPreis { font-size: 12px; font-weight:bold; }
.mAgPersonen {font-size: 9px; line-height:11px; margin-top:2px;}

.highlightTitle { font-size:11px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.highlightPic { margin:6px 0 4px 0;}
.highlightContent { font-size:10px !important; text-align:center; line-height:13px !important;}
.highlightContent p {margin: 0 0 3px 0; line-height:13px !important;}

/*END-TEASER----------------------------------------------------------------------------------------*/

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

.topAngebote {
	width:379px;
	height: 207px;
	background-image:url(../media/pix/content/teaser/topangebote_lm.gif);
	background-repeat: no-repeat;
	padding: 32px 10px 10px 6px;
}
.lmAngebotRand {
	width: 174px;
	float: left;
	margin: 0 0 0 3px;
}
.AngebotRand {
	width: 174px;
	float: left;
	margin: 0 15px 0 0;
}
.AngebotText {
	height:58px;
	text-align:center;
}
.AngebotHotel {
	font-weight:bold;
	margin-bottom:3px;
}
.leistungText {
	font-size:9px;
} 
.leistungText a  {
	text-decoration: none;
	color:#4F4D4D;
}
.leistungText a:hover {
	text-decoration: underline;
}
.AngebotPreis {
	height: 38px;
	font-size: 26px;
	font-weight: bold;
	color:#B70717;
	text-align: center;
	margin: 0 0 0 0;
}
.AngebotBild {
	height:110px;
}

/* #################################################### */

#angebotMenu {
float:left;
list-style:none;
padding:10px 0 10px 0;
position:relative;
width:98%;
}
#angebotMenu li {
float:left;
margin:0 2px 2px 0 !important;
}
#angebotMenu li a:hover, #angebotMenu li a.active {
	background-color:#999;
	background-image: url(/pix/layout/button_hi.gif);
	background-repeat: no-repeat;
}
#angebotMenu li a.inactive {
	background-color:#b7b7b7;
	background-image: url(../pix/layout/button_down.gif);
	background-repeat: no-repeat;
}
#angebotMenu li a{
	width:81px;
	height:1.6em;
	line-height:1.6em;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display:block;
	font-size:10px;
	background-color: #7f7f7f;
	background-image: url(/pix/layout/button_lo.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
/*END-Angebote----------------------------------------------------------------------------------------*/

#colMenu{
	float:left;
	clear:both;
	width: 71.5em;
}
#hotelMenu {
float:left;
list-style:none;
margin:0 0 .1em;
padding:10px 0 1em;
position:relative;
width:450px;
clear:left;
}
#hotelThemenMenu {
float:left;
list-style:none;
margin:0 0 .1em;
padding:10px 0 1em;
position:relative;
width:450px;
clear:left;
}
#hotelSubMenu, #buchenSubMenu {
clear:right;
float:left;
list-style:none;
margin:0 0 0 0;
padding:10px 0 10px 0em;
position:relative;
width:8.2em;
}
#buchenSubMenu {
clear:right;
float:left;
}
#hotelSubMenu .icon {
margin:-2em 0 0 -1em;
position:absolute;
}
#hotelMenu li, #hotelSubMenu li, #hotelThemenMenu li {
float:left;
margin: 0 2px 2px 0 !important;

}
#buchenSubMenu li {
float:right;
margin-bottom:2px !important;
}

#hotelMenu li a:hover, #hotelThemenMenu li a:hover {
	background-color:#666 !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_hi.gif);
}

#hotelMenu li a.active, #hotelThemenMenu li a.active {
	background-color:#C23442 !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_hi.gif);
} 
#hotelMenu li.inactive, #hotelThemenMenu li.inactive {
	background-color:#c7c8ca !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_down.gif);
	width:8em;
	height:1.4em;
	text-align: center;
	padding: 1px 0 0px 0;
	margin: 0 2px 2px 0 !important;
} 
#hotelSubMenu li a:hover, #hotelSubMenu li a.active, #buchenSubMenu li a:hover, #buchenSubMenu li a.active {
	background-color:#999;
	background-image:url(../pix/layout/button_hi.gif);
}
#hotelMenu li a, #hotelThemenMenu li a, #hotelSubMenu li a, #buchenSubMenu li a {
background-color:#B70718;
background-image:url(../pix/layout/button_lo.gif);
background-position:50%;
background-repeat:no-repeat;
color:#FFF;
display:block;
height: 16px;
line-height:16px;
text-align:center;
text-decoration:none;
width:8em;
}
#buchenSubMenu li a {
	background-image: url(../pix/layout/button_gold_lo.gif);
}
#hotelSubMenu li a{
	background-color:#B70718 !important;
	background-image: url(../pix/layout/button_gold_lo.gif);
	color: #FFFFFF;
}
#hotelSubMenu li a:hover  {
	background-color:#666 !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_hi.gif);
}
#hotelSubMenu li a.active {
	background-color:#C23442 !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_hi.gif);
}
#hotelSubMenu li a.txt{background:none !important; color:#B70718;}
#hotelSubMenu li a.txt:hover{background:none !important; color:#C23442;}

/* Angebote Listen ------------------------------------------------------*/

/*Angebote Listen*/
#anbotListe{
width:100%;
border:#ccc 0px solid;
margin:0 0 1em 0;
}
#anbotListe a {
 color: #4d4d4d;
}
#anbotListe select{width:95%;}
#anbotListe caption{
text-align:left;
font-size:12px;
padding: 0 0 5px 0;
color:#4d4d4d;
}
#anbotListe thead tr{ background:#f7e9bf;font-size:1.1em; vertical-align:top}
#anbotListe thead tr a{  }
#anbotListe tbody tr.odd{ background-color:#fff;}
#anbotListe tbody tr.even{ background-color:#FFFFFF;}
#anbotListe tbody tr.odd:hover, #anbotListe tbody tr.even:hover{ background:#faf2d9;}
#anbotListe tbody th, #anbotListe tbody td{
vertical-align:top;
padding:0.4em;
border-top:#7f7f7f 1px solid;
}
#anbotListe .abgCol1{width:10%;}
#anbotListe .abgCol2{width:9%;}
#anbotListe .abgCol3{width:30%;}
#anbotListe .abgCol4{width:39%;}
#anbotListe .abgCol5{width:14%;}
#anbotListe td.preis{ font-size:11px; font-weight:bold;}
#anbotListe td.preis a{ font-weight:normal;}
#anbotListe p{
margin:0; padding:0;
}
#anbotListe .KT_desc a{
background:#FDD335 url(/images/icons/icon_sort_up.gif) no-repeat 100% center;
padding-right:1em;
}
#anbotListe .KT_asc a{
background:#FDD335 url(/images/icons/icon_sort_down.gif) no-repeat 100% center;
padding-right:1em;
}
#anbotListe a.button{width:100%; text-align:center}
/*Angebote Listen*/
tr.odd{
background-color:#fcf6e5;
}
tr.even{
	background-color:#f7e9bf;
}

/*------------------------------------------------------*/
#content ul.liste {
	margin:1em 0 1em 0;
	line-height: 11px;
	list-style-type:square;
}
ul.liste li p{
	margin:0 0 .5em 0;
}
ul.listeSpecials{
	margin:1em 0 0 0;
	padding: 5px 0 0 0;
	font-size:1em;
	list-style-type:square;
}
ul.listeSpecials li{
	margin:0.5em 0 0 0;
}
.hotel_list {
	list-style:none;
	margin:0 0 0 0;
}
#content .hotel_list li {
	margin-left: 0 !important;	
}
.hotel_list li {
	background:#FFF;
	padding:0.1em 0em 0;
	margin-bottom: 0.3em;
	list-style-type: none;
	font-size: 10px;
}
.hotel_list li p {
	padding:0;
	margin:0;
}
.countryList{ padding:0 0 15px 0; }
.katalogid { float:left; width:20px; text-align: right;}
.hotelname { float: left; width: 150px; padding-left:12px; font-size:11px; }
.hotelnameLeft { float: left; width: 150px; padding-left:0px; font-size:11px; }
.hotelnamebold { float: left; width: 150px; padding-left:0px; font-weight:bold;}
.hotelregion { float: left; width: 150px; padding-bottom:4px; color:#999999;}
.neuL { color:#000; }
.bisL { color:#B70717; }
.hotelListeNeu { font-size:9px !important; }
.hotelname a:hover { text-decoration:underline;}
.hotellistKonfig {
	list-style:none;
	margin:0 0 0 0;
}
.hotellistKonfig li {
	background:#F7F7F7;
	padding:0.1em 0em 0;
	margin-bottom: 0.3em;
	list-style-type: none;
}
.hotellistKonfig li p {
	padding:0;
	margin:0;
}
.whiteBG {
	background:#FFF;
}
#aktionen{
margin:0 0 0 0;
list-style:square;
font-size:1em;
}
#aktionen li{
margin:5px 0 5px 18px !important;
}

/* ############## Graphic / Icons ############# */

.katIcon {margin-top: 0px;}

/* ############## Glossar / PopUp ############# */

#popup { width: 370px; padding:10px; }
#letterBox {margin-bottom:2em;}
#glossarHead {display:block;}
#glossaryTerms li { list-style-type:none;}
a.glossary { cursor:help;}
#glossary { position:absolute; width:400px; height:320px; border:1px solid #B70717; overflow:hidden; background:#fff; z-index:10000; }
#glFrame{ border:none; width:400px; height:270px; }
#glHead { height:20px; background:#B70717; }
#glClose { width:18px;line-height:18px; margin:1px; float:right; color:#fff; text-align:center; cursor:pointer; font-weight:bold; }

/* Hotelbewertungen */
ul.comment, ol.comment {
color:#B70717;
}
.commentGrey {
color:#999999;
}
.ferienpark { 
	margin: 0 0 15px 0; 
	background-color:#B70717;
	padding: 2px 5px 2px 5px;
	color:#FFF;
	width: 60px;
}
#pressebilder {
	clear: left;
	width: 100%;
	margin-top: 15px;
}
.pressebildPreview {
	padding: 5px;
	height: 150px;
	width: 150px;
}
.presseTitel {
	padding: 5px;
	width: 150px;
}
.presseDownloads {
	padding: 5px;
	width: 150px;
}
.pressebild {
	float:left;
	background-color:#EFEFEF;
	width: 160px;
	height:270px;
	padding:0 10px 10px 0;
	margin: 0 10px 10px 0;
}

Plus d'information sur ce site:

URL: http://www.familotel.com/
CSS URL: http://www.familotel.com/css/layout-2009.css
Langue: de
Charset: utf-8
Titre: Familotel - Familienurlaub im Familienhotel, Kinderhotel oder Babyhotel - Ihre Ferienreise!
Meta-Description: Familienurlaub mit Familotel im Familienhotel, Kinderhotel oder Babyhotel. Nur kinderfreundliche und familienfreundliche Hotels mit Kinderbetreuung für Ihre Familienreise - Ferienreise.
Meta-Keywords: Familienhotel, Familienurlaub, Familienhotels, Reiterferien, Kinderurlaub, Familienreise, Familienreisen, Ferienreise, Ferienreisen, Urlaub mit Kindern, Kinderbetreuung, Kinderhotels, Kinderhotel, Babyhotel, Babyhotels, Erlebnisurlaub, Urlaub, Hotel Hotels, Ferienhotel, Ferienhotels in Deutschland, Österreich, Schweiz, Ungarn, Italien - Südtirol.