Results of the CSS crunched for rogerbeckers.nl

Let's see what we've done for rogerbeckers.nl

CSSCruncher.com has crunched this CSS to
22.64 %Less Size! That's Incredible!

Crunched CSS code:

*{margin:0px;padding:0px}
html,body{font-family:Verdana;font-size:11px;color:#000000;background:url('../../images/website/main-bg.gif') #f5f3f3 repeat-x top}
input,select,textarea{font-family:Verdana;font-size:11px;color:#000000}
body{background:url('images/main-bg.gif') repeat-x top}
img{border:0px;display:block}
.clear{clear:both;height:1px}
#wrapper{display:block;position:relative;width:100%;min-height:100%}
#mainCntr{margin:0 auto;width:900px}
#logo{width:350px;padding-top:50px;float:left}
#logo a{color:#000000;text-decoration:none}
#logo a:hover{color:#000000;text-decoration:none}
#logo #name1{font:30px Tahoma;font-weight:bold;float:left}
#logo #name2{font:30px Tahoma;font-weight:normal;float:left}
#logo #add{font:12px Tahoma;font-weight:normal;padding-left:75px}
#logo #logo_image{float:left;width:70px;height:60px;background:url('../../images/website/logo.gif') no-repeat top}
#header{width:898px;height:286px;top:150px;padding-bottom:5px}
#content{padding:15px;width:864px;color:#777575;border:1px #dbdbdb solid;background-color:white}
#content h1{border-bottom:1px solid #777575;margin-bottom:5px;font-weight:bold;font-size:12px}
#menu{float:left;padding-top:70px;padding-left:98px;z-index:40}
#footer{float:right;padding-top:10px;color:#777575;padding-bottom:10px}
#formulier{padding-top:10px}
.form_input{float:left;width:120px;padding-bottom:4px;font-weight:bold}
.form_output{float:left;padding-bottom:4px}
.form_description{float:left;color:#a19e9e;padding-left:3px;padding-bottom:4px}
.clear{clear:both}
#projects{display:table;padding-left:27px;padding-top:10px}
#projects .projectItem{float:left;padding-right:29px;cursor:pointer}
#projects .projectImage{cursor:pointer}
#projects .projectImage img{width:250px;height:112px}
#referenties{width:864px;margin-top:10px;color:#777575;display:block;padding-left:18px;padding-right:15px;padding-top:15px;border:1px #dbdbdb solid;background-color:white;display:table}
#referenties .ref-item{padding:15px 10px 0px 15px;float:left}
#referenties .ref-item img{width:250px;height:112px}
.breadcrumb{padding-bottom:10px}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{text-decoration:none;color:#c11d1c}
.breadcrumb .current{text-decoration:none;color:#c11d1c}
#font-size{color:#777575;padding-top:40px;padding-left:50px}
#font-size #font-small{float:left;font-size:13px;padding-top:4px}
#font-size #font-middle{float:left;font-size:15px;padding-left:5px;padding-top:2px;padding-bottom:2px}
#font-size #font-bigg{float:left;font-size:17px;padding-left:5px}
.projectpictures{display:table;padding-top:10px}
.projectpictures .picture{margin:2px;border:1px solid #dbdbdb;float:left;padding:5px;background-color:#eeeded}
.projectpictures .picture:hover{background-color:#dbdbdb}
.projectpictures .picture img{width:145px;height:93px}
.addmessage{display:none;float:right;margin-left:10px;padding:0 5px 0 5px;border:1px solid #c0c0c0}
a,a:active{color:#777575;text-decoration:none}
a:hover{color:#777575;text-decoration:underline}
.sitemap a,a:active{color:#777575;text-decoration:none}
.sitemap a:hover{color:#d72229;text-decoration:none}
.sitemap{padding-left:10px}
.sitemap li{list-style-type:square;color:#c11d1c;margin-left:15px}
.sitemap ul{padding:0}
.sitemap ul li{}
.sitemap ul li ul li{}
.jqueryslidemenu{font:bold 12px Verdana;width:100%}
.jqueryslidemenu ul{margin:0;padding:0;list-style-type:none}
.jqueryslidemenu ul li{position:relative;display:inline;float:left}
.jqueryslidemenu ul li a.current{background:#c11d1c;color:white}
.jqueryslidemenu ul li a{display:block;background:#6c6666;color:white;padding:8px 10px;border-right:1px solid #ffffff;color:#2d2b2b;text-decoration:none}
* html .jqueryslidemenu ul li a{display:inline-block}
.jqueryslidemenu ul li a:link,.jqueryslidemenu ul li a:visited{color:white}
.jqueryslidemenu ul li a:hover{background:#c11d1c;color:white}
.jqueryslidemenu ul li ul{position:absolute;left:0;display:block;visibility:hidden}
.jqueryslidemenu ul li ul li{display:list-item;float:none}
.jqueryslidemenu ul li ul li ul{top:0}
.jqueryslidemenu ul li ul li a{font:normal 13px Verdana;width:159px;padding:5px;margin:0;border-top-width:0;border-bottom:1px solid #ffffff}
.jqueryslidemenuz ul li ul li a:hover{background:#eff9ff;color:black}
.downarrowclass{position:absolute;top:12px;right:7px}
.rightarrowclass{position:absolute;top:6px;right:5px}
.jqueryslidemenu ul li a.current{display:block;background:#c11d1c;color:white;padding:8px 10px;border-right:1px solid #ffffff;text-decoration:none}
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox img{width:auto;height:auto}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background-image:url(data:../../images/lightbox/gif);display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../../images/lightbox/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../../images/lightbox/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData{padding:0 10px;color:#666}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none}
#overlay{position:absolute;top:0;left:0;z-index:50;width:100%;height:100%;background-color:#000}

» Show original CSS code

« Hide original CSS code

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 11px; color: #000000;  background: url('../../images/website/main-bg.gif') #f5f3f3 repeat-x top; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #000000; }
body { background: url('images/main-bg.gif') repeat-x top; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 900px; }

/* ### LOGO ### */
#logo {width:350px;padding-top:50px;float:left;}
#logo a {color:#000000; text-decoration:none;}
#logo a:hover {color:#000000; text-decoration:none;} 
#logo #name1{ font: 30px Tahoma; font-weight:bold;  float:left;}
#logo #name2{ font: 30px Tahoma; font-weight:normal; float:left;}
#logo #add{ font: 12px Tahoma; font-weight:normal;padding-left:75px;}
#logo #logo_image{float:left;width:70px;height:60px;background: url('../../images/website/logo.gif') no-repeat top; }

/* ### header ### */
#header {width:898px;height:286px;top:150px; padding-bottom:5px;}

/* ### content ### */
#content{padding:15px;width:864px; color:#777575; border:1px #dbdbdb solid; background-color:white;}
#content h1 {border-bottom:1px solid #777575;margin-bottom:5px;font-weight:bold; font-size:12px;}

/* ### menu ### */
#menu {float:left;padding-top:70px;padding-left:98px;z-index:40;}

/* ### footer ### */
#footer {float:right; padding-top:10px;color:#777575;padding-bottom:10px;}

/* ### formulier ### */
#formulier {padding-top:10px;}
.form_input {float:left;width:120px;padding-bottom:4px;font-weight:bold;}
.form_output {float:left;padding-bottom:4px;}
.form_description {float:left;color:#a19e9e;padding-left:3px;padding-bottom:4px;}
.clear{clear:both;}

/* ### categories ### */
#projects {display:table;padding-left:27px;padding-top:10px;}
#projects .projectItem{float:left;padding-right:29px;cursor:pointer;}
#projects .projectImage{cursor:pointer;}
#projects .projectImage img{width:250px;height:112px;}

/* ### project pictures ### */ 
#referenties {width:864px; margin-top:10px;color:#777575; display:block; padding-left:18px;padding-right:15px;padding-top:15px; border:1px #dbdbdb solid; background-color:white;display:table;}
#referenties .ref-item{padding:15px 10px 0px 15px;float:left;}
#referenties .ref-item img{width:250px;height:112px;}

/* ###  ### */
.breadcrumb {padding-bottom:10px;}
.breadcrumb a{text-decoration:none;}
.breadcrumb a:hover{text-decoration:none; color:#c11d1c; }
.breadcrumb .current {text-decoration:none; color:#c11d1c;}

/* ### project pictures ### */
#font-size {color:#777575;padding-top:40px;padding-left:50px;} 
#font-size #font-small{float:left;font-size: 13px;padding-top:4px;}
#font-size #font-middle{float:left;font-size: 15px;padding-left:5px;padding-top:2px;padding-bottom:2px;}
#font-size #font-bigg{float:left;font-size: 17px;padding-left:5px;}

/* ### project pictures ### */
.projectpictures {display:table;padding-top:10px;}
.projectpictures .picture{margin:2px;border:1px solid #dbdbdb;float:left;padding:5px;background-color:#eeeded;}
.projectpictures .picture:hover{background-color:#dbdbdb;}
.projectpictures .picture img{width:145px; height:93px;}
.addmessage {display:none;float:right;margin-left:10px;padding:0 5px 0 5px;border:1px solid #c0c0c0;}

/* ### links ### */
a,a:active {color:#777575; text-decoration:none;}
a:hover {color:#777575; text-decoration:underline;}

/* ### Sitemap ### */
.sitemap a,a:active {color:#777575; text-decoration:none;}
.sitemap a:hover {color:#d72229; text-decoration:none;}
.sitemap {padding-left:10px;}
.sitemap li{list-style-type: square; color:#c11d1c;margin-left:15px;}
.sitemap ul{padding:0;}
.sitemap  ul li{}
.sitemap  ul li ul li{}

/****************************************************************  Start menu ****************************************************************/
.jqueryslidemenu{
font: bold 12px Verdana;
width: 100%;
}

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

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}
.jqueryslidemenu ul li a.current {
background: #c11d1c; 
color: white;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #6c6666; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #ffffff;

color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #c11d1c; 
color: white;
}
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}
.jqueryslidemenu ul li ul li ul{
top: 0;
}
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 159px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #ffffff;
}
.jqueryslidemenuz ul li ul li a:hover{ 
background: #eff9ff;
color: black;
}
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.jqueryslidemenu ul li a.current {
	display: block;
background: #c11d1c; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #ffffff;

text-decoration: none;
}
/****************************************************************  Einde menu ****************************************************************/
/****************************************************************  Start lightbox ************************************************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:../../images/lightbox/gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0;  z-index:50; width: 100%; height: 100%; background-color: #000;}
/****************************************************************  Einde lightbox ************************************************************/