Ergebnisse des CSS Crunching von irene-wendler.de

Mal sehen was wir getan haben für irene-wendler.de

CSSCruncher.com hat dieser Webseite
15,77 %Code erspart! Wow!

Crunched CSS Code:

*{margin:0;padding:0;border:0;text-decoration:none}
body{font-family:Arial,Helvetica,sans-serif;background:#D0D3DE}
p{padding:0px;margin:0 0 7px 0}
p.abstandweiter{margin-top:20px}
span.abstandweiter{letter-spacing:0.2em}
a{text-decoration:none;font-weight:normal;font-size:11px}
img{border:none}
a:focus,a:active{border:none;outline:0}
span.none{display:none}
#weiss_links{position:absolute;left:25px;top:0;width:50%;height:100%;background:#fff url(zub/balken_unten.gif) repeat-x left bottom}
#header,#headerhome,#headerservice,#headerportfolio,#headervita,#headerkontakt,#headerimpressum{position:absolute;left:50%;top:50%;width:315px;height:315px;margin-left:138px;margin-top:-40px}
#headerhome{background:url(zub/stuehle_kaesten_home.jpg) no-repeat left top}
#headerservice{background:url(zub/stuehle_kaesten_service.jpg) no-repeat left top}
#headerportfolio{background:url(zub/stuehle_kaesten_portfolio.jpg) no-repeat left top}
#headervita{background:url(zub/stuehle_kaesten_vita.jpg) no-repeat left top}
#headerkontakt{background:url(zub/stuehle_kaesten_kontakt.jpg) no-repeat left top}
#headerimpressum{background:url(zub/stuehle_kaesten_impressum.jpg) no-repeat left top}
#headerportfolio_unten{position:absolute;left:50%;top:50%;width:315px;height:26px;margin-left:138px;margin-top:93px;background:url(zub/kaesten_portfolio.gif) no-repeat left top}
h1{display:none}
#headerhomegrafik,#headerhomeweb{position:absolute;right:50%;top:50%;margin-right:-145px;height:29px}
#headerhomegrafik{width:181px;margin-top:-69px;background:url(zub/kaesten_grafik.gif) no-repeat left top}
#headerhomeweb{width:94px;margin-top:-40px;background:url(zub/kaesten_web.gif) no-repeat left top}
#content{position:absolute;left:50%;top:0;width:276px;height:100%;margin-left:-138px;background:#fff url(zub/balken_unten.gif) repeat-x left bottom;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:#333}
#content a{color:#333;background:url(zub/content_link.gif) no-repeat 0px 4px;padding-left:8px}
#content a.zurueck{background:url(zub/content_link_zurueck.gif) no-repeat 0px 4px}
#content a:hover{color:#ef7f43}
#content a.menuehinweis{text-decoration:none}
#content a.menuehinweis:hover{text-decoration:underline}
#content a.email{text-decoration:underline}
#content a.email span{display:none}
#text_oben{position:absolute;left:22px;bottom:50%;margin-bottom:130px;border:0px solid red}
#text_oben h2{font-size:13px;line-height:1.4em;font-weight:normal}
#text_unten{position:absolute;left:22px;top:50%;margin-top:-10px;padding-top:10px;background:url(zub/text_unten_linie.gif) no-repeat left top;font-size:11px;line-height:1.5em}
#text_unten.portfolio{margin-top:90px;padding-top:0;background:none;margin-right:20px}
#portfolio_abbildung{position:absolute;left:50%;top:50%;height:284px;width:525px;margin-left:-131px;margin-top:-210px;background:url(zub/portfolio_hintergrund.jpg) no-repeat left top}
#portfolio_abbildung img{margin-left:13px;margin-top:1px}
#portfolio_abbildung #thumbs{position:absolute;right:0px;top:60px;text-align:right}
#portfolio_abbildung #thumbs img{margin:0}
#portfolio_abbildung #thumbs a{display:block;margin-bottom:15px}
#portfolio_abbildung #thumbs a.aktiv{padding-left:10px;background:#CFD8A7}
#portfolio_navi{position:absolute;left:50%;top:50%;height:284px;width:525px;margin-left:-118px;margin-top:-240px}
#portfolio_navi a{font-family:Arial,Helvetica,sans-serif;color:#333;margin-right:10px}
#portfolio_navi a.zurueck{background:url(zub/content_link_zurueck.gif) no-repeat 0px 3px;padding-left:9px}
#portfolio_navi a.weiter{background:url(zub/content_link.gif) no-repeat 100% 3px;padding-right:9px}
#text_formular{position:absolute;left:22px;top:50%;margin-top:-220px;font-size:13px;border:0px solid red;line-height:1.4em}
form{font-family:Arial,Helvetica,sans-serif}
label{font-size:11px;color:#333}
label span{display:block;float:left}
label span.bezeichnung{margin-top:0px}
label span.stern{margin-left:2px;margin-top:-2px;font-size:9px}
input,textarea{font-size:11px;color:#333;width:220px;border:1px solid #D0D3DE}
input.feld{height:21px;margin-bottom:4px;padding:3px}
input.button{display:block;width:64px;height:64px;margin-top:10px;background:url(zub/untermenue_hintergrund.gif) no-repeat left top;text-align:left;padding:24px 0 0 9px;color:#333;border:0}
input.button:hover{color:#000;background:url(zub/untermenue_hintergrund.gif) no-repeat left bottom}
textarea{height:145px;overflow:auto;padding:5px 3px 3px 3px;line-height:1.3em;font-family:Verdana}
#formular_hinweis{position:absolute;top:50%;left:50%;margin:170px 0 0 -40px;height:20px;width:180px}
#formular_hinweis p{line-height:1em;color:#AFB3C6;font-size:10px}
#formular_hinweis span{display:block;float:left}
#formular_hinweis span.stern{font-size:10px;margin-right:2px}
#formular_hinweis span.hinweis{margin-top:2px}
span.wpcf7-not-valid-tip-no-ajax{font-size:10px;color:#ef7f43;display:block}
#menue{position:absolute;left:50%;top:50%;width:250px;height:280px;margin-left:-388px;margin-top:-140px}
#menue a{font-family:Arial,Helvetica,sans-serif;position:absolute;display:block;width:64px;height:64px;background:url(zub/menue_hintergrund.gif) no-repeat left top;color:#fff;text-transform:capitalize}
#menue.home a{background:url(zub/homemenue_hintergrund.gif) no-repeat left top}
#menue.home a:hover{background:url(zub/homemenueaktiv_hintergrund.gif) no-repeat left bottom}
#menue a span{display:block;margin:40px 0 0 10px}
#menue a.home,#menue a.homeaktiv{left:0;top:0}
#menue a.service,#menue a.serviceaktiv{left:70px;top:70px}
#menue a.portfolio,#menue a.portfolioaktiv{left:140px;top:70px}
#menue a.vita,#menue a.vitaaktiv{left:140px;top:140px}
#menue a.kontakt,#menue a.kontaktaktiv{left:70px;top:210px}
#menue a.homeaktiv,#menue a.serviceaktiv,#menue a.portfolioaktiv,#menue a.vitaaktiv,#menue a.kontaktaktiv{background:url(zub/menue_hintergrund.gif) no-repeat left bottom}
#menue a:hover{background:url(zub/menue_hintergrund.gif) no-repeat left bottom;color:#fff}
#untermenueportfolio,#untermenuekontakt{position:absolute;left:50%;top:50%}
#untermenueportfolio a,#untermenuekontakt a{font-family:Arial,Helvetica,sans-serif;position:absolute;display:block;width:64px;height:64px;background:url(zub/untermenue_hintergrund.gif) no-repeat left top;color:#333;text-transform:capitalize}
#untermenueportfolio a:hover,#untermenuekontakt a:hover{color:#000;background:url(zub/untermenue_hintergrund.gif) no-repeat left bottom}
#untermenueportfolio a span,#untermenuekontakt a span{display:block;margin:40px 0 0 10px}
#untermenueportfolio{margin-left:-388px;margin-top:-280px}
#untermenueportfolio a.portfolioprojekte,#untermenueportfolio a.portfolioprojekteaktiv{font-family:Arial,Helvetica,sans-serif;left:140px;top:0px}
#untermenueportfolio a.portfolioprint,#untermenueportfolio a.portfolioprintaktiv{font-family:Arial,Helvetica,sans-serif;left:140px;top:70px}
#untermenueportfolio a.portfolioweb,#untermenueportfolio a.portfoliowebaktiv{font-family:Arial,Helvetica,sans-serif;left:140px;top:140px}
#untermenuekontakt{margin-left:-388px;margin-top:70px}
#untermenuekontakt a.kontaktadresse,#untermenuekontakt a.kontaktadresseaktiv{font-family:Arial,Helvetica,sans-serif;top:0;left:140px}
#untermenuekontakt a.kontaktformular,#untermenuekontakt a.kontaktformularaktiv{font-family:Arial,Helvetica,sans-serif;top:70px;left:140px}
#untermenueportfolio a.portfolioprojekteaktiv,#untermenueportfolio a.portfolioprintaktiv,#untermenueportfolio a.portfoliowebaktiv,#untermenuekontakt a.kontaktformularaktiv,#untermenuekontakt a.kontaktadresseaktiv{background:url(zub/untermenue_hintergrund.gif) no-repeat left bottom}
#portfolio_weiter_print,#portfolio_weiter_web,#portfolio_weiter_projekte{position:absolute;left:50%;top:50%;margin-left:-160px;width:15px;height:64px;padding-top:10px}
#portfolio_weiter_projekte{margin-top:-280px}
#portfolio_weiter_print{margin-top:-210px}
#portfolio_weiter_web{margin-top:-140px}
#portfolio_weiter_print a img,#portfolio_weiter_web a img{margin-top:3px}
#footer{position:absolute;left:50%;bottom:0px;margin-left:-388px;width:500px;height:25px;font-size:11px;letter-spacing:0.1em;font-family:Arial,Helvetica,sans-serif}
#footer span{display:block;float:left;margin:6px 7px 0px 7px;color:#646c87}
#footer span.name{color:#f60}
#menue_impressum{position:absolute;bottom:0;left:50%;height:25px;width:90px;margin-left:128px;text-align:center;background:#fff}
#menue_impressum a{display:block;color:#9199b4;padding:0;margin:6px 0 0 5px;background:none}
#menue_impressum a:hover{color:#ef7f43}

» Zeige den Original CSS code

« Verberge den Original CSS code

/*
Theme Name: Website iw
Theme URI:
Description: Theme iw
Version: 1.0
Author: Irene Wendler
www.irene-wendler.de
Tags: 
*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: /*#DFE1E9*/ #D0D3DE;
}

p {padding: 0px; margin: 0 0 7px 0;}
p.abstandweiter {margin-top: 20px;}
span.abstandweiter {letter-spacing: 0.2em;}
a {
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
}
img {border: none;}

a:focus, a:active {border: none; outline: 0;}
span.none {display: none;}

/* Hintergrund */
#weiss_links {
    position: absolute;
    left: 25px; top: 0;
    width: 50%; height: 100%;
    background: #fff url(zub/balken_unten.gif) repeat-x left bottom;
}

/* Header */
#header, #headerhome, #headerservice, #headerportfolio, #headervita, #headerkontakt, #headerimpressum {
    position: absolute;
    left: 50%; top: 50%;
    width: 315px; height: 315px;
    margin-left: 138px;
    margin-top: -40px;
}

#headerhome {background: url(zub/stuehle_kaesten_home.jpg) no-repeat left top;}
#headerservice {background: url(zub/stuehle_kaesten_service.jpg) no-repeat left top;}
#headerportfolio {background: url(zub/stuehle_kaesten_portfolio.jpg) no-repeat left top;}
#headervita {background: url(zub/stuehle_kaesten_vita.jpg) no-repeat left top;}
#headerkontakt {background: url(zub/stuehle_kaesten_kontakt.jpg) no-repeat left top;}
#headerimpressum {background: url(zub/stuehle_kaesten_impressum.jpg) no-repeat left top;}

#headerportfolio_unten {
	position: absolute;
	left: 50%; top: 50%;
	width: 315px; height: 26px;
	margin-left: 138px;
	margin-top: 93px;
	background: url(zub/kaesten_portfolio.gif) no-repeat left top;
}

h1 {display: none;}

/* steht im content*/
#headerhomegrafik, #headerhomeweb {
    position: absolute;
    right: 50%; top: 50%;
    margin-right: -145px;
    height: 29px;
}

#headerhomegrafik {
    width: 181px;
    margin-top: -69px;
    background: url(zub/kaesten_grafik.gif) no-repeat left top;
}

#headerhomeweb {
    width: 94px;
    margin-top: -40px;
    background: url(zub/kaesten_web.gif) no-repeat left top;
}

/* Content */
/* Text / Content - innerhalb von #content */
#content {
    position: absolute;
    left: 50%; top: 0;
    width: 276px; height: 100%;
    margin-left: -138px;
    background: #fff url(zub/balken_unten.gif) repeat-x left bottom;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #333;
}

#content a {color: #333; background: url(zub/content_link.gif) no-repeat 0px 4px; padding-left: 8px;}
#content a.zurueck {background: url(zub/content_link_zurueck.gif) no-repeat 0px 4px;}
#content a:hover {color: #ef7f43;}
#content a.menuehinweis {text-decoration: none;}
#content a.menuehinweis:hover {text-decoration: underline;}
#content a.email {text-decoration: underline;}
#content a.email span {display: none;}

#text_oben {
    position: absolute;
    left: 22px; bottom: 50%;
    margin-bottom: 130px;
    border: 0px solid red;
}

#text_oben h2 {
	font-size: 13px;
	line-height: 1.4em;
    font-weight: normal;
}

#text_unten {
    position: absolute;
    left: 22px; top: 50%;
    margin-top: -10px;
    padding-top: 10px;
    background: url(zub/text_unten_linie.gif) no-repeat left top;
    font-size: 11px;
    line-height: 1.5em;
}

#text_unten.portfolio {
    margin-top: 90px;
    padding-top: 0;
    background: none;
    margin-right: 20px;
}

/* Portfolio Abbildung */
#portfolio_abbildung {
	position: absolute;
	left: 50%; top: 50%;
	height: 284px; width: 525px;
	margin-left: -131px;
	margin-top: -210px;
	background: url(zub/portfolio_hintergrund.jpg) no-repeat left top;
}

#portfolio_abbildung img {margin-left: 13px; margin-top: 1px;}

#portfolio_abbildung #thumbs {
	position: absolute;
	right: 0px; top: 60px;
	text-align: right;
}

#portfolio_abbildung #thumbs img {margin: 0;}

#portfolio_abbildung #thumbs a {display: block; margin-bottom: 15px;}
#portfolio_abbildung #thumbs a.aktiv {padding-left: 10px; background: /*#D0D3DE*/#CFD8A7;}

#portfolio_navi {
	position: absolute;
	left: 50%; top: 50%;
	height: 284px; width: 525px;
	margin-left: -118px;
	margin-top: -240px;	
}

#portfolio_navi a {
	font-family: Arial, Helvetica, sans-serif;
	color: /*#ef7f43*/ #333;
	margin-right: 10px;
}

#portfolio_navi a.zurueck {background: url(zub/content_link_zurueck.gif) no-repeat 0px 3px; padding-left: 9px;}
#portfolio_navi a.weiter {background: url(zub/content_link.gif) no-repeat 100% 3px; padding-right: 9px;}

/* Kontaktformular */
#text_formular {
	position: absolute;
	left: 22px; top: 50%;
	margin-top: -220px;
	font-size: 13px;
	border: 0px solid red;
	line-height: 1.4em;
}

form {
	font-family: Arial, Helvetica, sans-serif;
}

label {
	font-size: 11px;
	color: #333;
}

label span {display: block; float: left;}
label span.bezeichnung {margin-top: 0px;}
label span.stern {margin-left: 2px; margin-top: -2px; font-size: 9px;}

input, textarea {
	font-size: 11px;
	color: #333;
	width: 220px;
	border: 1px solid #D0D3DE;
}

input.feld {
	height: 21px;
	margin-bottom: 4px;
	padding: 3px;
}

input.button {
	display: block;
	width: 64px; height: 64px;
	margin-top: 10px;
	background: url(zub/untermenue_hintergrund.gif) no-repeat left top;
	text-align: left;
	padding: 24px 0 0 9px;
	color: #333;
	border: 0;
}

input.button:hover {color: #000; background: url(zub/untermenue_hintergrund.gif) no-repeat left bottom;}

textarea {
	height: 145px;
	overflow: auto;
	padding: 5px 3px 3px 3px;
	line-height: 1.3em;
	font-family: Verdana;
}

#formular_hinweis {
	position: absolute;
	top: 50%; left: 50%;
	margin: 170px 0 0 -40px;
	height: 20px;
	width: 180px;
}

#formular_hinweis p {
	line-height: 1em;
	color: /*#CDCFCF*/ #AFB3C6;
	font-size: 10px;
}

#formular_hinweis span {display: block; float: left;}
#formular_hinweis span.stern {font-size: 10px; margin-right: 2px;}
#formular_hinweis span.hinweis {margin-top: 2px;}

span.wpcf7-not-valid-tip-no-ajax {font-size: 10px; color: #ef7f43; display: block;}

/* Menü */
#menue {
	position: absolute;
	left: 50%; top: 50%;
	width: 250px; height: 280px;
	margin-left: -388px;
	margin-top: -140px;
}

#menue a {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	display: block;
	width: 64px; height: 64px;
	background: url(zub/menue_hintergrund.gif) no-repeat left top;
	color: #fff;
	text-transform: capitalize;
}

#menue.home a {background: url(zub/homemenue_hintergrund.gif) no-repeat left top;}
#menue.home a:hover {background: url(zub/homemenueaktiv_hintergrund.gif) no-repeat left bottom;}

#menue a span {
	display: block;
	margin: 40px 0 0 10px;
}
#menue a.home, #menue a.homeaktiv {left: 0; top: 0;}
#menue a.service, #menue a.serviceaktiv {left: 70px; top: 70px;}
#menue a.portfolio, #menue a.portfolioaktiv {left: 140px; top: 70px;}
#menue a.vita, #menue a.vitaaktiv {left: 140px; top: 140px;}
#menue a.kontakt, #menue a.kontaktaktiv {left: 70px; top: 210px;}

#menue a.homeaktiv, #menue a.serviceaktiv, #menue a.portfolioaktiv, #menue a.vitaaktiv, #menue a.kontaktaktiv {
	background: url(zub/menue_hintergrund.gif) no-repeat left bottom;
}

#menue a:hover {background: url(zub/menue_hintergrund.gif) no-repeat left bottom; color: #fff;}

/* Untermenue */
#untermenueportfolio, #untermenuekontakt {
	position: absolute;
	left: 50%; top: 50%;
}

#untermenueportfolio a, #untermenuekontakt a {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	display: block;
	width: 64px; height: 64px;
	background: url(zub/untermenue_hintergrund.gif) no-repeat left top;
	color: #333;
	text-transform: capitalize;
}

#untermenueportfolio a:hover, #untermenuekontakt a:hover {color: #000; background: url(zub/untermenue_hintergrund.gif) no-repeat left bottom;}

#untermenueportfolio a span, #untermenuekontakt a span {
	display: block;
	margin: 40px 0 0 10px;
}

#untermenueportfolio  {margin-left: -388px;	margin-top: -280px;}
#untermenueportfolio a.portfolioprojekte, #untermenueportfolio a.portfolioprojekteaktiv {font-family: Arial, Helvetica, sans-serif; left: 140px; top: 0px;}
#untermenueportfolio a.portfolioprint, #untermenueportfolio a.portfolioprintaktiv {font-family: Arial, Helvetica, sans-serif; left: 140px; top: 70px;}
#untermenueportfolio a.portfolioweb, #untermenueportfolio a.portfoliowebaktiv {font-family: Arial, Helvetica, sans-serif; left: 140px; top: 140px;}

#untermenuekontakt {margin-left: -388px; margin-top: 70px;}
#untermenuekontakt a.kontaktadresse, #untermenuekontakt a.kontaktadresseaktiv {font-family: Arial, Helvetica, sans-serif; top: 0; left: 140px;}
#untermenuekontakt a.kontaktformular, #untermenuekontakt a.kontaktformularaktiv {font-family: Arial, Helvetica, sans-serif; top: 70px; left: 140px;}

#untermenueportfolio a.portfolioprojekteaktiv, #untermenueportfolio a.portfolioprintaktiv, #untermenueportfolio a.portfoliowebaktiv, #untermenuekontakt a.kontaktformularaktiv, #untermenuekontakt a.kontaktadresseaktiv
{background: url(zub/untermenue_hintergrund.gif) no-repeat left bottom;}

#portfolio_weiter_print, #portfolio_weiter_web, #portfolio_weiter_projekte  {
	position: absolute;
	left: 50%; top: 50%;
	margin-left: -160px;
	width: 15px; height: 64px;
	padding-top: 10px;
}

#portfolio_weiter_projekte {margin-top: -280px;}
#portfolio_weiter_print {margin-top: -210px;}
#portfolio_weiter_web {margin-top: -140px;}

#portfolio_weiter_print a img, #portfolio_weiter_web a img {margin-top: 3px;}

/* Footer */
#footer {
	position: absolute;
	left: 50%; bottom: 0px;
	margin-left: -388px;
	width: 500px; height: 25px;
	font-size: 11px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}

#footer span {display: block; float: left; margin: 6px 7px 0px 7px; color: #646c87;}
#footer span.name {color: #f60;}

/* Menü Impressum */
#menue_impressum {
	position: absolute;
	bottom: 0; left: 50%;
	height: 25px; width: 90px;
	margin-left: 128px;
	text-align: center;
	background: #fff;
}

#menue_impressum a {
	display: block;
	color: #9199b4;
	padding: 0;
	margin: 6px 0 0 5px;
	background: none;
}

#menue_impressum a:hover {color: #ef7f43;}

Weitere Informationen über diese Webseite:

URL: http://irene-wendler.de/
CSS URL: http://wordpress.irene-wendler.de/wp-content/themes/theme_iw/style.css
Sprache: de
Charset: UTF-8
Titel: Irene Wendler – Grafik.Web.Design.
Meta-Description: Grafikdesign und Webdesign in Hamburg – Beratung. Corporate Design. Editorial Design. Webdesign. CMS WordPress.
Meta-Keywords: Webprogrammierung, Hamburg, Corporate Design, Corporate Identity, Website, Flyer, Content Management System, Homepage, WordPress, CMS