Results of the CSS crunched for www.k-bettel.de

Let's see what we've done for www.k-bettel.de

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

Crunched CSS code:

body{background:url(../images/bg.png) repeat-x #3273b0;font-family:arial,helvetica,sans serif;font-size:11px;color:#070707;margin:0;text-align:center}
a,a:active,a:visited{color:#444444}
a:hover{text-decoration:none}
form,p,ul{margin:0}
input{border:1px solid #adadad;background:#f9f9f9;color:#070707;margin:1px}
/*Hauptseite*/
#wrapper{position:relative;width:963px;margin:auto}
#header{background:url(../images/header.png) no-repeat;position:relative;top:0px;left:0px;height:211px}
#logo{display:block;position:absolute;top:55px;left:160px;width:300px;height:55px}
#topLogin{background:url(../images/topLoginBg.png);position:absolute;top:11px;left:432px;width:502px;height:24px}
#topLoginUname{font-family:Segoe Print;background:none;position:absolute;top:2px;left:116px;border:0;width:115px;height:15px}
#topLoginPword{background:none;position:absolute;top:2px;left:254px;border:0;width:115px;height:15px}
#topLoginSubmit{background:none;position:absolute;top:2px;left:388px;border:0;width:47px;height:18px;color:#484848;font-weight:bold}
#rotator{position:absolute;top:45px;left:469px;width:465px;height:60px}
#GJP_1{position:absolute;top:136px;left:377px;width:138px;height:35px;text-align:center;font-size:14px;color:#FFF}
#GJP_2{position:absolute;top:136px;left:524px;width:138px;height:35px;text-align:center;font-size:14px;color:#FFF}
#GJP_3{position:absolute;top:136px;left:671px;width:138px;height:35px;text-align:center;font-size:14px;color:#FFF}
#GJP_4{position:absolute;top:136px;left:817px;width:138px;height:35px;text-align:center;font-size:14px;color:#FFF}
#nav_top{position:absolute;top:180px;left:5px;width:953px;height:29px}
ul.nav{list-style-type:none;padding:0;margin:0}
ul.nav li{float:left;display:inline}
a.topButton,a.topButton:active,a.topButton:visited{background:url(../images/topButton.png);display:block;line-height:29px;height:29px;width:93px;color:#3e90dd;text-align:center;text-decoration:none;padding:0}
a.topButton:hover{background:url(../images/topButtonOver.png);color:#fff}
#main{background:url(../images/mainBg.gif) repeat-y;position:relative;top:0px;left:0px;width:963px}
#content{position:relative;top:0px;left:0px;width:963px;float:left;margin:5px 0 0 0}
#left_column{position:relative;top:0px;left:11px;width:162px;float:left}
#center_column{position:relative;top:0px;left:19px;width:602px;float:left}
#right_column{position:relative;top:0px;left:27px;width:162px;float:left}
#footer{background:url(../images/footer.png) no-repeat;position:relative;top:0px;left:0px;width:963px;height:42px;padding:8px 0;color:#fff}
#footer a,#footer a:active,#footer a:visited,#footer a:hover{font-size:10px;color:#fff}
/* Alle Klassen */
.displaynone{display:none}
.clear{clear:both}
.hide{position:absolute;top:-20px;left:-20px}
.box_big_top{background:url(../images/contentTop.png);width:590px;height:24px;text-align:left;padding:7px 0px 0px 12px}
.box_big_top h3{margin:0;font-size:14px;color:#fff}
.box_big_mid{background:url(../images/contentMid.gif);width:572px;text-align:left;padding:5px 15px}
.box_big_foot{background:url(../images/contentFoot.png);width:602px;height:15px;margin:0 0 5px 0}
.box_small_top{background:url(../images/navTop.png);width:152px;height:24px;padding:7px 0px 0px 10px;text-align:left}
.box_small_top h3{margin:0;font-size:14px;color:#FFF}
.box_small_mid{background:url(../images/navMid.png);width:162px;text-align:left;padding:0;line-height:25px}
.box_small_mid a,.box_small_mid a:visited{background:url(../images/arrow.png) no-repeat left;display:block;width:140px;line-height:24px;padding:1px 2px 0 14px;text-decoration:none;color:#444444;margin:0 0 0 4px}
.box_small_mid a:hover{font-weight:bold;color:#3273b0}
.box_small_foot{background:url(../images/navFoot.png);width:162px;height:46px;margin:0 0 10px 0}
.boxc_small_mid{background:url(../images/countmid.png);width:162px;text-align:left;padding:0;line-height:25px}
/* Startseite */
ul.list{margin-bottom:20px;margin-right:7px;margin-left:3px;list-style:square inside}
li.list{margin-left:1px;color:#000000;margin-bottom:2px}

» Show original CSS code

« Hide original CSS code

body {background: url(../images/bg.png) repeat-x #3273b0; font-family: arial, helvetica, sans serif; font-size: 11px; color: #070707; margin: 0; text-align: center;}

a, a:active, a:visited {color: #444444;}
a:hover {text-decoration: none;}

form, p, ul {margin: 0;}

input {border: 1px solid #adadad; background: #f9f9f9; color: #070707; margin: 1px;}

/*Hauptseite*/
#wrapper{position: relative; width: 963px; margin: auto;}
#header {background: url(../images/header.png) no-repeat; position: relative; top: 0px; left: 0px; height: 211px;}
#logo {display: block; position: absolute; top: 55px; left: 160px; width: 300px; height: 55px;}
#topLogin {background: url(../images/topLoginBg.png); position: absolute; top: 11px; left: 432px; width: 502px; height: 24px;}
#topLoginUname {font-family:Segoe Print; background: none; position: absolute; top: 2px; left: 116px; border: 0; width: 115px; height: 15px;}
#topLoginPword {background: none; position: absolute; top: 2px; left: 254px; border: 0; width: 115px; height: 15px;}
#topLoginSubmit {background: none; position: absolute; top: 2px; left: 388px; border: 0; width: 47px; height: 18px; color: #484848; font-weight: bold;}
#rotator {position: absolute; top: 45px; left: 469px; width: 465px; height: 60px;}
#GJP_1 {position: absolute; top: 136px; left: 377px; width: 138px; height: 35px; text-align: center; font-size: 14px; color: #FFF;}
#GJP_2 {position: absolute; top: 136px; left: 524px; width: 138px; height: 35px; text-align: center; font-size: 14px; color: #FFF;}
#GJP_3 {position: absolute; top: 136px; left: 671px; width: 138px; height: 35px; text-align: center; font-size: 14px; color: #FFF;}
#GJP_4 {position: absolute; top: 136px; left: 817px; width: 138px; height: 35px; text-align: center; font-size: 14px; color: #FFF;}
#nav_top {position: absolute; top: 180px; left: 5px; width: 953px; height: 29px;}
ul.nav {list-style-type: none; padding: 0; margin: 0;}
ul.nav li {float: left; display: inline;}
a.topButton, a.topButton:active, a.topButton:visited {background: url(../images/topButton.png); display: block; line-height: 29px; height: 29px; width: 93px; color: #3e90dd; text-align: center; text-decoration: none; padding: 0;}
a.topButton:hover {background: url(../images/topButtonOver.png); color: #fff;}
#main {background: url(../images/mainBg.gif) repeat-y; position: relative; top: 0px; left: 0px; width: 963px;}
#content {position: relative; top: 0px; left: 0px; width: 963px; float: left; margin: 5px 0 0 0;}
#left_column {position: relative; top: 0px; left: 11px; width: 162px; float: left;}
#center_column {position: relative; top: 0px; left: 19px; width: 602px; float: left;}
#right_column {position: relative; top: 0px; left: 27px; width: 162px; float: left;}
#footer {background: url(../images/footer.png) no-repeat; position: relative; top: 0px; left: 0px; width: 963px; height: 42px; padding: 8px 0; color: #fff;}
#footer a, #footer a:active, #footer a:visited, #footer a:hover {font-size: 10px; color: #fff;}

/* Alle Klassen */
.displaynone {display: none;}
.clear {clear: both;}
.hide {position: absolute; top: -20px; left: -20px;}
.box_big_top {background: url(../images/contentTop.png); width: 590px; height: 24px; text-align: left; padding: 7px 0px 0px 12px;}
.box_big_top h3 {margin: 0; font-size: 14px; color: #fff;}
.box_big_mid {background: url(../images/contentMid.gif); width: 572px; text-align: left; padding: 5px 15px;}
.box_big_foot {background: url(../images/contentFoot.png); width: 602px; height: 15px; margin: 0 0 5px 0;}
.box_small_top {background: url(../images/navTop.png); width: 152px; height: 24px; padding: 7px 0px 0px 10px; text-align: left;}
.box_small_top h3 {margin: 0; font-size: 14px; color: #FFF;}
.box_small_mid {background: url(../images/navMid.png); width: 162px; text-align: left; padding: 0; line-height: 25px;}
.box_small_mid a, .box_small_mid a:visited {background: url(../images/arrow.png) no-repeat left; display: block; width: 140px; line-height: 24px; padding: 1px 2px 0 14px; text-decoration: none; color: #444444; margin: 0 0 0 4px;}
.box_small_mid a:hover {font-weight: bold; color: #3273b0;}
.box_small_foot {background: url(../images/navFoot.png); width: 162px; height: 46px; margin: 0 0 10px 0;}
.boxc_small_mid {background: url(../images/countmid.png); width: 162px; text-align: left; padding: 0; line-height: 25px;}

/* Startseite */
ul.list {
        margin-bottom: 20px;
        margin-right: 7px;
        margin-left: 3px;
        list-style:square inside;

}
li.list {
        margin-left: 1px;
        color:#000000;
        margin-bottom: 2px;}