Results of the CSS crunched for www.css-info.de

Let's see what we've done for www.css-info.de

CSSCruncher.com has crunched this CSS to
17.73 %Less Size! Woohooo!

Crunched CSS code:

body{background:#ecf0f6;color:#000000;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0}
#themen{width:600px;border:1px solid #438396;font:10px Verdana,Arial,Helvetica,sans-serif}
#themen th{background-color:#CDD8E2}
#themen td{background-color:#ECEFF2}
a{color:#32475f;text-decoration:none}
a:hover{color:#0060FF;text-decoration:none}
.bild{text-decoration:none;border:1px solid black}
#bodyline{width:100%;position:relative;background:#f7f8fc;border:1px solid #808080}
#top{background:#F7F8FC url(forum/templates/csshilfe/images/csshilfe_k.jpg) repeat-x;border-bottom:1px solid #808080}
#main_top{font:11px Verdana,Arial,Helvetica,sans-serif;background:url(Grafiken/g1.jpg) no-repeat;position:relative;top:0px;left:0px;width:80%;height:200px}
#main .main_content{font:11px Verdana,Arial,Helvetica,sans-serif;padding:0px;margin:0px;border-collapse:collapse;background:transparent;width:80%;line-height:17px}
.content1{padding-left:15px}
.content2{padding-left:100px}
.content3{font:bold 12px Verdana,Arial,Helvetica,sans-serif;padding-left:15px;padding-top:15px}
.button{width:150px;height:40px;vertical-align:top}
.content-text{vertical-align:top;padding-left:10px;border-left:1px dotted #000000;border-top:1px dotted #000000}
.left{width:40px;background:url(Grafiken/g3.jpg) repeat-x;vertical-align:top;text-align:left}
#main_top .text{position:absolute;top:85px;left:240px;font:11px Verdana,Arial,Helvetica,sans-serif;padding:5px 0px 0px 5px;line-height:20px}
#main .maintext{font:11px/20px Verdana,Arial,Helvetica,sans-serif;text-align:center;padding:5px 0 0 15px}
#main{position:relative;font:11px Verdana,Arial,Helvetica,sans-serif;padding-left:0px;margin-top:0px;line-height:17px}
#main .top{font:bold 20px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;color:#839fbc}
#main .maintexttop{font:bold 11px Verdana,Arial,Helvetica,sans-serif;line-height:20px}
#main .topleft{width:450px}
#main .untertopleft{font:bold 11px Verdana,Arial,Helvetica,sans-serif;background:url(forum/templates/csshilfe/images/cellpic1.gif);width:600px;height:20px;border:1px solid #808080;padding:5px 0px 0px 5px}
#main .neu{color:#FF3F00}
#main .untertopright{font:bold 11px Verdana,Arial,Helvetica,sans-serif;background:url(forum/templates/csshilfe/images/cellpic1.gif);width:900px;height:20px;border:1px solid #808080;padding:5px 0px 0px 5px}
#main .topright{width:300px}
#main .maincastl1{position:absolute;top:0px;left:0px;width:400px;height:200px}
#main .maincastl{position:relative;left:0px;width:400px;height:200px}
#main .maincastr{position:relative;left:450px;width:400px;height:180px}
#main .untertop{font:bold 11px Verdana,Arial,Helvetica,sans-serif;background:url(forum/templates/csshilfe/images/cellpic1.gif);width:400px;height:20px;border:1px solid #808080;padding:5px 0px 0px 5px}
#menu{font:bold 10px Verdana,Arial,Helvetica,sans-serif;background:#b0c4d8 url(forum/templates/csshilfe/images/cellpic_nav.gif) repeat-x;height:20px;white-space:nowrap;border-bottom:1px solid #808080;padding-left:10px}
#menu_left{font:bold 10px Verdana,Arial,Helvetica,sans-serif;width:150px;background:transparent}
#menu_left ul{width:150px;background:#EEF0F2;border:1px solid #808080;border-bottom:0;list-style:none;padding:0px;margin:0px}
#menu_left li{margin:0;height:20px;border-bottom:1px solid #5F5F5F;background:#EAEDF2}
#menu_left li.aktiv{display:block;color:#32475f;padding-left:5px;padding-top:5px;height:15px;background:#CDD8E2}
#menu_left a{display:block;padding-left:5px;padding-top:5px;background:transparent}
#menu_left a:hover{display:block;color:#32475f;padding-left:5px;padding-top:5px;height:15px;background:#CDD8E2}
#menu_top{position:absolute;top:25px;left:180px;font:bold 10px Verdana,Arial,Helvetica,sans-serif;width:800px;height:20px;background:transparent;border:1px solid #808080}
#menu_top .menu_top_table{font:bold 10px Verdana,Arial,Helvetica,sans-serif;background:#b0c4d8 url(forum/templates/csshilfe/images/cellpic1.gif);width:100%;height:20px;color:#438396}
.aktivlink{font:bold 10px Verdana,Arial,Helvetica,sans-serif;text-decoration:underline}
#css_main{position:absolute;top:80px;left:210px;width:70%;height:100%;font:11px Verdana,Arial,Helvetica,sans-serif;line-height:20px}
a.text{font:bold 10px Verdana,Arial,Helvetica,sans-serif;text-decoration:underline}
a.text .over{display:none}
a.text:hover .over{display:block;position:absolute;top:44px;left:6px}
.bild{border:1px solid #1F1F1F}
.uberschrift{font:bold 15px Verdana,Arial,Helvetica,sans-serif;background:transparent}
.unter{position:absolute;top:15px;background:url(Grafiken/unterstrich.jpg);width:77px;height:14px}
.unterschrift{font:bold 10px Verdana,Arial,Helvetica,sans-serif;text-align:center}
.maintable{font:11px Verdana,Arial,Helvetica,sans-serif}
code{font-family:Courier,monospace;color:#CC6600}
#beispiel{background-color:#999966;border-style:solid;border-width:1px;border-color:#003300;padding:10px}
a.extern{font:bold 8px Verdana,Arial,Helvetica,sans-serif;text-decoration:underline}

» Show original CSS code

« Hide original CSS code

body{
background:			#ecf0f6;
color:				#000000;
font:				12px Verdana,Arial,Helvetica,sans-serif;
margin:				6px;
padding:				0;
}

#themen
{
width:				600px;
border:				1px solid #438396;
font:				10px Verdana,Arial,Helvetica,sans-serif;
}

#themen th
{
background-color:		#CDD8E2;
}

#themen td
{
background-color:		#ECEFF2;
}

a
{
color:				#32475f;
text-decoration:			none;
}
a:hover
{
color:				#0060FF;
text-decoration:			none;
}

.bild
{
text-decoration:			none;
border:				1px solid black;
}

#bodyline
{
width:				100%;
position:			relative;
background:			#f7f8fc;
border:				1px solid #808080;
}

#top
{
background:			#F7F8FC url(forum/templates/csshilfe/images/csshilfe_k.jpg) repeat-x;
border-bottom:			1px solid #808080;
}

#main_top{
font:				11px Verdana,Arial,Helvetica,sans-serif;
background:                      url(Grafiken/g1.jpg) no-repeat;
position:			relative;
top:				0px;
left:				0px;
width:				80%;
height:				200px;
}

#main .main_content{
font:				11px Verdana,Arial,Helvetica,sans-serif;
padding:				0px;
margin:				0px;
border-collapse:			collapse;
background:                      transparent;
width:				80%;
line-height:			17px;
}

.content1{
padding-left:			15px;
}

.content2{
padding-left:			100px;
}

.content3{
font:				bold 12px Verdana,Arial,Helvetica,sans-serif;
padding-left:			15px;
padding-top:			15px;
}

.button{
width:				150px;
height:				40px;
vertical-align:			top;
}

.content-text{
vertical-align:			top;
padding-left:			10px;
border-left:			1px dotted #000000;
border-top:			1px dotted #000000;
}

.left{
width:				40px;
background:			url(Grafiken/g3.jpg) repeat-x;
vertical-align:			top;
text-align:			left;
}

#main_top .text{
position:			absolute;
top:				85px;
left: 				240px;
font:				11px Verdana,Arial,Helvetica,sans-serif;
padding:				5px 0px 0px 5px;
line-height:			20px;
}

#main .maintext
 { font: 11px/20px Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 5px 0 0 15px }

#main
{
position:			relative;
font:				11px Verdana,Arial,Helvetica,sans-serif;
padding-left:			0px;
margin-top:			0px;
line-height:			17px;
}

#main .top
{
font:				bold 20px Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
color:				#839fbc;
}

#main .maintexttop
{
font:				bold 11px Verdana,Arial,Helvetica,sans-serif;
line-height:			20px;
}

#main .topleft
{
width:				450px;
}

#main .untertopleft
{
font:				bold 11px Verdana,Arial,Helvetica,sans-serif;
background:			url(forum/templates/csshilfe/images/cellpic1.gif);
width:				600px;
height:				20px;
border:				1px solid #808080;
padding:				5px 0px 0px 5px;
}

#main .neu
{
color:				#FF3F00;
}

#main .untertopright
{
font:				bold 11px Verdana,Arial,Helvetica,sans-serif;
background:			url(forum/templates/csshilfe/images/cellpic1.gif);
width:				900px;
height:				20px;
border:				1px solid #808080;
padding:				5px 0px 0px 5px;
}

#main .topright
{
width:				300px;
}

#main .maincastl1
{
position:			absolute;
top:				0px;
left:				0px;
width:				400px;
height:				200px;
}

#main .maincastl
{
position:			relative;
left:				0px;
width:				400px;
height:				200px;
}

#main .maincastr
{
position:			relative;
left:				450px;
width:				400px;
height:				180px;
}

#main .untertop
{
font:				bold 11px Verdana,Arial,Helvetica,sans-serif;
background:			url(forum/templates/csshilfe/images/cellpic1.gif);
width:				400px;
height:				20px;
border:				1px solid #808080;
padding:				5px 0px 0px 5px;
}

#menu
{
font:				bold 10px Verdana,Arial,Helvetica,sans-serif;
background: 			#b0c4d8 url(forum/templates/csshilfe/images/cellpic_nav.gif) repeat-x;
height:				20px;
white-space:nowrap;
border-bottom:			1px solid #808080;
padding-left:			10px;
}

#menu_left
{
font:				bold 10px Verdana,Arial,Helvetica,sans-serif;
width:				150px;
background:			transparent;
}

#menu_left ul
{
width:				150px;
background:			#EEF0F2;
border:				1px solid #808080;
border-bottom:			0;
list-style:			none;
padding:				0px;
margin:				0px;
}

#menu_left li
{
margin:				0;
height:				20px;
border-bottom:			1px solid #5F5F5F;
background:			#EAEDF2;
}

#menu_left li.aktiv
{
display:				block;
color:				#32475f;
padding-left:			5px;
padding-top:			5px;
height:				15px;
background:			#CDD8E2;
}

#menu_left a
{
display:				block;
padding-left:			5px;
padding-top:			5px;
background:			transparent;
}

#menu_left a:hover
{
display:				block;
color:				#32475f;
padding-left:			5px;
padding-top:			5px;
height:				15px;
background:			#CDD8E2;
}

#menu_top
{
position:			absolute;
top:				25px;
left:				180px;
font:				bold 10px Verdana,Arial,Helvetica,sans-serif;
width:				800px;
height:				20px;
background:			transparent;
border:				1px solid #808080;
}

#menu_top .menu_top_table
{
font:				bold 10px Verdana,Arial,Helvetica,sans-serif;
background: 			#b0c4d8 url(forum/templates/csshilfe/images/cellpic1.gif);
width:				100%;
height:				20px;
color:				#438396;
}

.aktivlink
{
font:				bold 10px Verdana,Arial,Helvetica,sans-serif;
text-decoration:			underline;
}

#css_main
{
position:			absolute;
top:				80px;
left:				210px;
width:				70%;
height:				100%;
font:				11px Verdana,Arial,Helvetica,sans-serif;
line-height:			20px;
}

a.text
{
font:				bold 10px Verdana,Arial,Helvetica,sans-serif;
text-decoration:			underline;
}

a.text .over
{
display:				none;
}

a.text:hover .over
{
display:				block;
position:			absolute;
top: 				44px;
left:				6px;
}

.bild
{
border:				1px solid #1F1F1F;
}

.uberschrift
{
font:				bold 15px Verdana,Arial,Helvetica,sans-serif;
background:			transparent;
}

.unter
{
position:			absolute;
top:				15px;
background:			url(Grafiken/unterstrich.jpg);
width:				77px;
height:				14px;
}

.unterschrift
{
font:				bold 10px Verdana,Arial,Helvetica,sans-serif;
text-align:			center;
}

.maintable
{
font:				11px Verdana,Arial,Helvetica,sans-serif;
}
code { font-family:Courier,monospace; color:#CC6600; }
#beispiel { background-color:#999966; border-style:solid; border-width:1px; border-color:#003300; padding:10px; }
a.extern
{
font:				bold 8px Verdana,Arial,Helvetica,sans-serif;
text-decoration:			underline;
}

Some information about this website:

URL: http://www.css-info.de/
CSS URL: http://www.css-info.de/stylesheet.css
Title: css-hilfe.de die CSS-Community - CSS Hilfe für Webmaster
Meta-Description: css-hilfe.de hilft CSS-Anfängern und CSS-Profis bei Fragen rund um die Webdesign mit CSS
Meta-Keywords: CSS, Cascading Stylesheets, Beispiele, Hilfe, style, tutorial, editor, background, link, table, generator, referenz, forum