Ergebnisse des CSS Crunching von www.dauelsberg.com

Mal sehen was wir getan haben für www.dauelsberg.com

CSSCruncher.com hat dieser Webseite
37,91 %Code erspart! Ich fasse es nicht!

Crunched CSS Code:

body{font-family:tahoma,verdana,arial,helvetica,sans-serif;font-size:62.5%;background-color:#eee;color:#000;text-align:center}
*{margin:0;padding:0;font-size:1em}
#menu,#inhaltundwichtig,#inhalt,#wichtig{text-align:left}
#kompletterrahmen{margin-left:auto;margin-right:auto;width:980px}
.clearing{clear:both;height:1px;font-size:1px}
a{text-decoration:none}
a:link{color:#000}
a:visited{color:#061046}
a:focus,a:hover,a:active{color:#00027F}
#topbanner,#logo,#systemnavigation{width:100%}
#topbanner{float:left;height:160px;margin:10px auto;background-color:#fff}
#logo{height:120px}
#systemnavigation{height:40px;background-color:#B8BABD}
#systemnavigation ul{padding:1.5em;list-style:none;text-align:center}
#systemnavigation li{display:inline;position:relative;padding-right:1em;padding-left:1em;border-right:0.1em solid #0d3257;border-left:0.1em solid #0d3257}
#systemnavigation a{font-weight:bold;line-height:1.15em;text-transform:uppercase}
#menu{float:left;width:150px;height:500px;background-color:#B8BABD}
#menu ul{list-style:none}
#menu a,#menu h1{font-size:1em;display:block;border:1px;border-style:solid;border-color:#ccc #888 #dcdcdc #bbb;margin:0;padding:2px 3px}
#menu h1{font-weight:bold;color:#fff;text-transform:uppercase;font-size:1em}
#menu h1.praxis{background:#0d3257}
#menu h1.team{background:#245481}
#menu h1.leistung{background:#831515}
#menu h1.service{background:#670a0a}
#menu a{color:#000;background:#B8BABD;text-decoration:none}
#menu a:hover{color:#0d3257;background:#fff}
#menu li{position:relative}
#menu ul ul ul{position:absolute;top:0;left:100%;width:100%}
div#menu ul ul ul,div#menu ul ul li:hover ul ul{display:none}
div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{display:block}
#inhaltundwichtig{float:left;width:830px;height:500px;background-color:#fff}
#inhalt a:link{color:#0d3257}
#inhalt a:visited{color:#0d3257}
#inhalt a:focus,a:hover,a:active{color:#0d3257}
#inhalt{float:left;width:670px;height:480px;background-color:#fff;background-repeat:no-repeat;background-position:100% 100%}
#inhalt p.pfad1{color:#000;padding-right:1.5em;padding-top:1.5em;text-align:right}
#inhalt h1{font-weight:bold;font-size:1.5em;color:#0d3257;border-bottom:1px solid #0d3257;margin-left:1em}
#inhalt h2{font-weight:bold;font-size:1.2em;color:#0d3257;padding-left:1.2em}
#inhalt h1,#inhalt h2,#inhalt p{padding-top:1em}
#inhalt p,#inhalt ul{font-size:1.2em;line-height:135%}
#inhalt p{padding-left:1.2em;padding-right:1em}
#inhalt ul{margin-left:1em;padding-left:1em;margin-top:1em}
#inhalt li{list-style-type:square}
#inhalt p.hervorheben{font-weight:bold;color:#0d3257}
#inhalt p.autor{font-style:italic;color:#0d3257}
#inhalt p.linkliste{font-style:italic;color:#0d3257;font-weight:bold}
table,td,th{border:1px solid #ccc}
table{border-collapse:collapse;margin-left:2.5em}
.menu1{font-weight:bold;color:#fff;text-transform:uppercase;font-size:1em;background-color:#061046;margin-left:1em;text-align:center}
.menu2{background-color:#B8BABD}
caption{font-style:italic;padding:1.5em;font-size:1.2em}
td,th{width:150px;padding-left:0.8em;font-size:1.1em}
#wichtig{float:right;width:150px;height:500px;background-color:#0d3257;background-image:url('zahn.gif');background-repeat:no-repeat;background-position:50% 96%}
#wichtig a:link{color:#fff}
#wichtig a:visited{color:#fff}
#wichtig a:focus,a:hover,a:active{color:#fff}
#wichtig h1,#wichtig p,#wichtig p.kleineUeberchrift,#wichtig a{margin:5px}
#wichtig h1{font-weight:bold;color:#fff;text-transform:uppercase;border-bottom:1px solid #fff;border-bottom-style:dotted;font-size:1.25em}
#wichtig p{line-height:150%;font-size:1.15em;color:#fff}
#wichtig p.kleineUeberschrift{font-weight:bold}
#wichtig a,#inhalt a{text-decoration:underline}
#kompletterrahmen{width:98em}
#topbanner{width:98em;height:16em}
#logo{width:98em;height:12em}
#systemnavigation{width:98em;height:4em}
#menu{width:15em;height:50em}
#inhaltundwichtig{width:83em;height:50em}
#inhalt{width:67em;height:48em}
#wichtig{width:15em;height:50em}

» Zeige den Original CSS code

« Verberge den Original CSS code

/*---allgemeine Angaben ------------------------------------------------------------------------*/   
    
body
   {
   font-family: tahoma, verdana, arial, helvetica, sans-serif;
   font-size: 62.5%;
   background-color: #eee; 
   color: #000;
   text-align: center;
   }
  
*
   {
   margin: 0;
   padding: 0;
   font-size: 1em;
   }

#menu, #inhaltundwichtig, #inhalt, #wichtig
   {
   text-align:left;
   }
   
#kompletterrahmen
   {
   margin-left:auto;
   margin-right:auto;
   width: 980px;
   }  
    
.clearing
   {
   clear: both;
   height: 1px;
   font-size: 1px;
   }

/*---Linkfarben etc.  ------------------------------------------------------------------*/

a {text-decoration: none;}
a:link {color:#000;}
a:visited {color: #061046;}
a:focus, a:hover, a:active{color: #00027F;}
  
  
/*---topbanner, logo, systemnavigation --------------------------------------------------*/       
 
 
#topbanner, #logo, #systemnavigation
   {
   width: 100%;
   }
    
#topbanner
   {
   float:left;
   height: 160px;
   margin: 10px auto;
   background-color: #fff;
   }  
    
#logo
   {
   height: 120px;
   }
 
#systemnavigation
   {
   height: 40px;
   background-color: #B8BABD;
   }
		
#systemnavigation ul
  {
  padding: 1.5em;
  list-style: none;
  text-align: center;
  }

#systemnavigation li
  {
  display: inline;
  position: relative; 
  padding-right: 1em;
  padding-left: 1em;
  border-right: 0.1em solid #0d3257;
  border-left: 0.1em solid #0d3257;
  }

#systemnavigation a 
  {
  font-weight: bold;
  line-height: 1.15em;
  text-transform: uppercase;
  }

/*---menu ---------------------------------------------------------------------------*/

#menu
   {
   float:left;
   width: 150px;
   height: 500px;
   background-color: #B8BABD;
   }

#menu ul 
   { 
   list-style: none;
   }

#menu a, #menu h1
   {
   font-size: 1em;
   display: block;
   border: 1px;
   border-style: solid; 
   border-color: #ccc #888  #dcdcdc #bbb; 
   margin: 0; 
   padding: 2px 3px;
   }

#menu h1
   { 
   font-weight: bold; 
   color: #fff; 
   text-transform: uppercase;
   font-size: 1em;
   }

#menu h1.praxis
   {
   background: #0d3257
      }   
   
#menu h1.team
   {
   background: #245481
   }   
 
#menu h1.leistung
   {
   background: #831515
      }   
     
  
 #menu h1.service
   {
   background: #670a0a
      }   
  
  
#menu a 
   { 
   color: #000; 
   background: #B8BABD;
   text-decoration: none;
   }

#menu a:hover
   {
   color: #0d3257; 
   background: #fff; 
   }

#menu li 
   { 
   position: relative;
   }

#menu ul ul ul  
   {
   position: absolute; top: 0; left: 100%; width: 100%;
   }

div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}

/*---inhaltundwichtig ----------------------------------------------------------------------------------*/

#inhaltundwichtig
   {
   float: left;
   width: 830px;
   height: 500px;
   background-color: #fff;
   }

/*---inhalt --------------------------------------------------------------------------------------------------------------*/    
  
#inhalt a:link {color:#0d3257;}
#inhalt a:visited {color: #0d3257;}
#inhalt a:focus, a:hover, a:active{color: #0d3257;}

#inhalt
   {
   float: left;
   width: 670px;
   height: 480px;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: 100% 100%;
   }
   
#inhalt p.pfad1
   {
   color: #000;
   padding-right: 1.5em;
   padding-top: 1.5em;
   text-align: right;
   }
      
#inhalt h1
   {
   font-weight: bold;  
   font-size: 1.5em;
   color: #0d3257;
   border-bottom: 1px solid #0d3257;
   margin-left: 1em;
   }

#inhalt h2
   {
   font-weight: bold;  
   font-size: 1.2em;
   color: #0d3257;
   padding-left: 1.2em;
   }

#inhalt h1, #inhalt h2, #inhalt p
   {
   padding-top: 1em;
   }
  
#inhalt p, #inhalt ul
   {
   font-size: 1.2em;
   line-height: 135%;
   }

#inhalt p
   {
   padding-left: 1.2em;
   padding-right: 1em;
   }
  
#inhalt ul
   {
   margin-left: 1em;
   padding-left: 1em;
   margin-top: 1em;
   }
   
 #inhalt li
   {
   list-style-type: square;
   } 
 
 #inhalt p.hervorheben
   {
   font-weight: bold;  
   color: #0d3257;
   }
  
 #inhalt p.autor
   {
   font-style: italic; 
   color: #0d3257; 
   }

#inhalt p.linkliste
   {
   font-style: italic; 
   color: #0d3257; 
   font-weight: bold;  
   }

/*---Inhalt Tabelle ------------------------------------------------------------------------------*/

table, td, th
   {
    border: 1px solid #ccc;
    }  
    
table
   {
    border-collapse: collapse;
    margin-left: 2.5em;
    }

.menu1
   {
   font-weight: bold; 
   color: #fff; 
   text-transform: uppercase;
   font-size: 1em;
   background-color: #061046;
   margin-left: 1em;
   text-align: center;
   }
   
.menu2
  {  
  background-color: #B8BABD;
   }
 
 
caption
   {
   font-style: italic;
   padding: 1.5em;
   font-size: 1.2em;
   }
   
td, th
   {
   width: 150px;
   padding-left: 0.8em;
   font-size: 1.1em;
    }    
    
/*---wichtig-------------------------------------*/

#wichtig
   {
   float:right;
   width:150px;
   height: 500px;
   background-color: #0d3257;
   background-image:url('zahn.gif');
   background-repeat: no-repeat;
   background-position: 50% 96%;
   }

#wichtig a:link {color:#fff;}
#wichtig a:visited {color: #fff;}
#wichtig a:focus, a:hover, a:active{color: #fff;}
  
#wichtig h1, #wichtig p, #wichtig p.kleineUeberchrift, #wichtig a
   {
   margin: 5px;
   }
   
#wichtig h1
   {
   font-weight: bold;
   color: #fff;
   text-transform: uppercase;   
   border-bottom: 1px solid #fff;
   border-bottom-style: dotted;
   font-size: 1.25em;
   }

#wichtig p
   {
   line-height: 150%;
   font-size: 1.15em;
   color: #fff;
   }
   
#wichtig p.kleineUeberschrift
   {
   font-weight: bold;
   }

#wichtig a, #inhalt a
   {
   text-decoration: underline;
   }

/*---flexibles Layout-------------------------------------*/

#kompletterrahmen
   {
   width: 98em;
   }

#topbanner
   {
   width: 98em;
   height: 16em;
   }
#logo
   {
   width: 98em;
   height: 12em;
   }
#systemnavigation
   {
   width: 98em;
   height: 4em;
   }

#menu
   {
   width: 15em;
   height: 50em;
   }

#inhaltundwichtig
   {
   width: 83em;
   height: 50em;
   }
  
#inhalt
   {
   width: 67em;
   height: 48em;
   }

#wichtig
   {
   width: 15em;
   height: 50em;
   }

Weitere Informationen über diese Webseite:

URL: http://www.dauelsberg.com/
CSS URL: http://www.dauelsberg.com/styleallgemein.css
Charset: iso-8859-1
Titel: Zahnarztpraxis Dr. Schultz-Brunn, Delmenhorst
Meta-Description: Zahnarztpraxis Dr. Schultz-Brunn, Delmenhorst - informieren Sie sich auf unserer Webseite über unsere Praxis (Adresse, Anfahrt, Sprechzeiten etc.), unser Leistungsangebot, die richtige Mundhygiene und weitere wichtige Hinweise zur Zahnmedizin.
Meta-Keywords: Zahnarzt, Delmenhorst, Zahnmedizin, Zahngesundheit, Zahn, Zähne, Implantate, Zahnpflege, Individualprophylaxe, Sprechstunden, Prothesen, Zahntechnik, Zahnerhalt, Zahnbürste, Karies, Amalgam, Bleaching, Brücke, Inlay, Füllung, Loch, Krone, Schulz, Schultz, Brunn, Brun, Carste, Karsten, Wurzel, Wurzelkanal, Schmerzen, Stedinger, Straße, Parodontitis