Resultat de la compression du code CSS de um-fritz.de

Lasse nous voir ce que nous avons fait pour um-fritz.de

CSSCruncher.com à sauvgardé
23,59 % de code poour ce site! Incroyable!

Code CSS comprimé:

*{margin:0;padding:0;text-decoration:none;border:none}
*:focus{outline:none}
html,body{height:100%;width:100%}
body{font-size:100.01%;font-family:"Trebuchet MS",Trebuchet,Verdana,Tahoma,Arial,Helvetika,sans-serif;color:#222}
#header{width:100%;height:50px;z-index:10;text-align:center}
#menu{width:600px;height:35px;margin:0 auto;background:#B76800}
#logo{height:323px;width:81px;top:55px;z-index:1;text-align:center}
#wrapper{width:100%;height:100%;min-width:700px;position:relative}
#submenu{float:right;position:relative;display:inline;border:1px solid #666;margin-right:10px;width:9em;z-index:2}
#vote_block{border-top:3px double #666;padding:1px 0 0.5em 0;margin-top:1px;width:9em}
#vote_block form{font-size:75%;padding:0 0.4em}
#vote_block p{margin:0.5em 0.4em;line-height:1.2em;font-size:75%}
#vote_block select{font-size:100%}
#vote_block option{padding-left:0.4em}
#vote_block input.send{border:1px solid #666;background:#666 url(/bg_grafik/leisten_bg.gif) center center repeat-x;font-weight:bold;color:#FFF;cursor:pointer}
#vote_outer{width:8em;height:1em;margin:0 0.4em;border:1px solid #666;background:#666 url(/bg_grafik/leisten_bg_vote.gif) center center repeat-x;position:relative;overflow:hidden}
div.art_votebox{margin:0.5em 0 0 0}
div.art_vote_outer{width:8em;height:1em;margin:0.2em 0.5em 0 0;border:1px solid #666;background:#666 url(/bg_grafik/leisten_bg_vote.gif) center center repeat-x;position:relative;overflow:hidden}
#top p.art_bew{margin:0 0.5em 0 0;padding:0}
#vote_outer p#value, #top div.art_vote_outer p.value{width:100%;position:absolute;top:0;left:0;margin:0;padding:0;text-align:center;font-weight:bold;color:#FFF;line-height:1.4em}
#top div.art_vote_outer p.value{line-height:1em}
#vote_inner, div.vote_inner{height:100%;background:#D69033 url(/bg_grafik/leisten_orange_bg.gif) center center repeat-x}
#content{margin:0 11em 0 110px;padding:0 5px}
#top{font-size:85%;border-bottom:3px double #B76800;text-align:left;padding:0 0 10px 0;max-width:50em;margin:0 auto}
#footer{clear:both;padding:10px 0 20px 0;text-align:center;font-size:80%}
#footer small{clear:both;display:block;text-align:center;margin-top:2em;color:#222}
#logo a{display:block;font-weight:bold;color:#000;height:323px;width:81px;overflow:hidden}
#logo a:hover,#logo a:focus{color:#B76800}
#logo a span{position:absolute;top:0;left:0;display:block;height:323px;width:81px;background:url(/bg_grafik/logo_bg.gif) top right no-repeat}
#logo a:hover span,#logo a:focus span{background:url(/bg_grafik/logo_bg.gif) top left no-repeat}
#menu a{float:left;position:relative;margin:0;width:100px;height:35px;line-height:35px;white-space:nowrap;overflow:hidden;font-size:80%;font-weight:bold;color:rgb(255,255,255);background:transparent}
#menu a span{position:absolute;top:0;left:0;display:block;height:35px;width:100px}
a#a_home span{background-image:url(/bg_grafik/bg_home.gif);background-repeat:no-repeat}
a#a_kont span{background-image:url(/bg_grafik/bg_kontakt.gif);background-repeat:no-repeat}
a#a_arti span{background-image:url(/bg_grafik/bg_artikel.gif);background-repeat:no-repeat}
a#a_link span{background-image:url(/bg_grafik/bg_links.gif);background-repeat:no-repeat}
a#a_impr span{background-image:url(bg_grafik/bg_impressum.gif);background-repeat:no-repeat}
a#a_site span{background-image:url(/bg_grafik/bg_sitemap.gif);background-repeat:no-repeat}
#menu a span{background-position:top left}
#menu a:hover span, #menu a:focus span{background-position:bottom left}
#menu a.active span{background-position:bottom left}
#menu a:hover, #menu a:focus, #menu a.active{color:#B76800;background-color:rgb(255,255,255)}
#menu a.active:hover,#menu a.active:focus{color:#EBC799}
#submenu h1{height:25px;line-height:22px;text-align:center;position:relative;overflow:hidden;background:#B76800;color:#FFF;font-weight:bold;font-family:Georgia,"Times New Roman",serif;font-size:100%;border-bottom:1px solid #666}
#submenu h1 span{display:block;position:absolute;top:0;left:0;width:100%;height:25px}
#submenu h1#h_umenu span{background:url(/bg_grafik/umenu.gif) center center no-repeat}
#submenu h1#bewerten span{background:url(/bg_grafik/umenu_werten.gif) center center no-repeat}
#submenu ul{list-style:none;font-size:75%;padding-top:1px}
#submenu li{display:inline}
#submenu li a{display:block;color:#B76800;padding:0 0.4em}
#submenu a:visited{color:#666}
#submenu a:hover, #submenu a:focus{background-color:#B76800;color:#F0F0F0}
#submenu a.active, #submenu a.active:visited{color:#FAFAFA;background-color:#B76800;text-align:right}
#top h1,#top h2,#top h3,#top h4,#top h5,#top h6{margin:0 0 1em 0;padding:0.5em 0 3px 0;border-bottom:1px solid #B76800;color:#B76800;font-family:Georgia,"Times New Roman",serif;clear:both}
#top h1{font-size:170%;padding-top:0;border-bottom:3px double #B76800}
#top h2{font-size:140%}
#top h3{font-size:110%}
#top h4,#top h5,#top h6{font-size:100%}
#top p{margin:1em 0}
#top p,#top dt,#top dd,#top li{line-height:1.5em}
#top form{border:1px solid #666;padding:0 10px 10px 10px;margin-bottom:1em}
#top form p{margin:0.2em 0;line-height:1.2em;font-size:95%}
#top fieldset{background:#FAFAFA;margin:10px 0;padding:0 10px 10px 10px;border:none}
#top legend{font-weight:bold;margin:0 0 5px 0;background:#D69033 url(/bg_grafik/leisten_orange_bg.gif) repeat-x center left;padding:2px 10px;border:1px solid #BBB;border-bottom:2px solid #666;border-right:2px solid #666;color:#FAFAFA}
#top #legend_text{margin-bottom:1em}
#top input,#top textarea,#top select{overflow:auto;border:1px solid #AAA;border-top:2px solid #666;border-left:2px solid #666;background:#F0F0F0;padding:0 0 0 2px;font-family:"Trebuchet MS",Trebuchet,Verdana,Tahoma,Arial,Helvetika,sans-serif;font-size:95%}
#top input.send{font-weight:bold;color:#FFF;background:#666 url(/bg_grafik/leisten_bg.gif) center center repeat-x;border:1px solid #AAA;border-bottom:2px solid #444;border-right:2px solid #444;padding:0 3px;cursor:pointer;font-size:100%}
#top form#login_form label{width:13em;float:left}
#top form#login_form a{font-weight:bold}
#top form#login_form input#username, #top form#login_form input#password{width:10em}
#top a:link{color:#B76800}
#top a:visited{color:#555}
#top a:hover,#top a:focus{text-decoration:underline}
#top a.extern{background:url(/bg_grafik/ex_link.gif) center left no-repeat;padding:0 0 0 20px;margin:0}
#top a.extern span{display:none}
dt{font-weight:bold;color:#333;padding:2em 0 0.5em 0;clear:both}
dd{margin-left:30px}
dd ul{list-style:none}
dd ul li{padding-left:30px}
#ie_ist ul{list-style-image:url(/bg_grafik/ex_link.gif)}
#artikel dd{margin:0 0 30px 135px}
#links dt a{font-weight:normal}
#links .nomarg dt{padding-top:1em}
#links .nomarg dd{margin:0 0 1em 0}
#top table{border-collapse:collapse;width:100%;margin:5px 0 5px 1px;border:1px solid #666}
th{padding:0 5px;text-align:left}
td{border:1px solid #666;vertical-align:top;padding:5px}
p code{font-family:"Courier New","Lucida Console",Courier,monospace;color:#555}
#impres table,#impres table *{border:none}
#impres td{border-bottom:1px dotted #B76800;font-size:85%;text-align:justify;padding:5px 0}
#impres #top form{display:inline;background:transparent;border:none;margin:0;padding:0}
#impres #top form p{display:inline;margin:0;padding:0}
#impres input.send{margin:0;padding:0;cursor:pointer}
#kontak code,#kontak kbd,#maildemo code,#maildemo kbd{font-size:95%;display:block;padding:0.75em 0;color:#555;font-family:"Courier New","Lucida Console",Courier,monospace}
#sitema dd a{padding:0 0 0 5px}
#sitema dt{padding:0;margin:0;line-height:1.5em}
#sitema dd{line-height:1.7em;padding:1px 0 1px 25px;margin:0 0 0 20px;background:url(/bg_grafik/bg_sm_branch.gif) 0 50% no-repeat;font-size:90%}
#sitema dd.mid{background:url(/bg_grafik/bg_sm_mid.gif) 0 50% repeat-y}
#sitema dd.mid ul{list-style:none;padding:0;margin:0 0 0 20px}
#sitema dd.mid ul li{padding:1px 0 1px 30px;margin:0;line-height:1.7em;font-size:90%;background:url(/bg_grafik/bg_sm_branch.gif) 0 50% no-repeat}
#sitema dd.mid ul li.end{background:url(/bg_grafik/bg_sm_end.gif) 0 50% no-repeat}
.text_left{text-align:left}
.text_right{text-align:right}
.text_middle{text-align:center}
.float_right{float:right;display:inline;margin:0 0 0.5em 1em}
.float_right small{text-align:right}
.float_left{float:left;display:inline;margin:0 1em 0.5em 0}
.clear{clear:both}
.clear_left{clear:left}
.clear_right{clear:right}
.codeblock{padding:10px 5px 10px 3em;margin:10px 0;font-size:85%;cursor:help}
.codeblock,code{font-family:"Courier New","Lucida Console",monospace}
.topjumper{float:right;clear:both}
.backjumper{float:left}
.no_wrap{white-space:nowrap}
strong{color:#B76800;font-weight:bold}
acronym,abbr,span.fremdwort{border-bottom:1px dotted #B76800;cursor:help}
a img{vertical-align:bottom}
#footer .inline-button, #top .inline-button{font-weight:bold;font-family:Verdana,sans-serife;font-size:75%;margin:5px 10px;border:1px solid black;white-space:nowrap;vertical-align:middle}
#footer .inline-button em, #top .inline-button em{font-style:normal;border-right:1px solid #000;padding:1px 3px;background:#F0F0F0;color:#B76800}
#footer .inline-button span, #top .inline-button span{padding:1px 3px;background:#B76800;color:#F0F0F0}
#footer .inline-button:hover em, #footer .inline-button:focus em, #top .inline-button:hover em, #top .inline-button:focus em{background:#FFF;color:#D69033}
#footer .inline-button:hover span, #footer .inline-button:focus span, #top .inline-button:hover span, #top .inline-button:focus span{color:#FFF;background:#D69033}
#top a:hover.lightbox,#top a:focus.lightbox{text-decoration:none;background:transparent}
#top a.lightbox small{display:block;color:#B76800}
#top a:hover.lightbox small,#top a:focus.lightbox small{text-decoration:underline}
#lightbox{background-color:#DDD;color:#000;padding:5px 5px 0 5px;border:2px solid #888;border-top:2px solid #FAFAFA;border-left:2px solid #FAFAFA}
#lightboxDetails{font-size:70%;padding-top:5px}
#lightboxCaption{float:left}
#keyboardMsg{float:right}
#lightbox img{border:2px solid #888;border-bottom:2px solid #FAFAFA;border-right:2px solid #FAFAFA;clear:both}
#err401 address,#err403 address,#err404 address,#err500 address{clear:both;font-family:"Courier New","Lucida Console",Courier,monospace;font-size:85%;border-top:1px solid #B76800;padding-top:1em}
#err401 #top form, #err403 #top form, #err404 #top form, #err500 #top form{background:transparent;position:relative;padding:0;margin-right:200px;border:none}
#err401 #top textarea, #err403 #top textarea, #err404 #top textarea, #err500 #top textarea{width:100%;height:16em;padding:5px;margin:0;border:none;background:transparent;color:#555;overflow:hidden;font-family:"System","Lucida Console",monospace;line-height:1.4em}
div#zehnquad{height:10px;width:10px;background:red;padding:0;margin-left:10px}
div#zehnquad a{display:block;background:#F00;height:10px;width:10px;overflow:hidden;padding:0}
div#zehnquad a{cursor:pointer}
div#zehnquad a:active{display:block;background:#000;height:10px;width:10px;overflow:hidden;padding:0}
#top form.vote{background:transparent;border:none;float:left;display:inline;margin:0;padding:0}
#top form.vote fieldset{display:inline;border:none;margin:0 20px 0 0;padding:0;background:transparent}
#top form.vote select, form.vote select{font-weight:bold;font-size:85%;background:rgb(255,255,255);color:#222;border:1px solid #666}
#top form.vote option{padding-left:5px}
#Votenr, #um_select, #R{width:4.5em}
#top form.vote input.send{width:6em;padding:0;font-size:80%}

» Montre le code CSS originaire

« Cache le code CSS originaire

/* CSS für um-fritz.de | Für alle Browser                                                          */
/* Wichtige Farben:                                                                                */
/* Grau:   #111111 | #333333 | #666666 | #DDDDDD | #EEEEEE | #F0F0F0 | #FAFAFA | #FEFEFE | #FFFFFF */
/* Orange: #502800 | #7A4600 | #B76800 | #D69033 | #EBC799 | #FAF1E6                               */
/*                                                                                                 */

/* Zentrale Positionierungen                                                                       */
* {margin:0; padding:0; text-decoration:none; border:none;}
*:focus {outline:none;}
 html, body {
  height:100%;
  width:100%;
}
body {
  font-size:100.01%;
  font-family:"Trebuchet MS", Trebuchet, Verdana, Tahoma, Arial, Helvetika, sans-serif;
  color:#222;
}
#header {
  width:100%;
  height:50px;
  z-index:10;
  text-align:center;
}
#menu {
  width:600px;
  height:35px;
  margin:0 auto;
  background:#B76800;
}
#logo {
  height:323px;
  width:81px;
  top:55px;
  z-index:1;
  text-align:center;
}
#wrapper {
  width:100%;
  height:100%;
  min-width:700px;
  position:relative;
}
#submenu {
  float:right;
  position:relative;
  display:inline;
  border:1px solid #666;
  margin-right:10px;
  width:9em;
  z-index:2;
}

#vote_block {
  border-top:3px double #666;
  padding:1px 0 0.5em 0;
  margin-top:1px;
  width:9em;
}
#vote_block form {
  font-size:75%;
  padding:0 0.4em;
}
#vote_block p {
  margin:0.5em 0.4em;
  line-height:1.2em;
  font-size:75%;
}
#vote_block select {
  font-size:100%;
}
#vote_block option {
  padding-left:0.4em;
}
#vote_block input.send {
  border:1px solid #666;
  background:#666 url(/bg_grafik/leisten_bg.gif) center center repeat-x;
  font-weight:bold;
  color:#FFF;
  cursor:pointer;
}
#vote_outer {
  width:8em;
  height:1em;
  margin:0 0.4em;
  border:1px solid #666;
  background:#666 url(/bg_grafik/leisten_bg_vote.gif) center center repeat-x;
  position:relative;
  overflow:hidden;
}
div.art_votebox {
  margin:0.5em 0 0 0;
}
div.art_vote_outer {
  width:8em;
  height:1em;
  margin:0.2em 0.5em 0 0;
  border:1px solid #666;
  background:#666 url(/bg_grafik/leisten_bg_vote.gif) center center repeat-x;
  position:relative;
  overflow:hidden;
}
#top p.art_bew {
  margin:0 0.5em 0 0;
  padding:0;
}
#vote_outer p#value ,
#top div.art_vote_outer p.value {
  width:100%;
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  text-align:center;
  font-weight:bold;
  color:#FFF;
  line-height:1.4em;
}
#top div.art_vote_outer p.value {
  line-height:1em;
}
#vote_inner,
div.vote_inner {
  height:100%;
  background:#D69033 url(/bg_grafik/leisten_orange_bg.gif) center center repeat-x;
}
#content {
  margin:0 11em 0 110px;
  padding:0 5px;
}
#top {
  font-size:85%;
  border-bottom:3px double #B76800;
  text-align:left;
  padding:0 0 10px 0;
  max-width:50em;
  margin:0 auto;
}
#footer {
  clear:both;
  padding:10px 0 20px 0;
  text-align:center;
  font-size:80%;
}
#footer small {
  clear:both;
  display:block;
  text-align:center;
  margin-top:2em;
  color:#222;
}
/* Logo -> Link Entree                                                              */
#logo a {
  display:block;
  font-weight:bold;
  color:#000;
  height:323px;
  width:81px;
  overflow:hidden;
}
#logo a:hover, #logo a:focus {color:#B76800;}
#logo a span {
  position:absolute;
  top:0;
  left:0;
  display:block;
  height:323px;
  width:81px;
  background:url(/bg_grafik/logo_bg.gif) top right no-repeat;
}
#logo a:hover span, #logo a:focus span {
  background:url(/bg_grafik/logo_bg.gif) top left no-repeat;
}
/* Formatierung Menu                                                                 */
#menu a {
  float:left;
  position:relative;
  margin:0;
  width:100px;
  height:35px;
  line-height:35px;
  white-space:nowrap;
  overflow:hidden;
  font-size:80%;
  font-weight:bold;
  color:rgb(255,255,255);
  background:transparent;
}
#menu a span {
  position:absolute;
  top:0;
  left:0;
  display:block;
  height:35px;
  width:100px;
}
a#a_home span {
  background-image:url(/bg_grafik/bg_home.gif);
  background-repeat:no-repeat;
}
a#a_kont span {
  background-image:url(/bg_grafik/bg_kontakt.gif);
  background-repeat:no-repeat;
}
a#a_arti span {
  background-image:url(/bg_grafik/bg_artikel.gif);
  background-repeat:no-repeat;
}
a#a_link span {
  background-image:url(/bg_grafik/bg_links.gif);
  background-repeat:no-repeat;
}
a#a_impr span {
  background-image:url(bg_grafik/bg_impressum.gif);
  background-repeat:no-repeat;
}
a#a_site span {
  background-image:url(/bg_grafik/bg_sitemap.gif);
  background-repeat:no-repeat;
}
#menu a span              {background-position:top left;}
#menu a:hover span,
#menu a:focus span        {background-position:bottom left;}
#menu a.active span       {background-position:bottom left;}
/*#menu a.active:hover span {background-position:bottom left;}*/
#menu a:hover,
#menu a:focus,
#menu a.active {color:#B76800; background-color:rgb(255,255,255);}
#menu a.active:hover, #menu a.active:focus {color:#EBC799; }
/* Formatierung Submenu                                                              */
#submenu h1 {
  height:25px;
  line-height:22px;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:#B76800;
  color:#FFF;
  font-weight:bold;
  font-family:Georgia, "Times New Roman", serif;
  font-size:100%;
  border-bottom:1px solid #666;
}
#submenu h1 span {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:25px;
}
#submenu h1#h_umenu span {
  background:url(/bg_grafik/umenu.gif) center center no-repeat;
}
#submenu h1#bewerten span {
  background:url(/bg_grafik/umenu_werten.gif) center center no-repeat;
}
#submenu ul {
  list-style:none;
  font-size:75%;
  padding-top:1px;
}
#submenu li {
  display:inline;
}

#submenu li a {
  display:block;
  color:#B76800;
  padding:0 0.4em;
}
#submenu a:visited {color:#666;}
#submenu a:hover,
#submenu a:focus {
  background-color:#B76800;
  color:#F0F0F0;
}
#submenu a.active,
#submenu a.active:visited {
  color:#FAFAFA;
  background-color:#B76800;
  text-align:right;
}
/* Allgemeine Formatierungen im Inhalt                                               */
/*Schriftgrössen im Text */
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6 {
  margin:0 0 1em 0;
  padding:0.5em 0 3px 0;
  border-bottom:1px solid #B76800;
  color:#B76800;
  font-family:Georgia, "Times New Roman", serif;
  clear:both;
}
#top h1 {font-size:170%; padding-top:0; border-bottom:3px double #B76800;}
#top h2 {font-size:140%;}
#top h3 {font-size:110%;}
#top h4, #top h5, #top h6 {font-size:100%;}
#top p {margin:1em 0;}
#top p, #top dt, #top dd, #top li {line-height:1.5em;}
/*Formulare allgemein */
#top form {
  border:1px solid #666;
  padding:0 10px 10px 10px;
  margin-bottom:1em;
}
#top form p {
  margin:0.2em 0;
  line-height:1.2em;
  font-size:95%;
}
#top fieldset {
  background:#FAFAFA;
  margin:10px 0;
  padding:0 10px 10px 10px;
  border:none;
}
#top legend {
  font-weight:bold;
  margin:0 0 5px 0;
  background:#D69033 url(/bg_grafik/leisten_orange_bg.gif) repeat-x center left;
  padding:2px 10px;
  border:1px solid #BBB;
  border-bottom:2px solid #666;
  border-right:2px solid #666;
  color:#FAFAFA;
}
#top #legend_text {margin-bottom:1em;}
#top input, #top textarea, #top select {
  overflow:auto;
  border:1px solid #AAA;
  border-top:2px solid #666;
  border-left:2px solid #666;
  background:#F0F0F0;
  padding:0 0 0 2px;
  font-family:"Trebuchet MS", Trebuchet, Verdana, Tahoma, Arial, Helvetika, sans-serif;
  font-size:95%;
}
#top input.send {
  font-weight:bold;
  color:#FFF;
  background:#666 url(/bg_grafik/leisten_bg.gif) center center repeat-x;
  border:1px solid #AAA;
  border-bottom:2px solid #444;
  border-right:2px solid #444;
  padding:0 3px;
  cursor:pointer;
  font-size:100%;
}
#top form#login_form label {
  width:13em;
  float:left;
}
#top form#login_form a{
  font-weight:bold;
}
#top form#login_form input#username,
#top form#login_form input#password {
  width:10em;
}
/* Links */
#top a:link {color:#B76800;}
#top a:visited {color:#555;}
#top a:hover, #top a:focus {text-decoration:underline;}
/*link für externe websites */
#top a.extern {
  background:url(/bg_grafik/ex_link.gif)  center left no-repeat;
  padding:0 0 0 20px;
  /*display:inline-block;*/
  margin:0;
}
#top a.extern span{                         /*link für externe websites */
  display:none;
}
/* Listen   allgemein                                                         */
dt {
  font-weight:bold;
  color:#333;
  padding:2em 0 0.5em 0;
  clear:both;
}
dd {margin-left:30px;}
dd ul {list-style:none;}
dd ul li {padding-left:30px;}
#ie_ist ul {
  list-style-image:url(/bg_grafik/ex_link.gif);
}
#artikel dd {margin:0 0 30px 135px;}
#links dt a {font-weight:normal;}
#links .nomarg dt {padding-top:1em;}
#links .nomarg dd {margin:0 0 1em 0;}

/* Tabellen allgemein                                                         */
#top table {
  border-collapse:collapse;
  width:100%;
  margin:5px 0 5px 1px;
  border:1px solid #666;
}
th {padding:0 5px; text-align:left;}
td {
  border:1px solid #666;
  vertical-align:top;
  padding:5px;
}
p code {
  font-family:"Courier New", "Lucida Console", Courier, monospace;
  color:#555;
}
/* Impressum                                                                 */
#impres table, #impres table * {border:none;}
#impres td {
  border-bottom:1px dotted #B76800;
  font-size:85%;
  text-align:justify;
  padding:5px 0;
}
#impres #top form {
  display:inline;
  background:transparent;
  border:none;
  margin:0;
  padding:0;
}
#impres #top form p {
  display:inline;
  margin:0;
  padding:0;
}
#impres input.send {
  margin:0;
  padding:0;
  cursor:pointer;
}
/* Kontakt                                                                   */
#kontak code, #kontak kbd, #maildemo code, #maildemo kbd {
  font-size:95%;
  display   :block;
  padding   :0.75em 0;
  color     :#555;
  font-family:"Courier New", "Lucida Console", Courier, monospace;
}
/* Sitemap                                                                   */

#sitema dd a {padding:0 0 0 5px;}
#sitema dt {padding:0; margin:0; line-height:1.5em;}
#sitema dd {
  line-height:1.7em;
  padding:1px 0 1px 25px;
  margin:0 0 0 20px;
  background:url(/bg_grafik/bg_sm_branch.gif) 0 50% no-repeat;
  font-size:90%;
}
#sitema dd.mid {background:url(/bg_grafik/bg_sm_mid.gif) 0 50% repeat-y;}
#sitema dd.mid ul {list-style:none; padding:0; margin:0 0 0 20px;}
#sitema dd.mid ul li {
  padding:1px 0 1px 30px;
  margin:0; line-height:1.7em;
  font-size:90%;
  background:url(/bg_grafik/bg_sm_branch.gif) 0 50% no-repeat;
}
#sitema dd.mid ul li.end {background:url(/bg_grafik/bg_sm_end.gif) 0 50% no-repeat;}
/* Allgemeine Klassen und Tags                                                */
.text_left   {text-align:left;}
.text_right  {text-align:right;}
.text_middle {text-align:center;}
.float_right {float:right; display:inline; margin:0 0 0.5em 1em;}
.float_right small {text-align:right;}
.float_left  {float:left;  display:inline; margin:0 1em 0.5em 0;}
.clear       {clear:both;}
.clear_left  {clear:left;}
.clear_right {clear:right;}
.codeblock {
  padding:10px 5px 10px 3em;
  margin:10px 0;
  font-size:85%;
  cursor:help;
}
.codeblock, code {
  font-family:"Courier New", "Lucida Console", monospace;
}
.topjumper {float:right; clear:both;}
.backjumper {float:left;}
.no_wrap {white-space:nowrap;}
strong {
  color:#B76800;
  font-weight:bold;
}
acronym, abbr, span.fremdwort {border-bottom:1px dotted #B76800; cursor:help;}
a img {
  vertical-align:bottom;
}
/* Inline Button im Footer                                                    */
#footer .inline-button,
#top .inline-button {
  font-weight:bold;
  font-family:Verdana, sans-serife;
  font-size:75%;
  margin:5px 10px;
  border:1px solid black;
  white-space:nowrap;
  vertical-align:middle;
}
#footer .inline-button em,
#top .inline-button em {
  font-style:normal;
  border-right:1px solid #000;
  padding:1px 3px;
  background:#F0F0F0;
  color:#B76800;
}
#footer .inline-button span,
#top .inline-button span {
  padding:1px 3px;
  background:#B76800;
  color:#F0F0F0;
}
#footer .inline-button:hover em,
#footer .inline-button:focus em,
#top .inline-button:hover em,
#top .inline-button:focus em  {
  background:#FFF;
  color:#D69033;
}
#footer .inline-button:hover span,
#footer .inline-button:focus span,
#top .inline-button:hover span,
#top .inline-button:focus span {
  color:#FFF;
  background:#D69033;
}
/*                           popup                                            */
#top a:hover.lightbox, #top a:focus.lightbox {
  text-decoration:none;
  background:transparent;
}
#top a.lightbox small {
  display:block;
  color:#B76800;
}
#top a:hover.lightbox small, #top a:focus.lightbox small {
  text-decoration:underline;
}
#lightbox{
  background-color:#DDD;
  color:#000;
  padding:5px 5px 0 5px;
  border:2px solid #888;
  border-top:2px solid #FAFAFA;
  border-left:2px solid #FAFAFA;
}
#lightboxDetails{
  font-size:70%;
  padding-top:5px;
}
#lightboxCaption { float:left;}
#keyboardMsg { float:right;}
#lightbox img {
  border:2px solid #888;
  border-bottom:2px solid #FAFAFA;
  border-right:2px solid #FAFAFA;
  clear: both;
}
/* Fehlerseiten                          */
#err401 address, #err403 address, #err404 address, #err500 address {
  clear:both;
  font-family:"Courier New", "Lucida Console", Courier, monospace;
  font-size:85%;
  border-top:1px solid #B76800;
  padding-top:1em;
}
#err401 #top form,
#err403 #top form,
#err404 #top form,
#err500 #top form {
 background:transparent;
 position:relative;
 padding:0;
 margin-right:200px;
 border:none;
}
#err401 #top textarea,
#err403 #top textarea,
#err404 #top textarea,
#err500 #top textarea {
  width:100%;
  height:16em;
  padding:5px;
  margin:0;
  border:none;
  background:transparent;
  color:#555;
  overflow:hidden;
  font-family:"System", "Lucida Console", monospace;
  line-height:1.4em;
}
/*specials*/
div#zehnquad {
 height:10px;
 width:10px;
 background:red;
 padding:0;
 margin-left:10px;
}
div#zehnquad a {
 display:block;
 background:#F00;
 height:10px;
 width:10px;
 overflow:hidden;
 padding:0;
}
div#zehnquad a {cursor:pointer;}
div#zehnquad a:active {
 display:block;
 background:#000;
 height:10px;
 width:10px;
 overflow:hidden;
 padding:0;
}
/* Vote Formulare                                                          */
#top form.vote {
  background:transparent;
  border:none;
  float:left;
  display:inline;
  margin:0;
  padding:0;
}
#top form.vote fieldset {
  display:inline;
  border:none;
  margin:0 20px 0 0;
  padding:0;
  background:transparent;
}
#top form.vote select,
form.vote select {
  font-weight:bold;
  font-size:85%;
  background:rgb(255,255,255);
  color:#222;
  border:1px solid #666;
}
#top form.vote option {
  padding-left:5px;
}
#Votenr,
#um_select,
#R {width:4.5em;}
#top form.vote input.send {
width:6em;
padding:0;
font-size:80%;
}

Plus d'information sur ce site:

URL: http://um-fritz.de/
CSS URL: http://um-fritz.de/um_basis.css
Langue: de
Charset: iso-8859-1
Titre: « um-fritz.de »« Webseitenerstellung - Entree »
Meta-Description: Private Homepage mit dem Schwerpunkt Webseitenerstellung, HTML und CSS
Meta-Keywords: Webseitenerstellung, Webdesign, HTML, CSS, Ulrich-Markus Fritz, Ulrich, Markus, Fritz