Ergebnisse des CSS Crunching von www.kreditkarten-informationen.de

Mal sehen was wir getan haben für www.kreditkarten-informationen.de

CSSCruncher.com hat dieser Webseite
25,74 %Code erspart! Ich fasse es nicht!

Aber oh oh! Wir haben in deinem CSS code Fehler gefunden!

» Zeige alle CSS Code Fehler und/oder Warnings

Crunched CSS Code:

body{margin:0;padding:0;background:#fff url(../images/bg_body.gif) -39px top repeat-y;color:#2E484C}
a{outline:0}
#header{width:810px;height:140px;margin:0 0 0 1px;text-align:right;background:#fff url(../images/bg_head.jpg) left top no-repeat}
#header h1{color:#43648F;margin:11px 10px 0 0;font:13px Verdana,Arial,Helvetica,sans-serif}
#header a{color:#2E484C;text-decoration:none;font:11px Verdana,Arial,Helvetica,sans-serif;padding:0}
#header a:hover{text-decoration:underline}
#header span{display:block;text-align:left;margin:0 0 0 240px;padding:5px 0 0 0}
#header span a,#header span a:hover{color:#43648F;text-decoration:none;font:bold 44px "Times New Roman",Times,serif;letter-spacing:-1px}
#wrapper{width:830px;margin:0 0 0 1px;position:relative}
#container{width:100%;float:right;margin-left:-230px}
#content{margin:10px 15px 0 230px;padding:0 20px 0 10px}
#content h3{color:#8DA09F;font:bold 15px Verdana,Arial,Helvetica,sans-serif;font-variant:small-caps;border-bottom:1px solid #8DA09F}
#content h4{color:#8DA09F;font:bold 14px Verdana,Arial,Helvetica,sans-serif;font-variant:small-caps;border-bottom:1px solid #8DA09F}
#content p{text-align:justify;font:13px Verdana,Arial,Helvetica,sans-serif;padding:10px 0 0 0;margin:0}
#content table{background-color:#0C3E7F}
#content th{font:bold 11px Arial,Helvetica,sans-serif;background-color:#43648F;color:#fff}
#content td{font:11px Verdana,Arial,Helvetica,sans-serif}
#content tr:hover{background-color:#EEF4FB}
#content ul{margin:0;padding:0 0 0 25px;list-style-image:url(../images/arrow_big.gif);font:13px Verdana,Arial,Helvetica,sans-serif}
#content li{margin:7px 0}
#content p.entery{font:11px Verdana,Arial,Helvetica,sans-serif;float:left}
#content a{text-decoration:underline;color:#2E484C}
#content a:hover{color:#2E484C;text-decoration:none}
.right{float:right;padding:0 10px}
.left{float:left;padding:0 10px}
.row1{background-color:#FCFCFC}
.row2{background-color:#F7F7F7}
.col1{float:left;width:280px}
.col2{float:right;width:280px}
#sidebar{margin:10px 0 0 0;padding:0;width:220px;float:left;background-color:#EEF4FB;font:normal 11px verdana,arial,sans-serif}
#sidebar a,#sidebar a:visited,#sidebar a:active{text-decoration:none;color:#2E484C}
#sidebar a:hover{color:#2E484C;text-decoration:underline}
#sidebar span b,#content h2{display:block;padding:6px 4px 6px 8px;background:#43648F url(../images/bg_ecke.gif) right top no-repeat;border-bottom:1px solid #fff;color:#fff;font:bold 12px verdana,arial,sans-serif}
#sidebar span a{display:block}
#sidebar span a:link,#sidebar span a:visited,#sidebar span a:active{padding:4px 4px 4px 20px;text-decoration:none;background:url(../images/arrow_small1.gif) 2px 7px no-repeat;color:#0F4195;font:normal 12px verdana,arial,sans-serif;border-bottom:1px solid #fff}
#sidebar span a:hover{background:#fff url(../images/arrow_small.gif) 2px 7px no-repeat;color:#0F4195;text-decoration:underline}
#sidebar ul{padding:5px 0;margin:0;list-style:url(../images/arrow_small1.gif) inside}
#sidebar ul a{color:#0F4195;text-decoration:none;font:normal 11px Verdana,Arial,Helvetica,sans-serif}
#sidebar ul a:hover{text-decoration:underline}
#sidebar h6{margin:0;padding:6px 4px 6px 8px;font:bold 12px verdana,arial,sans-serif;background-color:#DFE4E9;color:#233E62;border-top:1px solid #fff;border-bottom:1px solid #fff}
#sidebar p{margin:0 10px;padding:5px 0}
#searchbox{width:100%;padding:8px 0;background-color:#DFE4E9;color:#233E62;border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center}
input.text{margin:0;padding:0;width:115px;border:1px solid #fff;background:#EEF4FB}
input.text:hover{border:1px solid #fff;background:#fff}
input.submit{margin:0;padding:1px 1px 0 1px;border:none;color:#233E62;background:#DFE4E9;border:1px solid #fff;font:bold 11px Verdana,Arial,Helvetica,sans-serif}
input.submit:hover{color:#233E62;background:#fff}
.clearing{height:0;clear:both;line-height:0}
#footer{background:#43648F;width:810px;margin:0 0 0 1px;text-align:center;color:#EEF4FB;border-top:3px solid #FF8800;border-bottom:1px solid #fff}
#footer p{font:11px Verdana,Arial,Helvetica,sans-serif;line-height:17px}
#footer a{color:#EEF4FB;text-decoration:none;font:11px Verdana,Arial,Helvetica,sans-serif}
#footer a:hover{text-decoration:underline}
#headermenue{position:absolute;left:242px;top:104px;margin:0;padding:0}
#headermenue ul{position:absolute;display:none;margin:0;padding:0}
#headermenue li{float:left;list-style:none}
#headermenue li a{display:block;color:#0F4195;font:normal 12px verdana,arial,sans-serif}
#headermenue ul ul{}
#headermenue li ul,#headermenue li li{width:180px;background-color:#EEF4FB}
#headermenue li ul li a{padding:4px 8px}
#headermenue li li a{display:block;text-decoration:none;padding:5px;border-bottom:none;border-bottom:1px solid #fff}
* html #headermenue li{float:left;height:1%}
* html #headermenue li a{height:1%}
#headermenue #current{background:#377288 url("../images/layout/menubgon.gif") left -12px repeat-x}
#headermenue li:hover ul ul,#headermenue li:hover ul ul ul{display:none}
#headermenue li:focus ul,#headermenue li li:focus ul,#headermenue li:hover ul,#headermenue li li:hover ul,#headermenue li li li:hover ul{display:block}
#headermenue li ul li a:hover{border-bottom:1px solid #fff;background-color:#fff;text-decoration:underline}
#bottom{position:fixed;right:0;bottom:0;margin:0 10px 0 -5px;color:#43648F;font:10px Verdana,Arial,Helvetica,sans-serif}
#bottom a{color:#43648F;text-decoration:none;font:10px Verdana,Arial,Helvetica,sans-serif;cursor:auto}
a img{border:0}
#add_486{background:#fff url(../images/bg_468_add.jpg) center top no-repeat;width:100%;height:80px;padding:10px 0 0 0;text-align:center}
.picture{padding:4px;margin:5px 10px;border:1px solid #DFE4E9;background-color:#EEF4FB}
hr{height:1px;border:none;background-color:#8DA09F;width:98%}
#statusdiv{position:absolute;padding:2px;left:-300px;background-color:lightyellow;border:1px solid gray;visibility:hidden}
.slidediv{margin:1px;padding:1px;width:160px}
.slidediv:hover{background:url(../images/slide_right_arrow.gif) right center no-repeat}
#shadetabs{padding:0;margin:0;list-style:none;text-align:left}
#tabholder{border-top:3px solid #43648F;border-bottom:1px solid #43648F;width:100%;padding:0}
#tabholder ul{list-style-image:none}
#tabholder li{list-style:none;margin:0 0 0 -25px;font:normal 11px Verdana,Arial,Helvetica,sans-serif}
#tabholder li a{background:#EEF4FB url(../images/arrow_big.gif) left center no-repeat;display:block;padding:5px 0 5px 25px;border-bottom:1px dotted #43648F;text-decoration:none}
#tabholder li a:hover{background:#fff url(../images/arrow_big.gif) left no-repeat}
ul#shadetabs{margin-left:-25px}
#shadetabs li{display:inline;float:left;margin:0 0 5px 0;padding:0}
#shadetabs li a{text-decoration:none;position:relative;z-index:1;padding:5px 10px;margin:0;border-right:1px solid #fff;border-bottom:1px solid #fff;font:bold 12px Verdana,Arial,Helvetica,sans-serif;color:#fff;background:#43648F url(../images/bg_ecke.gif) right top no-repeat}
#shadetabs li a:visited{}
#shadetabs li a:hover{color:#233E62;background:#EEF4FB url(../images/bg_ecke.gif) right top no-repeat}
#shadetabs li a.selected{position:relative;top:0;color:#fff;border-bottom:1px solid #43648F;background:#43648F url(../images/bg_ecke.gif) right top no-repeat}
#shadetabs li a.selected:hover{text-decoration:none}
.tabcontent{display:none}
@media print{.tabcontent{display:block !important}}
.tooltip{position:absolute;top:0;left:0;display:none;width:250px;background:url(../images/bg_tooltip_bottom.png) bottom left no-repeat;padding:0 0 10px 0}
.toolcontent{background:url(../images/bg_tooltip.png) top left no-repeat;padding:22px 0 5px 0}
#content p.toolp{margin:0 10px 0 20px;text-align:center;font:normal 11px Verdana,Arial,Helvetica,sans-serif}

» Zeige den Original CSS code

« Verberge den Original CSS code

body {
	margin:0;
	padding:0;
	background:#fff url(../images/bg_body.gif) -39px top repeat-y;
	color: #2E484C;
}

a {
	outline:0;
}

#header {
	width:810px;
	height:140px;
	margin:0 0 0 1px;
	text-align:right;
	background:#fff url(../images/bg_head.jpg) left top no-repeat;
}

#header h1 {
	color:#43648F;
	margin:11px 10px 0 0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}

#header a {
	color:#2E484C;
	text-decoration:none;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
}

#header a:hover {
	text-decoration:underline;
}

#header span {
	display:block;
	text-align:left;
	margin:0 0 0 240px;
	padding:5px 0 0 0;
}

#header span a, #header span a:hover  {
	color:#43648F;
	text-decoration:none;
	font:bold 44px "Times New Roman", Times, serif;
	letter-spacing:-1px;
}

#wrapper {
	width:830px;
	margin:0 0 0 1px;
	position: relative;
}

#container {
	width: 100%;
	float: right;
	margin-left: -230px;
}

#content {
	margin: 10px 15px 0 230px;
	padding:0 20px 0 10px;
}

/*#content h2 {
	color: #8DA09F;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	border-top:1px solid #8DA09F;
	border-bottom:1px solid #8DA09F;
	background-color:#D0DEE1;
	margin:0;
	padding:3px 0 3px 8px;

}*/
#content h3 {
	color: #8DA09F;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	border-bottom:1px solid #8DA09F;
}

#content h4 {
	color: #8DA09F;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	border-bottom:1px solid #8DA09F;
}

#content p {
	text-align:justify;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	margin:0;
}

#content table {
	background-color:#0C3E7F;
}

#content th {
	/*text-align:center;*/
	font:bold 11px Arial, Helvetica, sans-serif;
	background-color:#43648F;
	color:#fff;
}

#content td {
	/*text-align:center;*/
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#content tr:hover {background-color:#EEF4FB; }

#content ul {
	margin:0;
	padding:0 0 0 25px;
	list-style-image:url(../images/arrow_big.gif);
	font:13px Verdana, Arial, Helvetica, sans-serif;
}

#content li {
	margin:7px 0;
}

#content p.entery {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	float:left;
}

#content a {
	text-decoration:underline;
	color:#2E484C;
}

#content a:hover {
	color:#2E484C;
	text-decoration:none;
}

.right {
	float:right;
	padding:0 10px;
}

.left {
	float:left;
	padding:0 10px;
}

.row1 {
	background-color:#FCFCFC;
}

.row2 {
	background-color:#F7F7F7;
}

.col1 {
	float:left;
	width:280px; 
}
.col2 {
	float:right; 
	width:280px; 
}

#sidebar {
	margin:10px 0 0 0;
	padding:0;
	width: 220px;
	float: left;
	background-color:#EEF4FB;
	font:normal 11px verdana,arial,sans-serif;
}

#sidebar a, #sidebar a:visited, #sidebar a:active {
	text-decoration: none; 
	color: #2E484C;
}
	
#sidebar a:hover {
	color: #2E484C;
	text-decoration: underline; 
}

#sidebar span b, #content h2 { 
	display: block;
	padding: 6px 4px 6px 8px; 
	background:#43648F url(../images/bg_ecke.gif) right top no-repeat;
	border-bottom:1px solid #fff;
	color: #fff;
	font:bold 12px verdana,arial,sans-serif;
}

#sidebar span a { 
	display: block;
}

#sidebar span a:link, #sidebar span a:visited, #sidebar span a:active {
	padding: 4px 4px 4px 20px; 
	text-decoration: none; 
	background: url(../images/arrow_small1.gif) 2px 7px no-repeat;
	color: #0F4195; 
	font:normal 12px verdana,arial,sans-serif;
	border-bottom:1px solid #fff;
}

#sidebar span a:hover {
	background:#fff url(../images/arrow_small.gif) 2px 7px no-repeat;
	color: #0F4195; 
	text-decoration:underline;
}

#sidebar ul {
	padding:5px 0;
	margin:0;
	list-style: url(../images/arrow_small1.gif) inside;
}

#sidebar ul a { 
	color: #0F4195; 
	text-decoration: none; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#sidebar ul a:hover { 
	text-decoration: underline; 
}

#sidebar h6 {
	margin:0;
	padding: 6px 4px 6px 8px; 
	font:bold 12px verdana,arial,sans-serif;
	background-color: #DFE4E9;
	color:#233E62;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#sidebar p {
	margin:0 10px;
	padding:5px 0;
}

#searchbox {
	width: 100%; 
	padding:8px 0; 
	background-color: #DFE4E9;
	color:#233E62;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align: center;
}

input.text { 
	margin: 0; 
	padding: 0; 
	width: 115px; 
	border: 1px solid #fff; 
	background: #EEF4FB;
}
input.text:hover { 
	border: 1px solid #fff; 
	background: #fff; 
}
input.submit { 
	margin: 0; 
	padding: 1px 1px 0 1px; 
	border: none; 
	color: #233E62; 
	background: #DFE4E9; 
	border: 1px solid #fff; 
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

input.submit:hover { 
	color: #233E62; 
	background: #fff; 
}
.clearing {
	height: 0;
	clear: both;
	line-height:0;
}

#footer {
	background: #43648F;
	width:810px;
	margin:0 0 0 1px; 
	text-align:center;
	color:#EEF4FB;
	border-top:3px solid #FF8800;
	border-bottom:1px solid #fff;
}

#footer p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
}

#footer a {
	color:#EEF4FB;
	text-decoration:none;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#footer a:hover {
	text-decoration:underline;
}

#headermenue {
	position:absolute;
	left:242px;
	top:104px;
	margin: 0;
	padding: 0;
}
#headermenue  ul {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	/**/
}
#headermenue li {
	float: left;
	list-style:none;
}
#headermenue li a {
	display: block;
	color: #0F4195; 
	font:normal 12px verdana,arial,sans-serif;
}
#headermenue  ul ul {
}
#headermenue li ul, #headermenue li li {
	width:180px; 
	background-color:#EEF4FB;/**/
}
#headermenue  li ul li a {
	padding: 4px 8px;
}
#headermenue li li a {
	display: block;
	text-decoration: none;
	padding: 5px;
	/*border: 1px solid #ccc;*/
	border-bottom: none;
border-bottom: 1px solid #fff;
}

/* Fix IE. Hide from IE Mac \*/
* html #headermenue li { float: left; height: 1%; }
* html #headermenue li a { height: 1%; }
/* End */

#headermenue #current {
	background:#377288 url("../images/layout/menubgon.gif") left -12px repeat-x;
}
#headermenue li:hover ul ul, #headermenue li:hover ul ul ul { 
	display: none;
}
#headermenue li:focus ul, #headermenue li li:focus ul, #headermenue li:hover ul, #headermenue li li:hover ul, #headermenue li li li:hover ul {
	display: block;
}
#headermenue li ul li a:hover {
	border-bottom:1px solid #fff;
	background-color:#fff;
	text-decoration: underline; 
}

#bottom {
	position: fixed; 
	right: 0; 
	bottom: 0;	
	margin: 0 10px 0 -5px; 
	color:#43648F;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#bottom a {
	color:#43648F;
	text-decoration:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	cursor:auto;
}

a img {
	border:0;
}

#add_486 {
	background:#fff url(../images/bg_468_add.jpg) center top no-repeat; 
	width:100%; 
	height:80px; 
	padding:10px 0 0 0; 
	text-align:center;
}

.picture {
	padding:4px;
	margin:5px 10px;
	border:1px solid #DFE4E9;
	background-color:#EEF4FB;
}

hr {
	height: 1px;
	border: none;
	background-color: #8DA09F;
	width:98%;
}

#statusdiv {
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}
.slidediv {
	margin:1px; padding:1px; width:160px;
}
.slidediv:hover {
	background:url(../images/slide_right_arrow.gif) right center no-repeat;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

#shadetabs {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

#tabholder {
	border-top:3px solid #43648F; 
	border-bottom:1px solid #43648F; 
	width:100%; 
	padding: 0;
}

#tabholder ul {
	list-style-image: none;
}

#tabholder li {
list-style:none;
	margin:0 0 0 -25px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#tabholder li a {
	background:#EEF4FB url(../images/arrow_big.gif) left center no-repeat;
	display:block;
	padding:5px 0 5px 25px;
	border-bottom:1px dotted #43648F;
	text-decoration:none;
}

#tabholder li a:hover {
	background:#fff url(../images/arrow_big.gif) left  no-repeat;
}

ul#shadetabs  {
	margin-left: -25px;
}

#shadetabs li {
	display: inline;
	float:left;
	margin: 0 0 5px 0;
	padding:0;
}

#shadetabs li a {
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 5px 10px;
	margin: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background:#43648F url(../images/bg_ecke.gif) right top no-repeat;
}

#shadetabs li a:visited {
/*color: #fff;*/
}

#shadetabs li a:hover{
	color: #233E62;
	background:#EEF4FB url(../images/bg_ecke.gif) right top no-repeat;
}

#shadetabs li a.selected { 
	position: relative;
	top: 0;
	color: #fff;
	border-bottom:1px solid #43648F; 
	background:#43648F url(../images/bg_ecke.gif) right top no-repeat;
}

#shadetabs li a.selected:hover { 
	text-decoration: none;
}

.tabcontent{
	display:none;
}

@media print {
.tabcontent {
	display:block !important;
}
}

.tooltip {
	position: absolute;
	top:0;
	left:0;
	display: none;
	width:250px; 
	background:url(../images/bg_tooltip_bottom.png) bottom left no-repeat; 
	padding:0 0 10px 0;
}
.toolcontent {
	background:url(../images/bg_tooltip.png) top left no-repeat;
	padding:22px 0 5px 0; 
}
#content p.toolp {
	margin:0 10px 0 20px; 
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/*
#form br {
	clear:both;
}

#form fieldset {
	border:1px solid #8DA09F;
	background-color: #F0FCF8;
}

#form legend {
	background-color:#8DA09F;
	color: #fff;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 8px;
}

#form label {
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding:0 5px 10px 0;
}

#form input, #form textarea, #form select {
	border:1px solid #8DA09F;
	background-color:#D0DEE1;
	width:400px;
	color:#2E484C;
}

#form textarea {
	 height:100px;
}

input#submit {
	width:200px;
}

#form label.float {
	float:left;
	text-align:right;
	width:100px;
}*/

Weitere Informationen über diese Webseite:

URL: http://www.kreditkarten-informationen.de/
CSS URL: http://www.kreditkarten-informationen.de/inc/style.css
Charset: iso-8859-1
Titel: Kreditkarten: Anbieter, Informationen und Vergleich
Meta-Description: Die Vorteile von Kreditkarten im bargeldlosen Zahlungsverkehr