body {
  margin: 0px auto;
  
  background-color: #690060;
}
body, p, table, td {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #181818;
}

h1, h2, h3, h4, h5, h6, h7 {
  color: #69003D;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
h2 { font-size: 14px;
     margin-left: 4px;
     border-bottom: 2px dashed #69003D;
     
}
 
H3
{ font-size: 12px;
     margin-left: 4px;
     height: 22px;
     vertical-align: middle;
     border-top: 1px solid #69003D;
     }

     


h4 { font-size: 15px;
     margin-left: 4px;
     border-bottom: 1px solid #69003D;
 }

h5 { font-size: 14px;
     color: #FFFF00;
     margin-left: 4px;
     
      }
h6 { font-size: 12px;
     border-bottom: 1px solid #69003D;
}
h7 a{ font-size: 9px;
     color: #D278FF;
 }


img { border: 0px; }
sup {
  font: 10px Tahoma;
  color: #CC0000;
  font-weight: bold;
}
a { 
  color: #EAEAEA;
  text-decoration: none;
}
a:hover { color: #240087; }
div.pos {
  text-align: left;
  width: 975px; /* ~ 90% bei 1024px */
  margin: 0px auto; 
}
/*div.outer {
  float: left;
  width: 975px;
  border: 1px solid #EAEAEA;
  background: #690060;
  margin: 1px auto;
}*/


div.logo {
  float: center;
  width: 975px; 
  height: 140px;
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_logo.gif) repeat-x #C351E2;
  margin: 5px 10px 5px 2px;
}

#head { position:absolute; top:120px; left:460px; width:380px; height:20px;
      z-index:2; }
#gastcity { position:absolute; top:90px; left:460px; width:380px; height:20px;
      z-index:1; }
#main_navigation {
  float: center;
  width: 975px;
  height: 33px;
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_main_nav.gif) repeat-x #EAEAEA;
  margin: 2px 10px 2px 2px;
}
div.main_nav {
  
  text-align: center;
  width: 975px;
  height: 30px;
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_main_nav.gif) repeat-x #EAEAEA;
  margin: 1px;
 padding: 3px 1px 1px 1px;
}

#main_nav {
  
  text-align: center;
  width: 975px;
  height: 31px;
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_main_nav.gif) repeat-x #EAEAEA;
  margin: 1px;
 padding: 3px 1px 1px 1px;
}
#main_nav ul {
  padding: 0; 
  margin: 0;
  list-style: none;
}
#main_nav li {
  height: 31px;
  line-height: 31px;
  float: left;
}
#main_nav li.sep {
  color: #920092;
  font-size: 1px;
  width: 1px;
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_main_nav_sep.gif) no-repeat;
}	
#main_nav li a {
  width: 107px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  display: block;
  height: 31px; 
  line-height: 31px;
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_main_nav.gif) repeat-x;
}
 #main_nav li:hover ul, #nav li.sfhover ul { background-position: 0 -31px;}
div.contentcontainer {
  float: left;
  width: 975px;
  margin: 3px 0px 0px 0px;
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_contentcontainer.gif);
}
div.gast {
  font: 12px Tahoma;
  width: 300px;
  height: 16px;
  background-color: #D278FF;
  font-weight: bold;
}

div.left_column, div.right_column {
  float: left;
width: 155px;
}
div.left_column { margin-right: 5px;}
div.left_column a, div.left_column a:hover, div.left_column #active, div.left_column #active:hover, div.left_column #mailinfo,
div.left_colum #mailinfo:hover {
  display: block;
  text-indent: 5px;
  
  height: 22px !important; 
  height: 22px; 
  line-height: 22px;
}
div.right_column { margin-left: 08px; float: left;}
div.center_column {
  float: left;
  width: 638px;
}
#ebene1 {
position:absolute;
float: right;
font-size: 28px;
font-family: Times New Roman,Times,serif;
top:60px;
left:480px;
color: #D278FF;
z-index:1;
}

#ebene2 {
position:absolute;
top:88px;
font-size: 18px;
left:450px;
color: #ACACAC;
z-index:2;
}
#ebene3 {
position:absolute;
top:108px;
font-size: 20px;
left:520px;
color: #D278FF;
z-index:3;
}
#ebene4 {
position:absolute;
top:40px;
font-size: 20px;
left:530px;
color: #D4D4D4;
z-index:3;
}
div.testcenter_column {
  float: left;
  width: 975px;
  background-color: #D278FF;
}

div.content { margin: 0px 15px; }
div.startcontent { margin: 0px 15px; background-color: #D278FF; }
div.scroll {
  height: 180px;
  overflow: auto;
}
div.scroll a {
  display: block;
  height: 18px;
  line-height: 18px;
  text-indent: 5px;
  border: 0;
}
div.scroll a img { vertical-align: middle; }
div.scroll div {
  position: absolute;
  display: none;
  text-align: center;
  border: 1px solid #000000;
  padding: 0px;
  margin-top: 35px;
  margin-left: 30px;
  z-index: 99;
}
span.online { color: #00CC00;
              font-weight: bold;
 }
span.offline { color: #EAEAEA; }

div.navitop { height: 28px; background: url(http://www.date-and-vote.de/bw-pics/votejack/skin/06dav/navitop-bg.gif) #909090; border-top: 1px solid #909090;
  border-bottom: 1px solid #909090; }
div.forumnews {
  width: 158px;
  margin-left: 2px;
  vertical-align: middle;
  height: 38px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_forumnews.gif) no-repeat;
  background-position: 0px;
}
div.icon {
  width: 350px;
  height: 15px;
  margin-top: 2px;
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  background: url(http://www.date-and-vote.de/pics/skin/standard/statistik-bilder-bewerten.png);
  
  
}
div.startscreen {
  float: left;
  width: 320px;
  height: 200px;
  
  text-align: left;
}

div.footer {
  float: left;
  width: 975px;
  margin: 10px 15px 15px 5px;
  height: 32px;
  border-top: 1px dotted;
  text-align: center;
}
div.visit { 
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
   }
div.error, div.success, div.warning, div.wait {
  width: 92%;
  padding: 10px 20px 10px 20px;
  border: 1px solid #000000; }
div.error {
  background: #F47578;
  color: #FFFFFF; }
div.success { background: #8EEDBF; }
div.warning { text-decoration: blink; background: #FFCC00; }
div.optnickpage { text-align: right; padding: 10px 10px;}

div.wait {
  background: #FFFFEC;
  font: 13px Arial;
  font-weight: bold;
  margin-bottom: 20px; }
div.wait p { 
  font: 13px Arial;
  font-weight: bold; }
div.inv {
  visibility: hidden;
  display: none; }
div.vis {
  visibility: visible;
  display: inline; }
div.paging {
  border: 1px solid #000000;
  background:#B300C3;
  padding: 0;
  margin: 20px 0px 20px 0px;
  text-align: center;
}
#design {
  float: left;
  width: 550px;
  }
div.paging table { 
  width: 560px;
  margin: 0px auto;
  text-align: left;
}
div.paging a {
  border: 0;
  color: #EFEFEF;
}
div.list {
  border: 1px solid #000000;
  padding: 3px 3px 20px 3px;
  margin-bottom: 10px;
  width: 580px;
}
div.list table {
  empty-cells: show;
  width: 95%;
}
div.list table th {
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px;
  background: #A4A4A4;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: left;
}
div.list table tr { background: #D500E6; }
div.list table tr.alt1 { background: #F7F7F7; }
div.list table tr.alt2 {  background: #EFEFEF; }
div.list table tr:hover { background: #D278FF; } /* nur firefox */
div.list table tr td {
  border-bottom: 1px solid #D4D4D4;
  vertical-align: top;
  padding: 2px;
}
p.nticker {
padding: 2px 5px;
  margin: 0;
  border: 1px solid #181818;
}

p.tags {
/*  text-indent: 5px;*/
  font: 10px Arial, Helvetica, sans-serif;
  width: 580px;
  padding: 7px 3px 3px 0px;
  border-bottom: 1px solid #181818;
}
p.bc {
/*  text-indent: 5px;*/
  width: 580px;
  padding: 2px 5px;
  margin: 0;
  background: #B300C3;
  border: 1px solid #181818;
}
p.bc, p.bc a {
  font: 10px Arial, Helvetica, sans-serif;
  text-decoration: none;
  
}
p.bc a:hover { text-decoration: underline; }


p.opt {
  text-indent: 5px;
  padding: 2px 0px;
  margin: 0px;
  border-bottom: 1px solid #000000;
}
table.nickpage {
width:600px;
table-layout:fixed;

}

td.li {
  width: 20%;
  height: 130px;
  margin: 4px;
  vertical-align: middle;
  border-top: 1px solid #000000;
  } 

td.re {
  width: 70%;
  height: 130px;
  vertical-align: middle;
  border-top: 1px solid #000000;
  } 


table.verw { width: 92%; }
table.verw th {
  text-align: left;
  height: 20px;
  line-height: 20px;
  font-weight: bold; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  background: url(http://www.date-and-vote.de/pics/skin/standard/bg_th_a.gif) 0 -1px repeat-x #A8C6F0; 
  text-indent: 34px;
  border: 1px solid #000000; }
table.verw .l {
  background: #D4D4D4;
  border: 1px solid #000000;
  text-align: center;
  vertical-align: middle; }
table.verw .r {
  background: #D4D4D4;
  border: 1px solid #000000;
  padding: 5px; }
table.vb {
  width: 92%;
/* clear: both;*/
}
table.vb td {
  text-align: center;
  font-size: 14px; }
table.vb td a b { font-size: 18px; }
.inv {
  visibility: hidden;
  display: none;
}
.vis {
  visibility: visible;
  display: block;
}
p.labels {
  text-align: right;
  margin-top: 0;
  padding-top: 2px;
}
.svBox .svBoxbody {
  width: 550px;
  margin: 10px 20px;
  padding: 0;
}
.svBoxbody .svOpt {
  border-top: 1px solid #808080;
  text-align: right;
}
.svBoxbody h2 { 
  font-size: 14px;
  text-indent: 10px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  margin: 5px 0px 0px 0px;
  padding: 0;
  border-bottom: 1px dashed #000000;
}
.svBox h1 {
  background: url(http://www.date-and-vote.de/pics/skin/standard/svBoxhead.gif) repeat-x;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  color: #808080;
  font-size: 14px;
  letter-spacing: 1px;
  text-indent: 25px;
}
.svFieldset iframe {
  width: 520px;
  height: 150px;
  margin: 10px 0px;
}
.svTextRt {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #808080;
  width: 120px;
  margin: 3px 0px;
}
.svTextarea, .svTextareaerror { height: 150px; } 
.svWysiwyg {
  width: 520px;
  height: 250px;
}
.svText, .svTexterror, .svTextarea, .svTextareaerror {
  width: 330px;
}