Results of the CSS crunched for www.top-familyhotels.com

Let's see what we've done for www.top-familyhotels.com

CSSCruncher.com has crunched this CSS to
21.54 %Less Size! That's Incredible!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

@charset "UTF-8";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{background-color:#FC3;background-image:url(../pix/layout/bg.jpg);background-repeat:repeat;background-position:center center;background-attachment:fixed;font-family:Verdana,Geneva,sans-serif;font-size:12px;color:#4F4F4F}
#conM{width:1040px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;background:#FFF}
#conI{margin-left:15px;margin-right:15px;;padding-top:15px;padding-bottom:15px}
#header{}
#theme{height:283px;width:1010px}
#menu{width:1010px;height:50px;position:absolute;z-index:98;margin-top:-50px}
#language{position:absolute;margin-left:960px;margin-top:8px}
#logo{height:120px;width:300px;margin-top:35px;margin-left:10px;position:absolute;z-index:15}
#content{padding-top:35px;width:1010px}
#contentL{float:left;width:255px;margin-left:12px;margin-right:11px}
#contentR{float:right;width:720px}
#contentLHotel{float:left;width:800px;margin-left:12px;margin-right:0px}
#contentRHotel{float:right;width:190px;padding-top:20px}
#footer{background-color:#FAC132;clear:both;color:#FFF;text-align:right;margin-top:15px}
#bottomMenu{padding:5px;height:15px}
#subfooter{width:1040px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;text-align:center;color:#666;font-size:10px;padding-top:5px;padding-bottom:5px}
#subfooter a{text-decoration:none;color:#666;cursor:pointer}
.colAAAA{float:left;width:980px;padding:0 0 25px 0}
.colAAA{float:left;width:720px;padding:0 0 25px 0}
.colAAAhome{float:left;width:720px;padding:0 0 5px 0}
.colAA{float:left;width:470px;padding:0 10px 0 0}
.colA{float:left;width:230px;padding:0 10px 0 0}
div.col{margin:0 25px 0 0}
div.colAAALink{margin:0 0 15px 2px}
div.colAAAHeadline{margin:0 0 15px 0px}
div.colGal{float:left;width:795px}
hr.clear{clear:both;visibility:hidden;height:0;line-height:1px;font:1px/0px monospace;margin:-10px 0;width:97%}
hr.hrweiss{border:none;background-color:#FFFFFF;height:1px}
div.teaser{margin-bottom:12px}
div.teaserTitle{background-image:url(/pix/layout/bg_teaser.gif);background-repeat:repeat-x;color:#4F4F4F !important;font-size:15px;font-style:italic;padding:6px 0 8px 10px}
div.teaserContent{padding:10px;background-color:#FFF0C9;color:#000}
#apDiv1{position:absolute;margin-left:175px;margin-top:-8px;width:57px;height:57px;z-index:16}
div.ag{margin-bottom:10px;margin-right:10px;float:left;width:230px}
div.agTitle{background-image:url(/pix/layout/bg_teaser.gif);background-repeat:repeat-x;color:#FFF !important;font-size:15px;font-style:italic;padding:6px 0 8px 10px;height:40px}
div.agTitle a{color:#4F4F4F !important}
div.agContent{padding:10px;background-color:#FFF0C9;color:#000;height:100px;font-size:11px}
div.agDesc{height:85px}
div.agPrice{text-align:right;font-style:italic}
img.agPic{float:right;margin:0 0 5px 2px}
#galerie{border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:#FAC132;height:210px}
#galerie .galerieBild{float:left;margin-right:10px;padding-bottom:10px;margin-bottom:10px}
#hotelAdresse p{font-size:10px !important}
.space15r{margin-right:15px}
.space25r{margin-right:25px}
.space45t{margin-top:45px}
.button{color:#D4021D;float:left;text-align:left;text-decoration:none;white-space:nowrap;line-height:1.2}
.button b{background:#CCCCCC url(/pix/layout/button.gif) repeat-x 0 0;border:#AAAAAA solid;border-width:1px 0;display:block;font-weight:normal;margin:0 1px;position:relative}
.button:hover b{border-color:#888888}
.button b b{background:transparent none repeat scroll 0%;border-width:0 1px;margin:0 -1px}
.button b b b{border:none;cursor:pointer;padding:4px 8px 5px 8px;font-weight:bold}
.button.menu b b b{background:transparent url(/pix/layout/button_arrow_down.gif) no-repeat scroll 100% 50%;padding-right:15px}
.button.menu b b b span{display:block;overflow:hidden;white-space:nowrap}
.buttonAlt{color:#444444;float:left;text-align:left;text-decoration:none;white-space:nowrap;line-height:1.2}
.buttonAlt strong{background:#CCCCCC url(/pix/layout/button.gif) repeat-x 0 0;border:#AAAAAA solid;border-width:1px 0;display:block;font-weight:normal;margin:0 1px;position:relative}
.buttonAlt:hover strong{border-color:#888888}
.buttonAlt strong strong{background:transparent none repeat scroll 0%;border-width:0 1px;margin:0 -1px}
.buttonAlt strong strong strong{border:none;cursor:pointer;padding:2px 5px 3px 5px}
.buttonAlt.menu strong strong strong{background:transparent url(/pix/layout/button_arrow_down.gif) no-repeat scroll 100% 50%;padding-right:15px}
.buttonAlt.menu strong strong strong span{display:block;overflow:hidden;white-space:nowrap}

» Show original CSS code

« Hide original CSS code

@charset "UTF-8";
/*
@import url("styles-2010.css");
@import url("nav-2010.css"); 
@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 {
	background-color: #FC3;
	background-image: url(../pix/layout/bg.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-attachment:fixed;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#4F4F4F;
}
/* ################ Page - Container ################ */

#conM {
	width: 1040px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background:#FFF;
}
#conI {
	margin-left:15px;
	margin-right:15px;
	;
	padding-top:15px;
	padding-bottom:15px;
}
#header {
}
#theme {
	height: 283px;
	width: 1010px;
}
#menu {
	width:1010px;
	height:50px;
	position:absolute;
	z-index:98;
	margin-top:-50px;
}
#language {
	position:absolute;
	margin-left:960px;
	margin-top: 8px;
}
#logo {
	height: 120px;
	width: 300px;
	margin-top: 35px;
	margin-left: 10px;
	position: absolute;
	z-index: 15;
}
#content {
	padding-top: 35px;
	width:1010px;
}
/* ################ Content - Parts ################ */

#contentL {
	float: left;
	width: 255px;
	margin-left:12px;
	margin-right:11px;
}
#contentR {
	float: right;
	width: 720px;
}
#contentLHotel {
	float: left;
	width: 800px;
	margin-left:12px;
	margin-right:0px;
}
#contentRHotel {
	float: right;
	width: 190px;
	padding-top:20px;
}
#footer {
	background-color: #FAC132;
	clear:both;
	color:#FFF;
	text-align:right;
	margin-top:15px;
}
#bottomMenu {
	padding:5px;
	height:15px;
}
#subfooter {
	width: 1040px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:center;
	color:#666;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
}
#subfooter a {
	text-decoration: none;
	color:#666;
	cursor: pointer;
}
/* ################ Content - Columns ################ */

.colAAAA {
	float:left;
	width: 980px;
	padding:0 0 25px 0;
}
.colAAA {
	float:left;
	width: 720px;
	padding:0 0 25px 0;
}
.colAAAhome {
	float:left;
	width: 720px;
	padding:0 0 5px 0;
}
.colAA {
	float:left;
	width: 470px;
	padding:0 10px 0 0;
}
.colA {
	float:left;
	width: 230px;
	padding:0 10px 0 0;
}
div.col {
	margin: 0 25px 0 0;
}
div.colAAALink {
	margin: 0 0 15px 2px;
}
div.colAAAHeadline {
	margin: 0 0 15px 0px;
}
div.colGal {
	float:left;
	width: 795px;
}

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

hr.clear {
	clear:both;
	visibility:hidden;
	height:0;
	line-height:1px;
	font:1px/0px monospace;
	margin:-10px 0;
	width:97%
}
hr.hrweiss{
border:none;
background-color:#FFFFFF;
height:1px;
}

/* ################ Teaser ################ */

div.teaser {
	margin-bottom:12px;
}
div.teaserTitle {
	background-image:url(/pix/layout/bg_teaser.gif);
	background-repeat:repeat-x;
	color:#4F4F4F !important;
	font-size:15px;
	font-style:italic;
	padding: 6px 0 8px 10px;
}
div.teaserContent {
	padding:10px;
	background-color:#FFF0C9;
	color:#000;
}
#apDiv1 {
	position:absolute;
	margin-left:175px;
	margin-top:-8px;
	width:57px;
	height:57px;
	z-index:16;
}

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

div.ag {
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	width:230px;
}
div.agTitle {
	background-image:url(/pix/layout/bg_teaser.gif);
	background-repeat:repeat-x;
	color:#FFF !important;
	font-size:15px;
	font-style:italic;
	padding: 6px 0 8px 10px;
	height:40px;
}
div.agTitle a { color:#4F4F4F !important; }
div.agContent {
	padding:10px;
	background-color:#FFF0C9;
	color:#000;
	height:100px;
	font-size:11px;
}
div.agDesc { height:85px;  }
div.agPrice {
	text-align:right;
	font-style:italic;
}
img.agPic { float:right; margin: 0 0 5px 2px; }

/* ################ Bilder-Galerie ################ */

#galerie {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FAC132;
	height:210px;
}
#galerie .galerieBild { float:left; margin-right:10px; padding-bottom: 10px; margin-bottom:10px;}

#hotelAdresse p { font-size:10px !important;}

/* ################# Abstands-Elemente #################### */

.space15r { margin-right: 15px; }
.space25r { margin-right: 25px; }
.space45t { margin-top: 45px; }

/* ################# Button-Elemente #################### */

.button {
color:#D4021D;
float:left;
text-align:left;
text-decoration:none;
white-space:nowrap;
line-height:1.2;
}
.button b {
background:#CCCCCC url(/pix/layout/button.gif) repeat-x  0 0;
border:#AAAAAA solid;
border-width:1px 0;
display:block;
font-weight:normal;
margin:0 1px;
position:relative;
}
.button:hover b {
border-color:#888888;
}
.button b b {
background:transparent none repeat scroll 0%;
border-width:0 1px;
margin:0 -1px;
}
.button b b b {
border:none;	
cursor:pointer;
padding:4px 8px 5px 8px;
font-weight:bold;
}

.button.menu b b b {
background:transparent url(/pix/layout/button_arrow_down.gif) no-repeat scroll 100% 50%;
padding-right:15px;
}

.button.menu b b b span {
display:block;
overflow:hidden;
white-space:nowrap;
}

.buttonAlt {
color:#444444;
float:left;
text-align:left;
text-decoration:none;
white-space:nowrap;
line-height:1.2;
}
.buttonAlt strong {
background:#CCCCCC url(/pix/layout/button.gif) repeat-x  0 0;
border:#AAAAAA solid;
border-width:1px 0;
display:block;
font-weight:normal;
margin:0 1px;
position:relative;
}
.buttonAlt:hover strong {
border-color:#888888;
}
.buttonAlt strong strong {
background:transparent none repeat scroll 0%;
border-width:0 1px;
margin:0 -1px;
}
.buttonAlt strong strong strong {
border:none;	
cursor:pointer;
padding:2px 5px 3px 5px;
}

.buttonAlt.menu strong strong strong {
background:transparent url(/pix/layout/button_arrow_down.gif) no-repeat scroll 100% 50%;
padding-right:15px;
}

.buttonAlt.menu strong strong strong span {
display:block;
overflow:hidden;
white-space:nowrap;
}

Some information about this website:

URL: http://www.top-familyhotels.com/
CSS URL: http://www.top-familyhotels.com/css/layout-2010.css
Language: de
Charset: utf-8
Title: Günstiger Familienurlaub mit top family - Familienhotels für Groß und Klein - Willkommen
Meta-Description: Günstiger Familienurlaub mit top family im Familienhotel, Kinderhotel oder Babyhotel. Hier finden Sie ausschließlich familienfreundliche Hotels.
Meta-Keywords: günstiger Familienurlaub, billiger Familienurlaub, preiswerter Familienurlaub, Familienhotel, Familienhotels, Kinderurlaub, Familienreisen, Urlaub mit Kindern, Kinderhotels, Babyhotels