Results of the CSS crunched for www.hotelbox.cc

Let's see what we've done for www.hotelbox.cc

CSSCruncher.com has crunched this CSS to
31.71 %Less Size! I cant't believe it!

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

Crunched CSS code:

@charset "utf-8";html *{padding:0;margin:0}
body{width:100%;text-align:center;font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#27353A;background:url(pics/bg.gif) center center}
img{border:none}
h1{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:normal;color:#2f383d;padding:0 0 7px 90px;margin-top:45px;margin-bottom:35px;border-bottom:1px solid #CED1D3;background:url(pics/colors_small.png) no-repeat left top}
h2,h3,h5{font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:bold;background:url(pics/list_style.gif) center left no-repeat;padding-left:20px;margin:30px 0 15px 0}
h5{margin-top:10px;margin-left:10px;padding-bottom:5px;border-bottom:1px solid #CED1D3}
h2{padding-bottom:5px;border-bottom:1px solid #CED1D3}
h4{margin:40px 0 15px 20px}
p,p.bodytext{padding:0 21px 10px 20px}
a{text-decoration:none;color:#000}
#content a:hover{text-decoration:underline}
#wrapper{margin:0 auto;width:980px;height:94%;clear:both;text-align:left;background:#FFF}
#header{width:960px;height:35px;height:100px;background:url(pics/header_ecke.gif) right top no-repeat}
#logo{padding:40px 0 0 35px}
#ecke{float:right;padding:10px 10px 0 0;color:#747678;font-size:11px}
#header select{width:85px;margin-left:5px;font-size:11px;color:#747678;background:#CED1D3;border:1px solid #a0a2a4}
#title{position:absolute;top:100px;left:0;margin-left:0;width:100%;height:35px;background:#5F6164;z-index:3}
#titleContainer{position:relative;width:960px;margin:0 auto;color:#fff}
#titleColor{float:left;margin:5px 0 0 26px}
#titleHeadline{float:right;heigth:35px;width:500px;margin-right:10px;text-align:right;padding:5px 20px 0 0;color:#CED1D3;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:30px}
#contentContainer{background:#FFF}
#sidebar{float:left;width:200px;margin:45px 0 30px 20px}
#navi{margin-top:40px}
#navi ul li{border-bottom:1px solid #CED1D3;list-style-type:none}
#navi ul li a{display:block;margin-left:15px;margin-top:8px;padding-left:25px;padding-bottom:8px;font-family:Tahoma,Geneva,sans-serif;font-size:13px;color:#27353A;letter-spacing:0.3px;background:url(pics/list_style.gif) center left no-repeat}
#navi ul li.aktiv a,#navi ul li a:hover,#navi ul li a:active,#navi ul li a:focus{background:url(pics/list_style_over.gif) center left no-repeat;color:#5F6164}
#newsletter{background:url(pics/nl_symbol.gif) no-repeat;margin:30px 0 30px 13px;padding-left:25px;font-size:11px}
#newsletter p{margin:0;padding:0}
#newsletter a{color:#27353A}
#newsletter a:hover{text-decoration:underline;color:#27353A}
#content{float:right;width:720px;margin:35px 20px 40px 0}
#mainImage{}
#content ul{margin:0 0 15px 22px;list-style-type:none}
#content ul li{margin-bottom:5px;padding-left:20px;background:url(pics/list_style_small.gif) center left no-repeat}
#content ol{margin:0 0 15px 45px}
#content ol li{margin-bottom:25px}
#content #imgBig{width:368px;height:302px;margin-bottom:20px;background:url(pics/img_big_bg.png) top left no-repeat}
#content #imgRow{width:368px;height:60px;border-left:5px solid #ced1d3}
#content #imgRow img{border:5px solid #ced1d3;border-left:none}
#content #flag{float:right;text-align:right;margin-right:20px}
#content #hotelinfo{clear:right;float:right;width:300px}
#content a{color:#27353A}
#content a,#content a:hover{text-decoration:underline}
#content a.buchen{display:block;width:240px;height:30px;margin-left:-5px;padding:4px 0 0 40px;color:#FFF;font-weight:bold;background:url(pics/button_buchen.jpg) no-repeat}
#content #googlemaps{float:right;width:420px;margin-top:30px;text-align:right}
#content table,#content td{font-size:11px}
fieldset a{float:right;padding-right:5px;text-align:right;font-weight:bold}
fieldset label{float:left}
#backLink{}
#footer{clear:both;width:inherit;height:21px;background:#a0a2a4;margin-bottom:30px}
#footerContainer{position:relative;width:960px;height:21px;margin:0 auto;color:#fff;background:url(pics/footer_i.gif) top left no-repeat}
#footerHeadline{text-align:left;padding:4px 0 0 40px;color:#5F6164;font-family:Arial,Helvetica,sans-serif;font-size:11px}
#footerHeadline a{}
#footerHeadline a:hover{text-decoration:underline}
#footer p{margin:0;padding:0}
#textBuchen{position:absolute;width:370px;height:170px;top:185px;left:50%;margin-left:30px;z-index:5;line-height:16px}
#choosebox{position:absolute;width:190px;top:60px;left:50%;margin-left:-210px;padding-bottom:20px;background:url(pics/box_body.png) no-repeat;z-index:10}
#choosebox h1{widht:175px;height:25px;margin:0;padding:15px 10px 20px 0;font-family:Tahoma,Geneva,sans-serif;font-size:14px;font-weight:normal;color:#FFF;border:none;background:none}
#choosebox ul{margin-bottom:25px;padding:15px 10px 0 25px;list-style-type:none}
#choosebox li{height:18px;padding:2px 0 0 20px;text-align:left}
#choosebox p{text-align:left;padding:0 10px 5px 25px;color:#CED1D3}
#choosebox p img{float:left;width:10px;height:10px;margin-right:10px}
#choosebox li.blue{background:url(pics/square_blue.gif) left center no-repeat}
#choosebox li.red{background:url(pics/square_red.gif) left center no-repeat}
#choosebox li.yellow{background:url(pics/square_yellow.gif) left center no-repeat}
#choosebox li.green{background:url(pics/square_green.gif) left center no-repeat}
#choosebox form{float:left;width:135px;padding-left:23px;padding-top:5px}
#choosebox input{width:125px}
#choosebox .weiter{float:right;margin-top:10px}
#choosebox a{color:#d1d2d3}
#choosebox a:hover{color:#FFF;text-decoration:none}
#searchbox{float:left;width:175px;background:url(pics/box_body.png) no-repeat;color:#d1d2d3;padding:0 20px}
#searchbox h1{widht:175px;height:25px;margin:0;padding:15px 0 15px 2px;font-family:Tahoma,Geneva,sans-serif;font-size:14px;font-weight:normal;color:#FFF;border:none;background:none}
#searchbox fieldset{border:none;margin:0;padding:0 5px}
#searchbox input,#searchbox select{margin:6px 0 16px 0;padding:0;width:130px;background:#fff;border:1px solid #fff;font-size:12px;color:#27353A}
#searchbox a{float:right;margin:0 35px 15px 0;color:#FFF}
#searchbox a:hover{text-decoration:underline}
.hotelboxen{}
.hotelbox{float:left;width:340px}
.hotelbox h3{float:left;margin:5px 0 0 0;padding:0 20px 0 0;font-family:Tahoma,Geneva,sans-serif;font-size:14px;text-transform:uppercase;border:none;background:none}
.hotelbox h4{margin:15px 0 15px 0;padding:0;font-family:Tahoma,Geneva,sans-serif;font-size:12px;text-transform:uppercase;border:none;background:none}
.hotelbox p{padding:0;font-size:11px}
.hotelbox p.more{padding:0;padding-top:8px;#color:#5d5d5d}
.hotelbox a:hover{text-decoration:underline}
.hotelbox img{float:left;margin-right:15px}
.trenner{float:left;width:39px;height:150px;background:url(pics/trennlinie_hoch.png) repeat-y top center}
.trennlinie{width:720px;clear:both}
.csc-textpic-imagewrap ul{width:720px !important}
.csc-textpic-imagewrap{padding:0 !important;margin:0 !important}
.csc-textpic-imagewrap ul{padding:0 !important;margin:0 !important;list-style-type:none}
.csc-textpic-imagewrap li{padding:10px !important;margin:0 !important;background:none !important;background-image:none !important}

» Show original CSS code

« Hide original CSS code

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

/* COLORS */
/* D-Grau #5F6164 */
/* H-Grau #CED1D3 */
/* Text   #27353A */

html * {
	padding:0;
	margin:0;
}

body {
	width: 100%;
	/*height: 100%;*/
	text-align: center;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:  #27353A;
	background: url(pics/bg.gif) center center;
	/*
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #d8d8d8;
	scrollbar-3dlight-color: #a2a2a2;
	scrollbar-arrow-color: #27353A;
	scrollbar-track-color: #d8d8d8;
	*/
}

img {
	border: none;
}

/* FONTs *************************************** */
/* ********************************************* */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #2f383d;
	padding: 0 0 7px 90px;
	margin-top: 45px;
	margin-bottom: 35px;
	border-bottom: 1px solid #CED1D3;
	background: url(pics/colors_small.png) no-repeat left top;
}
h2, h3, h5 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url(pics/list_style.gif) center left no-repeat;
	padding-left: 20px;
	margin: 30px 0 15px 0; 
}
h5 {
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CED1D3;
}
h2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #CED1D3;
}
h4 {
	margin: 40px 0 15px 20px;
}
p, p.bodytext {
	padding: 0 21px 10px 20px;
}

a {
	text-decoration:none;
	color: #000;
}
#content a:hover {
	text-decoration: underline;
}

/* DIVs **************************************** */
/* ********************************************* */

#wrapper  {
	margin: 0 auto;
	width: 980px;
	height: 94%;
	clear: both;
	text-align: left;
	background: #FFF;
}

/* HEADER -------------------------------------- */

#header {
	width: 960px;
	height: 35px;
	height: 100px;
	background: url(pics/header_ecke.gif) right top no-repeat;
}
	#logo {
		padding: 40px 0 0 35px;
	}
	#ecke {
		float: right;
		padding: 10px 10px 0 0;
		color: #747678;
		font-size: 11px;
	}
	#header select {
		width: 85px;
		margin-left: 5px;
		font-size: 11px;
		color: #747678;
		background: #CED1D3;
		border: 1px solid #a0a2a4;
	}
	
	
/* TITELZEILE -------------------------------------- */

#title {
	position: absolute;
	top: 100px;
	left: 0;
	margin-left: 0;
	width: 100%;
	height: 35px;
	background: #5F6164;
	z-index: 3;
}
	#titleContainer {
		position: relative;
		width: 960px;
		margin: 0 auto;
		color: #fff;
	}
	#titleColor {
		float: left;
		margin: 5px 0 0 26px;
	}
	#titleHeadline {
		float: right;
		heigth: 35px;
		width: 500px;
		margin-right: 10px;
		text-align: right;
		padding: 5px 20px 0 0;
		color: #CED1D3;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 30px;
		/*background: url(pics/title_bg.gif);*/
	}
#contentContainer {
	/*height: 100%;*/
	background: #FFF;
}

/* NAVI -------------------------------------- */
#sidebar {
	float: left;
	width: 200px;
	margin: 45px 0 30px 20px;
}
#navi {
	margin-top: 40px;
}
	#navi ul li {
		border-bottom: 1px solid #CED1D3;
		list-style-type: none;
	}
	#navi ul li a {
		display: block;
		margin-left: 15px;
		margin-top: 8px;
		padding-left: 25px;
		padding-bottom: 8px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 13px;
		color:  #27353A;
		letter-spacing: 0.3px;
		background: url(pics/list_style.gif) center left no-repeat; 
	}
	#navi ul li.aktiv a, #navi ul li a:hover, #navi ul li a:active, #navi ul li a:focus {
		background: url(pics/list_style_over.gif) center left no-repeat; 
		color: #5F6164;
	}

#newsletter {
		background: url(pics/nl_symbol.gif) no-repeat;
		margin: 30px 0 30px 13px;
		padding-left: 25px;
		font-size: 11px;
	}
	#newsletter p {
		margin: 0;
		padding: 0;
	}
	#newsletter a {
		color:  #27353A;
	}
	#newsletter a:hover {
		text-decoration: underline;
		color:  #27353A;
	}

/* CONTENT -------------------------------------- */

#content {
	float: right;
	width: 720px;
	margin: 35px 20px 40px 0;
}
	#mainImage {
		
	}
	#content ul {
		margin: 0 0 15px 22px;
		list-style-type: none;
	}
	
	#content ul li {
		margin-bottom: 5px;
		padding-left: 20px;
		background: url(pics/list_style_small.gif) center left no-repeat; 
	}
	#content ol {
		margin: 0 0 15px 45px;
	}
	#content ol li {
		margin-bottom: 25px;
	}
	#content #imgBig {	/* 360x295px */
		width: 368px;
		height: 302px;
		margin-bottom: 20px;
		background: url(pics/img_big_bg.png) top left no-repeat;
	}
	#content #imgRow {
		width: 368px;
		height: 60px;
		border-left: 5px solid #ced1d3;
	}
	#content #imgRow img {
		border: 5px solid #ced1d3;
		border-left: none;

}
	#content #flag {
		float: right;
		text-align: right;
		margin-right: 20px;
	}
	#content #hotelinfo {
		clear: right;
		float: right;
		width: 300px;
	}
	#content a {
		color: #27353A;
	}
	#content a, #content a:hover {
		text-decoration: underline;
	}
	#content a.buchen {
		display: block;
		width: 240px;
		height: 30px;
		margin-left: -5px;
		padding: 4px 0 0 40px;
		color: #FFF;
		font-weight: bold;
		background: url(pics/button_buchen.jpg) no-repeat;
	}
	#content #googlemaps {
		float: right;
		width: 420px;
		margin-top: 30px;
		text-align: right;
	}
	/*
	#content fieldset {
		width: 230px;
		margin: 0 20px 200px 20px;
		padding: 10px;
		border: 1px solid #e6e6e6;
	}
	#content input {
		width: 225px;
		margin-bottom: 10px;
		background: #e6e6e6;
		border: 1px solid #a0a2a4;
	}
	*/
	#content table, #content td {
		font-size: 11px;
	}
	fieldset a {
		float: right;
		padding-right: 5px;
		text-align: right;
		font-weight: bold;
	}
	fieldset label {
		float: left;
	}
	#backLink {	
	
	}

/* FOOTER -------------------------------------- */

#footer {
	clear: both;
	width:inherit;
	height: 21px;
	background: #a0a2a4;
	margin-bottom: 30px;
}
#footerContainer {
		position: relative;
		width: 960px;
		height: 21px;
		margin: 0 auto;
		color: #fff;
		background: url(pics/footer_i.gif) top left no-repeat;
	}

#footerHeadline {
		text-align: left;
		padding: 4px 0 0 40px;
		color: #5F6164;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	#footerHeadline a {
		/*color: #5F6164;*/
	}
	#footerHeadline a:hover {
		text-decoration: underline;
	}
	#footer p {
		margin: 0;
		padding: 0;
	}

#textBuchen {
	position: absolute;
	width: 370px;
	height: 170px;
	top: 185px;
	left: 50%;
	margin-left: 30px;
	z-index: 5;
	line-height: 16px;
}

/* BOX: Hotelbox wählen ----------------------- */
	
#choosebox {
	position: absolute;
	width: 190px;
	top: 60px;
	left: 50%;
	margin-left: -210px;
	padding-bottom: 20px;
	background: url(pics/box_body.png) no-repeat;
	z-index: 10;
}
	#choosebox h1 {
		widht: 175px;
		height: 25px;
		margin: 0;
		padding: 15px 10px 20px 0;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #FFF;
		border: none;
		background: none;
	}
	#choosebox ul {
		margin-bottom: 25px;
		padding: 15px 10px 0 25px;
		list-style-type: none;
	}
	#choosebox li {
		height: 18px;	
		padding: 2px 0 0 20px;
		text-align: left;
	}
	#choosebox p {
		text-align: left;
		padding: 0 10px 5px 25px;
		color: #CED1D3;
	}
	#choosebox p img {
		float: left;
		width: 10px;
		height: 10px;
		margin-right: 10px;
	}
	#choosebox li.blue { background: url(pics/square_blue.gif) left center no-repeat; }
	#choosebox li.red { background: url(pics/square_red.gif) left center no-repeat; }
	#choosebox li.yellow { background: url(pics/square_yellow.gif) left center no-repeat; }
	#choosebox li.green { background: url(pics/square_green.gif) left center no-repeat; }
	
	#choosebox form {
		float: left;
		width: 135px;
		padding-left: 23px;
		padding-top: 5px;
	}
	#choosebox input {
		width: 125px;
	}
	
	#choosebox .weiter {
		float: right;
		margin-top: 10px;
	}
	
	#choosebox a {
		color: #d1d2d3;
	}
	#choosebox a:hover {
		color: #FFF;
		text-decoration: none;
	}

/* SEARCH -------------------------------------- */
	
#searchbox {
	float: left;
	width: 175px;
	background: url(pics/box_body.png) no-repeat;
	color: #d1d2d3;
	padding: 0 20px;
}
	#searchbox h1 {
		widht: 175px;
		height: 25px;
		margin: 0;
		padding: 15px 0 15px 2px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #FFF;
		border: none;
		background: none;
	}
	#searchbox fieldset {
		border: none;
		margin: 0;
		padding: 0 5px;
	}
	#searchbox input, #searchbox select {
		margin: 6px 0 16px 0;
		padding: 0;
		width: 130px;
		background: #fff;
		border: 1px solid #fff;
		font-size: 12px;
		color: #27353A;
	}
	#searchbox a {
		float: right;
		margin: 0 35px 15px 0;
		color: #FFF;
	}
	#searchbox a:hover {
		text-decoration: underline;
	}

/* HOTELBOX ------------------------------ */

.hotelboxen { }

.hotelbox {
	float: left;
	width: 340px;
}
	.hotelbox h3 { /* Preis */
		float: left;
		margin: 5px 0 0 0;
		padding: 0 20px 0 0;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		border: none;
		background: none;
	}
	.hotelbox h4 {
		margin: 15px 0 15px 0;
		padding: 0;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		border: none;
		background: none;
	}
	.hotelbox p {
		padding: 0;
		font-size: 11px;
	}
	.hotelbox p.more {
		padding: 0;
		padding-top: 8px;
		#color: #5d5d5d;
	}
	.hotelbox a:hover {
		text-decoration: underline;
	}
	.hotelbox img {
		float: left;
		margin-right: 15px;	
	}

.trenner {
		float: left;
		width: 39px;
		height: 150px;
		background: url(pics/trennlinie_hoch.png) repeat-y top center;
	}
	.trennlinie {
		width: 720px;
		clear: both;
	}

/* TYPO3 CSS ----------------------- */

.csc-textpic-imagewrap ul {
	width: 720px !important;
}

.csc-textpic-imagewrap{
	padding:0 !important;
	margin:0 !important;
}
.csc-textpic-imagewrap ul{
	padding:0 !important;
	margin:0 !important;
	list-style-type: none;
}
.csc-textpic-imagewrap li {
	padding: 10px !important;
	margin: 0 !important;
	background: none !important;
	background-image: none !important;
}