Results of the CSS crunched for www.ucreation.nl

Let's see what we've done for www.ucreation.nl

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

Crunched CSS code:

@charset "utf-8";body{}
html,body{width:100%;height:100%;margin:0;background:url('../images/body/bgcolor.png');background-repeat:repeat}
body,input,textarea,button,select{color:#9f9f9f;font-size:12px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}
#container{position:relative;min-height:100%;height:auto !important;height:100%;background:url('../images/body/bgstroke.png');background-repeat:repeat-x}
#container a{color:#231f20;cursor:pointer;text-decoration:none}
#container a:hover{text-decoration:underline}
#container h1,#container h2,#container h3,#container h4,#container h5,#container h6,#container p{margin:10px 0}
#container img{border:none;vertical-align:bottom}
#container table{border-collapse:collapse}
#container table td{padding:0}
#container .view{}
#container .hidden{display:none}
#container .clearboth{clear:both}
#container .clearboth .view{}
#container .clearboth .hidden{display:none}
#container #navigation{width:979px;height:58px;padding:24px 0 9px 0;margin:0 auto;position:relative;z-index:30}
#container #navigation ul{margin:0;padding:0;list-style-type:none}
#container #navigation ul li{float:left;position:relative}
#container #navigation ul li a{height:58px;display:block;position:relative}
#container #navigation ul li a span{height:37px;display:block;padding:21px 17px 0 17px}
#container #navigation ul li.current_page_item a{font-weight:bold;background:url('../images/navigation/right.png');background-position:top right;background-repeat:no-repeat}
#container #navigation ul li.current_page_item a span{background:url('../images/navigation/left.png');background-position:top left;background-repeat:no-repeat;padding-left:24px;padding-right:24px}
#container #navigation ul.sf-menu ul{display:none;position:absolute;top:58px;padding-top:9px;width:248px}
#container #navigation ul.sf-menu li:hover{visibility:inherit}
#container #navigation ul.sf-menu li:hover ul,#container #navigation ul.sf-menu li.sfHover ul{display:block;left:0;top:58px;z-index:99}
#container #navigation ul.sf-menu li:hover li ul,#container #navigation ul.sf-menu li.sfHover li ul{top:-999em}
#container #navigation ul.sf-menu li li:hover ul,#container #navigation ul.sf-menu li li.sfHover ul{left:230px;top:-16px}
#container #navigation ul.sf-menu li li:hover li ul,#container #navigation ul.sf-menu li li.sfHover li ul{top:-999em}
#container #navigation ul.sf-menu li li li:hover ul,#container #navigation ul.sf-menu li li li.sfHover ul{left:10em;top:0}
#container #navigation ul.sf-menu ul li{width:248px}
#container #navigation ul.sf-menu ul li a{height:auto;background:none;background:url('../images/navigation/subbg.png');background-repeat:repeat-y;font-weight:normal}
#container #navigation ul.sf-menu ul li.first{background:url('../images/navigation/subtop.png');background-repeat:repeat-y;background-position:left top;padding-top:12px}
#container #navigation ul.sf-menu ul li ul li.first{background:url('../images/navigation/subtoptop.png');background-repeat:repeat-y;background-position:left top;padding-top:16px}
#container #navigation ul.sf-menu ul li.first a{background:none}
#container #navigation ul.sf-menu ul li a:hover{text-decoration:none;color:#fff;font-weight:bold}
#container #navigation ul.sf-menu ul li.last{background:url('../images/navigation/subbottom.png');background-repeat:repeat-y;background-position:left bottom;padding-bottom:16px}
#container #navigation ul.sf-menu ul li.last a{background:none}
#container #navigation ul.sf-menu ul li a span{width:207px;height:28px;padding:12px 10px 0 23px;background:none;margin:0 0 0 4px}
#container #navigation ul.sf-menu ul li a:hover span{background-color:#0e76bc}
#container #navigation #language{width:163px;height:214px;background:url('../images/navigation/language.png');background-repeat:no-repeat;background-position:left bottom;position:absolute;top:-175px;right:0;z-index:25;padding:0 4px 0 4px}
#container #navigation #language .holder{width:163px;height:214px;position:relative}
#container #navigation #language ul{}
#container #navigation #language ul li{float:none}
#container #navigation #language ul li a{width:135px;height:26px;padding:9px 14px 0 14px;cursor:pointer}
#container #navigation #language ul li a span{height:auto;padding:0}
#container #navigation #language ul li a span.flag{width:16px;height:11px;float:left;margin:3px 13px 0 0}
#container #navigation #language ul li a span.flag.en{background:url('../images/navigation/en.png');background-repeat:no-repeat}
#container #navigation #language ul li a span.flag.es{background:url('../images/navigation/es.png');background-repeat:no-repeat}
#container #navigation #language ul li a span.flag.de{background:url('../images/navigation/de.png');background-repeat:no-repeat}
#container #navigation #language ul li a span.flag.it{background:url('../images/navigation/it.png');background-repeat:no-repeat}
#container #navigation #language ul li a span.flag.fr{background:url('../images/navigation/fr.png');background-repeat:no-repeat}
#container #navigation #language ul li a span.flag.ru{background:url('../images/navigation/ru.png');background-repeat:no-repeat}
#container #navigation #language .holder .arrow{width:22px;height:23px;display:block;background:url('../images/navigation/arrow.png');background-repeat:no-repeat;background-position:left top;position:absolute;z-index:30;bottom:9px;right:5px}
#container #navigation #language.open .holder .arrow{background:url('../images/navigation/arrow.png');background-repeat:no-repeat;background-position:left bottom}
#container #breadcrumb{width:971px;height:43px;margin:0 auto;line-height:43px;color:#626262}
#container #breadcrumb a{color:#626262}
#container #header{width:979px;height:492px;margin:0 auto;background:url('../images/header/bg.png');background-repeat:no-repeat}
#container #header .left{width:218px;height:477px;float:left;padding-top:15px}
#container #header .left .situated{width:218px;color:#231f20;font-size:18px;font-weight:bold;padding-top:81px}
#container #header .left .situated a{width:218px;display:block;color:#9f9f9f;font-size:12px;font-weight:normal;padding:10px 0}
#container #header .center{width:498px;height:492px;float:left;background:url('../images/header/map.png');background-repeat:no-repeat;background-position:25px 41px;position:relative}
#container #header .center.nomap{background:none}
#container #header .center #flyer{width:228px;height:95px;background:url('../images/header/flyer.png');background-repeat:no-repeat;position:absolute;top:-250px;left:0;z-index:20}
#container #header .center #flyer a.country{width:197px;height:71px;display:block;padding:24px 0 0 31px;font-size:18px;font-weight:bold;color:#231f20}
#container #header .center #flyer a.country:hover{text-decoration:none}
#container #header .center #flyer a.country span.members{width:197px;display:block;font-size:12px;color:#9f9f9f}
#container #header .right{width:240px;height:472px;float:right;padding:20px 4px 0 19px}
#container #header .right .carrousel{width:240px}
#container #header .right .carrousel ul{margin:0;padding:0;list-style-type:none}
#container #header .right .carrousel ul li{}
#container #header .right .carrousel ul li a{width:240px;display:block;font-weight:bold;color:#fff;padding-bottom:9px}
#container #header .right .carrousel ul li a:hover{text-decoration:none}
#container #header .right .carrousel ul li a img{display:none;margin-bottom:-31px}
#container #header .right .carrousel ul li a span{height:34px;display:block;background:url('../images/header/newsbar.png');background-repeat:no-repeat;background-position:left top;padding:18px 0 0 20px;position:relative;z-index:2}
#container #header .right .carrousel ul li a:hover span{background:url('../images/header/newsbar.png');background-repeat:no-repeat;background-position:left bottom}
#container #header .right .carrousel ul li.selected a span{background:url('../images/header/newsbar.png');background-repeat:no-repeat;background-position:right top}
#container #header .right .carrousel ul li.selected a:hover span{background:url('../images/header/newsbar.png');background-repeat:no-repeat;background-position:right bottom}
#container #content{width:100%;background:url('../images/content/bgstroke.png');background-repeat:repeat-y;background-position:center}
#container #content a{text-decoration:underline}
#container #content a:hover{text-decoration:none}
#container #content.subpage{background:none}
#container #content .title{font-size:18px;color:#0e76bc;font-weight:bold}
#container #content .alignment{width:979px;padding-top:40px;padding-bottom:185px;margin:0 auto}
#container #content.subpage .alignment{padding-top:5px;background:url('../images/content/bg.png');background-repeat:no-repeat;background-position:left top}
#container #content .alignment .left{width:477px;float:left}
#container #content .alignment .right{width:477px;float:right}
#container #content.subpage .alignment .left{width:138px;padding:10px 30px 0 0;float:left}
#container #content.subpage .alignment .middle{width:463px;float:left}
#container #content.subpage .alignment .right{width:300px;padding:10px 5px 0 23px;float:right}
#container #footer{width:100%;height:147px;background:url('../images/footer/bgstroke.png');background-repeat:repeat-x;position:absolute;bottom:0}
#container #footer .alignment{width:979px;height:92px;margin:0 auto;background:url('../images/footer/logo.png');background-repeat:no-repeat;background-position:873px 27px;padding:55px 0 0 0;color:#231f20}
#container #footer .alignment span{font-weight:bold;font-size:18px;display:block}
#container #footer .alignment ul{margin:0 0 0 -3px;padding:0;list-style-type:none}
#container #footer .alignment ul li{float:left}
#container #footer .alignment ul li a{padding:3px 6px;display:block}

» Show original CSS code

« Hide original CSS code

@charset "utf-8";
/*************************
 * - www.ucreation.nl    *
 *************************
 Dit document bevat CSS codering. 
 */
 
/*html {
	overflow: -moz-scrollbars-vertical;
}*/
body {
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url('../images/body/bgcolor.png');
	background-repeat: repeat;
}
/* Font-family and font-size */
body, input, textarea, button, select {
	color: #9f9f9f;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#container {
	position: relative;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background: url('../images/body/bgstroke.png');
	background-repeat: repeat-x;
}
#container a {
	color: #231f20;
	cursor: pointer;
	text-decoration: none;
}
#container a:hover {
	text-decoration: underline;
}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #container p {
	margin: 10px 0;
}
#container img {
	border: none;
	vertical-align: bottom;
}
#container table {
	border-collapse: collapse;
}
#container table td {
	padding: 0;
}
#container .view {
}
#container .hidden {
	display: none;
}
#container .clearboth {
	clear: both;
}
#container .clearboth .view {
}
#container .clearboth .hidden {
	display: none;
}
#container #navigation {
	width: 979px;
	height: 58px;
	padding: 24px 0 9px 0;
	margin: 0 auto;
	position: relative;
	z-index: 30;
}
#container #navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#container #navigation ul li {
	float: left;
	position: relative;
}
#container #navigation ul li a {
	height: 58px;
	display: block;
	position: relative;
}
#container #navigation ul li a span {
	height: 37px;
	display: block;
	padding: 21px 17px 0 17px;
}
#container #navigation ul li.current_page_item a {
	font-weight: bold;
	background: url('../images/navigation/right.png');
	background-position: top right;
	background-repeat: no-repeat;
}
#container #navigation ul li.current_page_item a span {
	background: url('../images/navigation/left.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 24px;
	padding-right: 24px;
}
#container #navigation ul.sf-menu ul {
	display: none;
	position: absolute;
	top: 58px;
	padding-top: 9px;
	width: 248px; /* left offset of submenus need to match (see below) */
}
#container #navigation ul.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
#container #navigation ul.sf-menu li:hover ul, #container #navigation ul.sf-menu li.sfHover ul {
	display: block;
	left: 0;
	top: 58px; /* match top ul list item height */
	z-index: 99;
}
#container #navigation ul.sf-menu li:hover li ul, #container #navigation ul.sf-menu li.sfHover li ul {
	top: -999em;
}
#container #navigation ul.sf-menu li li:hover ul, #container #navigation ul.sf-menu li li.sfHover ul {
	left: 230px; /* match ul width */
	top: -16px;
}
#container #navigation ul.sf-menu li li:hover li ul, #container #navigation ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
#container #navigation ul.sf-menu li li li:hover ul, #container #navigation ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
#container #navigation ul.sf-menu ul li {
	width: 248px;
}
#container #navigation ul.sf-menu ul li a {
	height: auto;
	background: none;
	background: url('../images/navigation/subbg.png');
	background-repeat: repeat-y;
	font-weight: normal;
}
#container #navigation ul.sf-menu ul li.first {
	background: url('../images/navigation/subtop.png');
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 12px;
}
#container #navigation ul.sf-menu ul li ul li.first {
	background: url('../images/navigation/subtoptop.png');
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 16px;
}
#container #navigation ul.sf-menu ul li.first a {
	background: none;
}
#container #navigation ul.sf-menu ul li a:hover {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#container #navigation ul.sf-menu ul li.last {
	background: url('../images/navigation/subbottom.png');
	background-repeat: repeat-y;
	background-position: left bottom;
	padding-bottom: 16px;
}
#container #navigation ul.sf-menu ul li.last a {
	background: none;
}
#container #navigation ul.sf-menu ul li a span {
	width: 207px;
	height: 28px;
	padding: 12px 10px 0 23px;
	background: none;
	margin: 0 0 0 4px;
}
#container #navigation ul.sf-menu ul li a:hover span {
	background-color: #0e76bc;
}
#container #navigation #language {
	width: 163px;
	height: 214px;
	background: url('../images/navigation/language.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	top: -175px;
	right: 0;
	z-index: 25;
	padding: 0 4px 0 4px;
}
#container #navigation #language .holder {
	width: 163px;
	height: 214px;
	position: relative;
}
#container #navigation #language ul {
}
#container #navigation #language ul li {
	float: none;
}
#container #navigation #language ul li a {
	width: 135px;
	height: 26px;
	padding: 9px 14px 0 14px;
	cursor: pointer;
}
#container #navigation #language ul li a span {
	height: auto;
	padding: 0;
}
#container #navigation #language ul li a span.flag {
	width: 16px;
	height: 11px;
	float: left;
	margin: 3px 13px 0 0;
}
#container #navigation #language ul li a span.flag.en {
	background: url('../images/navigation/en.png');
	background-repeat: no-repeat;
}
#container #navigation #language ul li a span.flag.es {
	background: url('../images/navigation/es.png');
	background-repeat: no-repeat;
}
#container #navigation #language ul li a span.flag.de {
	background: url('../images/navigation/de.png');
	background-repeat: no-repeat;
}
#container #navigation #language ul li a span.flag.it {
	background: url('../images/navigation/it.png');
	background-repeat: no-repeat;
}
#container #navigation #language ul li a span.flag.fr {
	background: url('../images/navigation/fr.png');
	background-repeat: no-repeat;
}
#container #navigation #language ul li a span.flag.ru {
	background: url('../images/navigation/ru.png');
	background-repeat: no-repeat;
}
#container #navigation #language .holder .arrow {
	width: 22px;
	height: 23px;
	display: block;
	background: url('../images/navigation/arrow.png');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 30;
	bottom: 9px;
	right: 5px;
}
#container #navigation #language.open .holder .arrow {
	background: url('../images/navigation/arrow.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}
#container #breadcrumb {
	width: 971px;
	height: 43px;
	margin: 0 auto;
	line-height: 43px;
	color: #626262;
}
#container #breadcrumb a {
	color: #626262;
}
#container #header {
	width: 979px;
	height: 492px;
	margin: 0 auto;
	background: url('../images/header/bg.png');
	background-repeat: no-repeat;
}
#container #header .left {
	width: 218px;
	height: 477px;
	float: left;
	padding-top: 15px;
}
#container #header .left .situated {
	width: 218px;
	color: #231f20;
	font-size: 18px;
	font-weight: bold;
	padding-top: 81px;
}
#container #header .left .situated a {
	width: 218px;
	display: block;
	color: #9f9f9f;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0;
}
#container #header .center {
	width: 498px;
	height: 492px;
	float: left;
	background: url('../images/header/map.png');
	background-repeat: no-repeat;
	background-position: 25px 41px;
	position: relative;
}
#container #header .center.nomap {
	background: none;
}
#container #header .center #flyer {
	width: 228px;
	height: 95px;
	background: url('../images/header/flyer.png');
	background-repeat: no-repeat;
	position: absolute;
	top: -250px;
	left: 0;
	z-index: 20;
}
#container #header .center #flyer a.country {
	width: 197px;
	height: 71px;
	display: block;
	padding: 24px 0 0 31px;
	font-size: 18px;
	font-weight: bold;
	color: #231f20;
}
#container #header .center #flyer a.country:hover {
	text-decoration: none;
}
#container #header .center #flyer a.country span.members {
	width: 197px;
	display: block;
	font-size: 12px;
	color: #9f9f9f;
}
#container #header .right {
	width: 240px;
	height: 472px;
	float: right;
	padding: 20px 4px 0 19px;
}
#container #header .right .carrousel {
	width: 240px;
}
#container #header .right .carrousel ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#container #header .right .carrousel ul li {
}
#container #header .right .carrousel ul li a {
	width: 240px;
	display: block;
	font-weight: bold;
	color: #fff;
	padding-bottom: 9px;
}
#container #header .right .carrousel ul li a:hover {
	text-decoration: none;
}
#container #header .right .carrousel ul li a img {
	display: none;
	margin-bottom: -31px;
}
#container #header .right .carrousel ul li a span {
	height: 34px;
	display: block;
	background: url('../images/header/newsbar.png');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 18px 0 0 20px;
	position: relative;
	z-index: 2;
}
#container #header .right .carrousel ul li a:hover span {
	background: url('../images/header/newsbar.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}
#container #header .right .carrousel ul li.selected a span {
	background: url('../images/header/newsbar.png');
	background-repeat: no-repeat;
	background-position: right top;
}
#container #header .right .carrousel ul li.selected a:hover span {
	background: url('../images/header/newsbar.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}
#container #content {
	width: 100%;
	background: url('../images/content/bgstroke.png');
	background-repeat: repeat-y;
	background-position: center;
}
#container #content a {
	text-decoration: underline;
}
#container #content a:hover {
	text-decoration: none;
}
#container #content.subpage {
	background: none;
}
#container #content .title {
	font-size: 18px;
	color: #0e76bc;
	font-weight: bold;
}
#container #content .alignment {
	width: 979px;
	padding-top: 40px;
	padding-bottom: 185px;
	margin: 0 auto;
}
#container #content.subpage .alignment {
	padding-top: 5px;
	background: url('../images/content/bg.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#container #content .alignment .left {
	width: 477px;
	float: left;
}
#container #content .alignment .right {
	width: 477px;
	float: right;
}
#container #content.subpage .alignment .left {
	width: 138px;
	padding: 10px 30px 0 0;
	float: left;
}
#container #content.subpage .alignment .middle {
	width: 463px;
	float: left;
}
#container #content.subpage .alignment .right {
	width: 300px;
	padding: 10px 5px 0 23px;
	float: right;
}
#container #footer {
	width: 100%;
	height: 147px;
	background: url('../images/footer/bgstroke.png');
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
}
#container #footer .alignment {
	width: 979px;
	height: 92px;
	margin: 0 auto;
	background: url('../images/footer/logo.png');
	background-repeat: no-repeat;
	background-position: 873px 27px;
	padding: 55px 0 0 0;
	color: #231f20;
}
#container #footer .alignment span {
	font-weight: bold;
	font-size: 18px;
	display: block;
}
#container #footer .alignment ul {
	margin: 0 0 0 -3px;
	padding: 0;
	list-style-type: none;
}
#container #footer .alignment ul li {
	float: left;
}
#container #footer .alignment ul li a {
	padding: 3px 6px;
	display: block;
}