html {
/*  height: 100%; */
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
/*  height: 100%; */
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg.gif) repeat-x #8BB3D6;
  font: 10px Arial, Sans-Serif;
  color: #FFFFFF;
  text-align: center;
}
body, p, td, a, input {
  font: 12px Verdana, Arial, Sans-Serif;
  color: #000000;
}
h1, h2, h3 { 
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  margin: 20px 0px 0px 0px;
}
h2 { 
  font-size: 14px;
  border-bottom: 1px dotted;
  text-indent: 5px;
}
h3 { font-size: 12px; }
a {
  color: #EE7800;
  text-decoration: none;
}
a:hover { color: #FFAD32; }
img { border:0px; }
#positionierung {
  text-align: left;
  width: 920px; /* ~ 90% bei 1024px */
  margin: 10px auto; 
}
#outer {
  float: left;
  width: 920px;
  border: 1px solid #003278;
  background: #3392E5;
/*  margin: 20px auto; */
}
#logo { height: 100px; }
#navigationtop {
  height: 30px;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_navi.gif) repeat-x #005FAD;
}
#navigationtop ul {
  padding: 0; 
  margin: 0;
  list-style: none;
}
#navigationtop li {
  height: 31px;
  line-height: 31px;
  float: left;
}
#navigationtop li a {
  width: 101px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  display: block;
  height: 32px; 
  line-height: 32px;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_navi_top.gif) 0 0 no-repeat;
}
#navigationtop li a:hover {
  background-position: -101px 0;
  color: #003278;
}
#navigationtop li #help {
  font-size: 1px;
  width: 30px;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_navi_help.gif) 0 0 no-repeat;
}
#navigationtop li #help:hover { background-position: -32px 0; }

#contentcontainer { clear: both; }
#collinks {
  width: 175px;
  float: left;
  margin: 15px 0;
}
#colmitte {
  width: 570px;
  float: left;
  margin: 15px 0;
}
#colrechts {
  width: 160px;
  float: right;
  margin: 15px 0;
}
#collinks h1 {
  margin: 0;
  padding: 0;
  width: 160px;
  height: 22px;
  line-height: 22px;
  text-indent: 12px;
  font: 14px Arial, Sans-Serif;
  color: #FFFFFF;
  font-weight: bold;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_box_head_left.gif) top right no-repeat;
}
#collinks a {
  width: 159px;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_side.gif) left center no-repeat #003278;
  display: block;
  text-indent:18px;
  height: 16px;
  line-height: 16px;
  border-right: 1px solid #FFFFFF;
}
#collinks a:hover { background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_side.gif) left center no-repeat #3392E5; }
#collinks div.bot {
  width: 160px;
  height: 29px;
  line-height: 29px;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_box_bottom_left.gif) top right no-repeat;
  color: #3392E5;
  font-size: 1px;
}
#content {
  background: #FFFFFF;
  border: 1px solid #003278;
  padding: 0px 10px 10px 10px;
}
#error, #success, #warning, #wait, #news {
  margin-top: 10px;  
  padding: 10px;
  border: 1px solid #000000;
}
#error {
  background: #F47578;
  color: #FFFFFF;
}
#success { background: #8EEDBF; }
#warning { background: #FFCC00; }
#news { 
  padding-top: 0px;
  background: #F7F7F7;
}
p.bc {
  margin: 0;
  padding: 0;
}
p.bc, p.bc a { font: 10px Arial, Helvetica, sans-serif; }
p.bc a:hover { text-decoration: underline; }
p.opt {
  text-indent: 5px;
  padding: 2px 0px;
  margin: 0px;
  border-bottom: 1px solid #000000;
}
div.list {
  border: 1px solid #000000;
  padding: 3px 3px 20px 3px;
  margin-bottom: 10px;
}
div.list table {
  empty-cells: show;
  width: 540px;
}
div.list table th {
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px;
  background: #EC6400;
  text-align: left;
}
div.list table tr { background: #FEFEFE; }
div.list table tr.alt1 { background: #F7F7F7; }
div.list table tr.alt2 {  background: #EFEFEF; }
div.list table tr:hover { background: #FFFFCC; } /* nur firefox */
div.list table tr td {
  border-bottom: 1px solid #D4D4D4;
  vertical-align: top;
  padding: 2px;
}
div.paging {
  border: 1px solid #EAEAEA;
  background:#F7F7F7;
  padding: 0;
  margin: 20px 0px 20px 0px;
  text-align: center;
}
div.paging table { 
  width: 500px;
  margin: 0px auto;
  text-align: left;
}
div.paging a {
  border: 0;
  color: #FF6600;
}
table.verw th {
  text-align: left;
  height: 20px;
  line-height: 20px;
  font: 10px Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  background: #A8C6F0; 
  text-indent: 34px;
  border: 1px solid #000000;
}
table.verw .l {
  background: #FFFFFF;
  border: 1px solid #000000;
  text-align: center;
  vertical-align: middle;
}
table.verw .r {
  background: #EFEFEF;
  border: 1px solid #000000;
  padding: 5px;
}
table.verw .r a {
  display: block;
  font-weight: bold;
}
table.verw .r a img { margin: 2px 3px; }
#wait {
  background: #FFFFEC;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.inv {
  visibility: hidden;
  display: none;
}
.vis {
  visibility: visible;
  display: block;
}
p.labels {
  text-align: right;
  margin-top: 0;
  padding-top: 2px;
}
#colrechts h1 {
  margin: 0;
  padding: 0;
  width: 160px;
  height: 22px;
  line-height: 22px;
  text-indent: 12px;
  font: 14px Arial, Sans-Serif;
  color: #FFFFFF;
  font-weight: bold;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_box_head_right.gif) top left no-repeat;
}
#colrechts a {
  width: 160px;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_side.gif) left center no-repeat #003278;
  display: block;
  text-indent: 18px;
  height: 16px;
  line-height: 16px;
  border-left: 1px solid #FFFFFF;
}
#colrechts a:hover { background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_side.gif) left center no-repeat #3392E5; }
div.scroll {
  width: 160px;
  height: 150px;
  overflow: auto;
  overflow-x: hidden;
}
#colrechts div.scroll a, #collinks div.scroll a {
  height: 18px;
  line-height: 18px;
  text-indent: 5px;
  background: #003278;
  border: 0;
}
#colrechts div.scroll a:hover, #collinks div.scroll a:hover { background: #3392E5; }
div.scroll a img { vertical-align: middle; }
div.scroll div {
  position: absolute;
  display: none;
  text-align: center;
  border: 1px solid #000000;
  padding: 5px;
  margin-top: 35px;
  margin-left: 30px;
  z-index: 99;
  background: #FFFFFF;
}
span.online { color: #00CC00; }
span.offline { color: #CC0000; }
#colrechts div.bot {
  width: 160px;
  height: 29px;
  line-height: 29px;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_box_bottom_right.gif) top left no-repeat;
  color: #3392E5;
  font-size: 1px;
}

#footer {
  clear: both;
  height: 30px;
  background: url(http://www.xxl-voten.de/pics/skin/xxlvoten/bg_footer.gif) repeat-x #005FAD;
  font-size: 10px;
  text-align: center;
  color: #CCCCCC;
}





/* Hot Faces
h3 { font:12px Arial, Sans-Serif; color:#000000; font-weight:bold; }

/* links */
a.voten, a.voten:hover { background:url(/bg_side.gif) no-repeat #003278;
  background-position:left center;  display:block; padding-left:18px; height:16px; line-height:16px; }
a.voten, a.voten:hover { border-left:1px solid #FFFFFF; }

a.footer, a.footer:hover { color:#CCCCCC; }
a.tab, a.tab:hover { display:block; height:20px; vertical-align:middle;  line-height:20px;
  background:url(/bg_switch.gif) no-repeat; color:#FFFFFF; padding-left:2px; }
a.tab:hover { background-position: -151px 0; color:#003278; }
a.start, a.start:hover { font:14px Arial; color:#FFFFFF; font-weight:bold; background:#FF7E00; border:1px solid #000000; padding:5px; }
a.start:hover { background:#FFAE1E; }

p.partner { width:900px; border:1px solid #003278; background:#EFEFEF; padding:5px;}
p.partner a { color:#999999; }
p.partner a:hover { color:#333333; }

div.partner { border:1px solid #003278; background:#EFEFEF; padding:3px;}
div.partner a { color:#999999; }
div.partner a:hover { color:#333333; }


td.box_head { border-top:1px solid #003177; border-left:1px solid #003177;
  border-right:1px solid #003177; border-bottom:1px solid #D9E0F3;
  background:url(/bg_box_head.gif) repeat-x; }


td.box_body_left, td.mailinfo, td.box_body_statistic, td.box_body_right { background:#003278; padding:2 5 2 5; }
td.box_body_left, td.mailinfo, td.box_body_statistic { border-right:1px solid #FFFFFF; }
td.mailinfo, td.box_body_statistic { border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; }
.mailinfo, .mailinfo:hover { font-size:14px; font-weight:bold; }
td.box_body_left, td.box_body_right { color:#FFFFFF; }
td.box_body_right { border-left:1px solid #FFFFFF; }
td.box_body_statistic { color:#8BB3D6; }




td.box_bottom_right { background:url(/bg_box_bottom_right.gif) no-repeat; }


td.tab, td.tablink { height:20px; background:url(/bg_tab.gif) repeat-x; color:#FFFFFF; }
td.tablink { padding:0px; }
span.online { color:#00CC00; font-weight:bold; }
td.bar { text-align:center; width:200px; height:14px; background:url(/bg_statusbar.gif) no-repeat;
  border:1px solid #EEEEEE; font-size:10px; }



div.tooltip { position:absolute; display:none; background:#FFFFCC; color:#000000; width:150px; border:1px solid #000000;
  padding:5px; }

.fsb, .fsb:hover { font-size:10px; color:#FFFFFF; }
.fl, .fl:hover { font-size: 14pt; }
.clr10 { background:#02142C; }
.clr11 { background:#F5F5F5; }
.clr12 { background:#FFFFFF; }
.hdn { visibility:hidden; display:none; }
.fs, .fs:link, .fs:visited, .fs:hover { font-size:10px; }
*/



