Ergebnisse des CSS Crunching von www.traumalos.de

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

CSSCruncher.com hat dieser Webseite
35,95 %Code erspart! Ich fasse es nicht!

Crunched CSS Code:

@charset "ISO-8859-1";body{margin:0;padding:0;font-family:Verdana,Arial,sans-serif;font-size:13px}
#topsection{color:#764f1f}
#topsection .bg_right{height:130px;background-image:url(../images/bg_right.jpg);background-repeat:repeat-x}
#topsection .bg_left{width:690px;height:130px;background-image:url(../images/bg_left2.jpg);background-repeat:no-repeat}
#topsection ul.navi{z-index:1;width:100%;background-color:#f0d4a1;border-bottom:1px solid #764f1f}
#maincontainer{width:950px}
#contentwrapper{float:left;width:100%}
#contentcolumn{margin-left:200px;min-height:480px;border-left:1px solid gray}
#leftcolumn{float:left;width:200px;margin-left:-950px}
.innertube{font-size:12px;line-height:18px;margin:10px}
.innertube2{margin:10px 0 50px 20px;width:730px;text-align:justify;line-height:18px}
#fusszeile{clear:left;width:100%;color:gray;min-width:950px;border-top:1px solid gray}
#fusszeile .inhalt{width:750px;margin:7px 0 7px 200px;font-size:11px;text-align:center;vertical-align:middle}
#fusszeile .inhalt img{vertical-align:middle;margin-right:3px}
#fusszeile .inhalt span{border-right:1px solid gray;margin-right:7px;padding-right:10px}
.mylightwindow{text-align:left;font-size:12px;font-style:italic}
.mylightwindow .zeile{width:530px;margin-top:1.5em}
.mylightwindow .spalte1{width:240px;float:left;margin:0 30px 0 0}
.mylightwindow .spalte2{width:250px;float:left;margin:0}
.mylightwindow .text{margin-top:0.2em}
.mylightwindow img{border:2px solid gray;margin-bottom:0.2em}
.mylightwindow img:hover{border:2px solid #be7d43}
.druckvorschau{display:none}
.teaser{font-size:12px}
.navibox{border:1px solid gray;background-color:#f6ebd7;padding:5px}
.navibox ul{margin:1em 5px;padding-left:1em}
.navibox li{margin-bottom:0em;list-style:circle}
.navibox .liste li{margin-bottom:0.5em}
.navibox .position{list-style:none}
.navibox .kontakt{list-style:none;margin-bottom:0.5em}
.sitenavi ul{list-style:none;margin:0;padding:0}
.sitenavi li{margin-bottom:0.3em;border:1px solid #764f1f}
.sitenavi li.none{margin-bottom:0.5em;border:none}
.sitenavi a{display:block;color:#764f1f;background-color:#f6ebd7;text-decoration:none;padding:2px 5px}
.sitenavi a:hover{color:#764f1f;background-color:#f0d4a1;text-decoration:underline}
.hover a{text-decoration:none;color:gray}
.hover a:hover{text-decoration:none;color:black}
td.unten{vertical-align:bottom}
.fett{font-weight:bold}
.unterstrichen{text-decoration:underline}
.kursiv{font-style:italic}
.center{text-align:center}
.block{text-align:justify}
.kommentar{font-size:11px;font-style:italic}
.kommentar2{font-size:8px;font-style:italic}
.autor{margin-top:25px;border-top:1px solid gray;font-style:italic;color:gray;text-align:right}
.datum{font-size:12px;font-style:italic;text-align:right}
.floatl{float:left}
.floatlimg{float:left;margin-right:15px}
.floatr{float:right}
.floatrimg{float:right;margin-left:15px}
.clear{clear:both}
a{color:#BE7D43;text-decoration:none}
a:hover{color:#BE7D43;text-decoration:underline}
a.td_none{text-decoration:none}
.braun{color:#BE7D43}
.braun2{color:#764f1f}
.banner .spalte{width:350px;float:left}
.image-subtitle{font-size:9px}
.fachleute td.foto{width:175px}
.fachleute td.text{width:495px;vertical-align:bottom}
.facebook a{color:#3B5998}
.facebook img{float:left;margin-right:5px}
li.none{list-style-type:none}
li.absto1{margin-top:0.3em}
li.absto2{margin-top:0.5em}
.liste{padding-left:1em}
.liste li{margin-bottom:0.3em}
.none li{list-style-type:none}
.liste2 li{margin-top:0.7em;margin-bottom:0.2em}
ul.kontakt ul{list-style-type:none;font-weight:normal;font-style:normal}
ul.links li{list-style-type:none}
.pic_file{background:url(../images/file.png) no-repeat left;padding-left:20px}
.pic_pdf{padding-left:20px;background:url(../images/pdf.gif) 0px 1px no-repeat}
.pic_drucker{padding-left:20px;background:url(../images/drucker.gif) 0px 1px no-repeat}
.pic_top{padding-left:20px;height:16px;background:url(../images/arrow_top.gif) 0px 1px no-repeat}
.pic_email{background:url(../images/email.png) no-repeat left;padding-left:20px}
.pic_email2{background:url(../images/email2.png) no-repeat left;padding-left:20px}
.pic_link{background:url(../images/arrow_right.png) no-repeat left;padding-left:20px}
.pic_male{padding-left:20px;background:url(../images/male.gif) 0px 1px no-repeat}
.pic_female{padding-left:20px;background:url(../images/female.gif) 0px 1px no-repeat}
.pic_empty{padding-left:20px}
.addthis{border-top:1px dotted gray;border-bottom:1px dotted gray;padding:5px 0;color:gray;font-size:11px;line-height:16px}
.addthis .abst{margin-right:10px}
.addthis_toolbox{}
.addthis_toolbox a{display:block;float:left;cursor:pointer;height:16px;text-indent:20px}
.addthis_toolbox .title{float:left;margin-right:10px}
.addthis_toolbox .addthis_button_email{background:url(../images/hover_email.png) 0px 0px no-repeat}
.addthis_toolbox .addthis_button_email:hover{background:url(../images/hover_email.png) 0px -16px no-repeat}
.addthis_toolbox .addthis_button_favorites{background:url(../images/hover_favorites.png) 0px 0px no-repeat}
.addthis_toolbox .addthis_button_favorites:hover{background:url(../images/hover_favorites.png) 0px -16px no-repeat}
.addthis_toolbox .drucker{background:url(../images/hover_drucker.png) 0px 0px no-repeat}
.addthis_toolbox .drucker:hover{background:url(../images/hover_drucker.png) 0px -16px no-repeat}
.addthis_toolbox .pdf{background:url(../images/hover_pdf.png) 0px 0px no-repeat}
.addthis_toolbox .pdf:hover{background:url(../images/hover_pdf.png) 0px -16px no-repeat}
.addthis_toolbox .addthis_button_facebook{width:86px;background:url(../images/hover_facebook.png) 0px 0px no-repeat}
.addthis_toolbox .addthis_button_facebook:hover{background:url(../images/hover_facebook.png) 0px -16px no-repeat}
.addthis_toolbox .addthis_button{width:125px;background:url(../images/hover_addthis.png) 0px 0px no-repeat}
.addthis_toolbox .addthis_button:hover{background:url(../images/hover_addthis.png) 0px -16px no-repeat}
.abstou{margin:10px 0}
.abstou1{margin:15px 0}
.abstou2{margin:25px 0}
.abstou3{margin:1em 0 0.5em 0}
.absto1{margin-top:15px}
.absto2{margin-top:25px}
.abstu1{margin-bottom:15px}
.abstu2{margin-bottom:25px}
.abstu3{margin-bottom:0.5em}
.absto3{margin-top:0.5em}
.abstu4{margin-bottom:1em}
.absto4{margin-top:1em}
.abstu5{margin-bottom:2em}
.absto5{margin-top:2em}
.box1{border:1px solid gray;background-color:#f6ebd7;padding:10px}
.box1b{border:1px solid gray;background-color:#f6ebd7;padding:5px}
.box1b .top{font-weight:bold;color:#764f1f;margin-bottom:8px}
.box2a{border:none;text-align:justify;width:150px;float:left}
.box2b{border:none;text-align:justify;margin-left:175px}
.box3{border:2px inset #BE7D43;padding:15px;background-color:#f6ebd7}
.box4{border:none;background-color:transparent;text-align:justify;margin-left:175px}
.box4a{width:170px;float:left}
.box4b{width:320px;padding-bottom:10px;float:left}
.box4c{margin:0 20px 0 0;float:left}
.box5{border:1px solid gray;background-color:#e0e0e0;padding:5px;width:715px;font-size:11px;line-height:15px}
.box5b{border:1px solid gray;background-color:#e0e0e0;padding:5px;font-size:11px;line-height:15px}
.box6{border:1px solid gray;padding:10px}
.top1{font-size:15px;font-weight:bold}
.top2{font-size:1.4em;letter-spacing:0.2em}
.top3{font-size:16px;font-weight:bold;line-height:26px;margin-bottom:1.5em;color:#764f1f;border-bottom:2px solid #764f1f}
.top4{font-size:1.8em;font-weight:bold}

» Zeige den Original CSS code

« Verberge den Original CSS code

@charset "ISO-8859-1";

body{
        margin: 0;
        padding: 0;
        font-family: Verdana, Arial, sans-serif;
        font-size: 13px;
}

#topsection{
        color: #764f1f;
}
#topsection .bg_right{
                        height: 130px;
                        background-image:url(../images/bg_right.jpg);
                        background-repeat:repeat-x;
}
#topsection .bg_left{
                        width: 690px;
                        height: 130px;
                        background-image:url(../images/bg_left2.jpg);
                        background-repeat:no-repeat;
}
#topsection ul.navi{
                        z-index: 1;
                        width: 100%;
                        background-color: #f0d4a1;
                        border-bottom: 1px solid #764f1f;
}

#maincontainer{
         width: 950px; /*Width of main container*/
}

#contentwrapper{
         float: left;
         width: 100%;
}

#contentcolumn{
         margin-left: 200px; /*Set left margin to LeftColumnWidth*/
         min-height: 480px;
         border-left: 1px solid gray;
}

#leftcolumn{
         float: left;
         width: 200px; /*Width of left column*/
         margin-left: -950px;
}

.innertube{
         font-size: 12px;
         line-height: 18px;
         margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.innertube2{
         margin: 10px 0 50px 20px; /*Margins for inner DIV inside each column (to provide padding)*/
         width: 730px; /* = Width of main container - width of leftcolumn - margin-left of innertube2  */
         text-align: justify;
         line-height: 18px;
}

/* Fusszeile */

#fusszeile {
        clear: left;
        width: 100%;
        color: gray;
        min-width: 950px;
        border-top: 1px solid gray;
}
#fusszeile .inhalt {
        width: 750px;
        margin: 7px 0 7px 200px;
        font-size: 11px;
        text-align: center;
        vertical-align: middle;
}
#fusszeile .inhalt img {
        vertical-align: middle;
        margin-right: 3px;
}
#fusszeile .inhalt span {
        border-right: 1px solid gray;
        margin-right: 7px;
        padding-right: 10px;
}

/* Content-Gesamtbreite: 200px (leftcolumn) + 20px (margin contentcolumn) + 730px (width contentcolumn) = 950px */

/* ------------------------------------------------------------------------- */

/* LightWindow */

.mylightwindow {
         text-align: left;
         font-size: 12px;
         font-style: italic;
}

.mylightwindow .zeile {
         width: 530px;
         margin-top: 1.5em;
}

.mylightwindow .spalte1 {
         width: 240px;
         float: left;
         margin: 0 30px 0 0;
}

.mylightwindow .spalte2 {
         width: 250px;
         float: left;
         margin: 0;
}

.mylightwindow .text {
         margin-top: 0.2em;
}

.mylightwindow img {
         border: 2px solid gray;
         margin-bottom: 0.2em;
}

.mylightwindow img:hover {
         border: 2px solid #be7d43;
}

/* --- */

.druckvorschau {
        display: none;
}

.teaser {
         font-size: 12px;
}

/* linke Navibox */

.navibox {
         border: 1px solid gray;
         background-color: #f6ebd7;
         padding: 5px;
}
.navibox ul {
        margin: 1em 5px;
        padding-left: 1em;
}
.navibox li {
         margin-bottom: 0em;
         list-style: circle;
}
.navibox .liste li {
         margin-bottom: 0.5em;
}
.navibox .position {
         list-style: none;
}
.navibox .kontakt {
         list-style: none;
         margin-bottom: 0.5em;
}

/* ------------------ */

.sitenavi ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
.sitenavi li {
        margin-bottom: 0.3em;
        border: 1px solid #764f1f;
}
.sitenavi li.none {
        margin-bottom: 0.5em;
        border: none;
}
.sitenavi a {
        display: block;
        color: #764f1f;
        background-color: #f6ebd7;
        text-decoration: none;
        padding: 2px 5px;
}
.sitenavi a:hover {
        color: #764f1f;
        background-color: #f0d4a1;
        text-decoration: underline;
}

/* Allgemeine Formatierungen */

.hover a {
        text-decoration: none;
        color: gray;
}
.hover a:hover {
        text-decoration: none;
        color: black;
        /*
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: #f2debb;
        text-decoration: none;
        */
}

td.unten {
        vertical-align: bottom;
}
.fett {
        font-weight: bold;
}
.unterstrichen {
        text-decoration: underline;
}
.kursiv {
        font-style: italic;
}
.center {
        text-align: center;
}
.block {
        text-align: justify;
}
.kommentar {
        font-size: 11px;
        font-style: italic;
}
.kommentar2 {
        font-size:8px;
        font-style: italic;
}
.autor {
        margin-top: 25px;
        border-top: 1px solid gray;
        font-style: italic;
        color: gray;
        text-align: right;
}
.datum {
        font-size: 12px;
        font-style: italic;
        text-align: right;
}
.floatl {
        float: left;
}
.floatlimg {
        float: left;
        margin-right: 15px;
}
.floatr {
        float: right;
}
.floatrimg {
        float: right;
        margin-left: 15px;
}
.clear {
        clear: both;
}

a {
        color: #BE7D43;
        text-decoration: none;
}

a:hover {
        color: #BE7D43;
        text-decoration: underline;
}

a.td_none {
        text-decoration: none;
}
.braun {
        color: #BE7D43;
}
.braun2 {
        color: #764f1f;
}

.banner .spalte {
        width: 350px;
        float: left;
}

.image-subtitle {
                  font-size: 9px;
}

.fachleute td.foto {
        width: 175px;
}
.fachleute td.text {
        width: 495px;
        vertical-align: bottom;
}

.facebook a {
        color:#3B5998
}
.facebook img {
        float: left;
        margin-right:5px
}

/* Listen */

li.none {
        list-style-type: none;
}

li.absto1 {
        margin-top: 0.3em;
}

li.absto2 {
        margin-top: 0.5em;
}

.liste {
        padding-left: 1em;
}
.liste li {
        margin-bottom: 0.3em;
}
.none li {
        list-style-type: none;
}

.liste2 li {
        margin-top: 0.7em;
        margin-bottom: 0.2em;
}

ul.kontakt ul {
        list-style-type: none;
        font-weight: normal;
        font-style: normal;
}

ul.links li {
        list-style-type: none;
}

/* Bild vor dem Text */

.pic_file {
         background: url(../images/file.png) no-repeat left;
         padding-left:20px;
}
.pic_pdf {
        padding-left: 20px;
        background: url(../images/pdf.gif) 0px 1px no-repeat;
}
.pic_drucker {
        padding-left: 20px;
        background: url(../images/drucker.gif) 0px 1px no-repeat;
}
.pic_top {
        padding-left: 20px;
        height: 16px;
        background: url(../images/arrow_top.gif) 0px 1px no-repeat;
}
.pic_email {
        background: url(../images/email.png) no-repeat left;
        padding-left: 20px;
}
.pic_email2 {
        background: url(../images/email2.png) no-repeat left;
        padding-left: 20px;
}
.pic_link {
        background: url(../images/arrow_right.png) no-repeat left;
        padding-left: 20px;
}
.pic_male {
        padding-left: 20px;
        background: url(../images/male.gif) 0px 1px no-repeat;
}
.pic_female {
        padding-left: 20px;
        background: url(../images/female.gif) 0px 1px no-repeat;
}
.pic_empty {
        padding-left: 20px;
}

/* Addthis */

.addthis {
        border-top: 1px dotted gray;
        border-bottom: 1px dotted gray;
        padding: 5px 0;
        color: gray;
        font-size: 11px;
        line-height:16px;
}
.addthis .abst {
        margin-right: 10px;
}

.addthis_toolbox {

}

.addthis_toolbox a {
        display:block;
        float: left;
        cursor: pointer;
        height:16px;
        text-indent: 20px;
}

.addthis_toolbox .title {
        float: left;
        margin-right: 10px;
}

.addthis_toolbox .addthis_button_email {
        background: url(../images/hover_email.png) 0px 0px no-repeat;
}
.addthis_toolbox .addthis_button_email:hover {
        background: url(../images/hover_email.png) 0px -16px no-repeat;
}

.addthis_toolbox .addthis_button_favorites {
        background: url(../images/hover_favorites.png) 0px 0px no-repeat;
}
.addthis_toolbox .addthis_button_favorites:hover {
        background: url(../images/hover_favorites.png) 0px -16px no-repeat;
}

.addthis_toolbox .drucker {
        background: url(../images/hover_drucker.png) 0px 0px no-repeat;
}
.addthis_toolbox .drucker:hover {
        background: url(../images/hover_drucker.png) 0px -16px no-repeat;
}

.addthis_toolbox .pdf {
        background: url(../images/hover_pdf.png) 0px 0px no-repeat;
}
.addthis_toolbox .pdf:hover {
        background: url(../images/hover_pdf.png) 0px -16px no-repeat;
}

.addthis_toolbox .addthis_button_facebook {
        width:86px;
        background: url(../images/hover_facebook.png) 0px 0px no-repeat;
}
.addthis_toolbox .addthis_button_facebook:hover {
        background: url(../images/hover_facebook.png) 0px -16px no-repeat;
}

.addthis_toolbox .addthis_button {
        width:125px;
        background: url(../images/hover_addthis.png) 0px 0px no-repeat;
}
.addthis_toolbox .addthis_button:hover {
        background: url(../images/hover_addthis.png) 0px -16px no-repeat;
}

/* Abstände */

.abstou {
        margin: 10px 0;
}
.abstou1 {
        margin: 15px 0;
}
.abstou2 {
        margin: 25px 0;
}
.abstou3 {
        margin: 1em 0 0.5em 0;
}
.absto1 {
        margin-top: 15px;
}
.absto2 {
        margin-top: 25px;
}
.abstu1 {
        margin-bottom: 15px;
}
.abstu2 {
        margin-bottom: 25px;
}
.abstu3 {
        margin-bottom: 0.5em;
}
.absto3 {
        margin-top: 0.5em;
}
.abstu4 {
        margin-bottom: 1em;
}
.absto4 {
        margin-top: 1em;
}
.abstu5 {
        margin-bottom: 2em;
}
.absto5 {
        margin-top: 2em;
}

/* Boxen */

.box1 {
        border: 1px solid gray;
        background-color: #f6ebd7;
        padding: 10px;
}
.box1b {
        border: 1px solid gray;
        background-color: #f6ebd7;
        padding: 5px;
}
.box1b .top {
        font-weight: bold;
        color: #764f1f;
        margin-bottom: 8px;
}
.box2a {
        border: none;
        text-align: justify;
        width: 150px;
        float: left;
}
.box2b {
        border: none;
        text-align: justify;
        margin-left: 175px;
}
.box3 {
        border: 2px inset #BE7D43;
        padding: 15px;
        background-color: #f6ebd7;
}
.box4 {
        border: none;
        background-color: transparent;
        text-align: justify;
        margin-left: 175px;
}
.box4a {
        width: 170px;
        float: left;
}
.box4b {
        width: 320px;
        padding-bottom: 10px;
        float: left;
}
.box4c {
        margin: 0 20px 0 0;
        float: left;
}
.box5 {
        border: 1px solid gray;
        background-color: #e0e0e0;
        padding: 5px;
        width: 715px;
        font-size: 11px;
        line-height: 15px;
}
.box5b {
        border: 1px solid gray;
        background-color: #e0e0e0;
        padding: 5px;
        font-size: 11px;
        line-height: 15px;
}
.box6 {
        border: 1px solid gray;
        padding: 10px;
}

.top1 {
        font-size: 15px;
        font-weight: bold;
}
.top2 {
        font-size: 1.4em;
        letter-spacing: 0.2em;
}
.top3 {
        font-size: 16px;
        font-weight: bold;
        line-height: 26px;
        margin-bottom: 1.5em;
        color: #764f1f;
        border-bottom: 2px solid #764f1f;
}
.top4 {
        font-size: 1.8em;
        font-weight: bold;
}