* {margin: 0; padding: 0;}

html[xmlns] { height: 100%; padding-bottom: .005em; }

body {
  font: 0.925em Arial, Helvetica, Sans-Serif;
  color: #000;
  background: #fff;
  }

a, img { border: 0; }

/*a, a:visited { color: #000; text-decoration: none; border-bottom: 1px dotted #ccc;} */
a, a:visited { color: #ed1a23; text-decoration: none; font-weight: normal; border-bottom: 1px solid #fff; }
a:hover, a:active { color:#ed1a23; font-weight: bold; border: none; border-bottom: 1px dotted #ed1a23; }

h1, h2, h3, h4, h5, p, ul, ol, blockquote, table { font-size: 1em;  color: #000; }
acronym, abbrev { font-size: 1em; }


h1 {
  font-size: 1.125em;
  font-weight: bold;
  color: #000;
  margin-bottom: 16px;
  }
  
h2, h3 {
  font-size: 1em;
  font-weight: bold;
  }

p { margin: 0 0 14px 0; }

.sep { margin-right: 3px; }

ul.arrows {
  list-style: none;
  margin-bottom: 24px;
  }

ul.arrows li {
  background:url(../img/arrow.gif) 0 4px no-repeat;
  padding-left: 14px;
  font-style: italic;
  margin-bottom: 2px;
  }

ul.arrows li.spacy {
  margin-bottom: 11px;
  }

table tr th, table tr td { text-align: left; vertical-align: top; padding-top: 5px !important;}
table tr th { width: 120px; color: #cfd305 !important; }
table tr { }
table { margin-left: 8px; }

span.packet { margin-right: 2px; }
span.prepacket { margin-left: 2px; margin-right: 2px; }
span.caps { text-transform: uppercase; font-size: 0.9em; }
span.missing { text-transform: uppercase; background: #2288ff; color: #fff; } 

acronym { text-decoration: none; border-bottom: 1px dotted #aaa; }
acronym.caps, abbrev.caps { text-transform: uppercase; font-size: 0.8125em; }


#container {
  width: 915px;
  height: 684px;
  margin-top: 42px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background:url(../img/bg.gif) 0 64px no-repeat;
  }

#navigation {
  margin: 0 0 0 0;
  list-style: none;
  width: 915px;
  }

#navigation li {
  font-size: 0.8125em;
  text-align: left;
  display: block;
  float: left;
  width: 142px;
  height: 64px;
  margin: 0;
  }

#navhome {
  width: 205px !important;
  }

#content {
  width: 867px;
  height: 530px;
  margin: 28px 24px 28px 24px;
  display: block;
  clear: both;  
  }

#content div {
  padding-top: 32px;
  padding-left: 202px;
  height: 530px;
  clear: both;
  background-position: 0 32px;
  background-repeat: no-repeat;
  }

#content div.home { background:url(../img/pic-home.jpg) 180px 32px no-repeat; }
#content div.konzept { background-image:url(../img/pic-konzept.jpg); }
#content div.angebot { background-image:url(../img/pic-angebot.jpg); }
#content div.gruender { background-image:url(../img/pic-gruender.jpg); }
#content div.offizium { background-image:url(../img/pic-offizium.jpg); }
#content div.kontakt { background-image:url(../img/pic-kontakt.jpg); }

#wrap { 
  border-left: 262px solid transparent; 
  } 

#roll { 
  margin: 0px;
  width: 100%;
  } 


/* ===========================    FX   ============================== */

#navigation * a {
  display: block;
  width: 142px;
  height: 64px;
  border: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  }

#navigation * a span{
  visibility: hidden;
  }

#navhome a { background-image: url(../img/nav01.gif);  width: 205px; }
#navhome a.active { background-image: url(../img/nav01-act.gif) !important; }

#navkonzept a, #navkonzept a:visited { background-image: url(../img/nav02.gif); }
#navkonzept a:hover, #navkonzept a:active { background-image: url(../img/nav02-roll.gif); }
#navkonzept a.active { background-image: url(../img/nav02-act.gif) !important; }

#navangebot a, #navangebot a:visited { background-image: url(../img/nav03.gif); }
#navangebot a:hover, #navangebot a:active { background-image: url(../img/nav03-roll.gif); }
#navangebot a.active { background-image: url(../img/nav03-act.gif) !important; }

#navgruender a, #navgruender a:visited { background-image: url(../img/nav04.gif); }
#navgruender a:hover, #navgruender a:active { background-image: url(../img/nav04-roll.gif); }
#navgruender a.active { background-image: url(../img/nav04-act.gif) !important; }

#navoffizium a { background-image: url(../img/nav05.gif); }
#navoffizium a.active { background-image: url(../img/nav05-act.gif) !important; }

#navkontakt a, #navkontakt a:visited { background-image: url(../img/nav06.gif); }
#navkontakt a:hover, #navkontakt a:active { background-image: url(../img/nav06-roll.gif); }
#navkontakt a.active { background-image: url(../img/nav06-act.gif) !important; }