/* 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%;
}