Results of the CSS crunched for high-tech-dental.de

Let's see what we've done for high-tech-dental.de

CSSCruncher.com has crunched this CSS to
16.23 %Less Size! Woohooo!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

@charset "UTF-8";html *{margin:0;padding:0}
img{border:0}
#wrapHead, #naviMain, #naviContext, #theme, #marginalie, #content{}
#wrapAll{width:902px}
#wrapHead, #wrapDivider, #wrapContent, #wrapFooter{width:900px;float:left}
#colLeft, #index{width:224px;float:left}
#colMain, #status{width:674px;float:right}
#wrapHead{height:256px}
#logo{width:224px;float:left}
#naviMain, #theme{width:675px;float:left}
#wrapDivider, #wrapFooter, #naviMain, #index, #status{height:30px}
#content{width:652px;float:left}
#content .imgArticle{width:225px;float:right}
#wrapFooter span{width:870px;float:left}
#content p.addLink, #newsSingle, #newsList, #content .csc-textpic, #content h1, #newsSingle .newsArticle, #kontaktform, #content .tx-wecmap-pi1{width:100%;float:left}
#content .csc-textpic-center .imgTextpic{width:207px;float:left}
div.shadow{float:left;width:907px}
div.shu{height:5px}
.left{float:left}
.right{float:right}
#wrapAll{margin:25px auto}
#naviMain a, #naviMain .aktiv span, #naviContext a, #naviContext .aktiv span{display:block;padding:10px}
#index span{padding:10px 25px}
#status span{padding:10px}
#marginalie ul.partnerlogos{margin:1em 0}
#marginalie .partnerlogos li{padding:1em}
#content{padding:22px 11px}
#content p{margin:0 0 1em 0}
#content p.addLink{margin:1em 0;padding:0 0 0 1em}
#content h1, #content h2, #content h3, #content h4{margin:0 0 .4em 0}
#content h4{margin:1em 0 0 0}
#content .imgArticle{padding:0 0 .75em 11px}
#content .imgArticle .caption{padding:.15em .25em .5em .25em}
#content .csc-textpic-center .imgTextpic{padding-right:5px;padding-left:5px}
#content blockquote p{margin-left:36px}
#wrapFooter{margin:0 0 25px 0}
#wrapFooter span{display:block;padding:10px}
#wrapAll{border-top:1px solid #fff}
#wrapHead, #wrapDivider, #wrapContent, #wrapFooter{border:1px solid #fff;border-top:none}
#logo, #index{border-right:1px solid #fff}
#theme{border-top:1px solid #fff}
#naviContext li{border-bottom:1px solid #fff}
#wrapHead{background:#fff}
#wrapContent{background:#fff url(../lib/faux_cols.gif) top left repeat-y}
body{background:#eaeaeb url(../lib/HG.gif) top left repeat-x}
#naviMain a:hover, #naviMain a:active, #naviMain .aktiv, #wrapDivider{background:#82b717 url(../lib/balken_30_darkgreen.jpg) center left repeat-x}
#naviContext a:hover, #naviContext a:active, #naviContext .aktiv{background:#8bc318 url(../lib/balken_30_lightgreen.jpg) center left repeat-x}
#content p.addLink{background:url(../lib/pfeil.gif) no-repeat left 50%}
#content blockquote{background:url(../lib/icon_zitat.gif) no-repeat 0 .3em}
#wrapFooter, #naviMain{background:#747477 url(../lib/balken_30_darkgray.jpg) center left repeat-x}
#naviContext li{background:#8d8d90 url(../lib/balken_30_lightgray.jpg) center left repeat-x}
#index span{background:url(../lib/navi_pfeil_rechts.gif) 10px 10px no-repeat}
#index span.sub{background-image:url(../lib/navi_pfeil_unten.gif)}
#wrapFooter span{background:url(../lib/quadrate.gif) center right no-repeat}
#naviMain, #naviContext, #marginalie .partnerlogos, #naviFooter{list-style:none}
#naviMain li{display:block;float:left;width:134px;height:30px;border-right:1px solid #fff}
#naviMain li.last{width:135px;border:none}
#naviFooter{display:inline;padding:0 0 0 1em}
#naviFooter li{display:inline;padding:0 1em;border-left:1px solid #fff}
#content ul{list-style:none;margin:0 0 1em .5em}
#content li{padding:0 0 0 1em;background:url(../lib/listdot.gif) no-repeat left .45em}
#content ul.linkListe{margin-left:0}
#content ul.linkListe li{background:url(../lib/pfeil.gif) no-repeat left 50%}
body{font:small/150% Verdana,Geneva,sans-serif;color:#747477}
a{color:#83b817;font-weight:normal;text-decoration:none}
a:hover, a:active{text-decoration:underline}
#naviMain a, #naviMain .aktiv, #index span, #status span, #status label, #status em, #naviContext a, #naviContext .aktiv{display:block;color:#fff;text-transform:uppercase;text-decoration:none;font-stretch:expanded;letter-spacing:.025em;font-size:10px;text-align:center;line-height:100%}
a.external-link-new-window{padding-left:16px;background:url(../lib/extern.gif) no-repeat left center}
a.download{padding-left:16px;background:url(../lib/download.gif) no-repeat left center}
#status, #status label, #status span, #status em{color:#fff;display:inline;float:left}
#marginalie{text-align:center}
#content{font-size:90%}
#content h1, #content h2, #content h3, #content h4{line-height:125%;color:#83b817;font-size:1.25em}
#content h3, #content h4{font-size:1em}
#content h4{font-weight:normal;font-size:1em}
#content .upper{text-transform:uppercase}
#content p.addLink{line-height:1em}
#content .imgArticle .caption{font-style:italic;font-size:.9em;line-height:130%}
#content blockquote p{font-style:italic}
#wrapFooter{font-size:10px;color:#fff;line-height:100%}
#newsLatest{width:652px;float:left;margin:1.5em 0 0 0}
#newsLatest h2{font-size:1.15em;font-weight:bold;color:#fff;background-color:#b9b9bb;padding:.25em 11px;line-height:100%;margin:0}
#newsLatest dl{background-color:#eaeaeb;border-top:1px solid #fff;padding:11px;width:630px;float:left}
#newsLatest .teaser dt.image{width:150px;margin:0 11px 1em 0;float:left}
#newLatest .teaser img{line-height:0;font-size:0;border:1px solid #747477}
#newsLatest .teaser dd.header{font-size:1.25em;color:#83b817;margin:0 0 .5em 0;float:left;width:468px}
#newsLatest .teaser dd.text{float:left;width:468px}
#newsLatest .teaser p{margin:0}
#newsLatest .teaser p.addLink{margin:.5em 0 0 0}
#newsList{margin:1em 0;padding:1em 0;border-top:1px dotted #747477}
div.tx-powermail-pi1 fieldset, div.tx-felogin-pi1 fieldset{border:1px solid #E6F1D1;padding:.5em}
div.tx-powermail-pi1 legend, div.tx-felogin-pi1 legend{color:#83B817;font-size:x-small;padding:0 .5em;background-color:#fff}
div.tx-powermail-pi1 tx-powermail-pi1_fieldset_3 legend{display:none}
div.tx-powermail-pi1 tx-powermail-pi1_fieldset_3{border:none}
div.tx-powermail-pi1 label, #content div.tx-felogin-pi1 label{display:block;float:left;padding:0 .5em 0 0;width:9em}
div.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html{padding:0 0 .5em 0}
.tx-powermail-pi1_confirmation p{color:#83B817;font-size:1.25em;font-weight:bold}
input.tx-powermail-pi1_confirmation, form.tx_powermail_pi1_formconfirmation_back, form.tx_powermail_pi1_formconfirmation_submit{display:inline}
form.tx_powermail_pi1_formconfirmation_back{padding:0 1em 0 0}
.powermail_all_td{padding:.25em .5em}
.powermail_all_td b{color:#83B817;font-style:italic;font-weight:normal}
#status input, #status label, #status form{display:inline;float:left}
#status form{padding:6px 0}
#status label, #status em{padding:4px .5em 0 1em}
#status input{padding:0}
#status input.text{background-color:#E6F1D1;padding:0;height:15px;border:1px solid #fff;font-size:.8em;color:#747477}
#status input.submit{height:17px;padding:0 10px;margin:0 0 0 1em;border:1px solid #fff;font-size:.8em;text-transform:uppercase;font-weight:bold;background-color:#747477;color:#fff}
#kontaktform #powermaildiv_uid30, #kontaktform #powermaildiv_uid31{display:inline;float:left}
#kontaktform #powermaildiv_uid30{margin-left:10em}
#kontaktform #powermaildiv_uid31{margin-left:10px}
#kontaktform #recaptcha_widget_div{margin-bottom:1em}
#kontaktform .powermail_submit, #kontaktform .powermail_reset{text-align:center;font-size:1.1em;font-weight:bold;padding:5px 10px;background-color:#747477;color:#fff;border:none;width:148px}
#kontaktform .powermail_mandatory_js{font-style:italic;color:#83b817;padding:.25em 0 .25em 10em}
#kontaktform .tx_powermail_pi1_fieldwrap_html_textarea textarea, #kontaktform .tx_powermail_pi1_fieldwrap_html_text input{width:316px}
#content .csc-textpic-intext-right .imgTextpic{width:215px;margin:0 0 .5em 10px;padding:0;float:right}
#content .imgTextpic img, #newsSingle .imgArticle img{border:1px solid #747477}
#content .imgTextpic .caption{padding:.25em .75em .75em .75em;line-height:120%;font-size:.86em;font-style:italic}
#content .imgTextpic .lightboxSpan{line-height:0px;font-size:0px}
#content .csc-textpic-intext-right .imgWrap{width:225px;float:right}
#content .csc-textpic{margin:0 0 1em 0}
#content .einSpalter, #content .zweiSpalter, p.addLink{float:left;width:100%}
#content .einSpalter .col{width:100%}
#content .zweiSpalter .col{width:48%}
#content .adressen{text-align:center}
#tfvLogo{width:100%;float:left;margin:20px 0 1em 0;text-align:center}

» Show original CSS code

« Hide original CSS code

@charset "UTF-8";
/* CSS Document */

/**** RESET ****/
html * {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}

/**** LAYOUT ****/

#wrapHead,
#naviMain,
#naviContext,
#theme,
#marginalie,
#content {
	
}

/* Dimensionen & Fluss */
#wrapAll {
	width: 902px;
}
#wrapHead,
#wrapDivider,
#wrapContent,
#wrapFooter {
	width: 900px;
	float: left;
}
#colLeft,
#index {
	width: 224px;
	float: left;
}
#colMain,
#status {
	width: 674px;
	float: right;
}
#wrapHead {
	height: 256px;
}
#logo {
	width: 224px;
	float: left;
}
#naviMain,
#theme {
	width: 675px;
	float: left;
}
#wrapDivider,
#wrapFooter,
#naviMain,
#index,
#status {
	height: 30px;
}
#content {
	width: 652px;
	float:left;
}
#content .imgArticle {
	width: 225px;
	float: right;
}
#wrapFooter span {
	width: 870px;
	float: left;
}
#content p.addLink,
#newsSingle,
#newsList,
#content .csc-textpic,
#content h1,
#newsSingle .newsArticle,
#kontaktform,
#content .tx-wecmap-pi1 {
	width: 100%;
	float: left;
}
#content .csc-textpic-center .imgTextpic {
	width: 207px;
	float: left;
}
div.shadow {
	float: left;
	width: 907px;
}
div.shu {
	height: 5px;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* Abstände */
#wrapAll {
	margin: 25px auto;
}
#naviMain a,
#naviMain .aktiv span,
#naviContext a,
#naviContext .aktiv span {
	display: block;
	padding: 10px;
}
#index span {
	padding: 10px 25px;
}
#status span {
	padding: 10px;
}

#marginalie ul.partnerlogos {
	margin: 1em 0;
}
#marginalie .partnerlogos li {
	padding: 1em;
}
#content {
	padding: 22px 11px;
}
#content p {
	margin: 0 0 1em 0;
}
#content p.addLink {
	margin: 1em 0;
	padding: 0 0 0 1em;
}
#content h1, 
#content h2, 
#content h3, 
#content h4 {
	margin: 0 0 .4em 0;
}
/*#content h3,*/ 
#content h4 {
	margin: 1em 0 0 0;
}
#content .imgArticle {
	padding: 0 0 .75em 11px;
}
#content .imgArticle .caption {
	padding: .15em .25em .5em .25em;
}
#content .csc-textpic-center .imgTextpic {
	padding-right: 5px;
	padding-left: 5px;
}
#content blockquote p {
	margin-left: 36px;
}
#wrapFooter {
	margin: 0 0 25px 0;
}
#wrapFooter span {
	display: block;
	padding: 10px;
}

/* Linien */
#wrapAll {
	border-top: 1px solid #fff;
}
#wrapHead,
#wrapDivider,
#wrapContent,
#wrapFooter {
	border: 1px solid #fff;
	border-top: none;
}
#logo,
#index {
	border-right: 1px solid #fff;
}
#theme {
	border-top: 1px solid #fff;
}
#naviContext li {
	border-bottom: 1px solid #fff;
}

/**** HINTERGRÜNDE ****/

/* Farben */
#wrapHead {
	background: #fff;
}

/* Grafiken */
#wrapContent {
	background: #fff url(../lib/faux_cols.gif) top left repeat-y;
}
body {
	background: #eaeaeb url(../lib/HG.gif) top left repeat-x;
}
#naviMain a:hover,
#naviMain a:active,
#naviMain .aktiv,
#wrapDivider {
	background: #82b717 url(../lib/balken_30_darkgreen.jpg) center left repeat-x;
}
#naviContext a:hover,
#naviContext a:active,
#naviContext .aktiv {
	background: #8bc318 url(../lib/balken_30_lightgreen.jpg) center left repeat-x;
}
#content p.addLink {
	background: url(../lib/pfeil.gif) no-repeat left 50%;
}
#content blockquote {
	background: url(../lib/icon_zitat.gif) no-repeat 0 .3em;
}
#wrapFooter,
#naviMain {
	background: #747477 url(../lib/balken_30_darkgray.jpg) center left repeat-x;
}
#naviContext li {
	background: #8d8d90 url(../lib/balken_30_lightgray.jpg) center left repeat-x;
}
#index span {
	background: url(../lib/navi_pfeil_rechts.gif) 10px 10px no-repeat;
}
#index span.sub {
	background-image: url(../lib/navi_pfeil_unten.gif);
}
#wrapFooter span {
	background: url(../lib/quadrate.gif) center right no-repeat;
}
/*div.svr {
	background: url(../lib/schatten_vr.gif) top right no-repeat;
}
div.shu {
	background: url(../lib/schatten_hu.gif) top left no-repeat;
}
*/

/**** LISTEN ****/
#naviMain,
#naviContext,
#marginalie .partnerlogos,
#naviFooter {
	list-style: none;
}
#naviMain li {
	display: block;
	float: left;
	width: 134px;
	height: 30px;
	border-right: 1px solid #fff;
}
#naviMain li.last {
	width: 135px;
	border: none;
}
#naviFooter {
	display: inline;
	padding: 0 0 0 1em;
}
#naviFooter li {
	display: inline;
	padding: 0 1em;
	border-left: 1px solid #fff;
}
#content ul {
	list-style: none;
	margin: 0 0 1em .5em;
}
#content li {
	padding: 0 0 0 1em;
	background: url(../lib/listdot.gif) no-repeat left .45em;
}
#content ul.linkListe {
	margin-left: 0;
}
#content ul.linkListe li {
	background: url(../lib/pfeil.gif) no-repeat left 50%;
}

/**** TEXTFORMATE ****/
body {
	font: small/150% Verdana, Geneva, sans-serif;
	color: #747477;
}
a {
	color: #83b817;
	font-weight: normal;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}
#naviMain a,
#naviMain .aktiv,
#index span,
#status span,
#status label,
#status em,
#naviContext a,
#naviContext .aktiv {
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-stretch: expanded;
	letter-spacing: .025em;
	font-size: 10px;
	text-align: center;
	line-height: 100%;
}
a.external-link-new-window {
	padding-left: 16px;
	background: url(../lib/extern.gif) no-repeat left center;
}
a.download {
	padding-left: 16px;
	background: url(../lib/download.gif) no-repeat left center;
}
#status,
#status label,
#status span,
#status em {
	color: #fff;
	display: inline;
	float: left;
}
#marginalie {
	text-align: center;
}
#content {
	font-size: 90%;
}
#content h1, 
#content h2, 
#content h3, 
#content h4 {
	line-height: 125%;
	color: #83b817;
	font-size: 1.25em;
}
#content h3, 
#content h4 {
	font-size: 1em;
}
#content h4 {
	font-weight: normal;
	font-size: 1em;
}
#content .upper {
	text-transform: uppercase;
}
#content p.addLink {
	line-height: 1em;
}
#content .imgArticle .caption {
	font-style: italic;
	font-size: .9em;
	line-height: 130%;
}
#content blockquote p {
	font-style: italic;
}
#wrapFooter {
	font-size: 10px;
	color: #fff;
	line-height: 100%;
}

/* News */
#newsLatest {
	width: 652px;
	float: left;
	margin: 1.5em 0 0 0;
}
#newsLatest h2 {
	font-size: 1.15em;
	font-weight: bold;
	color: #fff;
	background-color: #b9b9bb;
	padding: .25em 11px;
	line-height: 100%;
	margin: 0;
}
#newsLatest dl {
	background-color: #eaeaeb;
	border-top: 1px solid #fff;
	padding: 11px;
	width: 630px;
	float: left;
}
#newsLatest .teaser dt.image {
	width: 150px;
	margin: 0 11px 1em 0;
	float: left;
}
#newLatest .teaser img {
	line-height: 0;
	font-size: 0;
	border: 1px solid #747477;
}
#newsLatest .teaser dd.header {
	font-size: 1.25em;
	color: #83b817;
	margin: 0 0 .5em 0;
	float: left;
	width: 468px;
}
#newsLatest .teaser dd.text {
	float: left;
	width: 468px;
}
#newsLatest .teaser p {
	margin: 0;
}
#newsLatest .teaser p.addLink {
	margin: .5em 0 0 0;
}
#newsList {
	margin: 1em 0;
	padding: 1em 0;
	border-top: 1px dotted #747477;
}

/**** FORMULARE ****/
div.tx-powermail-pi1 fieldset,
div.tx-felogin-pi1 fieldset {
	border: 1px solid #E6F1D1;
	padding: .5em;
}
div.tx-powermail-pi1 legend,
div.tx-felogin-pi1 legend {
	color: #83B817;
	font-size: x-small;
	padding: 0 .5em;
	background-color: #fff;
}
div.tx-powermail-pi1 tx-powermail-pi1_fieldset_3 legend {
	display: none;
}
div.tx-powermail-pi1 tx-powermail-pi1_fieldset_3 {
	border: none;
}
div.tx-powermail-pi1 label,
#content div.tx-felogin-pi1 label {
	display: block;
	float: left;
	padding: 0 .5em 0 0;
	width: 9em;
}
div.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
	padding: 0 0 .5em 0;
}
.tx-powermail-pi1_confirmation p {
	color: #83B817;
	font-size: 1.25em;
	font-weight: bold;
}
input.tx-powermail-pi1_confirmation,
form.tx_powermail_pi1_formconfirmation_back,
form.tx_powermail_pi1_formconfirmation_submit {
	display: inline;
}
form.tx_powermail_pi1_formconfirmation_back {
	padding: 0 1em 0 0;
}
.powermail_all_td {
	padding: .25em .5em;
}
.powermail_all_td b {
	color: #83B817;
	font-style: italic;
	font-weight: normal;
}
#status input,
#status label,
#status form {
	display: inline;
	float: left;
}
#status form {
	padding: 6px 0;
}
#status label,
#status em {
	padding: 4px .5em 0 1em;
}
#status input {
	padding: 0;
}
#status input.text {
	background-color: #E6F1D1;
	padding: 0;
	height: 15px;
	border: 1px solid #fff;
	font-size: .8em;
	color: #747477;
}
#status input.submit {
	height: 17px;
	padding: 0 10px;
	margin: 0 0 0 1em;
	border: 1px solid #fff;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #747477;
	color: #fff;
}
#kontaktform #powermaildiv_uid30,
#kontaktform #powermaildiv_uid31{
	display: inline;
	float: left;
}
#kontaktform #powermaildiv_uid30 {
	margin-left: 10em;
}
#kontaktform #powermaildiv_uid31{
	margin-left: 10px;
}
#kontaktform #recaptcha_widget_div {
	margin-bottom: 1em;
}
#kontaktform .powermail_submit,
#kontaktform .powermail_reset {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #747477;
	color: #fff;
	border: none;
	width: 148px;
}
#kontaktform .powermail_mandatory_js {
	font-style: italic;
	color: #83b817;
	padding: .25em 0 .25em 10em;
}
#kontaktform .tx_powermail_pi1_fieldwrap_html_textarea textarea,
#kontaktform .tx_powermail_pi1_fieldwrap_html_text input {
	width: 316px;
}
/* Standard-Seiteninhalte */
#content .csc-textpic-intext-right .imgTextpic {
	width: 215px;
	margin: 0 0 .5em 10px;
	padding: 0;
	float: right;
}
#content .imgTextpic img,
#newsSingle .imgArticle img {
	border: 1px solid #747477;
}
#content .imgTextpic .caption {
	padding: .25em .75em .75em .75em;
	line-height: 120%;
	font-size: .86em;
	font-style: italic;
}
#content .imgTextpic .lightboxSpan {
	line-height: 0px;
	font-size: 0px;
}
#content .csc-textpic-intext-right .imgWrap {
	width: 225px;
	float: right;
}
#content .csc-textpic {
	margin: 0 0 1em 0;
}

/* Styles von prov. Website */
#content .einSpalter,
#content .zweiSpalter,
p.addLink {
	float: left;
	width: 100%;
}
#content .einSpalter .col {
	width: 100%;
}
#content .zweiSpalter .col {
	width: 48%;
}
#content .adressen {
	text-align: center;
}
#tfvLogo {
	width: 100%;
	float: left;
	margin: 20px 0 1em 0;
	text-align: center;
}