Ergebnisse des CSS Crunching von www.repetitive-strain-injury.de

Mal sehen was wir getan haben für www.repetitive-strain-injury.de

CSSCruncher.com hat dieser Webseite
26,19 %Code erspart! Ich fasse es nicht!

Crunched CSS Code:

body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000;background-color:#FFFCF0}
body,h3,h4,h5,h6,div,ul,dd,dt,dl,blockquote,address,pre{margin:0;padding:0}
#t4t .submit{padding:0 2px !important;overflow:visible !important}
ol{margin:0 0 0 5px;padding:0}
p{margin-bottom:6px;margin-top:6px}
p,li,h3,h4,h5,h6{font-weight:normal}
li{margin:0 0 8px 15px}
hr{padding:0;margin:10px 0 10px 0}
#supercontainer{width:980px;margin-left:auto;margin-right:auto;background-image:url(schatten.gif);background-repeat:repeat-y}
#container{width:900px;border-left:1px solid gray;border-bottom:1px solid gray;border-right:1px solid gray;background-color:#FFFFFF;margin-left:auto;margin-right:auto;padding:12px}
#containertop{width:924px;border-left:1px solid gray;border-top:1px solid gray;border-right:1px solid gray;background-color:#FFFFFF;margin:0 auto;padding:20px 0 0 0}
#banner{padding:92px 0 10px 6px;background-color:#FFFFFF;background-image:url(logo2.jpg);background-repeat:no-repeat;color:#000;font-family:Georgia,"Times New Roman",Times,serif;font-size:20px;height:74px;border-top:1px solid black;border-bottom:1px solid black}
#berichte{position:absolute;left:50%;margin-left:265px;top:24px;width:155px;height:172px;z-index:1;padding:0}
#info{position:absolute;left:50%;margin-left:277px;top:22px;width:152px;z-index:1;padding:10px 0 0 10px}
#content{padding:7px 10px 5px 0;background-color:#FFFFFF}
#footerschatten{height:24px;background-image:url(schatten_unten.gif);background-repeat:no-repeat}
h1{color:#000000;font-family:Georgia,"Times New Roman",Times,serif;font-size:xx-large;margin:5px 0 10px 0;padding:0;border-bottom:1px solid #000}
h2{color:#6FA1C2;font-size:large;font-weight:bold;margin:13px 0 5px 0;padding:0}
#inhalt{border:0;margin:-5px 0 0 200px;padding:0;text-align:justify;font-size:12px;background-color:#FFF}
#weiss{text-align:justify;font-size:12px;background-color:#FFF}
#pressestimmen{width:144px;background-color:#DEDEE2;padding:16px 9px 9px 9px;margin:4px 0 4px 12px;float:right;font-size:x-small;text-align:left;border:1px solid #5D6572}
.nochUeberarbeiten{background-color:#FFFF00}
.bild{border:1px solid black;margin:8px 16px 8px 0}
.bildabstand{margin:10px 10px 0 10px}
.bildabstandschmal{margin:10px 6px 0 6px}
img.rahmen{border:1px solid #333;text-align:left}
.abstand td{vertical-align:top;padding:5px}
tr.ueberschrift{background-color:#C8DBE5}
tr.kontrast,td.kontrast{background-color:#EFF5F8}
table.rahmen{border:1px solid #C8DBE5;margin-top:10px}
table{text-align:left}
table.klein{font-size:x-small}
.bild-links{margin:7px 7px 7px 0;border:1px solid #333}
.bild-rechts{margin:7px 0 7px 7px;border:1px solid #333}
.bild-r-ohne-rahmen{margin:7px 0 7px 7px}
.bild-l-ohne-rahmen{margin:7px 7px 7px 0}
.einruecken{padding:0 0 3px 20px;font-style:italic}
.streifenunten{background-color:#6FA1C2;padding:8px;margin:16px -12px -10px -12px;clear:both;color:#FFFFFF;font-size:x-small}
.streifenoben{background-color:#6FA1C2;padding:8px;margin:-6px -12px 0 -12px;clear:both;color:#FFFFFF;font-size:x-small}
.aufzaehlung{padding:5px 0 1px 0;margin:10px 0 1px 0;font-weight:bold;border-top:1px solid #7589A1}
.aufzaehlungkleinerabstand{padding:0 0 1px 0;margin:2px 0 1px 0;font-weight:bold}
.aufzaehlungalt{padding:3px;margin:10px 0 1px 0;font-weight:bold;border-top:1px solid #7589A1;border-bottom:1px solid #ADBBCC;background-color:#F0F0F0}
.hinweis{background-color:#EFF5F8;border:1px solid #6FA1C2;padding:6px}
.gross{font-size:x-large}
.klein{font-size:x-small}
a:link{text-decoration:underline;color:#000099}
a:visited{text-decoration:underline;color:#000099}
a:hover{text-decoration:none;color:red}
a:active{text-decoration:underline;color:#000099}
#info a:link{text-decoration:none;color:#000000}
#info a:visited{text-decoration:none;color:#000000}
#info a:hover{text-decoration:underline;color:#FFF}
#info a:active{text-decoration:none;color:#000000}
.streifenoben a:link,.streifenoben a:visited,.streifenunten a:link,.streifenunten a:visited{color:#FFF;text-decoration:none}
.streifenoben a:hover,.streifenunten a:hover{text-decoration:underline}
.streifenoben a:active,.streifenunten a:active{color:#FFF;text-decoration:none}
#vertmenu{width:180px;padding:0;margin:0 10px 12px 0;float:left}
#vertmenu ul{list-style:none;margin:0px;padding:0px;border:none;background-color:#EFF5F8}
#vertmenu ul li{margin:0px;padding:0px}
#vertmenu .oberpunkt{display:block;padding:5px 0 5px 5px;color:#FFF;background-color:#6FA1C2}
#vertmenu ul li a{font-size:x-small;display:block;border-bottom:1px solid #C8DBE5;padding:6px 0 6px 10px;text-decoration:none;color:#666666}
#vertmenu ul li a:hover,#vertmenu ul li a:focus{color:#000000;background-color:#C0D5E3}
a[href^="http://www.amazon.de"]{padding-right:15px;background-image:url(extern.gif);background-position:right;background-repeat:no-repeat}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* Standardvorgaben um Unterschiede zwischen den Browsern zu umgehen */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color:#FFFCF0;
/* background-image:url(hintergrundkaros.gif); */
}
body, h3, h4, h5, h6, div, ul, dd, dt, dl, blockquote, address, pre {
margin: 0;
padding: 0;
}

/* fuer BU-Versicherung */
/* table wird zu gross wegen zu langem Wort "Nachversicherungsgarantien", verschiebt nebenliegende TDs nicht zusammen, da Innenabstand der Submit-Buttons im IE viel zu gross */
#t4t .submit { padding:0 2px !important; overflow:visible !important;}

ol {
margin: 0 0 0 5px;
padding: 0;
}
p { 
	margin-bottom:6px;
	margin-top:6px;
}
p, li, h3, h4, h5, h6 {
font-weight: normal;
}
li {
margin:0 0 8px 15px;
}

hr {
	padding:0;
	margin:10px 0 10px 0;
}

/* Gesamt-Container */
		#supercontainer {
			width: 980px;
			margin-left: auto;
			margin-right: auto;
			background-image:url(schatten.gif);
			background-repeat:repeat-y;
		}
		#container {
			width: 900px;
			border-left: 1px solid gray;
			border-bottom: 1px solid gray;
			border-right: 1px solid gray;
			background-color: #FFFFFF;						
			margin-left: auto;
			margin-right: auto;
			padding: 12px;
		}
		#containertop {
			width: 924px;
			border-left: 1px solid gray;
			border-top: 1px solid gray;
			border-right: 1px solid gray;
			background-color: #FFFFFF;						
			margin: 0 auto; /* zentrieren */
			padding: 20px 0 0 0;
		}
		#banner {
			padding: 92px 0 10px 6px; 
			background-color: #FFFFFF;
			background-image:url(logo2.jpg);
			background-repeat:no-repeat;
			color:#000;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:20px;
			height: 74px;
			border-top:1px solid black;
			border-bottom:1px solid black;			
		}
		#berichte {
			position: absolute;
			left: 50%;
			margin-left: 265px;
			top: 24px;
			width: 155px;
			height:172px;
			z-index: 1;
			padding:0;
		}
		#info {
			position: absolute;
			left: 50%;
			margin-left: 277px;
			top: 22px;
			width: 152px;
			z-index: 1;
			padding:10px 0 0 10px;
		}
		#content {
			padding: 7px 10px 5px 0;
			/* margin-left: 170px; */
			/* border-right: 1px solid #C98537; */
			background-color: #FFFFFF;							
		}

#footerschatten {
			height:24px;
			background-image:url(schatten_unten.gif);
			background-repeat:no-repeat;			
		}		
				
h1 {
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:xx-large;
	margin: 5px 0 10px 0; /* weniger als 5px: IE blendet Navi aus... */
	padding:0;
	border-bottom:1px solid #000;
}

h2 {
	color:#6FA1C2;
	font-size:large;
	font-weight: bold;
	/* border-bottom:1px dotted #CCCCCC; */
	margin:13px 0 5px 0;
	padding:0;
	/* border-bottom:1px solid #6FA1C2; */
}

#inhalt {
	border:0;
	/* min-height:350px; */
	margin:-5px 0 0 200px;
	padding:0;
	text-align:justify;
	font-size:12px;
	background-color:#FFF;
}
#weiss {
/* fuer Druckversion */
	text-align:justify;
	font-size:12px;
	background-color:#FFF;
}

#pressestimmen {
	width:144px;
	background-color:#DEDEE2;
	padding:16px 9px 9px 9px;
	margin:4px 0 4px 12px;
	float:right;
	font-size:x-small;
	text-align:left;
	border:1px solid #5D6572;
}

.nochUeberarbeiten {
background-color:#FFFF00;
}
.bild {
border:1px solid black;
margin:8px 16px 8px 0;
}
.bildabstand {
margin:10px 10px 0 10px;
}
.bildabstandschmal {
margin:10px 6px 0 6px;
}
img.rahmen {
border:1px solid #333;
text-align:left;
}
.abstand td {
vertical-align:top;
padding:5px;
/* border-right:1px solid #CBE6BB; */
}
tr.ueberschrift {
background-color:#C8DBE5;
}
tr.kontrast, td.kontrast {
background-color:#EFF5F8;
}
table.rahmen {
border:1px solid #C8DBE5;
margin-top:10px;
}
table {
text-align:left;
}
table.klein {
font-size:x-small;
}
.bild-links {
margin: 7px 7px 7px 0;
border:1px solid #333;
}
.bild-rechts {
margin: 7px 0 7px 7px;
border:1px solid #333;
}
.bild-r-ohne-rahmen {
margin: 7px 0 7px 7px;
}
.bild-l-ohne-rahmen {
margin: 7px 7px 7px 0;
}
.einruecken {
padding:0 0 3px 20px;
font-style:italic;
}
.streifenunten {
	background-color:#6FA1C2;
	padding:8px;
	margin:16px -12px -10px -12px;
	clear: both;
	color:#FFFFFF;
	font-size: x-small;
}

.streifenoben {
	background-color:#6FA1C2;
	padding:8px;
	margin:-6px -12px 0 -12px;
	clear: both;
	color:#FFFFFF;
	font-size: x-small;
}

.aufzaehlung {
	padding:5px 0 1px 0;
	margin:10px 0 1px 0;
	font-weight:bold;
	border-top:1px solid #7589A1;
}

.aufzaehlungkleinerabstand {
	padding:0 0 1px 0;
	margin:2px 0 1px 0;
	font-weight:bold;
}

.aufzaehlungalt {
	padding:3px;
	margin:10px 0 1px 0;
	font-weight:bold;
	border-top:1px solid #7589A1;
	border-bottom:1px solid #ADBBCC;	
/*	background-color:#C8DBE5; */
	background-color:#F0F0F0;	
}

.hinweis {
background-color:#EFF5F8;
border:1px solid #6FA1C2;
padding:6px;
}

.gross {font-size: x-large}

.klein {font-size: x-small}

a:link {text-decoration: underline; color:#000099;}
a:visited {text-decoration: underline; color:#000099;}
a:hover {text-decoration: none; color: red;}
a:active {text-decoration: underline; color:#000099;}

#info a:link {text-decoration: none; color:#000000;}
#info a:visited {text-decoration: none; color:#000000;}
#info a:hover {text-decoration: underline; color:#FFF;}
#info a:active {text-decoration: none; color:#000000;}

.streifenoben a:link, .streifenoben a:visited, .streifenunten a:link, .streifenunten a:visited {
color: #FFF;
text-decoration: none;
}
.streifenoben a:hover, .streifenunten a:hover {
text-decoration: underline;
}

.streifenoben a:active, .streifenunten a:active {
color: #FFF;
text-decoration: none;
}

#vertmenu {
width: 180px; /* 180 + 16 margin ist Maximum im IE => blendet sonst navileiste partiell aus, wenn mehrzeiliges <em>! - #inhalt hat eigentlich 200px Abstand */
padding: 0;
margin: 0 10px 12px 0;
float: left;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
background-color:#EFF5F8;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu .oberpunkt {
display: block;
/* font-size: 90%; */
padding: 5px 0 5px 5px;
/* border: 1px solid #6FA1C2; */
color: #FFF;
background-color:#6FA1C2;
/*width:160px;*/
}
#vertmenu ul li a {
font-size: x-small;
display: block;
border-bottom: 1px solid #C8DBE5;
padding: 6px 0 6px 10px;
text-decoration: none;
color: #666666;
/*width:164px;*/
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #C0D5E3;
}

a[href^="http://www.amazon.de"] {
padding-right: 15px;
background-image: url(extern.gif);
background-position: right;
background-repeat: no-repeat;
}