Results of the CSS crunched for www.toernplanung.de

Let's see what we've done for www.toernplanung.de

CSSCruncher.com has crunched this CSS to
14.65 %Less Size! Nice!

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

Crunched CSS code:

*{font-size:100%;margin:0;padding:0;line-height:1.4em}
body{position:relative;background:url(images/bg_body.gif) top left repeat-x #9BC3D5;font:70% Verdana,Arial,Helvetica,sans-serif;color:#4B5D67;text-align:center}
#page{display:block;width:750px;background:url(images/bg_main.gif) top repeat-y;text-align:left;margin:0 auto}
#header{position:relative;float:left;display:block;width:750px;background:url(images/bg_header.gif) top no-repeat;min-height:355px;padding:0}
* html #header{height:355px}
#content{float:left;display:block;width:543px;margin:0 0 0 7px}
#sidebar{float:left;display:block;width:193px;margin:0}
* html #content,* html #sidebar{position:relative;left:-7px}
.post{float:left;display:block;width:525px;margin:0 0 0 18px}
.page{float:left;display:block;width:507px;margin:0 0 0 18px}
.archive{float:left;display:block;width:507px;margin:0 0 18px 18px;border-bottom:1px solid #ccc}
#sidebar .post{display:block;width:157px;margin:0 0 0 18px}
.title{float:left;display:block;width:543px;background:url(images/bg_h2.gif) bottom repeat-x #E2EBF8;margin:0 0 18px 0}
#sidebar .title{float:left;display:block;width:193px;background:url(images/bg_h3.gif) bottom left repeat-x #CADFED}
.entry{float:right;display:block;width:350px;margin:0}
.postinfo{float:left;display:block;width:157px;margin:0 0 18px 0}
.wideposts .entry{float:left;display:block;width:525px;margin:0 0 18px 5px}
.wideposts .postinfo{float:left;display:block;width:525px;margin:0 0 18px 0}
.archive .postinfo{margin-left:0}
.archive .entry{margin-right:-24px}
* html .post,* html #sidebar .post,* html .archive{margin-left:0;position:relative;left:18px}
p img{float:left;margin:0 18px 12px 0}
p img.wp-smiley{float:none;margin:0}
embed{float:left;margin:0 18px 12px 0}
h1{font:2.2em Tahoma,Verdana,Arial,sans-serif;color:#fff;letter-spacing:-1px;padding:45px 37px 0 37px;margin:0 0 -5px 0}
h1 a,h1 a:visited{color:#fff;text-decoration:none}
.description{color:#CADFED;margin:0 37px 25px 37px}
.title h2{font:1.05em Arial,Helvetica,sans-serif;text-transform:uppercase;padding:9px 24px 12px 24px}
#content .postwrapper .title h2{font:1.4em Arial,Helvetica,sans-serif;text-transform:none;background:url(images/icon_entry.gif) 24px 50% no-repeat;padding:9px 100px 12px 42px}
#sidebar .title h2{font:1.05em Arial,Helvetica,sans-serif;text-transform:uppercase;padding:9px 0 12px 24px;background:none;color:#32474B}
.title small{float:right;padding:14px 24px 0 0;color:#67939B}
h2 a,h2 a:visited{}
h3{font:bold 1.3em Verdana,Arial,Helvetica,sans-serif;margin:0 0 0.5em 0}
p{margin:0 0 18px 0;padding:0}
.entry p{padding-right:24px}
.postinfo p{padding:0 6px}
.req{padding-left:3px;color:#CC0000}
blockquote{padding:0 0 0 12px;border-left:3px solid #ccc}
ul{margin:0 0 24px 9px}
ol{margin:0 0 24px 9px}
ul li{margin:0 24px 0 14px}
ol li{margin:0 24px 0 14px}
.buttons{float:left;display:block;width:100%;list-style:none;margin-left:0;margin-bottom:21px}
*:first-child+html .buttons{float:none}
.buttons li{float:left;margin:0 18px 3px 0;padding:0}
.buttons ul{margin:3px 0 0 0;list-style:none;padding-bottom:-5px}
.buttons ul a,.buttons ul a:visited{padding:3px 6px 4px 6px;font-weight:normal}
* html .buttons li{margin:0}
.buttons a,.buttons a:visited{display:block;width:145px;padding:6px;text-align:center;background:url(images/menu.gif) bottom left no-repeat;border-top:1px solid #D1E0F0;font-weight:bold}
#sidebar .buttons a{text-align:left}
.buttons a:hover{background-position:bottom right}
p.pages{flont-weight:bold}
p.pages a{display:block;padding:3px;width:auto;background:url(images/menu.gif) bottom left no-repeat;border-top:1px solid #D1E0F0;border-right:1px solid #D1E0F0}
.catlist{float:left;list-style:none;margin:0 0 18px 0}
*:first-child+html .catlist{border-bottom:18px solid #fff}
.catlist li{float:left;margin:0 18px 0 0;border-bottom:1px solid #CAD6E1}
* html .onecol li{margin:0}
.catlist ul{display:none}
.catlist li:first-child,.catlist li:first-child+li,.catlist li:first-child+li+li{border-top:1px solid #CAD6E1}
.onecol li:first-child+li,.onecol li:first-child+li+li{border-top:none}
*:first-child+html .onecol{border-bottom:0}
.catlist a,.catlist a:visited{display:block;width:145px;padding:1px 6px 2px 6px;margin:1px 0}
.catlist a:hover{background:#F2F2F2}
#themeswitcher{list-style:none;margin:0 0 18px 0}
#themeswitcher li{margin:0}
#sidelist{list-style:none}
#sidelist li{margin:0}
#sidelist li li{margin:0 24px 0 8px}
#sidelist ul{list-style-type:disc}
a,a:visited{color:#7f1d1d;text-decoration:none}
p a:hover,ul a:hover{background-color:#BFD3E0}
#content p a:hover,#content ul a:hover{background-color:#E2EBF8}
#mainpic{position:absolute;bottom:0;float:left;background:url(images/mainpic01.jpg) no-repeat;display:block;width:736px;height:229px;margin:0 7px;border-top:3px solid #67939B;border-bottom:3px solid #67939B}
form{margin:0 0 18px 0}
#searchsubmit{position:absolute}
#s{width:130px;padding:2px;border:1px solid #B9C3D1;background:#CAD6E1;color:#32474B;margin-right:2px}
select,.field{width:157px;margin:0 0 4px 0;color:#32474B}
.field{padding:2px;width:153px}
textarea{padding:2px;width:308px;font:1em Verdana,Arial,Helvetica,sans-serif}
select option{padding:1px}
#submit{padding:3px}
#wp-calendar caption{width:157px;text-align:center;background:#4b5d67;color:#fff;border-bottom:2px solid #e6eef7}
#wp-calendar{border-collapse:collapse;width:155px;text-align:center}
#wp-calendar thead tr{background:url(images/cal_bkg.gif) bottom right no-repeat}
#wp-calendar thead th{background:url(images/cal_single.gif) top left no-repeat}
#wp-calendar tbody td{background:url(images/cal_single2.gif) top left no-repeat;padding:2px 0}
#wp-calendar #today{background:url(images/cal_single_today.gif) top left no-repeat;color:#000}
#wp-calendar tbody .pad{background:url(images/cal_pad.gif) top left no-repeat}
#wp-calendar a{padding:2px 0;font-weight:bold}
#wp-calendar tfoot td{padding:3px 0;background:url(images/cal_pad.gif) top left no-repeat}
#wp-calendar #next{text-align:right;padding-right:10px}
#calendar_wrap{display:block;width:156px;background:url(images/cal_bkg.gif) bottom right no-repeat;padding:0 1px 1px 0;margin:0 0 18px 0}
#pagetabs{position:absolute;bottom:3px;left:1px;display:block;float:left;padding:0;margin:0 0 0 25px;list-style:none}
#pagetabs ul{display:none}
#pagetabs li{float:left;border-bottom:1px solid #414e53;margin:0 5px 0 0;padding:0}
#pagetabs li:hover{border-bottom:1px solid #486065}
#pagetabs a{float:left;display:block;padding:5px 5px 3px 5px;background:#526a74;color:#fff;font-weight:bold;border-bottom:2px solid #4a5e65}
#pagetabs a:hover{background:#5c7d86;border-bottom:2px solid #527077;color:#fff}
.pagetabstitle{border-bottom:none !important;color:#fff;font-weight:bold;position:relative;top:4px}
#footer{clear:both;display:block;width:750px;background:url(images/bg_footer.gif) bottom no-repeat;border-bottom:20px solid #9BC3D5;text-align:center}
* html #footer{margin-top:18px}
#footer-top{display:block;width:750px;height:15px;background:url(images/bg_footer-top.gif) top no-repeat}
#footer p{color:#798892;padding:0 37px 7px 37px}
#footer a,#footer a:visited{color:#B05255}

» Show original CSS code

« Hide original CSS code

/*  
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: Ocean Mist 1.2<br /> This release fixes some minor bugs with smileys and embedding videos into a post.<br />By default posts are now displayed in the wider format and pages are listed across the top as tabs.
Version: 1.2
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/

/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(images/bg_body.gif) top left repeat-x #9BC3D5; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}
#page {display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}
#header {position: relative; float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat; min-height: 355px; padding: 0;}
* html #header {height: 355px;}
#content {float: left; display: block; width: 543px; margin: 0 0 0 7px;}
#sidebar {float: left; display: block; width: 193px; margin: 0;}
* html #content, * html #sidebar {position: relative; left: -7px;}
.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
.title {float: left; display: block; width: 543px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 18px 0;}
#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}
.entry {float: right; display: block; width: 350px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.wideposts .entry {float: left; display: block; width: 525px; margin: 0 0 18px 5px;}
.wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {float: left; margin: 0 18px 12px 0;}
p img.wp-smiley {float: none; margin: 0;}
embed {float: left; margin: 0 18px 12px 0;}

/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ul {margin: 0 0 24px 9px;}
ol {margin: 0 0 24px 9px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; display: block; width: 100%; list-style: none; margin-left: 0; margin-bottom: 21px;}
*:first-child+html .buttons {float: none;}
.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -5px;}
.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold;}
#sidebar .buttons a {text-align: left;}
.buttons a:hover {background-position: bottom right;}
p.pages {flont-weight: bold;}
p.pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
*:first-child+html .catlist {border-bottom: 18px solid #fff;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
* html .onecol li {margin: 0;}
.catlist ul {display: none;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}
*:first-child+html .onecol {border-bottom: 0;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }

/* links */
a, a:visited {color: #7f1d1d; text-decoration: none;}
p a:hover, ul a:hover {background-color: #BFD3E0;}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}

/* main image */
#mainpic {position: absolute; bottom: 0; float: left; background: url(images/mainpic01.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}

/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}

/* calendar */
#wp-calendar caption {width: 157px; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7;}
#wp-calendar { border-collapse:collapse; width: 155px; text-align: center;}
#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}
#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}
#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0;}
#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat; color: #000;}
#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 156px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 18px 0;}

/* page tabs */
#pagetabs {position: absolute; bottom: 3px; left: 1px; display: block; float: left; padding: 0; margin: 0 0 0 25px; list-style: none;}
#pagetabs ul {display: none;}
#pagetabs li {float: left; border-bottom: 1px solid #414e53; margin: 0 5px 0 0; padding: 0;}
#pagetabs li:hover {border-bottom: 1px solid #486065;}
#pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #526a74; color: #fff; font-weight: bold; border-bottom: 2px solid #4a5e65;}
#pagetabs a:hover {background: #5c7d86; border-bottom: 2px solid #527077; color: #fff;}
.pagetabstitle {border-bottom: none !important; color: #fff; font-weight: bold; position: relative; top: 4px;}

/* footer */
#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #9BC3D5; text-align: center;}
* html #footer {margin-top: 18px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}

Some information about this website:

URL: http://www.toernplanung.de/
CSS URL: http://www.toernplanung.de/wp-content/themes/ocean-mist-10/style.css
Charset: UTF-8
Title: törnplanung.de
Meta-Description: mainpic
Meta-Keywords: Seesack, Törn, Toern, Törnplanung, Toernplanung, Segeln