/*
blau: #3982cc
orange: #ffa400
*/

* { font-family: Calibri, Verdana, Tahoma, Arial, sans-serif; }
.bold        { font-weight: bold; }
.center      { text-align: center; }
.bottom      { vertical-align: bottom; }
.left        { text-align: left; }
.floatleft   { float: left; }
.clearleft   { clear: left; }
.floatright  { float: right; }
.top         { vertical-align: top; }
.right       { text-align: right; }
.middle      { vertical-align: middle; }
ul, form, ol { margin: 0; padding: 0; }
img { border: 0; }
div.wraptopixel { overflow:hidden; white-space:nowrap; }
.nowrap { white-space: nowrap; }
img.icon { vertical-align: middle; }
div#content { color: #ffffff;  }
div#content * { line-height: 1.35em; }
small, .small, small *, .small *, div#content .small, div#content small, div#content .small *, div#content small * { font-size: 11px; line-height: 1.2em !important; }
.pointer { cursor: pointer; }
body { height: 100%; margin: 0; background: #404040 url(/images/layout/colors.jpg); }

a { text-decoration: none; }

div#content a { color: #80bfff !important; }
div#content a:hover { color: #ffa400 !important; }
div#content div.button a { color: #ffffff !important; }
div#content div.button a:hover { color: #000000 !important; }


/* ################################## Layout ################################## */


div#container
{
  width: 994px;
  margin: 10px auto;
}

div#header
{
  height: 195px;
  width: 994px;
  background: 0px 1px url(/images/layout/tag.png) no-repeat;
}

div#head
{
  height: 196px;
  width: 994px;
  background: url(/images/layout/header.png);
}

div#avert
{
  margin: 0 auto;
  width: 95%;
  text-align: center;
}

a#logo
{
  z-index: 999;
  position: absolute;
  height: 115px;
  width: 500px;
  margin: 20px 0 0 39px;
}

div#content
{
  padding: 5px 20px 5px 65px;
  min-height: 100px;
  width: 909px;
  overflow: hidden;
  background: url(/images/layout/back.png) repeat-y;
}

div#footer
{
  clear: both;
  height: 33px;
  width: 994px;
  background: url(/images/layout/footer.png);
  text-align: center;
  color: #ffffff;
  padding-top: 69px;
  font-size: 12px;
  margin-bottom: 200px;
}

div#footer a
{
  color: #ffffff;
}

div#footer a:hover
{
  color: #ff0000;
}


div#login
{
  position: absolute;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 0 0 550px;
}

div#login strong
{
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
}

div#login ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

div#login li p
{
  margin: 0 0 0 2px;
}

div#login p.clear
{
  margin: 0 0 2px 0;
  clear: left;
  color: #ffffff;
  font-size: 12px;
}

div#login p.clear a
{
  color: #ffffff;
}

div#login p.clear a:hover
{
  color: #ffa400;
}


div#login li
{
  color: #ffffff;
  font-size: 12px;
  float: left;
  margin-right: 5px;
}


div#facebooklogin
{
  width: 130px;
  float: left;
  height: 90px;
}

div#headbot
{
  padding: 148px 0 0 10px;
  height: 38px;
  width: 994px;
  overflow: hidden;
}


/* ################################## Buttons ################################## */

div.button
{
  clear: left;
  display: inline-block;
  cursor: pointer;
}

div.button span.l
{
  width: 6px;
  font-size: 1px;
  height: 26px;
  float: left;
  background: url(/images/layout/buttonl.png) no-repeat;
}

div.button:hover input,
div.button:hover a
{
  color: #ffa400;
}

div.button input,
div.button a
{
  cursor: pointer;
  display: inline;
  border: 0;
  color: #ffffff;
  margin: 0;
  padding: 0px 2px 1px 2px;
  font-size: 14px;
  float: left;
  height: 26px;
  background: url(/images/layout/buttonm.png) repeat-x;
}

div.button a
{
  padding-top: 4px;
}

div.button span.r
{
  width: 6px;
  font-size: 1px;
  height: 26px;
  float: left;
  background: url(/images/layout/buttonr.png) no-repeat;
}

div.button:hover span.l
{
  background: url(/images/layout/buttonol.png) no-repeat;
}

div.button:hover input,
div.button:hover a
{
  color: #000000;
  background: url(/images/layout/buttonom.png) repeat-x;
}

div.button:hover span.r
{
  background: url(/images/layout/buttonor.png) no-repeat;
}

div.inputtext span.l
{
  width: 6px;
  font-size: 1px;
  height: 26px;
  float: left;
  background: url(/images/layout/textl.png) no-repeat;
}

div.inputtext input
{
  display: inline;
  border: 0;
  color: #000000;
  margin: 0;
  padding: 1px 0px 1px 0px;
  font-size: 14px;
  float: left;
  height: 26px;
  width: 80px;
  background: url(/images/layout/textm.png) repeat-x;
}

div.inputtext span.r
{
  width: 6px;
  font-size: 1px;
  height: 26px;
  float: left;
  background: url(/images/layout/textr.png) no-repeat;
}


/* ################################## Content ################################## */


.facebooklikeit
{
  float: right;
  border: none;
  width: 180px;
  height: 30px;
  margin-left: 10px;
}

div#brot
{
  height: 32px;
  margin: 3px 3px 0 -55px;
  color: #ffffff;
  font-size: 11px;
  text-indent: -59px;
  padding-left: 64px;
}


div#content h2
{
  background: url(/images/h2.png) 0px 2px no-repeat;
  font-size: 32px;
  color: #ffa400;
  padding: 6px 55px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  margin: 10px 0 10px -55px;
}

div#content h3
{
  background: url(/images/h3.png) 0px 2px no-repeat;
  font-size: 22px;
  padding: 4px 2px 2px 45px;
  color: #ffa400;
  height: 30px;
  margin: 0 0 5px 0;
}

div#content h2 small { font-weight: normal; font-size: 14px; }
div#content h3 small { font-weight: normal; font-size: 14px; }


/* ################################## Reiter ################################## */

ul#reiter a { color: #cccccc; }

ul#reiter li.hell a { color: #000000; }

ul#reiter
{
  width: 990px;
  margin: 0 auto;
  padding: 0;
  height: 36px;
  list-style: none;
}

#reiter li
{
  height: 36px;
  background: #ff0000;
  display: inline;
  white-space: nowrap;
}

#reiter li span.l
{
  width: 7px;
  font-size: 1px;
  height: 36px;
  float: left;
  background: url(/images/layout/reiterdl.png) no-repeat;
}


#reiter li span.m
{
  padding: 7px 4px 0 4px;
  font-size: 17px;
  float: left;
  height: 36px;
  background: url(/images/layout/reiterdm.png) repeat-x;
}

#reiter li span.r
{
  width: 7px;
  font-size: 1px;
  height: 36px;
  float: left;
  background: url(/images/layout/reiterdr.png) no-repeat;
  margin-right: 4px;
}

#reiter li.hell span.l
{
  background: url(/images/layout/reiterhl.png) no-repeat;
}

#reiter li.hell span.m
{
  background: url(/images/layout/reiterhm.png) repeat-x;
}

#reiter li.hell span.r
{
  background: url(/images/layout/reiterhr.png) no-repeat;
}

#reiter li:hover span.l
{
  background: url(/images/layout/reiterol.png) no-repeat;
}

#reiter li:hover span.m
{
  background: url(/images/layout/reiterom.png) repeat-x;
}

#reiter li:hover span.r
{
  background: url(/images/layout/reiteror.png) no-repeat;
}

#reiter li:hover a
{
  color: #000000;
}













/* ################################## Table ################################## */

div#content table
{
  border-spacing: 3px;
}

div#content table.fullwidth
{
  width: 98%;
}

div#content table thead tr
{
  background: #1d4166 url(/images/layout/tabletitle.png) repeat-x;
}

div#content table thead tr th
{
  color: #ffffff;
  padding: 6px 5px;
  text-align: center;
  font-weight: bold;
}

div#content table
{
  border-collapse: separate;
}

div#content td,
div#content th
{
  padding: 3px 5px;
}

div#content tr
{
  background: transparent url(/images/layout/hell.png);
}

div#content tr.row2
{
  background: url(/images/layout/dunkel.png);
}

div#content td.top
{
  vertical-align: top;
}

div#content td.center
{
  text-align: center;
}

div#content table.white
{
  width: 398px;
  border: 0;
}

div#content table.white.half
{
  width: 198px;
  border: 0;
}


div#content table.white td
{
  white-space: nowrap;
  overflow: hidden;
  max-width: 326px;
  border: 0;
  border: 0;
}

/* ################################## Pagenav ################################## */

div.pagenav
{
  margin: 2px 0 5px 0;
  border: #ff0000;
}

ul.pagenav li
{
  display: block;
  float: left;
  margin: 1px 2px 1px 0;
  border: #cccccc 1px solid;
}

ul.pagenav a,
ul.pagenav span
{
  display: block;
  padding: 1px 5px 2px 5px;
  font-weight: bold;
}

ul.pagenav a:hover
{
  background: #ffff00;
}

ul.pagenav li.this
{
  border: #ffa400 1px solid;
}

ul.pagenav li.this span
{
  color: #ffa400;
}

ul.pagenav li.inactive span
{
  color: #999999;
}

/* ################################## Abfrage ################################## */

#overlay
{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  background-image: url(/images/layout/overlay.png);
}

* html #overlay
{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/images/blank.gif);
}


div#Abfrage
{
  text-align: center;
	font-size: 12px;
	padding: 10px;
	color: #ffffff;
	border: #cccccc 1px solid;
  position: absolute;
  z-index: 95;
  width: 400px;
  background-image: url(/images/layout/overlay.png);
}

div#Abfrage label
{
  float: left;
  text-align: right;
  display: block;
  width: 150px;
  margin-right: 10px;
}

div#Abfrage input[type=text], div#Abfrage select, div#Abfrage input[type=password]
{
	width: 200px;
}

div#Abfrage p
{
  margin: 0;
}

div#Abfrage b
{
  color: #FF0000;
}

div#Abfrage input.button:hover
{
  color: #ffffff;
}

/* ################################## Fehler ################################## */

ul#Hinweis, ul#Fehler, ul#Erfolg
{
  display: block;
  max-width: 700px;
  margin: 5px 0 15px 0;
  min-height: 24px;
  padding: 7px 16px 5px 34px;
  color: #000000;
  font-size: 13px;
}

ul#Hinweis
{
  background: #ffffcc url(/images/icons/boxinfo.png) 5px 5px no-repeat;
  border: #ffa400 2px solid;
}

ul#Erfolg
{
  background: #ccffcc url(/images/icons/boxerfolg.png) 5px 5px no-repeat;
  border: #00cc00 2px solid;
}

ul#Fehler
{
  background: #ffcccc url(/images/icons/boxfehler.png) 5px 5px no-repeat;
  border: #ff0000 2px solid;
}

ul#Hinweis li, ul#Fehler li, ul#Erfolg li
{
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 5px;
}

div#infobar
{
  margin-left: 20px;
  padding-top: 10px;
  width: 400px;
  float: right;
}

div#content label.error { color: #ff0000; }
div#content input.error { background: #ffdddd; }

div#content div.errorbox
{
  position: absolute;
  margin-left: 285px;
  padding-left: 5px;
  background: url(/images/fehlerbox.png) no-repeat;
}

div#content div.errorbox p
{
  color: #000000;
  min-height: 20px;
  line-height: auto;
  font-size: 13px;
  padding: 0 0 0 18px;;
  margin: 0;
  border-right: #ff0000 1px solid;
  border-top: #ff0000 1px solid;
  border-bottom: #ff0000 1px solid;
}

div#content div.errorbox p span
{
  max-width: 200px;
  padding: 0 5px 0 2px;
  display: none;
}

div#content div.errorbox:hover p span
{
  display: block;
}

div#content div.errorbox:hover
{
  z-index: 1000;
}

div#preview
{
  height: 260px;
  width: 634px;
  display: none;
}

div#preview img
{
  float: right;
  cursor: pointer;
}

div#preview div,
div#history
{
  padding: 5px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  width: 974px;
  background: #1d4166 url(/images/layout/tabletitle.png) repeat-x;
}

iframe#previewframe
{
  height: 200px;
  border: 0;
  margin: 0;
  padding: 0;
  width:984px;
  border-bottom: #9f9f9f 1px solid;
}

ul#ubbcode
{
  clear: left;
  display: block;
  height: 44px;
  margin: 0;
  padding: 0;
  border-top: #9f9f9f 1px solid;
  border-bottom: #9f9f9f 1px solid;
  background: #1d4166 url(/images/layout/tabletitle.png) repeat-x;
}

div#ubbcodeclear
{
  line-height: 12px;
  clear: right;
  display: block;
  height: 22px;
  margin: 0;
  padding: 2px 5px;
  vertical-align: middle;
  border-top: #9f9f9f 1px solid;
  border-bottom: #9f9f9f 1px solid;
  background: #1d4166 url(/images/layout/tabletitle.png) repeat-x;
}

div#composeoptions
{
  margin: 4px 0 0 10px;
}

div#composeoptions strong
{
  float: left;
  width: 80px;
}

div#composeoptions ul
{
  list-style: none;
  margin-left: 90px;
}

div#composeoptions input
{
  vertical-align: middle;
}

div#smileys img
{
  padding: 2px;
}

div#smileys img:hover
{
  background: #ffff00;
}


div#ubbright
{
  line-height: 1px;
  width: 133px;
  border-left: #9f9f9f 1px solid;
  float: right;
}

div#clearubb
{
  clear: right;
  border-top: #9f9f9f 1px solid;
}

div#ubbright div
{
  line-height: 30px;
  width: 133px;
  height: 233px;
  overflow: auto;
}

ul#ubbcode li
{
  list-style: none;
  height: 38px;
  text-align: center;
  color: #000000;
  margin: 1px 0px;
  padding: 1px 0px;
  float: left;
  font-size: 11px;
  cursor: pointer;
}

ul#ubbcode li img
{
  text-align: center;
  margin: 2px 4px;
  height: 32px;
  width: 40px;
}

ul#ubbcode li:hover
{
  background-image: url(/images/layout/ubbhover.png);
  background-repeat: repeat-x;
}

ul#ubbcode li:hover img
{
  height: 38px;
  width: 48px;
  margin: 0;
}

textarea#nachricht
{
  border: 0;
  width: 837px;
  height: 286px;
  padding: 5px;
}

div#content div#right
{
  display: none;
  margin: 5px;
  padding: 5px;
  border: #ff0000 1px solid;
  background: #ffcccc;
}

div#content div#right span
{
  color: #000000;
  display: block;
  margin-left: 30px;
}

div#content div#right input
{
  float: left;
  margin: 2px 4px 4px 5px;
}

ul#ubbimgauswahl
{
  padding-left: 20px;
}

div#mailsend
{
  margin-top: 15px;
}

div#mailsend label
{
  display: block;
  float: left;
  margin-left: 10px;
  width: 100px;
}

div#mailsend input
{
  width: 300px;
  margin-bottom: 5px;
}

div#mailsend input.checkbox
{
  width: auto;
  margin-bottom: 0;
}

div#getloadajax strong { display: block;margin: 5px 10px 20px 10px; }
div#getloadajax ul { text-align: left; }
div#getloadajax ul#imgauswahl li
{
  margin-left: 30px;
  cursor: pointer;
}

div.quote
{
  background: #444444;
  margin-left: 20px;
  border: #999999 1px solid;
  padding: 2px 5px;
  max-height: 150px;
  overflow: auto;
}

div.quote div.quote
{
  max-height: none;
}

div.quote div.qt
{
  font-weight: bold;
  border-bottom: #333333 1px solid;
  margin-bottom: 4px;
}

div#infobox
{
  color: #ffffff;
  position: absolute;
  width: 310px;
  height: 118px;
  z-index: 100;
  margin-left: 678px;
  margin-top: 10px;
}

div#infoboxl
{
  cursor: pointer;
  width: 95px;
  height: 16px;
  float: left;
  padding: 4px;
  font-size: 14px;
  background: url(/images/layout/infoboxgl.png) no-repeat;
}

div#infoboxm
{
  cursor: pointer;
  width: 92px;
  height: 16px;
  float: left;
  font-size: 14px;
  padding: 4px;
  background: url(/images/layout/infoboxgm.png) no-repeat;
}

div#infoboxr
{
  cursor: pointer;
  width: 95px;
  height: 16px;
  float: left;
  font-size: 14px;
  padding: 4px;
  background: url(/images/layout/infoboxgr.png) no-repeat;
}

div#infocontent
{
  font-size: 14px;
  width: 298px;
  height: 86px;
  padding: 4px;
  clear: left;
  background: url(/images/layout/infobox.png) no-repeat;
}

div#infoboxl:hover
{
  background: url(/images/layout/infoboxol.png) no-repeat;
  color: #000000;
}

div#infoboxm:hover
{
  background: url(/images/layout/infoboxom.png) no-repeat;
  color: #000000;
}

div#infoboxr:hover
{
  background: url(/images/layout/infoboxor.png) no-repeat;
  color: #000000;
}

div#infoboxl.aktiv
{
  background: url(/images/layout/infoboxwl.png) no-repeat;
  color: #000000;
}

div#infoboxm.aktiv
{
  background: url(/images/layout/infoboxwm.png) no-repeat;
  color: #000000;
}

div#infoboxr.aktiv
{
  background: url(/images/layout/infoboxwr.png) no-repeat;
  color: #000000;
}

div#infoboxcontent,
div#friendlist,
div#besucherliste
{
  display: none;
  overflow: auto;
  width: 298px;
  height: 86px;
}

div#infobox a
{
  color: #80bfff;
}

div#infobox a:hover
{
  color: #ffa400;
}


div#besucherliste a,
div#friendlist a
{
  width: 270px;
  clear: right;
  overflow: hidden;
  white-space: nowrap;
}

div#besucherliste a:hover,
div#friendlist a:hover
{
  background: #666666;
}

div#infoboxcontent
{
  color: #ffffff;
}


div#infoboxcontent strong
{
    display: inline;
    margin-bottom: 0;
}


div#infoboxcontent li
{
  margin-bottom: 5px;
  text-indent: -20px;
  padding-left: 20px;
}