Ergebnisse des CSS Crunching von www.thilothamm.de

Mal sehen was wir getan haben für www.thilothamm.de

CSSCruncher.com hat dieser Webseite
21,91 %Code erspart! Unglaublich!

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

» Zeige alle CSS Code Fehler und/oder Warnings

Crunched CSS Code:

html{min-width:980px}
body,p,li{font-family:Verdana,"Helvetica Neue",Arial,sans-serif;font-size:12px;line-height:20px;font-weight:normal;color:#665e4c}
h1{font-family:Georgia,serif;font-weight:bold;font-size:3em;line-height:1.2em;text-transform:uppercase}
h2{font-family:Georgia,serif;font-size:22px;line-height:26px}
h3,h4,h5,h6{font-family:Verdana,"Helvetica Neue",Arial,sans-serif;font-weight:normal;font-size:16px;color:#712e19;text-transform:uppercase}
a:link,a:visited{color:#e5420b;text-decoration:none}
a:hover,a:active{text-decoration:underline}
a:active,a:focus{outline:0}
small{font-size:10px;font-weight:lighter;text-align:center;line-height:1em}
.date,.brown_hl{display:block;font-family:Georgia,serif;font-weight:bolder;font-size:11px;letter-spacing:.1em;text-align:center;line-height:20px;color:#712e19}
img{border:none}
ul{}
li{}
html{padding:0;margin:0;min-width:920px}
body{margin:0;padding:0;background:#f2ede0 url(_img/bg_body.png)}
#topbar{position:absolute;width:100%;height:345px;padding:0;margin:0;overflow:hidden;top:0;left:0;background:url(_img/bg_topbar.png) top left repeat-x}
#header{position:relative;background:url(_img/bg_header.jpg) 0px 89px no-repeat;height:385px;overflow:hidden}
#page{position:static;top:0;left:0;width:930px;margin:0px auto 100px auto;padding:0;top:0}
#content{background:url(_img/bg_content_middle.png) left top repeat-y;margin:0 !important;padding:0 6px}
.contenttop{background:url(_img/bg_content_top.png) left bottom no-repeat;margin:0;padding:0;height:10px}
.contentbottom{clear:both;margin:0;height:10px;background:url(_img/bg_content_bottom.jpg) left top no-repeat;margin:0}
#postcolumn{display:inline;float:left;width:540px;padding:0 0 60px 0;margin-left:34px !important}
#singlepost{width:500px;margin:0px auto;padding:30px 0 60px 0}
body#referenzen #singlepost, body#leistungen #singlepost{margin:0px 0 0px 320px}
body#referenzen-subpage #singlepost{width:578px}
body#blog-subpage #singlepost{display:inline;float:left;width:540px;margin-left:34px}
#postcolumn *, #singlepost *{line-height:175%}
#sidebar{display:inline;float:left;width:260px;margin-top:50px;margin-left:40px}
#footer{clear:both;width:100%;padding:0;margin:0;height:235px;overflow:hidden;background:#000 url(_img/bg_footer.png) top left repeat-x}
#header #navi{position:absolute;display:block;top:73px;left:230px;overflow:hidden}
#header #logo{background:url(_img/bg_logo.png) top left no-repeat;position:absolute;display:block;padding:0;margin:0;top:27px;left:40px}
#header #logo a:link, #header #logo a:visited, #header #logo a:hover, #header #logo a:active{display:block;overflow:hidden;padding:0;margin:0;width:150px;height:75px;overflow:hidden;text-indent:-9999px}
#header #sitedescription{display:none}
#header #phonemail{position:absolute;display:block;width:400px;height:30px;margin:0;top:20px;left:530px;overflow:visible;text-align:right}
#header #phonemail h2{display:none}
#header #phonemail *{font-family:Georgia,serif;font-weight:bolder;font-size:10px;letter-spacing:.1em;line-height:31px;color:#998e73;margin:0px;border:0px;left:0px !important;right:0px !important}
#header #phonemail span#phonenumber{padding:11px 5px 11px 35px;background:url(_img/bg_phone.png) center left no-repeat}
#header #phonemail a#mailaddress:link, #header #phonemail a#mailaddress:visited{padding:11px 5px 11px 5px;background:url(_img/bg_phone.png) center right no-repeat;color:#998e73}
#header #phonemail a#mailaddress:hover, #header #phonemail a#mailaddress:active{}
#pricebutton{background:url(_img/preis_button999.png) top left no-repeat !important;background-image:url(_img/preis_button999_IE.png);position:absolute;top:304px;left:585px}
#pricebutton a{display:block;text-indent:-9999px;overflow:hidden;width:63px;height:74px}
#header .linkblock{position:absolute;width:250px;height:200px;top:155px;overflow:hidden}
#header .linkblock h2{display:block;height:20px;padding:0;margin:0;text-indent:-9999px;overflow:hidden}
#linkblock_leistungen h2{background:url(_img/txt_leistungen.png) center top no-repeat}
#linkblock_ihrewebsite h2{background:url(_img/txt_ihrewebsite.png) center top no-repeat}
#linkblock_leistungen{left:45px}
#linkblock_ihrewebsite{left:360px}
.linkblock ul{background:url(_img/seperator.png) top left repeat-x;padding:2px 0 0 0;margin:10px 0 0 0;list-style-type:none}
.linkblock li{background:url(_img/seperator.png) bottom left repeat-x;padding:0;margin:0}
.linkblock ul a:link, .linkblock ul a:visited{background:url(_img/bg_linklist.png) left top no-repeat;padding:0 0 0 25px;display:block;height:34px;line-height:32px;font-size:12px}
.linkblock ul a:hover, .linkblock ul a:active{background:url(_img/bg_linklist.png) left -40px no-repeat;color:#fff;text-decoration:none}
.linkblock .hotlinks{background:#000 url(_img/bg_hotlinks.png) left top no-repeat;margin-top:35px;text-align:center;font-family:Georgia,serif;font-weight:bolder;font-size:10px;line-height:25px;letter-spacing:.1em}
.hotlinks a:link, .hotlinks a:visited{padding:0 5px;color:#ccc}
.hotlinks a:hover, .hotlinks a:active{color:#fff;text-decoration:none}
#navi h2{display:none;background:url(_img/navi.png) 0px 0px no-repeat}
#navi ul{list-style-type:none;float:left;padding:0 0 0 1px;margin:0;background:url(_img/navi.png) 0 0 no-repeat}
#navi ul li{list-style-type:none;float:left;padding:0;margin:0 1px 0 0}
#navi a{display:block;overflow:hidden;padding:0;height:37px;text-indent:-999px;border:none;background:url(_img/navi.png) 0px 0px no-repeat}
a#naviitem01{width:85px;background-position:-1px 0}
a#naviitem02{width:134px;background-position:-87px 0px}
a#naviitem03{width:140px;background-position:-222px 0px}
a#naviitem04{width:113px;background-position:-363px 0px}
a#naviitem01:hover{background-position:-1px -40px}
a#naviitem02:hover{background-position:-87px -40px}
a#naviitem03:hover{background-position:-222px -40px}
a#naviitem04:hover{background-position:-363px -40px}
body#home a#naviitem01, body#blog-archive a#naviitem01, body#blog-subpage a#naviitem01{background-position:-1px -80px}
body#leistungen a#naviitem02{background-position:-87px -80px}
body#referenzen-subpage a#naviitem03, body#referenzen a#naviitem03{background-position:-222px -80px}
body#kontakt a#naviitem04{background-position:-363px -80px}
*/
.post{padding:20px 0 50px 0;margin:0 0 0px 0}
#content h1{text-align:center;margin:0;padding:20px 0}
#content h2{text-align:center;padding-bottom:15px;margin:0;background:url(_img/ornamentline.png) center bottom no-repeat}
#content h2.pagetitle{padding-top:10px}
#content .entry h2{margin-top:40px}
#content .entry h3{padding-top:20px;margin:0;clear:both}
#content .entry:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#content .entry p img{float:left;margin:0 20px 10px 0;padding:5px;border:1px solid #d6d2c6}
#submenu{position:absolute;display:block;margin-top:0px;margin-left:-280px}
#submenu ul{background:url(_img/seperator.png) left top repeat-x;list-style-type:none;margin:0;padding:2px 0 0 0}
#submenu ul li{background:url(_img/seperator.png) left bottom repeat-x;display:block;padding-bottom:2px}
#submenu a{background:url(_img/bg_linklist.png) left top no-repeat;display:block;width:180px;padding-left:25px;height:32px;line-height:32px}
#submenu li.current_page_item a{background:url(_img/bg_linklist.png) left -40px no-repeat;color:#fff}
form#commentform{width:100%}
#commentform textarea{width:100%;padding:2px}
.postmetadata{display:block;background-color:#f1eee5;padding:5px 20px;margin:0px 0;border-top:1px solid;border-bottom:1px solid;border-color:#d6d2c6}
ol.commentlist{list-style-position:inside;padding:0}
ol.commentlist li{display:block;background-color:#f1eee5;padding:2px 20px;margin:0px 0;border-top:1px solid;border-bottom:1px solid;border-color:#d6d2c6}
h3#comments,h3#respond{background:url(_img/bg_seperator.png) top left repeat-x;padding-top:20px;clear:both}
.sidebox{margin-bottom:50px;padding-bottom:12px;background:url(_img/sidebox_ornament.png) center bottom no-repeat}
.sidebox h2{padding:0 !important;margin:0;height:24px;text-indent:-9999px;overflow:hidden;background-position:center center !important;background-repeat:no-repeat}
#sidebar ul{list-style-type:none;margin:0;padding:0;background:url(_img/seperator.png) top left repeat-x}
#sidebar ul li{margin:0;padding:8px 0 8px 5px;background:url(_img/seperator.png) bottom left repeat-x}
#smallarchive h2{background-image:url(_img/txt_newsblog.png)}
#websitesicreated h2{background-image:url(_img/txt_referenzenonline.png)}
#friendsontheweb h2{background-image:url(_img/txt_friendsontheweb.png)}
#momentanlaeuft h2{background-image:url(_img/txt_momentanlaeuft.png)}
p#musiclinks{text-align:center}
#urlaub{position:relative;background:url(_img/teaser_urlaub.png) center center no-repeat;height:180px;padding:0;margin:-80px 0 30px 0}
#urlaub *{display:none}
#footer *{font-size:11px;line-height:15px}
#footerwrapper{display:block;width:890px;height:210px;padding:0;margin:0 auto}
#footer ul{display:block;padding:0;margin:2px 0 0 0;border-bottom:1px solid}
#footer li{border-top:1px solid;padding:4px 0}
#footer h2{text-align:left;letter-spacing:.2em;font-size:12px;font-weight:bold;color:white;padding:0;margin:0;text-shadow:none}
#footerlist01{width:100px;margin-top:40px;float:left}
#footerlist02, #footerlist03, #footerlist04{width:200px;margin-top:40px;margin-left:60px;float:left}
#footerlist01 ul, #footerlist02 ul{list-style-type:disc;list-style-position:inside}
#footerlist03 ul, #footerlist04 ul{list-style-type:none}
#footerlist04 li{display:block;height:33px;padding:7px 0}
#rssrow:after{clear:both;display:none;content:"."}
#rssrow img{float:left;margin:-1px 7px 4px 0;border:none}
#bookmarkrow{padding:0 !important}
#bookmarkrow .sociable_tagline{display:none}
#bookmarkrow ul{display:block;margin:10px 0 0 4px;border:none}
#bookmarkrow ul li{display:inline;padding:10px 0 0 0;margin:10px 0;border:none}
#bookmarkrow a{display:block;height:17px;padding:0px;margin:0 11px 0 0;float:left}
#bookmarkrow img{border:none}
#credit{position:relative;clear:both;top:30px;margin:00;width:100%}
#credit ul{display:block;height:22px;width:250px;margin:0 auto;list-style-type:none;border:0px}
#credit li{display:block;float:left;border:0px}
#credit li a:link, #credit li a:visited{display:block;float:left;height:22px;text-indent:-999px;overflow:hidden;opacity:.5;border:0px}
#credit li a:hover, #credit li a:active{opacity:1}
a#wordpresslink{background:url(_img/icon_wordpress.png) top left no-repeat;width:96px;margin-right:10px}
a#applelink{background:url(_img/icon_apple.png) top left no-repeat;width:83px;margin-left:10px}
body#kontakt form, body#kontakt fieldset{margin-top:20px;border:0px;width:97%}
body#kontakt fieldset legend{display:none}
body#kontakt form input, body#kontakt form textarea{margin-bottom:20px}
body#home .post{margin-top:20px}
body#home .entry{padding:0px 0 10px 0;margin:0px 0 0px 0}
body#home .entry p{padding:0 5px}
#topreferenz{background:url(_img/seperator_shadow.png) bottom left repeat-x;padding:10px 0px 10px 34px;margin:0 0 20px 0}
#topreferenz h2{display:block;background:url(_img/txt_aktuelleprojekte.png) center center no-repeat;text-indent:-9999px;overflow:hidden;padding:20px 34px 10px 0;margin:0}
#topreferenz small{padding:10px 0;margin:0}
#topreferenz #portfoliolink{background:url(_img/seperator.png) center center repeat-x;text-align:center;margin:0 34px 30px 0;clear:both}
a.blackbutton:link, a.blackbutton:visited{background:#000 url(_img/bg_hotlinks.png) left top no-repeat;display:block;height:25px;width:250px;margin:0 auto;text-align:center;font-family:Georgia,serif;font-weight:bolder;font-size:10px;line-height:25px;color:#ddd;letter-spacing:.1em;text-align:center}
a.blackbutton:hover, a.blackbutton:active{color:#fff;text-decoration:none;background-position:bottom left}
#blog-archive #archive-type{font-size:18px;padding:30px 0 5px 0}
#blog-subpage #singlepost h2, #blog-archive #postcolumn h2{margin:0 !important}
body#referenzen .gallery{display:block;width:884px;margin:0;padding:30px 0px 60px 34px;background:url(_img/bg_widecolumn_mid.png) top left repeat-y}
body#referenzen h2.pagetitle{display:none}
div.galleryitem{position:relative;width:260px;float:left;background-image:none;padding:0;margin-right:34px;margin-bottom:25px}
div.galleryitem h3{font-family:Georgia,Times New Roman,serif;text-transform:none;text-align:center;font-size:16px !important;padding:2px !important;margin:0 !important;background-image:none !important}
div.galleryitem p{padding:0;margin:0}
div.galleryitem small{display:block;padding:6px;margin:0px 0 0 0;text-align:center;width:260px;border-bottom:1px solid #d6d2c6}
a.gallerylink{background:url(_img/img_hover.png) center -200px no-repeat;display:block;font-size:0.0001em;line-height:0.0001em;padding:4px;border:1px solid #d6d2c6;width:250px;height:125px}
#referenzen-subpage a.gallerylink{width:568px;height:260px}
img.galleryimage{margin:0 !important;padding:0 !important;border:0px !important}
a.gallerylink:hover{background-position:center center;border:1px solid #b1a385}
a.gallerylink:hover img{opacity:.22}
body#referenzen-subpage .entry img{width:568px}
#links ul.toplist{padding:0;list-style-position:inside;list-style-type:none}
#links ul h2{padding:20px 0}
#links li.linkcat{background:url(_img/ornamentline.png) center top no-repeat}
#links li.linkcat ul{padding:20px 40px;list-style-type:disc}
.nodisplay{display:none}
.navigation{display:block;text-align:center;margin-top:0px;margin-bottom:60px}
.alignleft{float:left;text-align:left}
.alignright{float:right;text-align:right}
.clearer{clear:both}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* @override 
	http://www.thilothamm.de/wp-content/themes/thilothamm_de/style.css
*/

/*  
Theme Name: thilothamm.de
Theme URI: http://thilothamm.de
Theme Author: Thilo Thamm
*/

/*
Version: 	0.67
Date:		05.03.2007

? Telefonnummer oben, spacing korrigiert
	? Abstände Headlines korrigiert
	? Referenzen H3 statt H2	
	? Pricebutton
	? Table für Angebote
	? Urlaub Teaser
	? new H3
	? IE7 compliant
	? Navi on Leistungen fixed
*/

/* @group Type & Colors */
html {
	min-width: 980px;
}

body, p, li {
	font-family: Verdana, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #665e4c;
}

h1 {
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 3em;
	line-height: 1.2em;
	text-transform: uppercase;
}

h2 {
	font-family: Georgia, serif;
	font-size: 22px;
	line-height: 26px;
}

h3, h4, h5, h6 {
	font-family: Verdana, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #712e19;
	text-transform: uppercase;
}

a:link, a:visited {
	color: #e5420b;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

/* disable firefox link borders */
a:active, a:focus {
	outline: 0;
}

small {
	font-size: 10px;
	font-weight: lighter;
	text-align: center;
	line-height: 1em;
	/*font-variant: small-caps;*/
}

.date, .brown_hl {
	display: block;
	font-family: Georgia, serif;
	font-weight: bolder;
	font-size: 11px;
	letter-spacing: .1em;
	text-align: center;
	line-height: 20px;	
	color: #712e19;
}

img {
	border: none;
}

ul {
	
}

li {
	
}

/* @end */

/* @group Main Page Construction */

html {
	padding: 0;
	margin: 0;
	min-width: 920px;
}

body {
	margin: 0;
	padding: 0;	
	background: #f2ede0 url(_img/bg_body.png);
}

#topbar {
	position: absolute;
	width: 100%;
	height: 345px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	top: 0;
	left: 0;
	background: url(_img/bg_topbar.png) top left repeat-x;
}

#header {
	position: relative;
	background: url(_img/bg_header.jpg) 0px 89px no-repeat;
	height: 385px;
	overflow: hidden;
}

#page {
	position: static;
	top: 0;
	left: 0;
	width: 930px;
	margin: 0px auto 100px auto;
	padding: 0;
	top: 0;
}

#content {
	/*position: relative;*/
	background: url(_img/bg_content_middle.png) left top repeat-y;
	margin: 0 !important;
	padding: 0 6px	
}

.contenttop {
	background: url(_img/bg_content_top.png) left bottom no-repeat;
	margin: 0;
	padding: 0;
	height: 10px;
}

.contentbottom {
	clear: both;
	margin: 0;
	height: 10px;
	background: url(_img/bg_content_bottom.jpg) left top no-repeat;
  	margin: 0;
}

#postcolumn {
	display: inline;
	float: left;
	width: 540px;
	padding: 0 0 60px 0;
	margin-left: 34px !important;

}

#singlepost {
	width: 500px;
	margin: 0px auto;
	padding: 30px 0 60px 0;
}

body#referenzen #singlepost,
body#leistungen #singlepost {
	margin: 0px 0 0px 320px;

}

body#referenzen-subpage #singlepost {
	width: 578px;
}

body#blog-subpage #singlepost {
	display: inline;
	float:  left;
	width: 540px;
	margin-left: 34px;
}

#postcolumn *,
#singlepost * {
	line-height: 175%
}

#sidebar {
	display: inline;
	float:  left;
	width: 260px;
	margin-top: 50px;
	margin-left: 40px;
}

#footer {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 235px;
	overflow: hidden;
	background: #000 url(_img/bg_footer.png) top left repeat-x ;
}

/* @end */

/* @group #header */

#header #navi {
	position: absolute;
	display: block;
	top: 73px;
	left: 230px;
	overflow: hidden;
}

#header #logo {
	background: url(_img/bg_logo.png) top left no-repeat;
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	top: 27px;
	left: 40px;
}

#header #logo a:link,
#header #logo a:visited,
#header #logo a:hover,
#header #logo a:active  {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 150px;
	height: 75px;
	overflow: hidden;
	text-indent: -9999px;
}

#header #sitedescription {
	display: none;
}

#header #phonemail {
	/*background: url(_img/bg_phone.png) top right no-repeat;*/
	position: absolute;
	display: block;
	width: 400px;
	height: 30px;
	margin: 0;
	top: 20px;
	
	left: 530px;
	overflow: visible;
	text-align: right;
}

#header #phonemail h2 {
	display: none;
}

#header #phonemail * {
	font-family: Georgia, serif;
	font-weight: bolder;
	font-size: 10px;
	letter-spacing: .1em;
	line-height: 31px;
	color: #998e73;
	margin: 0px;
	border: 0px;
	left: 0px !important;
	right: 0px !important;
}

#header #phonemail span#phonenumber {
	padding: 11px 5px 11px 35px;
	background: url(_img/bg_phone.png) center left no-repeat;
}

#header #phonemail a#mailaddress:link,
#header #phonemail a#mailaddress:visited {
	padding: 11px 5px 11px 5px;
	background: url(_img/bg_phone.png) center right no-repeat;
	color: #998e73;
}

#header #phonemail a#mailaddress:hover,
#header #phonemail a#mailaddress:active {
}

#pricebutton {
	background: url(_img/preis_button999.png) top left no-repeat !important;
	background-image: url(_img/preis_button999_IE.png);

position: absolute;
	top: 304px;
	left: 585px;
}

#pricebutton a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 63px;
	height: 74px;
}

/* @group .linkblock */

#header .linkblock {
	position: absolute;
	width: 250px;
	height: 200px;
	top: 155px;
	overflow: hidden;
}

#header .linkblock h2 {
	display: block;
	height: 20px;
	padding: 0;
	margin: 0;

text-indent: -9999px;
	overflow: hidden;
	
}

#linkblock_leistungen h2 {
	background: url(_img/txt_leistungen.png) center top no-repeat;	
}

#linkblock_ihrewebsite h2 {
	background: url(_img/txt_ihrewebsite.png) center top no-repeat;	
}

#linkblock_leistungen {
	left: 45px;
}

#linkblock_ihrewebsite {
	left: 360px;
}

.linkblock ul {
	background: url(_img/seperator.png) top left repeat-x;
	padding: 2px 0 0 0;
	margin: 10px 0 0 0;
	list-style-type: none;
}

.linkblock li {
	background: url(_img/seperator.png) bottom left repeat-x;
	padding: 0;
	margin: 0;
}

.linkblock ul a:link,
.linkblock ul a:visited {
	background: url(_img/bg_linklist.png) left top no-repeat;	
	padding: 0 0 0 25px;
	display: block;
	height: 34px;
	line-height: 32px;
	font-size: 12px;
}

.linkblock ul a:hover,
.linkblock ul a:active {
	background: url(_img/bg_linklist.png) left -40px no-repeat;
	color: #fff;
	text-decoration: none;
}

.linkblock .hotlinks {
	background: #000 url(_img/bg_hotlinks.png) left top no-repeat;	
	margin-top: 35px;
	text-align: center;
	
	font-family: Georgia, serif;
	font-weight: bolder;
	font-size: 10px;
	line-height: 25px;
	letter-spacing: .1em;
}

.hotlinks a:link,
.hotlinks a:visited   {
	padding: 0 5px;
	color: #ccc;
}

.hotlinks a:hover,
.hotlinks a:active {
	color: #fff;
	text-decoration: none;

}

/* @end */

/* @group #navi */

#navi h2 {
	display: none;
	background: url(_img/navi.png) 0px 0px no-repeat;

}

#navi ul {
	list-style-type: none;
	float: left;
	padding: 0 0 0 1px;
	margin: 0;
	background: url(_img/navi.png) 0 0 no-repeat;

}

#navi ul li  {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0 1px 0 0;
}

#navi a {
	display: block;
	overflow: hidden;
	padding: 0;
	
	height: 37px;
	text-indent: -999px;
	border: none;

background: url(_img/navi.png) 0px 0px no-repeat;
}

a#naviitem01 {	width: 85px;	background-position:  -1px 0; }
a#naviitem02 {	width: 134px;	background-position: -87px 0px; }
a#naviitem03 {	width: 140px;	background-position: -222px 0px; }
a#naviitem04 {	width: 113px;	background-position: -363px 0px; }

a#naviitem01:hover {	background-position:   -1px -40px; }
a#naviitem02:hover {	background-position:  -87px -40px; }
a#naviitem03:hover {	background-position: -222px -40px; }
a#naviitem04:hover {	background-position: -363px -40px; }

body#home a#naviitem01,
body#blog-archive a#naviitem01,	
body#blog-subpage a#naviitem01		{	background-position:  -1px 	-80px; }

body#leistungen a#naviitem02 		{	background-position: -87px 	-80px; }

body#referenzen-subpage a#naviitem03,
body#referenzen a#naviitem03 		{	background-position: -222px -80px; }

body#kontakt a#naviitem04 		{	background-position: -363px -80px; }
*/
/* @end */

/* @end */

/* @group #content */

.post {
	padding: 20px 0 50px 0;
	/*background: url(_img/ornamentline.png) center top no-repeat;*/
	margin: 0 0 0px 0;
}

#content h1 {
	text-align:center;
	margin: 0;
	padding: 20px 0;
		
}

#content h2 {
	text-align: center;
	padding-bottom: 15px;
	margin: 0;
	background: url(_img/ornamentline.png) center bottom no-repeat;
}

#content h2.pagetitle {
	padding-top: 10px;
}

#content .entry h2 {
	margin-top: 40px; 
}

#content .entry h3 {
	padding-top: 20px;
	margin: 0;
	clear: both;
}

#content .entry:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content .entry p img {
	float: left;
	margin: 0 20px 10px 0; 
	padding: 5px;
	border: 1px solid #d6d2c6;
}

/* @group submenu */

#submenu {
	position: absolute;
	display: block;
	margin-top: 0px;
	margin-left: -280px;
}

#submenu ul {
	background: url(_img/seperator.png) left top repeat-x;
	list-style-type: none;
	margin: 0;
	padding: 2px 0 0 0;
}

#submenu ul li {
	background: url(_img/seperator.png) left bottom repeat-x;
	display: block;
	padding-bottom: 2px;
}

#submenu a {
	background: url(_img/bg_linklist.png) left top no-repeat;
	display: block;
	width:  180px;
	padding-left: 25px;
	height: 32px;
	line-height: 32px;
}

#submenu li.current_page_item a {
	background: url(_img/bg_linklist.png) left -40px no-repeat;
	color:  #fff;

}

/* @end */

/* @group #commentform */

form#commentform {
	width: 100%;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

.postmetadata{
	display: block;
	background-color: #f1eee5;
	padding: 5px 20px;
	margin: 0px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #d6d2c6;
}

ol.commentlist {
	list-style-position: inside;
	padding: 0;

}

ol.commentlist li {
	display: block;
	background-color: #f1eee5;
	padding: 2px 20px;
	margin: 0px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #d6d2c6;
}

h3#comments, h3#respond {
	background: url(_img/bg_seperator.png) top left repeat-x;
	padding-top: 20px;
	clear: both;
}

/* @end */

/* @group #sidebar */

.sidebox {
	margin-bottom: 50px;
	padding-bottom: 12px;
	background: url(_img/sidebox_ornament.png) center bottom no-repeat;
}

.sidebox h2 {
	padding: 0 !important;
	margin: 0;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center center !important;
	background-repeat: no-repeat;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: url(_img/seperator.png) top left repeat-x;

}

#sidebar ul li {

margin: 0;
	padding: 8px 0 8px 5px;
	background: url(_img/seperator.png) bottom left repeat-x;
}

#smallarchive h2 {
	background-image: url(_img/txt_newsblog.png);
}

#websitesicreated h2 {
	background-image: url(_img/txt_referenzenonline.png);
}

#friendsontheweb h2 {
	background-image: url(_img/txt_friendsontheweb.png);
}

#momentanlaeuft h2 {
	background-image: url(_img/txt_momentanlaeuft.png);
}

p#musiclinks {
	text-align: center;
}

#urlaub {
	position: relative;
	background: url(_img/teaser_urlaub.png) center center no-repeat;
	height: 180px;
	padding: 0;
	margin: -80px 0 30px 0;
}

#urlaub * {
	display: none;
}

/* @end */

/* @group #footer */
#footer * {
	font-size: 11px;
	line-height: 15px;
}

#footerwrapper {
	display: block;
	width: 890px;
	height: 210px;
	padding: 0;
	margin: 0 auto;
}

#footer ul {
	display: block;
	padding: 0;
	margin: 2px 0 0 0;
	/*list-style-position: inside;
	list-style-type: disc;*/
	border-bottom: 1px solid;

}

#footer li {
	border-top: 1px solid;
	padding: 4px 0;	
}

#footer h2 {
	text-align: left;
	letter-spacing: .2em;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 0;
	margin: 0;
	text-shadow: none;
}

#footerlist01 {
	width: 100px;
	margin-top: 40px;
	float: left;
}

#footerlist02, 
#footerlist03, 
#footerlist04 {
	width: 200px;
	margin-top: 40px;
	margin-left: 60px;
	float: left;
}

#footerlist01 ul, 
#footerlist02 ul {
	list-style-type: disc;
	list-style-position: inside;
}

#footerlist03 ul, 
#footerlist04 ul {
	list-style-type: none;
}

#footerlist04 li {
	display: block;
	height: 33px;
	padding: 7px 0;
}

/* RSS-Feed & Bookmarks */

#rssrow:after {
	clear: both;
	display: none;
	content: ".";
}

#rssrow img {
	float: left;
	margin: -1px 7px 4px 0;
	border: none;
}

#bookmarkrow {
	padding: 0 !important;
}

#bookmarkrow .sociable_tagline {
	display: none;
}

#bookmarkrow ul {
	display: block;
	margin: 10px 0 0 4px;
	border: none;
}

#bookmarkrow ul li {
	display: inline;
	padding: 10px 0 0 0;
	margin: 10px 0;
	border: none;
}

#bookmarkrow a {
	display: block;
	height: 17px;
	padding: 0px;
	margin: 0 11px 0 0;
	float:  left;
}

#bookmarkrow img {
	border: none;
}

/* Wordpress credit */

#credit {
	position: relative;
	clear: both;
	top: 30px;
	margin: 00;
	width: 100%;
}

#credit ul {
	display: block;
	height: 22px;
	width: 250px;
	margin: 0 auto;
	list-style-type: none;
	border: 0px;

}

#credit li {
	display: block;
	float:  left;
	border: 0px;

}

#credit li a:link,
#credit li a:visited {
	display: block;
	float:  left;
	height: 22px;
	text-indent: -999px;
	overflow: hidden;
	opacity: .5;
	border: 0px;

}

#credit li a:hover,
#credit li a:active {
	opacity: 1;
}

a#wordpresslink {
	background: url(_img/icon_wordpress.png) top left no-repeat;
	width:  96px;
	margin-right: 10px;
}

a#applelink {
	background: url(_img/icon_apple.png) top left no-repeat;
	width: 83px;
	margin-left: 10px;
}

/* @end */

/* @group Pages */

/* @group Kontakt */

body#kontakt form, 
body#kontakt fieldset  {
	margin-top: 20px;
	border: 0px;
	width: 97%;
}
body#kontakt fieldset legend {
	display: none;
}

body#kontakt form input,
body#kontakt form textarea {
	margin-bottom: 20px;
	
}
/* @end */

/* @group Home */

body#home .post {
	margin-top: 20px;
}

body#home .entry {
	padding: 0px 0 10px 0;
	margin: 0px 0 0px 0;

}

body#home .entry p {
	padding: 0 5px;

}

/* @group #topreferenz */

#topreferenz {
	background: url(_img/seperator_shadow.png) bottom left repeat-x;
	padding: 10px 0px 10px 34px;
	margin: 0 0 20px 0;
}

#topreferenz h2 {
	display: block;
	background: url(_img/txt_aktuelleprojekte.png) center center no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	padding: 20px 34px 10px 0;
	margin: 0;
}

#topreferenz small {
	padding: 10px 0;
	margin: 0;
}

#topreferenz #portfoliolink {
	background: url(_img/seperator.png) center center repeat-x;
	text-align: center;
	margin: 0 34px 30px 0;

clear: both;

}

a.blackbutton:link,
a.blackbutton:visited {
	
	background: #000 url(_img/bg_hotlinks.png) left top no-repeat;	
	display:block;
	height: 25px;
	width: 250px;
	margin: 0 auto;

text-align: center;
	
	
	font-family: Georgia, serif;
	font-weight:  bolder;
	font-size: 10px;
	line-height: 25px;
	color:  #ddd;
	letter-spacing: .1em;	
	text-align: center;
}

a.blackbutton:hover,
a.blackbutton:active {
	color: #fff;
	text-decoration: none;
	background-position: bottom left;
}

/* @end */

/* @group Blogarchive */

#blog-archive #archive-type {
	font-size: 18px;
	padding: 30px 0 5px 0;
}

#blog-subpage #singlepost h2,
#blog-archive #postcolumn h2 {
	margin: 0 !important;
}

/* @end */

/* @group Referenzen */

body#referenzen .gallery {
	display: block;
	width: 884px;
	margin: 0;
	padding: 30px 0px 60px 34px;
	background: url(_img/bg_widecolumn_mid.png) top left repeat-y ;
}

body#referenzen h2.pagetitle {
	display: none;
}

div.galleryitem {
	position: relative;
	width: 260px;
	float: left;
	background-image: none;
	padding: 0;
	margin-right: 34px;
	margin-bottom: 25px;
}

div.galleryitem h3 {
	font-family: Georgia, Times New Roman, serif;
	text-transform: none;
	text-align: center;
	font-size: 16px !important;
	padding: 2px !important;
	margin: 0 !important;
	background-image: none !important;

}

div.galleryitem p {
	padding: 0;
	margin: 0;
}

div.galleryitem small {
	display: block;
	padding: 6px;
	margin: 0px 0 0 0;
	text-align: center;
	width: 260px;
	border-bottom: 1px solid #d6d2c6;
}

a.gallerylink  {
	background: url(_img/img_hover.png) center -200px no-repeat;
	display: block;
	font-size: 0.0001em;
	line-height: 0.0001em;

padding: 4px;
	border: 1px solid #d6d2c6;
	width: 250px;
	height: 125px;
}

#referenzen-subpage a.gallerylink  {
	width: 568px;
	height: 260px;
}

img.galleryimage {
	margin: 0 !important; 
	padding: 0 !important;
	border: 0px !important;
}

a.gallerylink:hover {
	background-position: center center;
	border: 1px solid #b1a385;
}

a.gallerylink:hover img {
	opacity: .22;
}

body#referenzen-subpage .entry img {
	width: 568px; 
}

/* @end */

/* @group Links */

#links ul.toplist {
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
}

#links ul h2 {
	padding: 20px 0;
}

#links li.linkcat {
	background: url(_img/ornamentline.png) center top no-repeat;
}

#links li.linkcat ul {
	padding: 20px 40px;
	list-style-type: disc;
}

/* @end */

/* @group Custom Classes */

.nodisplay {
	display: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 60px;
	}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

.clearer {
	clear: both;
}

/* @end */

Weitere Informationen über diese Webseite:

URL: http://www.thilothamm.de/
CSS URL: http://www.thilothamm.de/wp-content/themes/thilothamm/style.css
Sprache: de
Charset: UTF-8
Titel: Webdesign, Screendesign, Web2.0 in Leipzig » Thilo Thamm Mediengestalter
Meta-Description: Screendesign, modernes Webdesign, Web2.0 und top-notch XHTML/CSS in Leipzig