Results of the CSS crunched for www.videomix.ch

Let's see what we've done for www.videomix.ch

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

Crunched CSS code:

@charset "utf-8";html,body{}
.clear{clear:both}
#container{width:970px;text-align:left;background-color:#FFFFFF;margin-right:auto;margin-left:auto;padding:5px}
#header{width:970px;margin-bottom:10px;margin-top:10px}
.header_navigation{width:790px;margin-bottom:20px;padding-left:180px;background-image:url(../_img/bg.headernavline.gif);background-repeat:repeat-x}
.header_navigation_active{background-image:url(../_img/bg.headernav.gif);background-repeat:repeat-x;border-right-width:1px;border-left-width:1px;border-right-style:solid;border-left-style:solid;border-right-color:#FFFFFF;border-left-color:#FFFFFF}
.header_navigation ul{margin:0;padding:0;list-style:none}
.header_navigation li{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;color:#FFFFFF;float:left;padding-top:5px;padding-right:10px;padding-left:10px;padding-bottom:5px;width:100px}
.header_navigation2{width:770px;margin-bottom:10px;padding-left:190px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.6em;color:#989da7}
#s1_3col{width:175px;background-color:#FFFFFF;float:left;margin-right:15px}
#s2_3col{width:500px;background-color:#FFFFFF;float:left;margin-left:2px;margin-right:2px}
#s3_3col{width:260px;float:left;margin-left:15px}
#footer{background-color:#FFFFFF;width:960px;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;font-style:normal;margin-top:10px;float:left;color:#CCCCCC;padding:5px;text-align:center}
.s1_box_title{border:1px solid #e8e8e8;background-image:url(../_img/s1.box.title.bg.gif);background-repeat:repeat-x;height:25px}
.s1_box_nav{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#e8e8e8;border-right-color:#e8e8e8;border-bottom-color:#e8e8e8;border-left-color:#e8e8e8;padding-top:10px;padding-right:5px;padding-bottom:10px;padding-left:5px}
.s1_box_nav ul{list-style:none;padding-right:0;padding-bottom:0;padding-left:0;margin:0;padding-top:5px}
.s1_box_nav li{list-style:none;font-family:Arial,Helvetica,sans-serif;font-size:0.8em;color:#0066CC;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-left:20px}
.s1_box_nav li a{color:#0066CC;text-decoration:none}
.s1_box_active{background-color:#E8EAEE;border-top-color:#FFFFFF;border-right-color:#FFFFFF;border-bottom-color:#FFFFFF;border-left-color:#FFFFFF}
.s2_box_title{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#000000;height:23px;padding-top:7px;padding-left:5px;width:475px;background-color:#F9F9FA;border-top-width:1px;border-top-style:solid;border-top-color:#DCDEE2;margin-bottom:1px}
.s2_box_image{width:480px}
.s2_box_video{margin-bottom:20px;text-align:center;padding:10px;background-image:url(../_img/bg.video.gif)}
.s2_box_ads{margin-bottom:20px;text-align:center;padding:5px;border:1px solid #E8E8E8}
.s2_box_text{width:480px;font-family:Arial,Helvetica,sans-serif;font-size:0.8em;color:#3a3e45}
.s3_box_title{border:1px solid #e8e8e8;background-image:url(../_img/s1.box.title.bg.gif);background-repeat:repeat-x;font-family:Arial,Helvetica,sans-serif;font-size:0.9em;padding:4px}
.s3_box_title_text{border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:#E8E8E8;border-right-color:#E8E8E8;border-bottom-color:#E8E8E8;border-left-color:#E8E8E8;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;color:#000000;padding:4px}
.s3_box_title2{background-image:url(../_img/bg.headernav.gif);background-repeat:repeat-x;margin-top:15px;padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:0.9em;color:#FFFFFF}
.s3_box_title2_text{background-color:#efefef;padding:4px;margin-top:1px;font-family:Arial,Helvetica,sans-serif;font-size:0.7em}
.s3_box_title3{border:1px solid #e8e8e8;background-image:url(../_img/s1.box.title.bg.gif);background-repeat:repeat-x;font-family:Arial,Helvetica,sans-serif;font-size:0.9em;padding:4px;margin-top:15px}
.s3_box_title3_text{border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:#E8E8E8;border-right-color:#E8E8E8;border-bottom-color:#E8E8E8;border-left-color:#E8E8E8;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;color:#000000;padding:4px}
.title_text{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.8em;color:#3A3E45;padding-bottom:10px}
.normaltext{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#00607a}
.nav_titel{font-family:Arial,Helvetica,sans-serif;font-size:1em;color:#000000;font-weight:bold;padding-left:10px}
.text_normal{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#00607A}
#s2_3col h1{font-family:Arial,Helvetica,sans-serif;font-size:1.3em;color:#000000;font-weight:bold;margin-top:0px;margin-right:0px;margin-bottom:5px;margin-left:0px}
#s2_3col h2{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.9em;color:#3A3E45;font-weight:bold;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;clear:left}
.text_icon{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.8em;color:#3A3E45;line-height:1.5em;padding-bottom:10px}
.icon{height:65px;width:65px;float:left;margin-top:0px;margin-right:10px;margin-bottom:20px;margin-left:0px}
.text_full{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.8em;color:#3A3E45;line-height:1.5em;clear:left;margin-bottom:20px;margin-top:0px;margin-right:0px;margin-left:0px}
.infobox{background-color:#F9F9FA;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#DCDEE2;border-bottom-color:#DCDEE2;margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;padding:5px}
.s1_box a,.s3_box_end a,.s3_box_info a,.s1_box_title a,#footer a{color:#000000;text-decoration:none}
.header_navigation a{color:#FFFFFF;text-decoration:none}
#s2_3col a{color:#98BA2A;text-decoration:none}
p{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px}
.s3_box_title3_text img{padding:1px;border:1px solid #E8E8E8;margin:1px}
#footer_ads{float:left;width:970px;margin-top:15px}
.footer_ads_title{border:1px solid #e8e8e8;background-image:url(../_img/s1.box.title.bg.gif);background-repeat:repeat-x;font-family:Arial,Helvetica,sans-serif;font-size:0.9em;padding:4px}
.footer_ads_title_text{border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:#E8E8E8;border-right-color:#E8E8E8;border-bottom-color:#E8E8E8;border-left-color:#E8E8E8;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;color:#000000;padding:4px}
.header_ads{border-left-width:1px;border-left-style:solid;border-left-color:#36599A;margin-left:480px;padding-left:5px;height:60px}
.header_logo{float:left}
.s2_box_videolist{margin-bottom:15px}
.s2_box_videolist_outline{width:156px;float:left;border:1px solid #e8e8e8;margin-top:4px;margin-right:4px;margin-bottom:15px;margin-left:4px}
.s2_box_videolist_outlone_title{background-image:url(../_img/s1.box.title.bg.gif);background-repeat:repeat-x;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;padding:4px;text-align:center;color:#0066CC;font-weight:bold}
.s2_box_videolist_outlone_video{text-align:center;padding:5px}
.s2_box_videolist_outlone_text{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;padding-right:5px;padding-bottom:5px;padding-left:5px;height:25px}

» Show original CSS code

« Hide original CSS code

@charset "utf-8";
/* CSS Document */
html, body {

}
.clear {
	clear:both;
}
#container {
	width:970px;
	text-align:left;
	background-color: #FFFFFF;
	margin-right:auto;
	margin-left:auto;
	padding: 5px;
}

#header {
	width: 970px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.header_navigation {
	width: 790px;
	margin-bottom: 20px;
	padding-left: 180px;
	background-image: url(../_img/bg.headernavline.gif);
	background-repeat: repeat-x;
}
.header_navigation_active {
	background-image: url(../_img/bg.headernav.gif);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

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

.header_navigation li{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 100px;
}

.header_navigation2 {
	width: 770px;
	margin-bottom: 10px;
	padding-left: 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #989da7;
}

#s1_3col {
	width: 175px;
	background-color: #FFFFFF;
	float: left;
	margin-right: 15px;
}
#s2_3col {
	width: 500px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}
#s3_3col {
	width: 260px;
	float: left;
	margin-left: 15px;
}
#footer {
	background-color: #FFFFFF;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	margin-top: 10px;
	float: left;
	color: #CCCCCC;
	padding: 5px;
	text-align: center;
}

.s1_box_title {
	border: 1px solid #e8e8e8;
	background-image: url(../_img/s1.box.title.bg.gif);
	background-repeat: repeat-x;
	height: 25px;
}
.s1_box_nav {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e8e8e8;
	border-right-color: #e8e8e8;
	border-bottom-color: #e8e8e8;
	border-left-color: #e8e8e8;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.s1_box_nav  ul {
	list-style:none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
	padding-top: 5px;
}
.s1_box_nav  li {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #0066CC;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 20px;
}

.s1_box_nav  li a {
	color: #0066CC;
	text-decoration: none;
}

.s1_box_active {
	background-color: #E8EAEE;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.s2_box_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	height: 23px;
	padding-top: 7px;
	padding-left: 5px;
	width: 475px;
	background-color: #F9F9FA;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCDEE2;
	margin-bottom: 1px;
}
.s2_box_image {
	width: 480px;
}
.s2_box_video {
	margin-bottom: 20px;
	text-align: center;
	padding: 10px;
	background-image: url(../_img/bg.video.gif);
}
.s2_box_ads {
	margin-bottom: 20px;
	text-align: center;
	padding: 5px;
	border: 1px solid #E8E8E8;
}
.s2_box_text {
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3a3e45;
}
.s3_box_title {
	border: 1px solid #e8e8e8;
	background-image: url(../_img/s1.box.title.bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 4px;
}
.s3_box_title_text {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #E8E8E8;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding: 4px;
}
.s3_box_title2 {
	background-image: url(../_img/bg.headernav.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
}
.s3_box_title2_text {
	background-color: #efefef;
	padding: 4px;
	margin-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
.s3_box_title3 {
	border: 1px solid #e8e8e8;
	background-image: url(../_img/s1.box.title.bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 4px;
	margin-top: 15px;
}
.s3_box_title3_text {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #E8E8E8;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding: 4px;
}

.title_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3A3E45;
	padding-bottom: 10px;
}
.normaltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00607a;
}
.nav_titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	padding-left: 10px;
}
.text_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00607A;
	
}
#s2_3col  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000000;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#s2_3col h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #3A3E45;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: left;
}

.text_icon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3A3E45;
	line-height: 1.5em;
	padding-bottom: 10px;
}
.icon {
	height: 65px;
	width: 65px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.text_full {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3A3E45;
	line-height: 1.5em;
	clear: left;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.infobox {
	background-color: #F9F9FA;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DCDEE2;
	border-bottom-color: #DCDEE2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 5px;
}
.s1_box a, .s3_box_end a, .s3_box_info a, .s1_box_title a, #footer a{
	color: #000000;
	text-decoration: none;
}

.header_navigation a{
	color: #FFFFFF;
	text-decoration: none;
}
#s2_3col a  {
	color: #98BA2A;
	text-decoration: none;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.s3_box_title3_text img {
	padding: 1px;
	border: 1px solid #E8E8E8;
	margin: 1px;
}
#footer_ads {
	float: left;
	width: 970px;
	margin-top: 15px;
}
.footer_ads_title {
	border: 1px solid #e8e8e8;
	background-image: url(../_img/s1.box.title.bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 4px;
}
.footer_ads_title_text {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #E8E8E8;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding: 4px;
}
.header_ads {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #36599A;
	margin-left: 480px;
	padding-left: 5px;
	height: 60px;
}
.header_logo {
	float: left;
}
.s2_box_videolist {
	margin-bottom: 15px;
}
.s2_box_videolist_outline {
	width: 156px;
	float: left;
	border: 1px solid #e8e8e8;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 15px;
	margin-left: 4px;
}
.s2_box_videolist_outlone_title {
	background-image: url(../_img/s1.box.title.bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 4px;
	text-align: center;
	color: #0066CC;
	font-weight: bold;
}
.s2_box_videolist_outlone_video {
	text-align: center;
	padding: 5px;
}
.s2_box_videolist_outlone_text {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 25px;
}

Some information about this website:

URL: http://www.videomix.ch/
CSS URL: http://www.videomix.ch/_css/format.css
Charset: utf-8
Title: Unbenanntes Dokument