body {
  font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  color: #000;
  background: #fcf4c1 url(/images/css/hintergrund.jpg) top center repeat;
}

* { 
  padding: 0;
  margin: 0;
}

img {
  border: 0;
}

#container {
  width: 860px;
  margin: 5px auto;
  position: relative;
}
#blog {
  position: absolute;
  top: 50px;
  right: 10px;
  width: 88px;
  height: 88px;  
  background: transparent url(/images/css/blog_button.gif) center center no-repeat;

}
#blog a {
  display: block;
  width: 80px;
  height: 80px;
}
#blog a span {
  display: none;
}


#head {
  height: 160px;
  background: transparent url(/images/css/header.gif) 210px 0px no-repeat;
}

#head h1 {
  font-size: 12px;
  padding-top: 30px;
  margin: 0;
}

#head h1 a {
  margin-left: 202px;
  display: block;
  width: 300px;
  height: 73px;
}
#head h1 a span {
  display: none;
}

#navi {
  position: absolute;
  top: 110px;
  left: 20px;
  width: 200px;
}

#navi ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

#navi ul li {
  padding: 5px;
  margin: 0;
}

#navi ul li#eh_fs a {
  background: transparent url(/images/css/EH_fs.gif) top left no-repeat;
}

#navi ul li#eh_fs a:hover {
  background-image: url(/images/css/EH_fs_over.gif);
}
#navi ul li#eh_azubis a {
  background: transparent url(/images/css/eh_schulen.gif) top left no-repeat;
}
#navi ul li#eh_azubis a:hover {
  background-image: url(/images/css/eh_schulen_over.gif);
}

#navi ul li#ss_crew a {
  background: transparent url(/images/css/insight.gif) top left no-repeat;
}
#navi ul li#ss_crew a:hover {
  background-image: url(/images/css/insight_over.gif);
}

#navi ul li#ss_info {
  background: transparent url(/images/css/julia_hintergrund.gif) top left no-repeat;
  height: 349px;
}
#navi ul li#ss_info a {
  display: block;
  margin-top: 83px;
  margin-left: 30px;
  width: 125px;
  height: 55px;
}

#navi ul li#kontakt {
  background: transparent url(/images/css/kontakt.gif) top left no-repeat;
}

#navi ul li a {
  color: #fff;
  display: block;
  height: 95px;
  text-decoration: none;
}
#navi ul li a span {
  display: none;
}

#navi p.meta {
  font-size: 11px;
  padding-left: 20px;
  padding-bottom: 10px;
}
#navi p.meta a {
  color: #4095B0;
}

#right {
  position: absolute;
  top: 160px;
  right: 0px;
  width: 650px;
}
#content {
  background: transparent url(/images/css/hg_content.gif) 8px 0px repeat-y;
  font-size: 12px;
  color: #EFFBFF;
  padding: 10px 50px 10px 50px;
  min-height: 320px;
}

#content a {
  color: #F0D789;
}

#content h1 {
  font-size: 18px;
}


#content h3 {
  font-size: 14px;
}

#content h4 {
  color: #F0D789;
  font-size: 14px;
  margin: 10px 0px 5px 0;
}

#content h5 {
  color: #F0D789;
  font-size: 11px;
  margin: 5px 0px 5px 0;
}

#content ul {
  list-style-type: none;
  padding-left: 10px;
}

#content p {
  margin: 10px 0;
}


#content blockquote {
   background: transparent url(/images/css/anfang.gif) 2% 0% no-repeat;
   padding-left: 40px;
   margin-right: 0px;
   padding-bottom: 10px;
   font-style: italic;
}
#content blockquote p {
   background: transparent url(/images/css/ende.gif) 98% 95% no-repeat;
   padding-right: 30px;
}

#content ul li {
  background: transparent url(/images/css/plus.gif) top left no-repeat;
  padding: 4px 2px 4px 24px;
  font-weight: bold;
}

#content ol {
  padding-left: 20px;
}

#content fieldset {
  border: 0; 
}
#content fieldset legend {
  display: none;
}

#content input.zemText,
#content textarea,
#content input.comment_name_input,
#content input.comment_email_input,
#content input.comment_web_input {
  background-color: #007195;
  border: 1px dotted #F0D789;
  color: #fff;
  padding: 2px;
  margin-top: 2px;
}
#content textarea.txpCommentInputMessage {
  width: 250px;
  height: 230px;
}
#content input:focus {
  background-color: #fff;
  color: #C01A18;
}

#content div.blog {
  padding: 30px 0 20px 0;
  border-bottom: 1px solid #4095B0;
  /*background: transparent url(/images/css/blogline.gif) bottom no-repeat; */
}

#content div.blog p.fusszeile {
  font-size: 10px;
}
#content div.blog p.fusszeile a.comments_invite {
  background: transparent url(/images/css/comments.png) top right no-repeat;
  padding-right: 20px;
}

#content h3#kommentare {
  margin-top: 20px;
}

#content ol.comments {
  padding-left: 40px;
}

/* Accordeon */
#content h4.toggler {
  cursor: pointer;
  color: #F0D789;
  border-bottom: 1px solid #4095B0;
}

#footer {
  height: 138px;
  background: transparent url(/images/css/footer.gif) 14px 0px no-repeat;
}

p#sponsoren {
  background: transparent url(/images/css/your_sponsors.gif) 20px 13px no-repeat;
  float: left;
  padding-left: 120px;
}

p#sponsoren a {
  height: 40px;
  padding: 5px;
  display: block;
  float: left;
  margin: 5px;
}
p#sponsoren a span {
  display: none;
}

p#sponsoren a#mcdonalds {
  background: transparent url(/images/css/mcdonalds.gif) 0px 0px no-repeat;
  width: 43px;
}
p#sponsoren a#mcdonalds:hover {
  background-position: 0px -50px;
}

p#sponsoren a#subway {
  background: transparent url(/images/css/subway.gif) 0px 0px no-repeat;
  width: 138px;
}
p#sponsoren a#subway:hover {
  background-position: 0px -50px;
}

p#sponsoren a#ikk {
  background: transparent url(/images/css/ikk.gif) 0px 0px no-repeat;
  width: 150px;
}
p#sponsoren a#ikk:hover {
  background-position: 0px -50px;
}

p#sponsoren a#fitcom {
  background: transparent url(/images/css/fitcom.gif) 0px 0px no-repeat;
  width: 79px;
}
p#sponsoren a#fitcom:hover {
  background-position: 0px -50px;
}

iframe {
  border: 1px solid #414141;
}

/* Home */

#musicbox {
  position: absolute;
  bottom: 80px:
  left: 10px;
  width: 90px;
  height: 80px;
  background: #000 url(/images/css/musikbox.gif) 14px 0px no-repeat;
}
form#kursortsuche {
  background: transparent url(/images/css/suchenfeld.gif) 0px 0px no-repeat;
  width: 277px;
  height:90px;
}

form#kursortsuche #eingabefeld {
  margin-top: 60px;
  margin-left: 25px;
  padding: 2px;
  width: 150px;
}

/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
  padding: 0.3em;
  list-style-type: circle;
  list-style-position: inside;
  border: 2px solid #fdd;
}
ul.comments_error li {
  background-image: none;
}

/* Vorschau */
div#cpreview {
  border: 2px solid #f1f1f1;
  padding: 9px;
  margin-top: 10px;
}

form#txpCommentInputForm td {
vertical-align: top;
}

/* Voting */
#vertgraph ul { 
  margin: 20px 0 0 0;
  padding: 0;
  width: 400px;
  list-style-type: none;
}
#vertgraph ul li {  
  margin-bottom: .5em;
  padding: .2em;
  background: #cf162a;
  color: #fff;
  background-image: url(/images/css/graph80.jpg); 
  background-repeat: repeat-y;
  background-position: 80% 0;
}