Results of the CSS crunched for www.binnovation-webdesign.de

Let's see what we've done for www.binnovation-webdesign.de

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

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

*{behavior:url('iepngfix.htc')}
html *{margin:0px;padding:0px;border:0px}
html{height:100%}
body{text-align:center;background-color:#6c6c6c;color:#333333;font:80% Arial,Helvetica,Verdana,sans-serif}
b{color:#000000}
p{margin-bottom:4px;font-size:12px;line-height:22px;font-family:Verdana}
p.code{border:1px solid #ff6f00;background-color:#fff;color:#4e4e4e;font-size:12px;padding:5px}
div#container{margin:0 auto;text-align:left;width:935px}
div#header{margin-top:25px;float:left;margin-left:35px;width:935px;height:182px;background-image:url('../images/headerr.png');background-repeat:no-repeat}
ul#links{list-style-type:none;width:650px;margin-left:285px;margin-top:25px;height:40px}
ul#links li.first{float:left;display:inline;height:40px;margin-left:0px}
ul#links li{float:left;display:inline;margin-left:81px;height:40px}
ul#links li a{}
div#bg{float:left;margin-top:0px;margin-left:35px;padding-bottom:20px;width:935px;background-image:url('../images/bgr.png');background-repeat:repeat-y}
div#navi{float:left;margin-top:0px;padding-left:29px;width:200px}
div#breadcrumb{font-size:12px;float:left;margin-left:13px;padding-left:20px;padding-right:20px;width:610px;margin-top:10px;border-left:1px solid #acacac;border-bottom:1px solid #acacac}
div#content{float:left;margin-left:13px;padding:20px;width:610px;margin-top:20px;border:1px solid #acacac;background-color:#f0f0f0}
div#footer{padding:5px;float:left;margin-top:0px;margin-left:35px;width:940px;height:100px;background-image:url('../images/footerr.png');background-repeat:no-repeat}
div#footer p{font-size:12px}
div#navi ul#liste{list-style-type:none;width:180px;margin-left:5px}
div#navi ul li.button1{float:left;display:block;margin-top:20px;width:180px;height:30px;color:#fff;font-family:Tahoma;font-weight:normal;font-size:15px;text-decoration:none;text-align:center;line-height:30px;background-image:url('../images/Navigation-Top.png')}
div#navi ul li.button2{float:left;display:block;margin-top:3px;width:180px;height:30px;font-family:Verdana;font-weight:normal;font-size:11px;text-decoration:none;text-align:center;line-height:30px;background-image:url('../images/Navigation-Button.jpg');background-repeat:no-repeat;background-color:#fff}
div#navi ul li.button2 a{color:#6c6c6c;width:180px;height:30px;font-family:Verdana;text-decoration:none}
div#navi ul li.button2 a:hover{color:#4e4e4e}
div#navi ul li.button2 a.rollover{width:180px;height:30px;display:block;cursor:pointer}
div#navi ul li.button2 a.rollover:hover{width:180px;height:30px;cursor:pointer;display:block;font-size:11px;line-height:30px;text-align:center;background-image:url('../images/Navigation-Button-Rollover.jpg')}
h1,h2,h3,h4,h5{color:#ff6f00;border-bottom:1px solid #ff6f00;font-weight:normal}
h1{font-size:18px;padding-left:0px;font-family:trebuchet ms;font-weight:normal;letter-spacing:.005em;border-bottom:1px solid #acacac;margin-bottom:10px}
h2{font-size:16px;font-family:trebuchet ms;margin:0px;font-weight:normal;margin-top:15px;margin-left:0px;margin-bottom:3px;border:0px solid;line-height:17px}
h3{font-family:sans-serif;font-size:17px;border-bottom:0px;font-variant:small-caps;margin-bottom:10px}
h3 a,h3 a:hover{text-decoration:none;color:#ff6f00}
br{line-height:10px}
a{color:#ff2100;text-decoration:underline}
a:hover,a:focus{color:#ff6f00;text-decoration:underline}
div.img{width:610px;text-align:center;background-color:#fff}
img.display{}
strong{font-weight:bold}
em{font-style:italic}
ul.liste{list-style-type:none;font-size:13px;margin-bottom:25px;margin-top:25px;background-color:#fff;padding:10px}
ul.liste a,ul.liste a:hover{text-decoration:none}
ul.liste li{background:url(../images/lister8.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:12px}
ul li.id{background:url(../images/manorangeo.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:20px}
ul li.house{background:url(../images/houseorange.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:20px}
ul li.at{background:url(../images/atorange.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:20px}
ul li.sk{background:url(../images/skype16.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:20px}
p.id{background:url(../images/manorangeo.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:20px}
p.house{background:url(../images/houseorange.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:20px}
p.at{background:url(../images/atorange.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:20px}
p.sk{background:url(../images/skype16.png) no-repeat;background-position:left;margin-bottom:5px;padding-left:20px}
p.imp{padding-left:20px}
div#about{padding-left:35px;float:left}
ul#adresse{margin-top:2px;font-size:11px;list-style-type:none}
strong.big{font-size:16px;font-family:arial,verdana,times;font-weight:normal;font-variant:small-caps;letter-spacing:2px;color:#ff6f00}
ul.paket{list-style-type:none;font-size:14px;margin-bottom:25px;margin-top:25px;background-color:#fff;padding:10px}
ul.paket li{background:url(../images/lister8.png) no-repeat;background-position:left;padding-left:14px;color:#292929;font-weight:normal}
ul.paket li.head{background-image:none;margin-bottom:5px;padding-left:12px}
span.after{font-size:11px;color:#6c6c6c}
span.preis{color:#ff2100;font-size:17px;font-family:arial;font-variant:normal;padding-left:20px;font-weight:bold}
.spb{padding-right:12px;background-image:url('../images/spborange.png');background-repeat:no-repeat;background-position:right top;cursor:help}
.whodunit{margin-left:248px;color:#000;padding-bottom:5px;font-family:Verdana;font-size:11px}
.fnavi{line-height:18px;color:#000;margin-left:248px;font-family:Verdana;font-size:11px}
.fnavi a{color:#fff;text-decoration:none;font-family:Verdana;font-size:11px}
.fnavi a:hover{color:#e8e8e8;text-decoration:underline}
table#error,table#success{padding:10px;width:610px;background-color:#ffffff}
table#error tr#image{background-image:url('../images/warningorange.png');background-repeat:no-repeat;background-position:top left;height:40px}p.hint{background-color:#fff;background-image:url('../images/warningorange.png');background-position:20px;background-repeat:no-repeat;color:#ff6f00;width:470px;padding:20px 70px 20px;border:1px solid #acacac;margin-bottom:30px;font-size:14px}
table#success tr#simage{background-image:url('../images/tickorange.png');background-repeat:no-repeat;background-position:top left;height:40px}
table#error td#text,table#success td#text{padding-left:50px;color:#292929;font-size:13px}
table#kontakt{padding-top:30px;width:450px;font-size:13px}
tr{padding-bottom:15px}
table#kontakt td{padding-left:20px;color:#6c6c6c;margin-bottom:10px;padding-bottom:10px}
table#kontakt td.tlinks{color:#6c6c6c;vertical-align:top;background-image:url('../images/sternorange.png');background-repeat:no-repeat;background-position:top left}
table#kontakt td select,table#kontakt td input{width:300px;vertical-align:top;padding:0px;color:#6c6c6c;border:1px solid #acacac;background-color:#fff}
table#kontakt td textarea{width:300px;padding:0px;color:#6c6c6c;border:1px solid #acacac;background-color:#fff;text-align:justify}
table#kontakt td select:focus,table#kontakt td input:focus{width:300px;padding:0px;color:#ff6f00;border:1px solid #ff2100;background-color:#fff}
table#kontakt td textarea:focus{width:300px;padding:0px;color:#ff6f00;border:1px solid #ff2100;background-color:#fff}
table#kontakt input.submit,table#kontakt input.reset{width:148px;border:1px outset #acacac;cursor:pointer}
table#kontakt input.submit:focus,table#kontakt input.reset:focus{width:148px;color:#6c6c6c;border:1px outset #acacac;cursor:pointer}
span#hint{font-size:13px;padding-left:20px;margin-top:10px;margin-bottom:10px;background-image:url('../images/sternorange.png');background-repeat:no-repeat;background-position:top left}
div#form{width:350px;font-size:13px;color:#333333;margin-bottom:10px}
form a{color:#333333}
div.element{float:left;width:300px;margin-bottom:15px}
span.label{display:block;float:left;font-size:13px;width:250px;height:20px}
div#form select{float-left;color:#333;font-size:13px;padding:3px;height:22px;width:294px;border:1px solid #acacac;background-color:#fff}
div#form input{float-left;color:#333;padding:3px;font-size:13px;height:16px;width:294px;border:1px solid #acacac;background-color:#fff}
div#form textarea{font-size:13px;font-family:Arial;width:294px;padding:3px;color:#333;border:1px solid #acacac;background-color:#fff}
div#form input.submit,div#form input.reset{margin-left:1px;width:147px;color:#333;height:25px;margin-bottom:35px}
p.hint{background-color:#fff;background-image:url('../images/warningorange.png');background-position:20px;background-repeat:no-repeat;color:#ff6f00;font-size:13px;width:470px;padding:20px 70px 20px;border:1px solid #acacac;margin-bottom:30px;font-size:14px}
p.done{background-color:#fff;background-image:url('../images/tickorange.png');background-position:20px;background-repeat:no-repeat;font-size:13px;color:#ff6f00;width:470px;padding:20px 70px 20px;border:1px solid #acacac;margin-bottom:30px;font-size:14px}

» Show original CSS code

« Hide original CSS code

/*  Binnovation stylesheet
    --------------------------------------------------------------
	Style name:		OrangeGreyStyle
	Author:	Fabian Brix
		
	Copyright 2009  Fabian Brix ( http://www.binnovation-webdesign.de/ )
    --------------------------------------------------------------
*/

/*hellblau: 00c0c1; dunkelblau: 0099ff;*/
* {
   behavior:url('iepngfix.htc');
}

html *
{ 
margin:0px;
padding:0px;
border:0px;
}
    
html
{ 
height:100%;
}

body
{
text-align:center;
background-color:#6c6c6c;
color:#333333;
font: 80% Arial,Helvetica,Verdana,sans-serif
}
b
{
color:#000000;
}
p
{
margin-bottom:4px;
font-size:12px;
line-height:22px;
font-family:Verdana;
}

p.code
{
border:1px solid #ff6f00;
background-color:#fff;
color:#4e4e4e;
font-size:12px;
padding:5px;
}

div#container
{
margin:0 auto;
text-align:left;
width:935px;
}

div#header
{
margin-top:25px;
float:left;
margin-left:35px;
width:935px;
height:182px;
background-image:url('../images/headerr.png');
background-repeat:no-repeat;
}

ul#links
{
list-style-type:none;
width:650px;
margin-left:285px;
margin-top:25px;
height:40px;
}
ul#links li.first
{
float:left;
display:inline;
height:40px;
margin-left:0px;
}
ul#links li
{
float:left;
display:inline;
margin-left:81px;
height:40px;
}

ul#links li a
{
}
div#bg
{
float:left;
margin-top:0px;
margin-left:35px;
padding-bottom:20px;
width:935px;
background-image:url('../images/bgr.png');
background-repeat:repeat-y;

}
div#navi
{
float:left;
margin-top:0px;
padding-left:29px;
width:200px;
}
div#breadcrumb
{
font-size:12px;
float:left;
margin-left:13px;
padding-left:20px;
padding-right:20px;
width:610px;
margin-top:10px;
border-left: 1px solid #acacac;
border-bottom:1px solid #acacac;
/*border:1px solid #acacac;
background-color:#f0f0f0;*/
}

div#content
{
float:left;
margin-left:13px;
padding:20px;
width:610px;
margin-top:20px;
border:1px solid #acacac;
background-color:#f0f0f0;
/*background-image:url('../images/bg-content.png');
background-repeat:repeat-x;
background-repeat:repeat-y;*/
}
div#footer
{
padding:5px;
float:left;
margin-top:0px;
margin-left:35px;
width:940px;
height:100px;
background-image:url('../images/footerr.png');
background-repeat:no-repeat;
}

div#footer p
{
font-size:12px;
}

div#navi ul#liste
{
list-style-type:none;
width:180px;
margin-left:5px;
}
div#navi ul li.button1
{
float:left;
display:block;
margin-top:20px;
width:180px;
height:30px;
color: #fff;
font-family:Tahoma;
font-weight:normal;
font-size:15px;
text-decoration: none;
text-align:center;
line-height:30px;
background-image:url('../images/Navigation-Top.png');

}
div#navi ul li.button2
{
float:left;
display:block;
margin-top:3px;
width:180px;
height:30px;
font-family:Verdana;
font-weight:normal;
font-size:11px;
text-decoration: none;
text-align:center;
line-height:30px;
background-image:url('../images/Navigation-Button.jpg');
background-repeat:no-repeat;
background-color:#fff;
}

div#navi ul li.button2 a {
color:#6c6c6c;
width:180px;
height:30px;
font-family:Verdana;
text-decoration: none;
  }
 
div#navi ul li.button2 a:hover {
color:#4e4e4e;
}

div#navi ul li.button2 a.rollover{
width:180px;
height:30px;
display:block;
cursor: pointer;
}

div#navi ul li.button2 a.rollover:hover {
width: 180px;
height:30px;
cursor: pointer;
display:block;
font-size:11px;
line-height:30px;
text-align:center;
background-image:url('../images/Navigation-Button-Rollover.jpg');
}

h1, h2, h3, h4, h5
{ 
color:#ff6f00;

border-bottom:1px solid #ff6f00;
font-weight:normal;
}

h1
{
font-size:18px;
padding-left:0px;
font-family:trebuchet ms;
font-weight:normal;
letter-spacing:.005em;
border-bottom: 1px solid #acacac;
margin-bottom:10px;
}

h2
{
font-size:16px;
font-family: trebuchet ms;
margin: 0px;
font-weight: normal;
margin-top: 15px;
margin-left: 0px;
margin-bottom: 3px;
border: 0px solid;
line-height: 17px;

}

h3
{
font-family: sans-serif;
font-size:17px;
border-bottom:0px;
font-variant:small-caps;
margin-bottom:10px;
}	
h3 a, h3 a:hover
{
text-decoration:none;
color:#ff6f00;
}

br
{
line-height:10px;
}
a
{
color:#ff2100;
text-decoration:underline;
}
a:hover, a:focus
{
color:#ff6f00;
text-decoration:underline;
}
div.img
{
width:610px;
text-align:center;
background-color:#fff;
}
img.display
{
	
}
strong
{
font-weight: bold;
}

em
{
font-style: italic;
}
ul.liste
{
list-style-type:none;
font-size:13px;
margin-bottom:25px;
margin-top:25px;
background-color:#fff;
padding:10px;
}
ul.liste a, ul.liste a:hover
{
text-decoration:none;
}

ul.liste li { background:url(../images/lister8.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:12px;
	}

ul li.id
{
background:url(../images/manorangeo.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:20px;
}

ul li.house
{
background:url(../images/houseorange.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:20px;
}

ul li.at
{
background:url(../images/atorange.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:20px;
}

ul li.sk
{
background:url(../images/skype16.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:20px;
}

p.id
{
background:url(../images/manorangeo.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:20px;
}

p.house
{
background:url(../images/houseorange.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:20px;
}

p.at
{
background:url(../images/atorange.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:20px;
}

p.sk
{
background:url(../images/skype16.png) no-repeat;
    background-position:left;
	margin-bottom:5px;
	padding-left:20px;
}

p.imp
{
padding-left:20px;
}
div#about
{
padding-left:35px;
float:left;	
}

ul#adresse
{
margin-top:2px;
font-size:11px;
list-style-type:none;
}
strong.big
{
font-size: 16px;
font-family:arial, verdana, times;
font-weight:normal;
font-variant:small-caps;
letter-spacing: 2px;
color:#ff6f00;
}

ul.paket
{
list-style-type:none;
font-size:14px;
margin-bottom:25px;
margin-top:25px;
background-color:#fff;
padding:10px;
}

ul.paket li { background:url(../images/lister8.png) no-repeat;
    background-position:left;
padding-left:14px;
color:#292929;
font-weight:normal;
	}
	
ul.paket li.head{ 
background-image:none;
	margin-bottom:5px;
	padding-left:12px;
	}	
span.after
{
font-size:11px;
color: #6c6c6c;

}
span.preis
{
color:#ff2100;
font-size:17px;
font-family:arial;
font-variant:normal;
padding-left:20px;
font-weight:bold;
}

.spb
{
padding-right:12px;
background-image:url('../images/spborange.png');
background-repeat: no-repeat;
background-position:right top;
cursor:help;

}
.whodunit
{
margin-left:248px;
color:#000;
padding-bottom:5px;
font-family:Verdana;
font-size:11px;
}
.fnavi
{
line-height:18px;
color:#000;
margin-left:248px;
font-family:Verdana;
font-size:11px;
}
.fnavi a
{
color:#fff;
text-decoration:none;
font-family:Verdana;
font-size:11px;
}
.fnavi a:hover
{
color:#e8e8e8;
text-decoration:underline;
}

table#error, table#success
{
padding:10px;
width:610px;
background-color:#ffffff;
}

table#error tr#image
{
background-image:url('../images/warningorange.png');
background-repeat:no-repeat;
background-position: top left;
height:40px;
}p.hint
{
background-color:#fff;
background-image: url('../images/warningorange.png');
background-position:20px;
background-repeat:no-repeat;
color:#ff6f00;
width:470px;
padding:20px 70px 20px;
border:1px solid #acacac;
margin-bottom:30px;
font-size:14px;
}

table#success tr#simage
{
background-image:url('../images/tickorange.png');
background-repeat:no-repeat;
background-position: top left;
height:40px;
}

table#error td#text, table#success td#text
{
padding-left:50px;
color:#292929;
font-size:13px;
}

table#kontakt
{
padding-top:30px;
width:450px;
font-size:13px;
}
tr
{
padding-bottom:15px;
}
table#kontakt td
{
padding-left:20px;
color:#6c6c6c;
margin-bottom:10px;
padding-bottom:10px;
}

table#kontakt td.tlinks
{
color:#6c6c6c;
vertical-align:top;
background-image:url('../images/sternorange.png');
background-repeat:no-repeat;
background-position: top left;
}
table#kontakt td select, table#kontakt td input
{
width:300px;

vertical-align:top;
padding:0px;
color:#6c6c6c;
border:1px solid #acacac;
background-color:#fff;
}
table#kontakt td textarea
{

width:300px;
padding:0px;
color:#6c6c6c;
border:1px solid #acacac;
background-color:#fff;
text-align:justify;

}
table#kontakt td select:focus, table#kontakt td input:focus
{
width:300px;
padding:0px;
color:#ff6f00;
border:1px solid #ff2100;
background-color:#fff;
}
table#kontakt td textarea:focus
{
width:300px;
padding:0px;
color:#ff6f00;
border:1px solid #ff2100;
background-color:#fff;
}
table#kontakt input.submit, table#kontakt input.reset
{ 
width:148px;
border: 1px outset #acacac;
cursor:pointer;
}
table#kontakt input.submit:focus, table#kontakt input.reset:focus
{
width:148px;
color:#6c6c6c;
border: 1px outset #acacac;
cursor:pointer;
}

span#hint
{
font-size:13px;
padding-left:20px;

margin-top:10px;
margin-bottom:10px;
background-image:url('../images/sternorange.png');
background-repeat:no-repeat;
background-position: top left;
}

div#form
{
width:350px;
font-size:13px;
color:#333333;
margin-bottom:10px;
}
form a
{
color:#333333;
}

div.element
{
float:left;
width:300px;
margin-bottom:15px;
}

span.label
{
display:block;
float:left;
font-size:13px;
width:250px;
height:20px;
}

div#form select
{
float-left;
color:#333;
font-size:13px;
padding:3px;
height:22px;
width:294px;
border:1px solid #acacac;
background-color:#fff;
}

div#form input
{
float-left;
color:#333;
padding:3px;
font-size:13px;
height:16px;
width:294px;
border:1px solid #acacac;
background-color:#fff;
}

div#form textarea
{
font-size:13px;
font-family:Arial;
width:294px;
padding:3px;
color:#333;
border:1px solid #acacac;
background-color:#fff;
}

div#form input.submit, div#form input.reset
{
margin-left:1px;
width:147px;
color:#333;
height:25px;
margin-bottom:35px;
}

p.hint
{
background-color:#fff;
background-image: url('../images/warningorange.png');
background-position:20px;
background-repeat:no-repeat;
color:#ff6f00;
font-size:13px;
width:470px;
padding:20px 70px 20px;
border:1px solid #acacac;
margin-bottom:30px;
font-size:14px;
}

p.done
{
background-color:#fff;
background-image: url('../images/tickorange.png');
background-position:20px;
background-repeat:no-repeat;
font-size:13px;
color:#ff6f00;
width:470px;
padding:20px 70px 20px;
border:1px solid #acacac;
margin-bottom:30px;
font-size:14px;
}

Some information about this website:

URL: http://www.binnovation-webdesign.de/
CSS URL: http://www.binnovation-webdesign.de/css/orangestyle.css
Charset: iso-8859-1
Title: Webdesign preiswert Lörrach | Basel
Meta-Description: Webdesign günstig und preiswert für Ihren Internetauftritt. Wir Webdesigner programmieren standardisiert, suchmaschinenoptimiert sowie barrierefrei.