Resultat de la compression du code CSS de www.mhg-strahlanlagen.de

Lasse nous voir ce que nous avons fait pour www.mhg-strahlanlagen.de

CSSCruncher.com à sauvgardé
18,39 % de code poour ce site! Wow!

Code CSS comprimé:

body{padding:0px;margin:0px;background-color:#999fa5;font:normal 12px/135% Arial,Verdana,sans-serif}
.bold{font-weight:bold}
.sumo{visibility:hidden}
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.a_green{color:#4ab9c2;text-decoration:none}
.a_green:hover{text-decoration:underline}
#frame{width:950px;margin:0 auto;background-color:#FFF;padding:0 0 0 10px}
#logo{float:left;background:url('images/bg_logo.gif') top left no-repeat;width:182px;height:75px}
#logo img{border:0px;margin:0 0 0 25px}
#navi_top{float:left;width:758px;height:42px}
#navi_meta{float:left}
#navi_meta ul{list-style-type:none;margin:0px 0 0 46px;padding:0px}
#navi_meta ul li{float:left;margin:0 22px 0 0}
#navi_meta ul li a{border-bottom:2px solid #FFF;display:block;float:left;height:25px;padding:15px 0 0 0;text-decoration:none;color:#4ab9c2}
#navi_meta ul li a:hover{text-decoration:underline}
#navi_meta ul li.menu-current a{border-bottom:2px solid #4ab9c2}
#navi_lang{float:right}
#navi_lang ul{list-style-type:none;margin:0px 18px 0 0;padding:0px}
#navi_lang ul li{float:left;margin:0 0 0 20px}
#navi_lang ul li a{border-top:3px solid #FFF;float:left;display:block;height:24px;padding:15px 0 0 25px;text-decoration:none;color:#4e4e4e}
#navi_lang ul li.menu-current a, #navi_lang ul li.menu-parent a{font-weight:bold;border-top:3px solid #999999}
#navi_lang ul li a{background:url('images/flags/English.gif') 0 14px no-repeat}
#navi_lang ul li.menu-last a{background:url('images/flags/Polski.gif') 0 14px no-repeat}
#navi_lang ul li.menu-first a{background:url('images/flags/Deutsch.gif') 0 14px no-repeat}
#navi_main{float:left;background:url('images/bg_navi_main.gif') top left repeat-x;width:758px;height:33px}
#navi_main ul{list-style-type:none;margin:0px 0 0 42px;padding:0px}
#navi_main ul li{float:left}
#navi_main ul li a{background:url('images/bg_navi_main_li_left.gif') top left no-repeat;float:left;display:block;height:23px;padding:10px 5px 0 12px;font:bold 12px/135% Arial,Verdana,sans-serif;color:#1e7abc;text-decoration:none}
#navi_main ul li a:hover{color:#4ab9c2}
#navi_sub{width:940px;height:30px;background-color:#4ab9c2}
#navi_sub ul{list-style-type:none;margin:0px 0 0 19px;padding:0px}
#navi_sub ul li{float:left;padding:0 4px 0px 0}
#navi_sub ul li a{float:left;height:22px;font-size:12px;color:#FFF;text-decoration:none;padding:8px 10px 0 10px;display:block}
#navi_sub ul li a:hover,#navi_sub ul li:hover a,#navi_sub ul li.menu-current a{background:url('images/bg_navi_sub_li_left.gif') top left no-repeat;background-color:#FFF;color:#1964aa}
#navi_sub ul li:hover,#navi_sub ul li.menu-current{background:url('images/bg_navi_sub_li_right.gif') top right no-repeat}
#navi_sub ul li.menu-current a{font-weight:bold}
#header_left{background:url('images/bg_header_left.jpg') top left no-repeat;width:561px;height:256px;float:left}
#header_right{background:url('images/bg_header_right.jpg') top left no-repeat;width:379px;height:256px;float:left}
#header_left p{margin:126px 0 0 58px;font:normal 18px/135% Futura,Arial,sans-serif;color:#FFF}
#header_left p .unten{margin:0 0 0 77px}
#header_left a.mehr_infos{font:normal 12px/135% Arial,Verdana,sans-serif;text-decoration:none;background:url('images/button_mehrinfos.gif') top left no-repeat;display:block;height:22px;margin:18px 0 0 356px}
#header_right p{margin:234px 0 0 18px;font:normal 12px/135% Arial,Verdana,sans-serif;color:#b3cbda}
#bg_content_top{background:url('images/bg_content_top.gif') top left no-repeat;width:940px;height:39px}
#bg_content{background:url('images/bg_content.gif') top left repeat-y;width:940px}
#bg_content_bottom{background:url('images/bg_content_bottom.gif') top left no-repeat;width:940px;height:41px}
#content_spalte1{width:715px;float:left}
#content_spalte2{width:210px;float:left;padding:0 0 0 0px;margin:0 0 0 15px}
#footer{background:url('images/bg_footer.gif') top left repeat-x;width:908px;height:158px;padding:33px 0 0 32px}
.box_grau{width:171px;background-color:#ececec;padding:18px 15px 18px 24px}
.box_grau p{margin:0px;padding:0px;color:#666666}
.box_grau p.text{margin:12px 0 17px 0}
.box_grau p.tele,p.fax{font-size:13px;padding:0 0 0 28px}
.box_grau p.tele{background:url('images/bg_kontakt_tele.gif') 1px 0 no-repeat}
.box_grau p.fax{background:url('images/bg_kontakt_fax.gif') 1px 0 no-repeat}
.terminbox{height:68px;width:191px;background:url('images/bg_box_termine.gif') top left no-repeat;margin:23px 0 0 0;padding:17px 0 0 19px}
.terminbox p.text{margin:13px 0 0 0;padding:0 0 0 20px;background:url('images/pfeil_termine.gif') 0 2px no-repeat;color:#FFF;font:bold 12px/135% Arial,Verdana,sans-serif}
.terminbox p.text a{text-decoration:none;color:#FFF}
.terminbox p.text a:hover{text-decoration:underline}
#content_spalte1 .box{width:213px;height:189px;border:1px solid #3388c1;margin:0 10px 0 0;padding:0 0 0 5px;float:left}
#content_spalte1 .box h2{margin:-7px 0 0 -5px;padding:0px;background-color:#FFF;position:relative;width:218px;z-index:999}
#content_spalte1 .box p.img{padding:0px;margin:6px 0 0 0}
#content_spalte1 .box p.beschreibung{background-color:#4ab9c2;width:197px;height:53px;margin:1px 0 0 0;padding:6px 0 0 11px;font:normal 12px/135% Arial,Verdana,sans-serif;color:#FFF;border-top:6px solid #1964aa}
#content_spalte1 .box p.beschreibung a{float:right;margin-right:12px;text-decoration:none;color:#FFF;font:bold 12px/135% Arial,Verdana,sans-serif}
#content_spalte1 .box p.beschreibung a:hover{text-decoration:underline}
#content_spalte1 .box_gr{width:333px;float:left;height:83px;margin:23px 20px 0 0;border:1px solid #4ab9c2}
#content_spalte1 .box_gr h2{position:relative;margin:-8px 0 0 0px;padding:0px;background:url('images/bg_header_strahlzubehoer.gif') top left no-repeat}
#content_spalte1 .right{width:323px;margin-right:0px}
#content_spalte1 .box_gr p{margin:8px 0 0 0;font:normal 12px/135% Arial,Verdana,sans-serif;padding:0 0 0 21px;color:#666666}
#content_spalte1 .box_gr p a,#content_spalte1 .right p a{text-decoration:none;float:right;margin-right:12px;color:#4ab9c2;font:bold 12px/135% Arial,Verdana,sans-serif}
#content_spalte1 .box_gr p a:hover,#content_spalte1 .right p a:hover{text-decoration:underline}
#footer p a{text-decoration:none;color:#999999}
#footer p a:hover{text-decoration:underline}
#footer p{margin:0px;height:23px;color:#999999;display:block;float:left;font:normal 11px/135% Arial,Verdana,sans-serif}
#footer p span.text{float:left;display:block;padding:5px 0 0 0}
#footer p span.name{font-weight:bold}
#footer p span.trenner{float:left;width:1px;background-color:#d1d1d1;margin:0 17px;height:23px;display:block}
#footer ul{list-style-type:none;margin:5px 20px 0 0px;padding:0px;float:right}
#footer ul li{float:left}
#footer ul li a{display:block;color:#4ab9c2;font:bold 11px/135% Arial,Verdana,sans-serif;text-decoration:none;padding:0 0px 0 0;float:left}
#footer ul li a:hover{text-decoration:underline}
#footer ul li span.punkt{text-align:center;margin:-3px 0 0 0;width:20px;display:block;float:left}

» Montre le code CSS originaire

« Cache le code CSS originaire

body {	padding: 0px; margin: 0px; background-color: #999fa5; font: normal 12px/135% Arial, Verdana, sans-serif; }

/* KLASSE */
.bold { font-weight: bold; }
.sumo { visibility: hidden; }

.fl		{ float: left; }
.fr 	{ float: right; }
.cb 	{ clear: both; }

.a_green { color: #4ab9c2; text-decoration: none; }
.a_green:hover { text-decoration: underline; }

/* FRAME */
#frame { width: 950px; margin: 0 auto; background-color: #FFF; padding: 0 0 0 10px; }

#logo { float: left; background: url('images/bg_logo.gif') top left no-repeat; width: 182px; height: 75px; }
#logo img { border: 0px; margin: 0 0 0 25px; }

/* NAVIGATION */
#navi_top	{	float: left; width: 758px; height: 42px; }

/* METANAVI */
	#navi_meta	{ float: left; }
	#navi_meta ul { list-style-type: none; margin: 0px 0 0 46px; padding: 0px; }
	#navi_meta ul li { float: left; margin: 0 22px 0 0; }
	#navi_meta ul li a { border-bottom: 2px solid #FFF; display: block; float: left; height: 25px; padding: 15px 0 0 0; text-decoration: none; color: #4ab9c2; }
		#navi_meta ul li a:hover { text-decoration: underline; }
	#navi_meta ul li.menu-current a { border-bottom: 2px solid #4ab9c2; }
	
	/* LANGNAVI */
	#navi_lang { float: right; }
	#navi_lang ul { list-style-type: none; margin: 0px 18px 0 0; padding: 0px; }
	#navi_lang ul li { float: left; margin: 0 0 0 20px;  }
	#navi_lang ul li a { border-top: 3px solid #FFF; float: left; display: block; height: 24px; padding: 15px 0 0 25px; text-decoration: none; color: #4e4e4e;}
	#navi_lang ul li.menu-current a, 
	#navi_lang ul li.menu-parent a { font-weight: bold; border-top: 3px solid #999999; /*background: url('images/flags/de.gif') 0 14px no-repeat;*/ }
	
	#navi_lang ul li a { background: url('images/flags/English.gif') 0 14px no-repeat; }
	#navi_lang ul li.menu-last a { background: url('images/flags/Polski.gif') 0 14px no-repeat; }
	#navi_lang ul li.menu-first a { background: url('images/flags/Deutsch.gif') 0 14px no-repeat; }
	
	/* MAINNAVI */
	#navi_main	{ float: left; background: url('images/bg_navi_main.gif') top left repeat-x; width: 758px; height: 33px; }
	#navi_main ul { list-style-type: none; margin: 0px 0 0 42px; padding: 0px;  }
	#navi_main ul li { float: left; }
	#navi_main ul li a { background: url('images/bg_navi_main_li_left.gif') top left no-repeat; float: left; display: block; height: 23px; padding: 10px 5px 0 12px; font: bold 12px/135% Arial, Verdana, sans-serif; color: #1e7abc; text-decoration: none; }
		#navi_main ul li a:hover { color: #4ab9c2; }

/* SUBNAVI */
	#navi_sub	{ width: 940px; height: 30px; background-color: #4ab9c2; }
	#navi_sub ul { list-style-type: none; margin: 0px 0 0 19px; padding: 0px;  }
	#navi_sub ul li { float: left; padding: 0 4px 0px 0;}
	#navi_sub ul li a { float: left; height: 22px; font-size: 12px; color: #FFF; text-decoration: none; padding: 8px 10px 0 10px; display: block; }
	#navi_sub ul li a:hover, #navi_sub ul li:hover a, #navi_sub ul li.menu-current a { background: url('images/bg_navi_sub_li_left.gif') top left no-repeat; background-color: #FFF; color: #1964aa; }
	#navi_sub ul li:hover, #navi_sub ul li.menu-current { background: url('images/bg_navi_sub_li_right.gif') top right no-repeat; }
	#navi_sub ul li.menu-current a { font-weight: bold; }

/* HEADER */
#header_left	{ background: url('images/bg_header_left.jpg') top left no-repeat; width: 561px; height: 256px; float: left;}
#header_right { background: url('images/bg_header_right.jpg') top left no-repeat; width: 379px; height: 256px; float: left;}

#header_left p  { margin: 126px 0 0 58px; font: normal 18px/135% Futura, Arial, sans-serif; color: #FFF; }
#header_left p .unten { margin: 0 0 0 77px;}
#header_left a.mehr_infos {font: normal 12px/135% Arial, Verdana, sans-serif; text-decoration: none; background:url('images/button_mehrinfos.gif') top left no-repeat; display: block;  height: 22px; margin: 18px 0 0 356px;}

#header_right p { margin: 234px 0 0 18px; font: normal 12px/135% Arial, Verdana, sans-serif;  color: #b3cbda; }

/* CONTENT */
#bg_content_top	{ background: url('images/bg_content_top.gif') top left no-repeat; width: 940px; height: 39px; }
#bg_content {	background: url('images/bg_content.gif') top left repeat-y; width: 940px; }
#bg_content_bottom { background: url('images/bg_content_bottom.gif') top left no-repeat; width: 940px; height: 41px; }

/* CONTENT SPALTEN */
#content_spalte1	{ width: 715px; float: left; }
#content_spalte2 	{	width: 210px; float: left; padding: 0 0 0 0px; margin: 0 0 0 15px; }

/* FOOTER */
/* #footer	{ background: url('images/bg_footer.gif') top left repeat-x; width: 940px; height: 191px; } */
#footer	{ background: url('images/bg_footer.gif') top left repeat-x; width: 908px; height: 158px; padding: 33px 0 0 32px;  }

/* BOXEN RECHTS */

/* KONTAKTBOX */
	.box_grau	{	width: 171px; background-color: #ececec; padding: 18px 15px 18px 24px; }
	.box_grau p { margin: 0px; padding: 0px; color: #666666; }
	/*.box_grau p.headline { background: url('images/de/bg_headline_kontakt.gif') top left no-repeat; width: 168px; height: 18px; }*/
	
	.box_grau p.text { margin: 12px 0 17px 0; }
	.box_grau p.tele, p.fax { font-size: 13px; padding: 0 0 0 28px; }
	.box_grau p.tele { background: url('images/bg_kontakt_tele.gif') 1px 0 no-repeat; }
	.box_grau p.fax { background: url('images/bg_kontakt_fax.gif') 1px 0 no-repeat; }
	/* TERMINBOX */
	.terminbox { height: 68px; /* 85px */width: 191px; /*209*/background: url('images/bg_box_termine.gif') top left no-repeat; margin: 23px 0 0 0; padding: 17px 0 0 19px; }
	/*.terminbox div.headline { background: url('images/bg_header_termine.gif') top left no-repeat; width: 171px; height: 19px; }*/
	.terminbox p.text {  margin: 13px 0 0 0; padding: 0 0 0 20px;  background: url('images/pfeil_termine.gif') 0 2px no-repeat; color: #FFF; font: bold 12px/135% Arial, Verdana, sans-serif; }
	.terminbox p.text a { text-decoration: none; color: #FFF;}
	.terminbox p.text a:hover { text-decoration: underline; }

#content_spalte1 .box { width: 213px; /* 218px; */ height: 189px; border: 1px solid #3388c1; margin: 0 10px 0 0; padding: 0 0 0 5px; float: left; }
#content_spalte1 .box h2 { margin: -7px 0 0 -5px; padding: 0px; background-color: #FFF; position: relative; width: 218px; z-index: 999;	}

#content_spalte1 .box p.img { padding: 0px; margin: 6px 0 0 0; }
#content_spalte1 .box p.beschreibung { background-color: #4ab9c2; width: 197px; height: 53px; margin: 1px 0 0 0; padding: 6px 0 0 11px; font: normal 12px/135% Arial, Verdana, sans-serif; color: #FFF; border-top: 6px solid #1964aa; }

#content_spalte1 .box p.beschreibung a { float: right; margin-right: 12px; text-decoration: none; color: #FFF; font: bold 12px/135% Arial, Verdana, sans-serif; }
	#content_spalte1 .box p.beschreibung a:hover { text-decoration: underline; }

/* ZWEI BOXEN UNTEN GRO?*/

#content_spalte1 .box_gr { width: 333px; float: left; height: 83px; margin: 23px 20px 0 0; border: 1px solid #4ab9c2; }

#content_spalte1 .box_gr h2 { position: relative; margin: -8px 0 0 0px; padding: 0px; background: url('images/bg_header_strahlzubehoer.gif') top left no-repeat; }

#content_spalte1 .right { width: 323px; margin-right: 0px;}
#content_spalte1 .box_gr p { margin: 8px 0 0 0; font: normal 12px/135% Arial, Verdana, sans-serif; padding: 0 0 0 21px; color: #666666; }
#content_spalte1 .box_gr p a, #content_spalte1 .right p a {	text-decoration: none; float: right; margin-right: 12px; color: #4ab9c2; font: bold 12px/135% Arial, Verdana, sans-serif; }
	#content_spalte1 .box_gr p a:hover, #content_spalte1 .right p a:hover { text-decoration: underline; }

#footer p a { text-decoration: none; color: #999999;}
	#footer p a:hover { text-decoration: underline; }

#footer p { margin: 0px; height: 23px; color: #999999; display: block; float: left; font: normal 11px/135% Arial, Verdana, sans-serif; }

#footer p span.text { float: left; display: block; padding: 5px 0 0 0; }

#footer p span.name { font-weight: bold; }
#footer p span.trenner { float: left; width: 1px; background-color: #d1d1d1; margin: 0 17px; height: 23px; display: block; }

#footer ul { list-style-type: none; margin: 5px 20px 0 0px; padding: 0px; float: right;}
#footer ul li { float: left; }

#footer ul li a {
		display: block;
		color: #4ab9c2;
		font: bold 11px/135% Arial, Verdana, sans-serif;
		text-decoration: none;
		padding: 0 0px 0 0;
		float: left;
}
#footer ul li a:hover { text-decoration: underline; }
#footer ul li span.punkt { text-align: center; margin: -3px 0 0 0;width: 20px;  display: block; float: left;  }

Plus d'information sur ce site:

URL: http://www.mhg-strahlanlagen.de/
CSS URL: http://www.mhg-strahlanlagen.de/templates/mhg_startseite/screen.css
Charset: utf-8
Titre: MHG Strahlanlagen - Sandstrahlen - Sandstrahlanlangen und Strahlmittel
Meta-Description: MHG Strahlanlagen zählt zu den führenden Hersteller von druckbetriebenen Strahlanlangen in Europa. Sandstrahlen zur gründlichen Reinigung von Oberflächen.
Meta-Keywords: Strahlanlagen, Sandstrahlen, Sandstrahlanlagen, Strahlkabinen, Strahlgeräte, Sandstrahlkabinen, Strahlmittel, Kompaktstrahlanlagen, Glasstrahlanlagen, Druckstrahlkabine