Results of the CSS crunched for www.mediservice-vsao.ch

Let's see what we've done for www.mediservice-vsao.ch

CSSCruncher.com has crunched this CSS to
26.38 %Less Size! I cant't believe it!

Crunched CSS code:

*{margin:0px;padding:0px}
html,body{height:100%;background:url(../image/bg_html.gif) repeat-y}
body{width:973px;background:url(../image/bg_main.gif) repeat-y}
p,a,td,div,h1,h2,h3,span{font-family:verdana,arial,helvetica,sans-serif,verdana;font-size:12px;text-align:left;text-decoration:none;font-weight:normal;color:#000000}
img{border:none}
td{vertical-align:top}
input,select,textarea{border-color:#9999CC;border-width:1px;font-family:verdana,arial,helvetica,sans-serif,verdana;font-size:12px;background-color:#FFFFFF;color:#000000}
input[type=submit]{background-color:#9999CC;font-weight:bold}
input[type=text]{}
input[type=radio]{background:none;border:none;margin-right:5px}
input[type=checkbox]{background:none;border:none;margin-right:5px}
div.clear{display:block;line-height:0;font-size:0;clear:both}
#header{color:#003399}
#hd_logo{float:left;width:251px;line-height:0;font-size:1px}
#hd_navtop{float:right;width:400px;text-align:right;background:url(../image/nav/bg_top.gif) right top no-repeat;padding-top:19px;margin-right:5px}
#hd_navtop a{color:#003399;padding:0px 12px 0px 8px}
#hd_navtop a:hover{color:#000000}
#hd_navtop a.login{padding:0px 14px 0px 12px}
#hd_search{clear:both;height:30px;background-color:#FFFFFF;margin:0px 5px 0px 20px}
#hd_search_field{float:right;width:201px;height:30px;background:url(../image/search/bg_search.gif) bottom right no-repeat}
#hd_search_field input.text{float:left;width:154px;height:15px;margin:11px 10px 0px 10px;padding:0px 5px;border-top:1px solid #5E71B0;border-left:1px solid #5E71B0;border-right:none;border-bottom:none}
#hd_search_field input.image{float:right;margin:5px 4px 0px 0px}
#middle{}
#md_navleft{float:left;width:191px;padding-left:60px}
#md_navleft a.cat1{display:block;color:#666666;height:18px;padding:5px 0px 0px 10px;background:url(../image/nav/bg_line.gif) top no-repeat}
#md_navleft a.cat1:hover,#md_navleft a.cat1.active1{color:#003399;height:18px;background:url(../image/nav/bg_left.gif) top no-repeat}
#md_navleft a.cat2{display:block;color:#666666;padding:5px 0px 4px 21px}
#md_navleft a.cat2.active2,#md_navleft a.cat2:hover{color:#003399}
#md_navleft a.cat2.sub{background:url(../image/nav/arrow_passive.gif) 8px 8px no-repeat}
#md_navleft a.cat2.sub:hover{color:#003399;background:url(../image/nav/arrow2_active.gif) 8px 8px no-repeat}
#md_navleft a.cat2.sub.active2{color:#003399;background:url(../image/nav/arrow_active.gif) 8px 9px no-repeat}
#md_navleft a.cat3{display:block;color:#666666;font-size:12px;height:17px;padding:3px 0px 0px 29px}
#md_navleft a.cat3.active3{color:#003399;padding:3px 0px 0px 40px;background:url(../image/nav/arrow3_active.gif) 29px 7px no-repeat}
#md_navleft a.cat3:hover{color:#003399}
#md_navleft img{display:block}
#md_content{float:left;width:488px;padding:0px 0px 20px 14px}
#md_content.form{margin:10px 0px 0px 30px;width:800px}
#md_content h1{font-size:14px;font-weight:bold;padding:3px 0px 10px 10px;color:#003399}
#md_content h2{font-weight:bold;padding:0px 0px 10px 10px}
#md_content h3{font-weight:bold;color:#5e71b0;padding:0px 0px 2px 10px}
#md_content p,#md_content ul,#md_content dt,#md_content div.p{line-height:130%;padding:0px 0px 12px 10px}
#md_content table ul{padding:0px 0px 0px 10px}
#md_content p a.download,#md_content ul a.download,#md_content div a.download{color:#000000;text-decoration:underline}
#md_content p span.docinfo,#md_content ul span.docinfo{color:#666666}
#md_content p.feeder{margin-left:20px}
#md_content ul li,#md_content div.list{background-image:url(../image/list.gif);padding-left:15px;background-repeat:no-repeat;background-position:2px 5px;list-style:none}
#md_content dl{padding:0px 0px 12px 0px}
#md_content dl.strong{font-weight:bold}
#md_content dt.numeric{float:left;width:20px}
#md_content dd{}
#md_content p.title{font-weight:bold;padding:0px 0px 2px 10px}
#md_content p.image{padding:0px 0px 12px 0px}
p.actiontext,div.actiontext{background-color:#990000;padding:5px 0px 5px 10px !important;font-size:16px;font-weight:bold;color:#FFFFFF;border:1px solid #990000}
#md_content p.team{float:left;display:inline;width:232px;height:80px;margin-bottom:10px}
#md_content p.team img{float:left;display:inline;padding:0px 10px 20px 0px}
#md_content p.team span a{display:block;color:#999999;font-size:11px;text-decoration:underline;padding:5px 0px 0px 0px}
#quickfinder{background:url(../image/quickfinder/bg_content.gif) 173px 0px repeat-y;margin-bottom:14px}
#quickfinder #qf_title{color:#003399;height:19px;font-weight:bold;padding:5px 0px 0px 10px;background:url(../image/quickfinder/bg_title.gif) repeat-x}
#quickfinder #qf_nav{float:left;width:174px}
#quickfinder #qf_nav a{display:block;height:19px;padding:3px 0px 0px 10px;color:#666666;background:url(../image/quickfinder/bg_nav_passive.gif) no-repeat}
#quickfinder #qf_nav a:hover{color:#003399}
#quickfinder #qf_nav a.active{background:url(../image/quickfinder/bg_nav_active.gif) no-repeat}
#quickfinder #qf_content{float:left;width:294px;padding:3px 5px 10px 14px;color:#666666;border-right:1px #BBBFDE solid;border-bottom:1px #BBBFDE solid}
#quickfinder #qf_content.versicherungen div{min-height:220px;height:auto !important;height:220px}
#quickfinder #qf_content a{display:block;padding:15px 0px 0px 0px;color:#666666}
#quickfinder #qf_content a:hover{color:#003399}
#inbox{margin-bottom:4px}
#inbox a{color:#003399}
div.wp{padding:0px 10px 0px 0px;border:1px #BBBFDE solid}
#inbox #pic{float:left;width:172px}
#inbox #pic img{display:block}
#inbox #content{float:left;width:299px;padding:10px 0px 0px 5px}
#inbox.wp h2,#inbox.wp p{color:#003399;padding:0px 0px 10px 10px}
#inbox #content_full{padding:10px 0px 0px 5px}
div.np{padding:10px 20px 5px 0px;background-color:#1B3580}
#inbox.np h2,#inbox.np p{color:#FFFFFF;padding:0px 0px 10px 10px}
#themebox{margin-bottom:15px}
#themebox #tb_title{height:19px;padding:5px 0px 0px 10px;color:#003399;font-weight:bold;background:url(../image/themebox/bg_title.gif) repeat-x}
#themebox #tb_content{padding-top:10px;border:1px #BBBFDE solid}
#themebox p.icon{display:block;height:24px;padding:7px 10px 15px 10px}
#themebox p.icon img{float:left;margin:-3px 10px 0px 0px}
#themebox p span{color:#666666}
#md_content p a.level1{display:block}
#md_content p a.level1:hover{color:#003399}
#md_content p a.level2{display:block;padding:0px 0px 0px 40px}
#md_content p a.level2:hover{color:#003399}
#md_content p a.level3{display:block;padding:0px 0px 0px 80px}
#md_content p a.level3:hover{color:#003399}
#md_content div#proofed{padding-top:20px;font-size:11px}
#md_content div#proofed img.logo{float:left;padding:0px 15px 15px 0px}
#md_content div#proofed ul{padding:0;float:left}
#md_content div#proofed ul li{display:block;width:400px;background-image:url(../image/list_sm.gif);padding-left:10px;background-repeat:no-repeat;background-position:2px 5px;height:12px;list-style:none;color:#999999;font-size:10px}
#md_content div#proofed ul li a{color:#999999;font-size:10px}
#md_access{float:left;width:204px;padding:1px 0px 0px 14px}
#md_access .box{width:204px}
.box_title{height:23px;background:url(../image/boxes/bg_title.gif) bottom right no-repeat;color:#003399;font-weight:bold;padding:4px 0px 0px 10px}
.box_title_image{height:18px;background:url(../image/boxes/bg_title_image.gif) bottom right no-repeat;color:#003399;font-weight:bold;padding:9px 0px 0px 10px}
.box_image{background:url(../image/boxes/bg_content.gif) right repeat-y}
.box_line{background:url(../image/boxes/bg_line.gif) 0px -11px no-repeat;padding:10px 0px 5px 0px}
.box_content{background:url(../image/boxes/bg_content.gif) right repeat-y;padding:2px 0px 13px 10px;line-height:130%}
.box_content a.more{display:block;color:#666666}
.box_content a.more:hover{color:#003399}
a.box_list{display:block;color:#000000;background:url(../image/boxes/bg_list.gif) bottom right no-repeat;padding:3px 0px 5px 10px}
a.box_list:hover{color:#003399}
.box_spacer{height:13px;background:url(../image/boxes/bg_spacer.gif) right repeat-y}
.box_footer{height:3px;font-size:0px;background:url(../image/boxes/bg_footer.gif) right no-repeat}
.out{display:none;visibility:hidden}
.in{display:block;visibility:visible}
#footer{clear:both;height:30px}
#footer #ft_content{width:458px;background:url(../image/footer/bg_line.gif) repeat-x;padding:10px 20px 0px 10px;margin:0px 0px 10px 265px}
#footer #ft_content a{padding:0px 30px 0px 0px;color:#003399;font-size:10px}

» Show original CSS code

« Hide original CSS code

/* start gerneral */
* {
	margin: 0px;
	padding: 0px;
}
html, body {
  	height: 100%;
	background: url(../image/bg_html.gif) repeat-y;
}
body {
	width: 973px;
	background: url(../image/bg_main.gif) repeat-y;
}
p, a, td, div, h1, h2, h3, span {
	font-family: verdana, arial, helvetica, sans-serif, verdana;
	font-size: 12px;	
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}
img {
	border: none;
}
td {
	vertical-align: top;
}
input, select, textarea {
	border-color: #9999CC;
	border-width: 1px;
	font-family: verdana, arial, helvetica, sans-serif, verdana;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
}
	input[type=submit] {
		background-color: #9999CC;
		font-weight: bold;
	}
	input[type=text] {
	}
	input[type=radio] {
		background: none;
		border: none;
		margin-right: 5px;
	}
	input[type=checkbox] {
		background: none;
		border: none;
		margin-right: 5px;
	}
div.clear {
	display: block;
    line-height: 0;
    font-size: 0;
    clear: both;
}
/* end general */

/* start header */
#header {
	color: #003399;
}
	#hd_logo {
		float: left;
		width: 251px;
		line-height:0;
		font-size: 1px;
	}
	#hd_navtop {
		float: right;
		width: 400px;
		text-align: right;
		background: url(../image/nav/bg_top.gif) right top no-repeat;
		padding-top: 19px;
		margin-right: 5px;
	}
		#hd_navtop a {
			color: #003399;
			padding: 0px 12px 0px 8px
		}
			#hd_navtop a:hover {
				color: #000000;
			}
			#hd_navtop a.login {
				padding: 0px 14px 0px 12px;
			}
	#hd_search {
		clear: both;
		height: 30px;
		background-color: #FFFFFF;
		margin: 0px 5px 0px 20px;
	}
		#hd_search_field {
			float: right;
			width: 201px;
			height: 30px;
			background: url(../image/search/bg_search.gif) bottom right no-repeat;
		}
			#hd_search_field input.text {
				float: left;
				width: 154px;
				height: 15px;
				margin: 11px 10px 0px 10px;
				padding: 0px 5px;
				border-top: 1px solid #5E71B0;
				border-left: 1px solid #5E71B0;
				border-right: none;
				border-bottom: none;
			}
			#hd_search_field input.image {
				float: right;
				margin: 5px 4px 0px 0px;
			}
			
/* end header */

/* start middle */
#middle {
}
	#md_navleft {
		float: left;
		width: 191px;
		padding-left: 60px;
	}
		#md_navleft a.cat1 {
			display: block;
			color: #666666;
			height: 18px;
			padding: 5px 0px 0px 10px;
			background: url(../image/nav/bg_line.gif) top no-repeat;
		}
			#md_navleft a.cat1:hover, #md_navleft a.cat1.active1 {
				color: #003399;
				height: 18px;
				background: url(../image/nav/bg_left.gif) top no-repeat;
			}
		#md_navleft a.cat2 {
			display: block;
			color: #666666;
			padding: 5px 0px 4px 21px;
		}
			#md_navleft a.cat2.active2, #md_navleft a.cat2:hover {
				color: #003399;
			}
			#md_navleft a.cat2.sub {
				background: url(../image/nav/arrow_passive.gif) 8px 8px no-repeat;
			}
				#md_navleft a.cat2.sub:hover {
					color: #003399;
					background: url(../image/nav/arrow2_active.gif) 8px 8px no-repeat;
				}
			#md_navleft a.cat2.sub.active2 {
				color: #003399;
				background: url(../image/nav/arrow_active.gif) 8px 9px no-repeat;
			}
		#md_navleft a.cat3 {
			display: block;
			color: #666666;
			font-size: 12px;
			height: 17px;
			padding: 3px 0px 0px 29px;
		}
			#md_navleft a.cat3.active3 {
				color: #003399;
				padding: 3px 0px 0px 40px;
				background: url(../image/nav/arrow3_active.gif) 29px 7px no-repeat;
			}
			#md_navleft a.cat3:hover {
				color: #003399;
			}
		#md_navleft img {
			display: block;
		}
	#md_content {
		float: left;
		width: 488px;
		padding: 0px 0px 20px 14px;
	}
		#md_content.form {
			margin: 10px 0px 0px 30px;
			width: 800px;
		}
		#md_content h1 {
			font-size: 14px;
			font-weight: bold;
			padding: 3px 0px 10px 10px; 
			color: #003399;
		}
		#md_content h2 {
			font-weight: bold;
			padding: 0px 0px 10px 10px; 
		}
		#md_content h3 {
			font-weight: bold;
			color: #5e71b0;
			padding: 0px 0px 2px 10px; 
		}
		#md_content p, #md_content ul, #md_content dt, #md_content div.p {
			line-height: 130%;
			padding: 0px 0px 12px 10px; 
		}
			#md_content table ul {
				padding: 0px 0px 0px 10px; /* dokumente */
			}
			#md_content p a.download, #md_content ul a.download, #md_content div a.download {
				color: #000000; 
				text-decoration: underline;
			}
			#md_content p span.docinfo, #md_content ul span.docinfo {
				color: #666666; 
			}
			#md_content p.feeder {
				margin-left: 20px;
			}
			#md_content ul li, #md_content div.list {
				background-image: url(../image/list.gif); 
				padding-left: 15px;
				background-repeat: no-repeat;
				background-position: 2px 5px;
				list-style: none;
			}
			#md_content dl {
				padding: 0px 0px 12px 0px; 			
			}
				#md_content dl.strong {
					font-weight: bold;		
				}
				#md_content dt.numeric {
					float: left;
					width: 20px;
				}
				#md_content dd {
				}
			#md_content p.title {
				font-weight: bold;
				padding: 0px 0px 2px 10px; 
			}
			#md_content p.image {
				padding: 0px 0px 12px 0px; 
			}
			p.actiontext, div.actiontext {
				background-color: #990000;
				padding: 5px 0px 5px 10px !important; 
				font-size: 16px;
				font-weight: bold;
				color: #FFFFFF;
				border: 1px solid #990000;
			}		
			#md_content p.team {
				float: left;
				display: inline;
				width: 232px;
				height: 80px; 
				margin-bottom: 10px;
			}
				#md_content p.team img {
					float: left; 
					display: inline;
					padding: 0px 10px 20px 0px;
				}
				#md_content p.team span a {
					display: block;
					color: #999999;
					font-size: 11px;
					text-decoration: underline;
					padding: 5px 0px 0px 0px;
				}
		/* start quickfinder */
		#quickfinder {
			background: url(../image/quickfinder/bg_content.gif) 173px 0px repeat-y;
			margin-bottom: 14px;
		}
			#quickfinder #qf_title {
				color: #003399;
				height: 19px;				
				font-weight: bold;
				padding: 5px 0px 0px 10px;
				background: url(../image/quickfinder/bg_title.gif) repeat-x;
			}
			#quickfinder #qf_nav {
				float: left;
				width: 174px;					
			}
				#quickfinder #qf_nav a {
					display: block;
					height: 19px;				
					padding: 3px 0px 0px 10px;
					color: #666666;
					background: url(../image/quickfinder/bg_nav_passive.gif) no-repeat;
				}
					#quickfinder #qf_nav a:hover {
						color: #003399;
					}
					#quickfinder #qf_nav a.active {
						background: url(../image/quickfinder/bg_nav_active.gif) no-repeat;
					}
			#quickfinder #qf_content {
				float: left;
				width: 294px;	
				padding: 3px 5px 10px 14px;
				color: #666666;
				border-right: 1px #BBBFDE solid;
				border-bottom: 1px #BBBFDE solid;
			}
				#quickfinder #qf_content.versicherungen div {
					min-height: 220px; /* ie6 hack */
					height: auto !important;
					height: 220px;
				}
				#quickfinder #qf_content a {
					display: block;
					padding: 15px 0px 0px 0px;
					color: #666666;
				}
					#quickfinder #qf_content a:hover {
						color: #003399;
					}
		/* end quickfinder */
		
		/* start inbox */
		#inbox {
			margin-bottom: 4px;
		}
			#inbox a {
				color: #003399;
			}
			div.wp {
				padding: 0px 10px 0px 0px;
				border: 1px #BBBFDE solid;
			}
				#inbox #pic {
					float: left;
					width: 172px;					
				}
					#inbox #pic img {
						display: block;
					}
				#inbox #content {
					float: left;
					width: 299px;
					padding: 10px 0px 0px 5px;					
				}
					#inbox.wp h2, #inbox.wp p { 
						color: #003399;
						padding: 0px 0px 10px 10px;
					}
				#inbox #content_full {
					padding: 10px 0px 0px 5px;					
				}
			div.np {
				padding: 10px 20px 5px 0px;
				background-color: #1B3580;
			}
				#inbox.np h2, #inbox.np p {
					color: #FFFFFF;
					padding: 0px 0px 10px 10px;
				}
		/* end inbox */

/* start themebox */
		#themebox {
			margin-bottom: 15px;
		}
			#themebox #tb_title {
				height: 19px;
				padding: 5px 0px 0px 10px;
				color: #003399;
				font-weight: bold;
				background: url(../image/themebox/bg_title.gif) repeat-x;
			}
			#themebox #tb_content {
				padding-top: 10px;
				border: 1px #BBBFDE solid;
			}
					#themebox p.icon {
						display: block;
						height: 24px;
						padding: 7px 10px 15px 10px;
					}
						#themebox p.icon img {
							float: left;
							margin: -3px 10px 0px 0px;
						}
						#themebox p span{
							color: #666666;
						}
		/* end themebox */
		
		/* start sitemap */
		#md_content p a.level1 {
			display: block;
		}
			#md_content p a.level1:hover {
				color: #003399;
			}
		#md_content p a.level2 {
			display: block;
			padding: 0px 0px 0px 40px; 
		}
			#md_content p a.level2:hover {
				color: #003399;
			}
		#md_content p a.level3 {
			display: block;
			padding: 0px 0px 0px 80px; 
		}
			#md_content p a.level3:hover {
				color: #003399;
			}
		/* end sitemap */
		
		/* start proofed */
		#md_content div#proofed {
			padding-top: 20px;
			font-size: 11px;
		}
			#md_content div#proofed img.logo {
				float: left;
				padding: 0px 15px 15px 0px;
			}
			#md_content div#proofed ul {
				padding: 0;
				float: left;
			}
				#md_content div#proofed ul li {
					display: block;
					width: 400px;
					background-image: url(../image/list_sm.gif); 
					padding-left: 10px;
					background-repeat: no-repeat;
					background-position: 2px 5px;
					height: 12px;
					list-style: none;
					color: #999999;
					font-size: 10px;
				}
					#md_content div#proofed ul li a {
						color: #999999;
						font-size: 10px;
					}
		/* end proofed */

#md_access {
		float: left;
		width: 204px;
		padding: 1px 0px 0px 14px;
	}
		#md_access .box {
			width: 204px;
		}
			.box_title {
				height: 23px;
				background: url(../image/boxes/bg_title.gif) bottom right no-repeat;
				color: #003399;
				font-weight: bold;
				padding: 4px 0px 0px 10px;
			}
				.box_title_image {
					height: 18px;
					background: url(../image/boxes/bg_title_image.gif) bottom right no-repeat;
					color: #003399;
					font-weight: bold;
					padding: 9px 0px 0px 10px;
				}
			.box_image {
				background: url(../image/boxes/bg_content.gif) right repeat-y;
			}
			.box_line {
				background: url(../image/boxes/bg_line.gif) 0px -11px no-repeat;
				padding: 10px 0px 5px 0px;
			}
			.box_content {
				background: url(../image/boxes/bg_content.gif) right repeat-y;
				padding: 2px 0px 13px 10px;
				line-height: 130%;
			}
				.box_content a.more {
					display: block;
					color: #666666;
				}
					.box_content a.more:hover {
						color: #003399;
					}
			a.box_list {
				display: block;
				color: #000000;
				background: url(../image/boxes/bg_list.gif) bottom right no-repeat;
				padding: 3px 0px 5px 10px;
			}
				a.box_list:hover {
					color: #003399;
				}
			.box_spacer {
				height: 13px;
				background: url(../image/boxes/bg_spacer.gif) right repeat-y;
			}
			.box_footer {
				height: 3px;
				font-size: 0px; /* ie6 */
				background: url(../image/boxes/bg_footer.gif) right no-repeat;
			}
			.out {
				display: none;
				visibility: hidden;
			}
			.in {
				display: block;
				visibility: visible;
			}
/* end middle */
	
/* start footer */
#footer {
	clear: both;
	height: 30px;
}
	#footer #ft_content {
		width: 458px;
		background: url(../image/footer/bg_line.gif) repeat-x;
		padding: 10px 20px 0px 10px;
		margin: 0px 0px 10px 265px;;
	}
		#footer #ft_content a {
			padding: 0px 30px 0px 0px;
			color: #003399;
			font-size: 10px;
		}

/* end footer */

Some information about this website:

URL: http://www.mediservice-vsao.ch/
CSS URL: http://www.mediservice-vsao.ch/include/style.css
Charset: iso-8859-1
Title: MEDISERVICE VSAO-ASMAC