Ergebnisse des CSS Crunching von www.punta-skala.com

Mal sehen was wir getan haben für www.punta-skala.com

CSSCruncher.com hat dieser Webseite
28,92 %Code erspart! Ich fasse es nicht!

Crunched CSS Code:

body{margin:0;font:11px Verdana,Arial,sans-serif;color:#000}
img{border:0;padding:0}
ul{list-style-type:square}
input{font:11px Verdana,Arial,sans-serif;color:#5189bd;background-color:#FFFFFF;border:1px solid #004f93}
label{display:block;width:180px;float:left;margin:0 6px 0 0}
textarea{font:11px Verdana,Arial,sans-serif;color:#5189bd;border:1px solid #004f93;padding:2px 5px}
select{font:11px Verdana,Arial,sans-serif;border:1px solid #004f93}
embed{margin:0;padding:0}
h1{font:bold 14px Verdana,Arial,sans-serif;color:#004f93;margin:0 0 10px 0;text-transform:uppercase}
h2{font:bold 12px Verdana,Arial,sans-serif;color:#004f93;margin:0 0 5px 0;text-transform:uppercase}
h3{font:bold italic 17px Verdana,Arial,sans-serif;color:#fff;float:right}
a{text-decoration:none;color:#00a6eb}
a:link{}
a:visited{}
a:hover{color:#8dceeb}
a:active{color:#8dceeb}
table{width:100%;border-collapse:collapse}
th{background:#9ec4de;font-weight:normal}
td{padding:2px 10px;border-bottom:1px solid #9ec4de}
hr{color:#9ec4de;background-color:#9ec4de;border-bottom:1px solid #9ec4de}
#site{width:981px;display:block;margin:0 auto}
#top{height:102px;padding:24px 0 12px 0;overflow:hidden}
#lang{float:left;width:172px;padding:88px 0 0 0}
#lang img{text-decoration:none;padding:0 2px 0 0}
#logo{float:left}
#logo img{float:left;margin:0 12px 0 0}
#contact{float:left;margin:51px 0 0 0;width:200px;color:#004f93;font:10px Verdana,Arial,sans-serif}
#metanav{float:left;color:#5189bd;margin:1px 0 0 0}
#query{padding:1px 5px;width:140px;margin:0 6px 0 10px;float:left}
#button{float:left}
#search{float:right}
#pic_right{float:right;padding:18px 0 0 12px}
#left{float:left;width:160px;overflow:hidden}
#left a, #left a:link, #left a:visited{color:#fff}
#left a:hover, #left a:active{color:#6ac9f5}
#left i a{font-size:16px;font-variant:normal;font-style:normal;font-weight:normal;text-transform:uppercase;font-weight:bold}
#nav{background:#004f93;width:136px;padding:12px;display:table}
#nav ul{list-style-type:none;margin:0;padding:0}
#nav ul li{margin:0 0 5px 0}
#nav .flashheadline{margin:0 0 0 -24px;height:18px}
#nav ul ul{padding:3px 0 3px 16px;margin:3px 0 0 0;list-style-image:url(../img/nav_white.gif)}
#nav ul ul li{line-height:13px;margin:0 0 5px 0}
#nav ul ul li a,#nav ul ul li a:link,#nav ul ul li a:visited{}
#nav ul ul li a:hover,#nav ul ul li a:active,#nav ul ul li:hover{list-style-image:url(../img/nav_active.gif)}
#nav ul ul li a.active:link,#nav ul ul li a.active:visited,#nav ul ul li a.active:hover,#nav ul ul li a.active:active{color:#6ac9f5;list-style-image:url(../img/nav_active.gif)}
#nav ul ul ul{margin:5px 0 3px 0;padding:0;list-style-image:none}
#nav ul ul ul li{padding:0;margin:0 0 5px 0}
#nav ul ul ul li a,#nav ul ul ul li a:link,#nav ul ul ul li a:visited{line-height:13px}
#nav ul ul ul li a:hover,#nav ul ul ul li a:active,#nav ul ul ul li:hover{list-style-image:none}
#nav ul ul ul li a.active:link,#nav ul ul ul li a.active:visited,#nav ul ul ul li a.active:hover,#nav ul ul ul li a.active:active{list-style-image:none;color:#6ac9f5}
#nav table{border:0 !important;padding:1px !important;margin:0 !important}
#nav td{border:0 !important;padding:1px !important;margin:0 !important}
#toolbox{width:136px;height:112px;background:#00a6eb;margin:12px 0 0 0;padding:12px;color:#fff}
#weather{border-bottom:1px solid #fff;padding:0 0 12px 0;width:136px;height:35px;overflow:hidden}
#weather img{float:left}
#temp{margin:5px 0 0 35px}
#toolbox .flashheadline{margin:0 0 2px -23px}
#toolbox a,#toolbox a:link,#toolbox a:visited{font-weight:bold}
#toolbox a:active,#toolbox a:hover{color:#8dceeb}
#center{float:left;width:647px}
#head{margin:0 12px}
#content{margin:12px;padding:12px;background:#d3ebff;width:599px;overflow:hidden}
#content_intro{margin:12px 0 12px 0;padding:12px;background:#d3ebff;width:785px;overflow:hidden}
#content li{margin-bottom:5px}
#content .flashheadline{margin:0 0 10px 0}
#content img{margin:12px 12px 12px 0}
#content table{border:0 !important;padding:1px !important;margin:0 !important}
#content td{border:0 !important;padding:1px !important;margin:0 !important}
#right{float:left;width:174px}
#teasers{background:#004f93;width:174px;height:296px;color:#fff;margin:0 0 12px 0}
#teasers a,#teasers a:link,#teasers a:visited{font-weight:bold;color:#fff}
#teasers a:active,#teasers a:hover{color:#8dceeb}
.teaser{border-bottom:1px solid #8dceeb;margin:10px 12px 0 12px;padding:0 0 10px 0}
#progress{margin:10px 12px 0 12px;padding:0 0 10px 0}
#progress img{margin:6px 0 0 0}
#map{width:174px;height:136px;background:#00a6eb;overflow:hidden;padding:0;float:right}
#intro{float:left;width:809px;margin-left:12px}
#footer{width:500px;height:20px;font:10px Verdana,Arial,sans-serif;color:#004f93;margin:10px 0 15px 20px;float:left}
#footer_intro{width:500px;height:20px;font:10px Verdana,Arial,sans-serif;color:#004f93;margin:5px 0 15px 12px;float:left}
.sitemaphead{background:#d3ebff;padding:4px;border:1px solid #004f93;height:16px;overflow:hidden}
.sitemaphead h2{font-size:12px;color:#666;margin:0;padding:5px 10px}
.sitemapoutput{overflow:hidden;margin:5px 0}
.sitemapoutput{overflow:hidden;margin:10px 0}
.sitemapoutput blockquote{margin:5px 10px}
.sitemapoutput blockquote a{padding-left:10px;background-image:url(/_static/img/nav_arrow.gif);background-repeat:no-repeat;background-position:top left}
span.h1,span.h3,span.i,span.h5{display:none}

» Zeige den Original CSS code

« Verberge den Original CSS code

dark blue: #246991
dark blue neu : #004f93
medium blue: #00a6eb
light blue: #8dceeb

body {
	margin: 0;
	font: 11px Verdana, Arial, sans-serif;
	color: #000;
}

img {
	border: 0;
	padding: 0;
}

ul {
	list-style-type: square;
}

input {
	font: 11px Verdana, Arial, sans-serif;
	color: #5189bd;
	background-color:#FFFFFF;
	border: 1px solid #004f93;
}

label {
	display: block;
	width: 180px;
	float: left;
	margin: 0 6px 0 0;
}

textarea {
	font: 11px Verdana, Arial, sans-serif;
	color: #5189bd;
	border: 1px solid #004f93;
	padding: 2px 5px;
}

select {
	font: 11px Verdana, Arial, sans-serif;
	border: 1px solid #004f93;
}

embed {
	margin: 0;
	padding: 0;
}

h1 {
	font: bold 14px Verdana, Arial, sans-serif;
	color: #004f93;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h2 {
	font: bold 12px Verdana, Arial, sans-serif;
	color: #004f93;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

h3 {
	font: bold italic 17px Verdana, Arial, sans-serif;
	color: #fff;
	float: right;
}

a { 	
	text-decoration: none;
	color: #00a6eb;
}

a:link { 	
}
	
a:visited { 
}

a:hover { 
	color: #8dceeb;
}

a:active { 
	color: #8dceeb;
}

table {
	width: 100%;
	border-collapse: collapse;
}

th {
	background: #9ec4de;
	font-weight: normal;
}

td {
	padding: 2px 10px;
	border-bottom: 1px solid #9ec4de;
}

hr {
	color:#9ec4de;
	background-color:#9ec4de;
	border-bottom: 1px solid #9ec4de;
}

#site {
	width: 981px;
	display: block;
	margin: 0 auto;
}

/* ------------------------------------- top ----------------------------------------- */

#top {
	height: 102px;
	padding: 24px 0 12px 0;
	overflow: hidden;
}

#lang {
	float: left;
	width: 172px;
	padding: 88px 0 0 0;
}

#lang img { 	
	text-decoration: none;
	padding: 0 2px 0 0;
}

#logo {
	float: left;
}

#logo img {
	float: left;
	margin: 0 12px 0 0;
}

#contact {
	float: left;
	margin: 51px 0 0 0;
	/*width: 500px;*/
	width:200px;
	color: #004f93;
	font: 10px Verdana, Arial, sans-serif;
}

#metanav {
	float: left;
	color: #5189bd;
	margin: 1px 0 0 0;
}

#query {	
	padding: 1px 5px;
	width: 140px;
	margin: 0 6px 0 10px;
	float: left;
}

#button {
	float: left;
}

#search {
	float: right;
}

#pic_right {
	float: right;
	padding: 18px 0 0 12px;
}

/* ------------------------------------- left ----------------------------------------- */

#left {
	float: left;
	width: 160px;
	overflow: hidden;
}

#left a, 
#left a:link, 
#left a:visited {
	color: #fff;
}

#left a:hover, 
#left a:active {
	color: #6ac9f5;
}
#left i a {
	font-size: 16px;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase;
	font-weight:bold;
}

#nav {
	background: #004f93;
	width: 136px;
	padding: 12px;	
	display: table;
}

#nav ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

#nav ul li{
	margin: 0 0 5px 0;
}
#nav .flashheadline {
	margin: 0 0 0 -24px;
	height: 18px;
}

#nav ul ul {
	padding: 3px 0 3px 16px;
	margin: 3px 0 0 0;
	list-style-image: url(../img/nav_white.gif);	
}

#nav ul ul li {
	line-height: 13px;	
	margin: 0 0 5px 0;
}

#nav ul ul li a, #nav ul ul li a:link, #nav ul ul li a:visited {
}

#nav ul ul li a:hover, #nav ul ul li a:active, #nav ul ul li:hover {
	list-style-image: url(../img/nav_active.gif);	 
}

#nav ul ul li a.active:link, #nav ul ul li a.active:visited, #nav ul ul li a.active:hover, #nav ul ul li a.active:active {
	color: #6ac9f5;
	list-style-image: url(../img/nav_active.gif);
}

#nav ul ul ul {
	margin: 5px 0 3px 0;
	padding: 0;
	list-style-image: none;
}

#nav ul ul ul li {
	padding: 0;
	margin: 0 0 5px 0;
}

#nav ul ul ul li a, #nav ul ul ul li a:link, #nav ul ul ul li a:visited {
	line-height: 13px;
}

#nav ul ul ul li a:hover, #nav ul ul ul li a:active, #nav ul ul ul li:hover {
	list-style-image: none;
}

#nav ul ul ul li a.active:link, #nav ul ul ul li a.active:visited, #nav ul ul ul li a.active:hover, #nav ul ul ul li a.active:active {
	list-style-image: none;
	color: #6ac9f5;
}

#nav table {
	border:0 !important;
	padding:1px !important;
	margin:0 !important;
}

#nav td {
	border:0 !important;
	padding:1px !important;
	margin:0 !important;
}

#toolbox {
	width: 136px;
	height: 112px;
	background: #00a6eb;
	margin: 12px 0 0 0;
	padding: 12px;
	color: #fff;
}

#weather {
	border-bottom: 1px solid #fff;
	padding: 0 0 12px 0;
	width: 136px;
	height: 35px;
	overflow: hidden;
}

#weather img {
	float: left; 
}

#temp {
	margin: 5px 0 0 35px;
}

#toolbox .flashheadline {
	margin: 0 0 2px -23px;
}

#toolbox a, #toolbox a:link, #toolbox a:visited {
	font-weight: bold;

}

#toolbox a:active, #toolbox a:hover {
	color: #8dceeb;
}

/* ------------------------------------- center ----------------------------------------- */

#center {
	float: left;
	width: 647px;
}

#head {
	margin: 0 12px;
}

#content {
	margin:12px;
	padding: 12px;
	background: #d3ebff;
	width: 599px;
	overflow: hidden;
}

#content_intro {
	margin:12px 0 12px 0;
	padding: 12px;
	background: #d3ebff;
	width: 785px;
	overflow: hidden;
}

#content li {
	margin-bottom:5px;
}

#content .flashheadline {
	margin: 0 0 10px 0;
}

#content img {
	margin: 12px 12px 12px 0;
}

#content table {
	border:0 !important;
	padding:1px !important;
	margin:0 !important;
}

#content td {
	border:0 !important;
	padding:1px !important;
	margin:0 !important;
}

/* ------------------------------------- right ----------------------------------------- */

#right {
	float: left;
	width: 174px;
}

#teasers {
	background: #004f93;
	width: 174px;
	height: 296px;
	color: #fff;
	margin: 0 0 12px 0;
}

#teasers a, #teasers a:link, #teasers a:visited {
	font-weight: bold;
	color: #fff;
}

#teasers a:active, #teasers a:hover {
	color: #8dceeb;
}

.teaser {
	border-bottom: 1px solid #8dceeb;
	margin: 10px 12px 0 12px;
	padding: 0 0 10px 0;
}

#progress {
	margin: 10px 12px 0 12px;
	padding: 0 0 10px 0;
}

#progress img {
	margin: 6px 0 0 0;
}

#map {
	width: 174px;
	height: 136px;
	background: #00a6eb;
	overflow: hidden;
	padding: 0;
	float:right;
}

/* ------------------------------------- intro ----------------------------------------- */

#intro {
	float: left;
	width: 809px;
	margin-left: 12px;
}

/* ------------------------------------- footer ----------------------------------------- */

#footer {
	width:500px;
	height:20px;
	font: 10px Verdana, Arial, sans-serif;
	color: #004f93;
	margin:10px 0 15px 20px;
	float:left;

}

#footer_intro {
	width:500px;
	height:20px;
	font: 10px Verdana, Arial, sans-serif;
	color: #004f93;
	margin:5px 0 15px 12px;
	float:left;
}
/* ------------------------------------- sitemap ----------------------------------------- */

.sitemaphead {
	background: #d3ebff;
	padding:4px;
	border: 1px solid #004f93;
	height:16px;
	overflow:hidden;
}

.sitemaphead h2 {
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 5px 10px;
}

.sitemapoutput {
	overflow:hidden;
	margin: 5px 0;
}

.sitemapoutput {
	overflow:hidden;
	margin: 10px 0;
}

.sitemapoutput blockquote {
	margin: 5px 10px;
}

.sitemapoutput blockquote a {
	padding-left:10px;
	background-image:url(/_static/img/nav_arrow.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

/*HEADLINESPANS FÜR PRINT CSS*/
span.h1, span.h3, span.i, span.h5 {
display:none;
}

Weitere Informationen über diese Webseite:

URL: http://www.punta-skala.com/
CSS URL: http://www.punta-skala.com/_static/css/styles.css
Titel: Punta Skala Residences: Ferienappartments Kroatien: Ferienimmobilie Kroatien: Exclusive Villen Zadar/Dalmatien
Meta-Description: TrÃ¤umen auch Sie davon aufzuwachen in Ihrem eigenen exklusiven Apartment direkt am Meer mit Services eines Luxushotels? Dann heiÃŸen wir Sie willkommen in Punta Skala!
Meta-Keywords: Ferienwohnung Kroatien, Villa in Kroatien, Haus in Kroatien, Wohnung Kroatien, Immobilien Kroatien, Investment Kroatien, Haus Dalmatien, Wohnung Dalmatien, Immobilien Dalmatien, Investment Dalmatien