Results of the CSS crunched for www.sylt-exklusiv.de

Let's see what we've done for www.sylt-exklusiv.de

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

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

Crunched CSS code:

HTML{height:100%}
body{margin:0;background-color:#333333}
a:link,a:visited{color:#6FE7EE;text-decoration:none;font-weight:normal}
a:hover{color:#99FF00;text-decoration:none;font-weight:normal}
td,tr,p,div{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#CCCCCC;line-height:130%}
ul{margin:0;padding:0;list-style:none}
ul li{line-height:15px;padding-left:15px;padding-top:0px;background-image:url(../images/bullet.png);background-repeat:no-repeat;background-position:0px 3px}
strong{color:#6FE7EE;font-weight:bold}
.small{font-size:10px;color:#999999;font-weight:bold;text-align:left}
.modifydate{height:30px;vertical-align:bottom;font-size:10px;color:#999999;font-weight:bold;text-align:left}
.createdate{height:25px;vertical-align:top;font-size:10px;color:#999999;font-weight:bold;vertical-align:top;padding-bottom:10px;padding-top:0px}
#topmenu a{font-family:Tahoma,Helvetica,sans-serif;font-size:14px;font-weight:bold;float:right;display:block;color:#fff;background:url(../images/topmenu_separator.png) no-repeat left;padding:15px;line-height:10px}
#topmenu a:hover{background:transparent url(../images/topmenu_separator.png) no-repeat left;color:#5DDFE6}
#topmenuleft_bg{background-image:url(../images/topmenu_left_bg.png);background-repeat:no-repeat;background-position:left;height:43px}
#left{background:#000 url(../images/left_collumn_bg.png) repeat-y;width:204px}
td.left{background:#000 url(../images/left_collumn_bg.png) repeat-y}
#right{background:transparent url(../images/right_collumn_bg.png) repeat-y;width:204px;height:100%;float:right}
#main_right_separator{background:transparent url(../images/right_collumn_bg.png) repeat-y;background-position:right !important;height:100%}
#header{background:transparent url no-repeat right;height:147px;width:700px}
div#header_separator{background:#000;border-bottom:4px solid #000}
.clr{clear:right}
#right table.moduletable{width:200px;margin:0px 0px 0px 4px}
table.moduletable{width:100%;margin:0px 0px 0px 0px}
table.moduletable td{padding:2px 0 0 0;color:#fff}
table.moduletable th{text-align:center;width:200px;background:#000 url(../images/module_title.png) no-repeat bottom left;height:24px;line-height:24px;text-transform:uppercase;font-size:11px;font-weight:bold;color:#fff;margin-top:0}
table.moduletable ul{}
table.nospace{border-collapse:collapse;border:0;margin:0;padding:0;width:100%}
table.nospace td{margin:0;padding:0}
#maincontent{background:transparent;margin-top:0;height:100%;overflow:auto;padding:3px 3px 3px 3px}
.contentheading{font-family:Tahoma,Helvetica,sans-serif;background:url(../images/content_border.png) repeat-x bottom left;padding:0px 0px 5px 0px;font-size:18px;font-weight:bold;height:40px;color:#fff;text-align:left;width:100%}
.componentheading{font-family:Tahoma,Helvetica,sans-serif;font-size:18px;font-weight:bold;padding:3px 3px}
table.contentpane{text-align:left;width:100%;padding:0px;margin:0px}
table.contentpaneopen{text-align:left;width:100%;padding:0px;margin:0px}
#footer{background:url(../images/footer_bg.png) repeat-x;height:60px}
td.left_bottom_shadow{background:url(../images/left_bottom_shadow.png) no-repeat}
td.right_bottom_shadow{background:url(../images/right_bottom_shadow.png) no-repeat}
a.sublevel:link,a.sublevel:visited{display:block;vertical-align:middle;font-size:11px;font-weight:bold;color:#6FE7EE;text-align:left;padding-left:11px;margin-left:0px;line-height:20px;border-bottom:1px dotted #666666;width:150px}
a.sublevel:hover{color:#99CC00;font-weight:bold;text-decoration:none}
.sectiontableheader{background-color:#000;line-height:20px;padding:2px 2px}
td.sectiontableentry1{line-height:20px;padding:2px 2px}
td.sectiontableentry2{line-height:20px;padding:2px 2px}
tr.sectiontableentry1{line-height:20px;padding:2px 2px}
tr.sectiontableentry2{line-height:20px;padding:2px 2px}
.contentdescription{font-weight:bold;color:#6FE7EE}
a.mainlevel:link,a.mainlevel:visited{display:block;background:url(../images/mainmenu_bg.png) no-repeat;font-size:11px;font-weight:bold;color:#fff;height:26px;line-height:26px;text-align:right;padding-right:5px;width:200px}
a.mainlevel:hover{text-decoration:none;font-weight:bold;color:#6FE7EE;background:url(../images/mainmenu_over.png) no-repeat;padding-right:5px}
#active_menu.mainlevel{font-weight:bold;width:200px;text-align:center;background:url(../images/main_menu_active.png) no-repeat}
a#active_menu.mainlevel:hover{font-weight:bold;width:200px;text-align:center;color:#99FF00}
#newsflash,#bottom{background:#202020 url(../images/newsflash_bg.png) repeat-x bottom;border-bottom:3px solid #000;padding:3px 3px}
#newsflash table.moduletable th,#bottom table.moduletable th{text-align:left;width:100%;background:#000000;height:24px;line-height:24px;text-transform:uppercase;font-size:11px;font-weight:bold;color:#fff;margin-top:0;border-bottom:1px solid #444444;padding-left:3px}
.inputbox{background:#222222;border-bottom:1px solid #555555;border-right:1px solid #555555;border-left:1px solid #000;border-top:1px solid #000;color:#cccccc}
.button{border:1px solid #555555;color:#cccccc;background:#000}
.contrast{background:url(../images/gb_contrast_toggle.png)}
.smaller{background:url(../images/gb_font_smaller.png)}
.larger{background:url(../images/gb_font_larger.png)}
.reset{background:url(../images/gb_reset.png)}

» Show original CSS code

« Hide original CSS code

HTML {
  height: 100%;
}

body {
	margin: 0;
	background-color: #333333;
}

a:link, a:visited {
	color: #6FE7EE; text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #99FF00;	text-decoration: none;
	font-weight: normal;
}

td,tr,p,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 130%;
}

ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul li
{
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/bullet.png) ;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

strong {
	color: #6FE7EE;
	font-weight: bold;
}

.small {
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	text-align: left;
}

.modifydate {
  height: 30px;
  vertical-align: bottom;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	text-align: left;
}

.createdate {
	height: 25px;
	vertical-align: top;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 0px;
}

#topmenu a {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: right;
	display: block;
	color: #fff;
	background: url(../images/topmenu_separator.png) no-repeat left;
	padding: 15px;
	line-height: 10px;
}

#topmenu a:hover {
	background: transparent url(../images/topmenu_separator.png) no-repeat left;
	color: #5DDFE6;
}

#topmenuleft_bg {
	background-image: url(../images/topmenu_left_bg.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 43px;
}

#left {
	background: #000 url(../images/left_collumn_bg.png) repeat-y;
	width: 204px;
}

td.left {
	background: #000 url(../images/left_collumn_bg.png) repeat-y;
}

#right {
	background: transparent url(../images/right_collumn_bg.png) repeat-y;
	width: 204px;
	height: 100%;
	float: right;
}

#main_right_separator {
	background: transparent url(../images/right_collumn_bg.png) repeat-y;
	background-position: right !important;
	height: 100%;
}

#header {
	background: transparent url no-repeat right;
	height: 147px;
	width: 700px;
}

div#header_separator {
	background: #000;
	border-bottom: 4px solid #000;
}

.clr {
	clear: right;
}

#right table.moduletable {
	width: 200px;
	margin: 0px 0px 0px 4px;
}

table.moduletable {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

table.moduletable td {
	padding: 2px 0 0 0;
	color: #fff;
}

table.moduletable th {
	text-align: center;
	width: 200px;
	background: #000 url(../images/module_title.png) no-repeat bottom left;
	height: 24px;
	line-height: 24px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin-top: 0;
}

table.moduletable ul {

}

table.nospace {
	border-collapse: collapse;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

table.nospace td {
	margin: 0;
	padding: 0;
}

#maincontent {
	background: transparent;
	margin-top: 0;
	height: 100%;
        overflow: auto;
	padding: 3px 3px 3px 3px;
}

.contentheading {
	font-family: Tahoma, Helvetica, sans-serif;
	background: url(../images/content_border.png) repeat-x bottom left;
	padding: 0px 0px 5px 0px;
	font-size: 18px;
	font-weight: bold;
	height: 40px;
	color: #fff;
	text-align: left;
	width: 100%;
}

.componentheading {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 3px 3px;
}

table.contentpane {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.contentpaneopen {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#footer {
	background: url(../images/footer_bg.png) repeat-x;
	height: 60px;
}

td.left_bottom_shadow {
	background: url(../images/left_bottom_shadow.png) no-repeat;
}

td.right_bottom_shadow {
	background: url(../images/right_bottom_shadow.png) no-repeat;
}

a.sublevel:link, a.sublevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #6FE7EE;
	text-align: left;
	padding-left: 11px;
	margin-left: 0px;
	line-height: 20px;
	border-bottom: 1px dotted #666666;
	width: 150px;
}

a.sublevel:hover {
	color: #99CC00;
	font-weight: bold;
	text-decoration: none;
}

.sectiontableheader {
	background-color: #000;
	line-height: 20px;
	padding: 2px 2px;
}

td.sectiontableentry1 {
	line-height: 20px;
	padding: 2px 2px;
}

td.sectiontableentry2 {
	line-height: 20px;
	padding: 2px 2px;
}

tr.sectiontableentry1 {
	line-height: 20px;
	padding: 2px 2px;
}

tr.sectiontableentry2 {
	line-height: 20px;
	padding: 2px 2px;
}

.contentdescription {
	font-weight: bold;
	color: #6FE7EE;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background:  url(../images/mainmenu_bg.png) no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	height: 26px;
	line-height:26px;
	text-align: right;
	padding-right: 5px;
	width: 200px;
}

a.mainlevel:hover {
	text-decoration: none;
	font-weight: bold;
	color: #6FE7EE;
	background: url(../images/mainmenu_over.png) no-repeat;
	padding-right: 5px;
	
}

#active_menu.mainlevel {
	font-weight: bold;
	width: 200px;
	text-align: center;
	background: url(../images/main_menu_active.png) no-repeat;
}

a#active_menu.mainlevel:hover {
	font-weight: bold;
	width: 200px;
	text-align: center;
	color: #99FF00;
}

#newsflash, #bottom {
	background: #202020 url(../images/newsflash_bg.png) repeat-x bottom;
	border-bottom: 3px solid #000;
	padding: 3px 3px;
}

#newsflash table.moduletable th, #bottom  table.moduletable th {
	text-align: left;
	width: 100%;
	background: #000000;
	height: 24px;
	line-height: 24px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin-top: 0;
	border-bottom: 1px solid #444444;
	padding-left: 3px;
}

.inputbox {
	background: #222222;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	color: #cccccc;
}

.button {
	border: 1px solid #555555;
	color: #cccccc;
	background: #000;
}

.contrast {
	background: url(../images/gb_contrast_toggle.png);
}

.smaller {
	background: url(../images/gb_font_smaller.png);
}

.larger {
	background: url(../images/gb_font_larger.png);	
}

.reset {
	background: url(../images/gb_reset.png);		
}

Some information about this website:

URL: http://www.sylt-exklusiv.de/
CSS URL: http://www.sylt-exklusiv.de/templates/jp_echo/css/template_css.css
Title: Sylt Exklusiv TV - Inselfernsehen, Infos und Feriendomizile
Meta-Description: Sylt TV mit aktuellen News von der Insel, 24 Live Webcam, das Sylt Wetter Live. Ferienwohnungen, FerienhÃ¤user, Hotels und alle wichtigen Sylter Events.
Meta-Keywords: Sylt Exklusiv TV Sylter Wetter Webcam Ferienwohnung Ferienhaus Hotel