Results of the CSS crunched for www.johannis.it

Let's see what we've done for www.johannis.it

CSSCruncher.com has crunched this CSS to
18.61 %Less Size! Woohooo!

Crunched CSS code:

html{height:100%;margin-bottom:1px}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:36px;color:#83726e}
#left{background-color:#dee9d1;background-image:url(../images/layout/index-left.jpg);background-repeat:no-repeat}
#right{background-color:#dee9d1;background-image:url(../images/layout/index-right.jpg);background-repeat:no-repeat}
#spacer-top{height:10px;border-top:1px solid #a29592;border-left:1px solid #a29592;border-right:1px solid #a29592}
.spacer-left{border-left:1px solid #a29592;width:9px}
.spacer-right{border-right:1px solid #a29592;width:9px}
.spacer-left-bottom{border-left:1px solid #a29592;border-bottom:1px solid #a29592;width:9px}
.spacer-right-bottom{border-right:1px solid #a29592;border-bottom:1px solid #a29592;width:9px}
.img{width:455px}
.between{width:5px}
.logo{text-align:center;vertical-align:middle;padding-bottom:13px;padding-left:0px;padding-right:0px;padding-top:20px}
#navigation-johannis{position:relative;float:left}
#navigation-johannis ul{padding:0;margin:0;text-align:center}
#navigation-johannis li{padding:0px;margin-bottom:0px;margin-left:4px;margin-right:4px;margin-top:0px;list-style:none;width:100px;background-color:#9bba72;color:#FFFFFF;font-weight:bold;float:left}
#navigation-johannis a:link{color:#FFFFFF;background-color:#9bba72;text-decoration:none;display:block;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;margin:0px}
#navigation-johannis a:visited{color:#FFFFFF;background-color:#9bba72;text-decoration:none;display:block;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;margin:0px}
#navigation-johannis a:hover{color:#9bba72;background-color:#FFFFFF;text-decoration:none;display:block;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;margin:0px}
#navigation-johannis a:active{color:#9bba72;background-color:#FFFFFF;text-decoration:none;display:block;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;margin:0px}
#navigation-stroblhof{position:relative;float:right}
#navigation-stroblhof ul{padding:0;margin:0;text-align:center}
#navigation-stroblhof li{padding:0px;margin-bottom:0px;margin-left:4px;margin-right:4px;margin-top:0px;list-style:none;width:100px;background-color:#f5a415;color:#FFFFFF;font-weight:bold;float:left}
#navigation-stroblhof a:link{color:#FFFFFF;background-color:#f5a415;text-decoration:none;display:block;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;margin:0px}
#navigation-stroblhof a:visited{color:#FFFFFF;background-color:#f5a415;text-decoration:none;display:block;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;margin:0px}
#navigation-stroblhof a:hover{color:#f5a415;background-color:#FFFFFF;text-decoration:none;display:block;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;margin:0px}
#navigation-stroblhof a:active{color:#f5a415;background-color:#FFFFFF;text-decoration:none;display:block;padding-bottom:3px;padding-left:10px;padding-right:10px;padding-top:3px;margin:0px}
#top{padding-bottom:6px;padding-left:0px;padding-right:0px;padding-top:0px}
#welcome{text-align:right;font-size:14px;font-weight:bold}
#lang{text-align:right;width:300px;font-size:11px;vertical-align:bottom}
#lang a:link{color:#83726e;text-decoration:none}
#lang a:visited{color:#83726e;text-decoration:none}
#lang a:hover{color:#83726e;text-decoration:underline}
#lang a:active{color:#83726e;text-decoration:none}
#text{width:915px;line-height:18px;text-align:justify;padding-bottom:50px;padding-left:0px;padding-right:0px;padding-top:8px}
.footer{width:183px;font-weight:bold;text-align:center;padding-bottom:3px;padding-left:0px;padding-right:0px;padding-top:3px;border-bottom:1px solid #A29592;border-left:1px solid #A29592;border-right:1px solid #A29592;border-top:1px solid #A29592}
.footer a{font-weight:bold;color:#83726e;text-decoration:none}
.footer a:hover{font-weight:bold;color:#83726e;text-decoration:underline}
.footer_links{padding-bottom:0px;padding-left:8px;padding-right:0px;padding-top:4px;line-height:20px;border-left:1px solid #A29592;border-right:1px solid #A29592}
.footer_links a{color:#83726e;text-decoration:none}
.footer_links a:hover{color:#83726e;text-decoration:underline}
#buerozeiten{text-align:center;line-height:18px;font-weight:bold;padding-bottom:32px;padding-left:0px;padding-right:0px;padding-top:0px;text-transform:uppercase;letter-spacing:1px}
#sidebar_left{float:left;width:244px;margin:0px 36px 0px 0px}
#sidebar_left h2{font-size:16px;font-weight:normal;margin:0px 0px 6px 0px;padding:0px 0px 0px 0px;font-weight:bold;line-height:20px}
.sidebar_spacer{width:220px;height:1px;background-color:#A29592;margin:16px auto 16px auto}
#content{float:left;width:635px;margin:0px 0px 0px 0px}
a{color:#5D231C;text-decoration:underline}
a:hover{color:#5D231C;text-decoration:none}
.storycontent img{margin:0px 6px 16px 0px;border:none}
.storytitle a{text-decoration:none;line-height:180%!important;font-size:16px!important;color:#9E7F66}
.wp_sidebar{color:#535800;background-color:#F4F8EF;padding:2px 0px 1px 0px}
.wp_sidebar a{width:210px;margin:0;padding:0;font-size:13px}
.wp_sidebar a{color:#39373B!important}
.wp_sidebar a:hover{color:#39373B!important;text-decoration:underline}
.wp_sidebar .widget{list-style-type:none;font-size:13px;font-weight:normal;margin:0px 18px 18px -18px}
.wp_sidebar .widget ul{list-style-type:square;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;font-size:12px;font-weight:normal;line-height:19px}
.wp_sidebar .widget a{text-decoration:none}
.cat-item{}
.wp_sidebar #text-3{font-weight:normal;font-size:11px}
.wp_sidebar #text-3 h3{font-size:13px}
.wp_sidebar #tag_cloud-3 div{padding-top:4px}
.wp_sidebar #tag_cloud-3 div a{color:#39373B!important}
#ctc-3 a:hover{text-decoration:underline!important}
.wp_sidebar .widget_categories ul{font-family:Arial,Helvetica,sans-serif;padding-left:8px!important}
.wp_sidebar .widget_categories li{font-family:Arial,Helvetica,sans-serif;list-style-type:none;font-size:12px!important;padding-left:0;margin-left:2px;color:#39373B}
.wp_sidebar .widget_categories ul a{font-size:13px!important}
.feedback{color:#5D231C;text-align:left;clear:both;border-bottom:1px solid #A29592;padding:0px 0px 16px 0px}
.feedback a{color:#5D231C;text-decoration:underline}
.feedback a:hover{color:#5D231C;text-decoration:none}
#banner-welcome{background-color:#F4F8EF;color:#535800;padding:16px 18px 16px 18px;margin:0px 0px 18px 0px}
#banner-welcome h2{color:#535800;font-size:16px;margin:0px 0px 18px 0px;padding:0px 0px 0px 0px}
#banner-welcome img{float:left;margin:0px 12px 0px 0px}

» Show original CSS code

« Hide original CSS code

html { 
	height:100%;
	margin-bottom:1px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:36px;
	color:#83726e;
}

#left {
	background-color:#dee9d1;
	background-image:url(../images/layout/index-left.jpg);
	background-repeat:no-repeat;
}

#right {
	background-color:#dee9d1;
	background-image:url(../images/layout/index-right.jpg);
	background-repeat:no-repeat;
}

#spacer-top {
	height:10px;
	border-top:1px solid #a29592;
	border-left:1px solid #a29592;
	border-right:1px solid #a29592;
}

.spacer-left {
	border-left:1px solid #a29592;
	width:9px;
}

.spacer-right {
	border-right:1px solid #a29592;
	width:9px;
}

.spacer-left-bottom {
	border-left:1px solid #a29592;
	border-bottom:1px solid #a29592;
	width:9px;
}

.spacer-right-bottom {
	border-right:1px solid #a29592;
	border-bottom:1px solid #a29592;
	width:9px;
}

.img {
	width:455px;
}

.between {
	width:5px;
}

.logo {
	text-align:center;
	vertical-align:middle;
	padding-bottom:13px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
}

#navigation-johannis {
	position:relative;
	float:left;
}

#navigation-johannis ul {
    padding:0;
    margin:0;
	text-align:center;
}

#navigation-johannis li {
	padding:0px;
	margin-bottom:0px;
	margin-left:4px;
	margin-right:4px;
	margin-top:0px;
    list-style:none;
    width:100px;
	background-color:#9bba72;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}

#navigation-johannis a:link {
   color:#FFFFFF;
   background-color:#9bba72;
   text-decoration:none;
   display:block;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   margin:0px;
}
#navigation-johannis a:visited {
   color:#FFFFFF;
   background-color:#9bba72;
   text-decoration:none;
   display:block;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   margin:0px;
}
#navigation-johannis a:hover {
   color:#9bba72;
   background-color:#FFFFFF;
   text-decoration:none;
   display:block;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   margin:0px;
}
#navigation-johannis a:active {
   color:#9bba72;
   background-color:#FFFFFF;
   text-decoration:none;
   display:block;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   margin:0px;
}

#navigation-stroblhof {
	position:relative;
	float:right;
}

#navigation-stroblhof ul {
    padding:0;
    margin:0;
	text-align:center;
}

#navigation-stroblhof li {
	padding:0px;
	margin-bottom:0px;
	margin-left:4px;
	margin-right:4px;
	margin-top:0px;
    list-style:none;
    width:100px;
	background-color:#f5a415;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}

#navigation-stroblhof a:link {
   color:#FFFFFF;
   background-color:#f5a415;
   text-decoration:none;
   display:block;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   margin:0px;
}
#navigation-stroblhof a:visited {
   color:#FFFFFF;
   background-color:#f5a415;
   text-decoration:none;
   display:block;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   margin:0px;
}
#navigation-stroblhof a:hover {
   color:#f5a415;
   background-color:#FFFFFF;
   text-decoration:none;
   display:block;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   margin:0px;
}
#navigation-stroblhof a:active {
   color:#f5a415;
   background-color:#FFFFFF;
   text-decoration:none;
   display:block;
   padding-bottom:3px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   margin:0px;
}

#top {
	padding-bottom:6px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}

#welcome {
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

#lang {
	text-align:right;
	width:300px;
	font-size:11px;
	vertical-align:bottom;
}
#lang a:link {
	color:#83726e;
	text-decoration:none;
}
#lang a:visited {
	color:#83726e;
	text-decoration:none;
}
#lang a:hover {
	color:#83726e;
	text-decoration:underline;
}
#lang a:active {
	color:#83726e;
	text-decoration:none;
}

#text {
	width:915px;
	line-height:18px;
	text-align:justify;
	padding-bottom:50px;
	padding-left:0px;
	padding-right:0px;
	padding-top:8px;
}

.footer {
	width:183px;
	font-weight:bold;
	text-align:center;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	padding-top:3px;
	border-bottom:1px solid #A29592;
	border-left:1px solid #A29592;
	border-right:1px solid #A29592;
	border-top:1px solid #A29592;
}
	.footer a {
		font-weight:bold;
		color:#83726e;
		text-decoration:none;
	}
		.footer a:hover {
			font-weight:bold;
			color:#83726e;
			text-decoration:underline;
		}

.footer_links {
	padding-bottom:0px;
	padding-left:8px;
	padding-right:0px;
	padding-top:4px;
	line-height:20px;
	border-left:1px solid #A29592;
	border-right:1px solid #A29592;
}
	.footer_links a {
		color:#83726e;
		text-decoration:none;
	}
		.footer_links a:hover {
			color:#83726e;
			text-decoration:underline;
		}

#buerozeiten {
	text-align:center;
	line-height:18px;
	font-weight:bold;
	padding-bottom:32px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	text-transform:uppercase;
	letter-spacing:1px;
}

/* -------------------------------------------------- BEGINN CSS FÜR BLOG BEGINN -------------------------------------------------- */
#sidebar_left {
	float:left;
	width:244px;
	margin:0px 36px 0px 0px;
}

#sidebar_left h2 {
	font-size:16px;
	font-weight:normal;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	line-height:20px;
}

.sidebar_spacer {
	width:220px;
	height:1px;
	background-color:#A29592;
	margin:16px auto 16px auto;
}

#content {
	float:left;
	width:635px;
	margin:0px 0px 0px 0px;
}

a {
	color:#5D231C;
	text-decoration:underline;
}
	a:hover {
		color:#5D231C;
		text-decoration:none;
	}

.storycontent img {
	margin:0px 6px 16px 0px;
	border:none;
}
.storytitle a {
	text-decoration: none;
	line-height:180%!important;
	font-size:16px!important;
	color:#9E7F66;
}
/* sidebar */
.wp_sidebar{
color:#535800;
background-color:#F4F8EF;
padding:2px 0px 1px 0px;
}
	.wp_sidebar a {
	width:210px;
	margin:0;
	padding:0;
	font-size:13px;
}
	.wp_sidebar a {
	color:#39373B!important;
	}
	.wp_sidebar a:hover {
	color:#39373B!important;
	text-decoration:underline;
	}
	.wp_sidebar .widget {
	list-style-type:none;
	font-size:13px;
	font-weight:normal;
	margin:0px 18px 18px -18px;
	/*
	padding-right:9px;
	padding-left:9px;
	border-bottom:1px dotted #AE5B11;
	*/
	}
		.wp_sidebar .widget ul {
		list-style-type: square;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		font-size:12px;
		font-weight:normal;
		line-height:19px;
		}
			.wp_sidebar .widget a {
			text-decoration:none;
			}
			.cat-item {
			/*letter-spacing:1px;*/
			}
		.wp_sidebar #text-3 {
		font-weight:normal;
		font-size:11px;
		}
		.wp_sidebar #text-3 h3 {
		font-size:13px;
		}
		
		.wp_sidebar #tag_cloud-3 div {
		padding-top:4px;
		}
		
			.wp_sidebar #tag_cloud-3 div a {
			color:#39373B!important;
			}
		#ctc-3 a:hover {
		text-decoration:underline!important;
		}
			
	.wp_sidebar .widget_categories ul {
	font-family:Arial, Helvetica, sans-serif;
	padding-left:8px!important;
		}
		.wp_sidebar .widget_categories li {
	font-family:Arial, Helvetica, sans-serif;
	list-style-type:none;
	font-size:12px!important;
	padding-left:0;
	margin-left:2px;
	color:#39373B;
		}
		
		.wp_sidebar .widget_categories ul a {
	font-size:13px!important;
		}

.feedback {
	color:#5D231C;
	text-align:left;
	clear: both;
	border-bottom:1px solid #A29592;
	padding:0px 0px 16px 0px;
}
	.feedback a {
		color:#5D231C;
		text-decoration:underline;
	}
		.feedback a:hover {
			color:#5D231C;
			text-decoration:none;
		}

#banner-welcome {
	background-color:#F4F8EF;
	color:#535800;
	padding:16px 18px 16px 18px;
	margin:0px 0px 18px 0px;
}
#banner-welcome h2 {
	color:#535800;
	font-size:16px;
	margin:0px 0px 18px 0px;
	padding:0px 0px 0px 0px;
}
#banner-welcome img {
	float:left;
	margin:0px 12px 0px 0px;
}
/* ---------------------------------------------------- ENDE CSS FÜR BLOG ENDE ---------------------------------------------------- */

Some information about this website:

URL: http://www.johannis.it/
CSS URL: http://www.johannis.it/css/style-index.css
Charset: iso-8859-1
Title: Hotel Dorf Tirol: HOTELS - HOTEL JOHANNIS & HOTEL STROBLHOF
Meta-Description: Endlich Urlaub gefunden! Zwei Hotels in Dorf Tirol der 3 Sterne Superior und 4 Sterne Kategorie in schönster Lage und feinstem Service.