/*
CSS goabase blacklight style
2005-12-02 22:12h

If you like to test your own style:
http://www.goatrance.de/goabase/?cssfile=url-to-your-css-file

Main colors
-background:sehr dunkles lila #261643
-text-color:yellow #FFFF00
-link-color:green #00FF00
-title-background:helles lila #562E7A
-content-background:dunkles lila #400040

special
- layout grphics via css
- status-buttons
*/
body {
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-style:normal;
color:#FFFF00;
font-size:13px;
background-color:#261643;
margin:0;
padding:0;
text-align:left;
}
a { text-decoration:none;}
a:link { color:#00FF00;}
a:link.ext_link { color:#FFAD52;}
a:link.perm-link { color:#00FF00;}
a:visited { color:#FF0000;}
a:active { color:#FFFF00;}
a:hover { background:#562E7A;}
a:visited.ext_link {color:#FFAD52;}
a:visited.perm-link { color:#00FF00;}
a span.bubble {display:none;}
a:hover span.bubble {
display:block;
position:absolute;
color:#FFFF00;
text-align:left;
font-weight:normal;
padding:5px;
margin:4px 0px 0px 2em;
z-index:100;
}

/* page boxes */
#page-header {
margin:0 0 0px 0;
}
#page-header .logo {
width:160px;
height:62px;
padding-left:4px;
background-image:url("../images/logo_goabase_2002.gif");
background-repeat:no-repeat;
display:block;
}
#page-header .pagetitle {
letter-spacing:3px;
font-weight:bold;
font-size:14px;
color:#FFFF00;
text-transform:uppercase;
background-color:#562E7A;
text-align:right;
margin:0 0 1px 0;
padding:0 2px 0 0;
}
#page-header .head1 {
width:73px;
height:62px;
background-image:url("../images/head1.jpg");
}
#page-header .head2 {
width:90px;
height:62px;
background-image:url("../images/head2.jpg");
}
#page-header .head3 {
width:115px;
height:62px;
background-image:url("../images/head3.jpg");
}
#page-header .head4 {
width:39px;
height:62px;
background-image:url("../images/head4.jpg");
}
#page-header .head5 {
width:174px;
height:62px;
background-image:url("../images/head5.jpg");
}
#page-header .head-color {
background-color:#0C0C0C;
}
#page-header .head-color-1 {
background-color:#020027;
padding:0;
}
#page-nest {
clear:both;
}
#page-menu {
position:absolute;
left:0px;
width:160px;
margin:0 0 0 0;
padding:2px 0 0 0;
/* border-left:1px #562E7A solid; */
}
/* Simplified Box Model Hack for IE */
* html #page-content {
width:100%;
w\idth:100%;
margin:0 4px 0 163px;
padding:2px 0 0 0;
height:840px;
}
html>body #page-content{
position:relative;
margin:0 4px 0 163px;
padding:2px 0 0 0;
min-height:840px;
}
#page-footer {
float:left;
margin:auto;
text-align:center;
width:100%;
}
#inner-content { /* layout-table inner */
width:70%;
vertical-align:top;
}
.clear {
clear:both;
font-size:1px;
line-height:1px;
margin:0;
padding:0;
}
/* standards */
strong { font-weight:bold; }
b { font-weight:bold; }
hr { color:#562E7A; border:1px solid;}
big { font-size:22px; }
small { font-size:10px; }
.default { vertical-align:top; }
pre {
font-family:monospace;
font-size:11px;
}
tr,td,li,dt,dl,div {
font-weight:normal;
color:#FFFF00;
font-size:13px;
}
input, textarea {
border-width:1px;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
padding-left:3px;
padding-right:3px;
-moz-border-radius:4px 4px 4px 4px;
}
textarea { overflow:auto; } /* IE no scrollbar */
input:focus, textarea:focus { border:1px solid #00FF00; background-color:#ffffcc}
select {
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
}
form {
margin:0;
padding:0;
}
/* divs */
div { font-size:13px; }
div.title {
font-weight:bold;
font-size:16px;
background-color:#562E7A;
text-align:center;
}
.titlesmall {
background-color:#562E7A;
}
div.title-news {
background-color:#562E7A;
font-size:15px;
font-weight:bold;
}
.content {
vertical-align:top;
background-color:#400040;
}
.contentdata { /* tabellen rechts */
vertical-align:top;
background-color:#261643;
/*filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90; */
}
div.infobox {
text-align:left;
background-color:#400040;
}
.infobox h1 {
margin:0;
padding:0;
font-weight:bold;
font-size:15px;
background-color:#562E7A;
text-align:center;
}
.infobox h2 {
/* height:1%; */
margin:0;
padding:2px;
font-weight:bold;
font-size:13px;
background-color:#562E7A;
text-align:left;
}
.infobox ul {
margin-top:0px;
}
.infobox li {
list-style-image:url(../images/mark_menu.gif);
}
.quote1 {
font-style:italic;
}
.quote2 {
font-style:italic;
}
/* tables */
th {
font-size:18px;
color:#FFFF00;
background-color:#562E7A;
}
th.title {
font-weight:bold;
font-size:15px;
background-color:#562E7A;
}
td {
vertical-align:top;
}
td.title {
background-color:#562E7A;
font-weight:bold;
}
td.topic {
text-align:right;
background-color:#400040;
}
td.content {
background-color:#400040;
}
td.contentcenter {
text-align:center;
background-color:#400040;
}
td.contentright {
text-align:right;
background-color:#400040;
}
td.content_def {
background-color:#400040;
}
td.content_text {
background-color:#400040;
line-height:16pt;
font-size:13px;
}
.menutop {
vertical-align:middle;
font-weight:bold;
font-size:13px;
background-color:#562E7A;
line-height:13pt;
}
.menuentry {
vertical-align:top;
background-color:#400040;
line-height:12pt;
}
.menuentry_multi {
vertical-align:top;
background-color:#400040;
line-height:12pt;
}
.menuentry a {
display:block;
}
.menuentry a:hover {
background-color:#562E7A;
}
.menuentry small {
font-size:11px;
line-height:11pt;
}
td.navtabon {
text-align:center;
background-color:#562E7A;
width:50px;
font-size:12px;
}
td.navtab-active {
border-bottom:1px solid #562E7A;
}
td.navtaboff {
text-align:center;
background-color:#400040;
font-size:12px;
}
td.navtaboff a:hover {
display:block;
}

/* misc */
.splitter {
border-bottom:1px #562E7A solid;
height:1px;
padding:1px;
font-size:1px;
overflow:hidden;
}
option.opt-title {
padding:2px;
background-color:#562E7A;
color:#FFFF00;
}
option.opt-content {
background-color:#400040;
color:#FFFF00;
}
.wtime {
font-size:10px;
background-color:#400040;
}
.table_abstand {
margin:4px 0 0 0;
empty-cells:show;
}
.split {
border:2px #562E7A;
border-left-style:dotted;
}
.header {
font-size:12px;
font-weight:bold;
background-color:#562E7A;
}
.padding-def {
padding:2px 0 2px 3px;
}
.padding-shop {
padding-left:5px;
}
.cell-space { /* td-abstand */
padding:0 1px 0 1px;
empty-cells:show;
}
.margin0{
padding:0;
margin:0;
}
.margin-def {
margin:2px;
}
.non-prop {
font-family:Courier, "Courier New";
font-size:11px;
}
.musthave {
color:#FF0000;
}
.errortext {
font-weight:bold;
text-align:center;
}
.foto-outline {
border-top:1px solid #6C30A4;
border-left:2px solid #562E7A;
border-right:2px solid #562E7A;
border-bottom:2px solid #562E7A;
-moz-border-radius:5px 5px 3px 3px;
}
.outline {
border-top:1px solid #6C30A4;
border-left:2px solid #562E7A;
border-right:2px solid #562E7A;
border-bottom:2px solid #562E7A;
-moz-border-radius:5px 5px 3px 3px;
}
.u-frame {
border-left:2px solid #562E7A;
border-right:2px solid #562E7A;
border-bottom:2px solid #562E7A;
}
.ii-frame {
border-left:2px solid #562E7A;
border-right:2px solid #562E7A;
}
.topline {
border-top:1px solid #562E7A;
}
.dashedline {
border-style:dashed;
border-width:2px;
border-color:#562E7A;
}
.fullsize {
margin:auto;
}
.nav-outline {
margin:0;
padding:0;
vertical-align:bottom;
border-left:1px solid #562E7A;
border-right:1px solid #562E7A;
border-top:1px solid #562E7A;
/* border-right-style:dotted; */
}
.round {
-moz-border-radius:6px 6px 6px 6px;
}

/***** Forms ******/
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor:pointer;
cursor:hand;
}

.forms {
background-color:#400040;
}
.forms div {
margin:0;
padding:2px;
}
.forms h1 {
margin:0;
padding:0;
font-weight:bold;
font-size:16px;
background-color:#562E7A;
text-align:center;
}
.forms .title {
text-align:center;
vertical-align:top;
font-size:16px;
color:#FFFF00;
background-color:#562E7A;
}
.forms .footer {
text-align:center;
vertical-align:top;
font-size:16px;
color:#FFFF00;
background-color:#562E7A;
padding:5px 0 5px 0;
}

.forms .label {
padding-left:5px;
text-align:left;
vertical-align:top;
width:20%;
float:left;
}
.forms .field {
padding-left:5px;
text-align:left;
vertical-align:top;
}
.forms .hint {
margin:3px 0 5px 0;
padding-left:5px;
text-align:left;
vertical-align:top;
}
.forms .input {
margin:3px 0 5px 0;
text-align:left;
vertical-align:top;
width:70%;
}

.forms label.left {
float:left;
text-align:right;
width:8em;
margin-right:.5em;
margin-top:5px;
}

.forms input[type=text],
.forms input[type=file],
.forms select,
.forms textarea {
float:left;
}

.forms input.right, .forms .hint-right {
width:auto;
clear:both;
margin-left:8.5em;
margin-right:.3em;
}

.forms input[type=checkbox].right,
.forms input[type=radio].right,
.forms input[type=submit].right {
margin-left:9em;
}

.forms br {
clear:both;
}

/***** FAQ *******/
div#faq a:visited {
color:#00FF00;
text-decoration:none;
}

div#faq a .faq-link {
color:#00FF00;
text-decoration:none;
padding-left:10px;
width:160px;
}

div#faq a span {display:none;}

div#faq .category {
background-color:#562E7A;
padding:3px 0 3px 5px;
}

div#faq .container {
padding:1px 2px 1px 10px;
}

/* Simplified Box Model Hack for IE */
* html #faq a:hover span {
left:30%;
lef\t:30%;
}
div#faq a:hover span {
display:block;
position:absolute;
width:80%;
padding:15px;
margin-top:20px;
z-index:100;
cursor:pointer;
}

/******* image list ******/
/* Simplified Box Model Hack for IE*/
* html div.photos {
width:100%;
wid\th:100%
}

div.photos {
margin:0;
text-align:center;
width:100%
}

div.photos a {
border:none;
text-align:left;
padding:0;
margin:0;
}

div.photos a span.bubble {display:none;}

div.photos a:hover span.bubble {
display:inline;
position:absolute;
text-align:left;
padding:0;
margin:-80px 0 0 -80px;
z-index:900;
cursor:pointer;
}

div.photos a:hover span.member {
margin:0;
}

div.photos img {
text-align:center;
vertical-align:middle; /* remove gap beneath image in gecko based browsers*/
margin:5px; /* then add a gap in all browsers in a controlled way */
}

/* Menu Navigation */
#navigation {
font-size:12px;
background-color:#400040;;
}
#navigation h1.menutop {
letter-spacing:1px;
font-weight:bold;
font-size:12px;
margin:0;
padding:0 2px 0 6px;
}
#navigation .menublock {
}
#navigation ul {
margin:0;
padding-left:0;
padding-bottom:6px;
}
#navigation ul li {
list-style:none;
margin:0 0 0 2px;
padding:1px 0 0 10px;
}
#navigation ul li.here {
background-image:url(../images/mark_menu.gif);
background-repeat:no-repeat;
background-position:2px 5px;
}
#navigation ul li a {
display:block;
color:#00FF00;
}
#navigation ul li a.none {
display:inline;
color:#00FF00;
}
#navigation ul li  a.none:hover {
margin:0;
padding:0;
color:#00FF00;
display:inline;
background-image:none;
}
#navigation ul li a:hover {
background-image:url(../images/mark_menu.gif);
background-repeat:no-repeat;
background-position:2px 4px;
background-color:#562E7A;
margin:0 0 0 -10px;
padding:0 0 0 10px;
display:block;
}
#navigation .menutop {
padding:1px 0 1px 4px;
margin-left:0;
font-weight:bold;
font-size:13px;
background-color:#562E7A;
white-space:nowrap;
border-top:1px solid #6C30A4;
}
#navigation li.memberinfo {
width:140px;
padding:0 5px 0 10px;
font-size:10px;
}
/* Zweispaltige Anzeige fuer weltzeiten */
#worldtimes dl {
margin:0 0 0 10px;
padding:0 0 6px 0;
}

#worldtimes dt  {
float:left;
text-align:right;
width:72px;
}

#worldtimes dd {
text-align:right;
padding:0 4px 0 0;
}
/* css button-stuff */
.cssbtn {
margin:1px 0 4px 2px;
padding:0 2px 0 4px;
font-size:8px;
font-weight:lighter;
vertical-align:middle;
white-space:nowrap;
background-color:transparent;
letter-spacing:2px;
-moz-border-radius:2px;
}
.party-new {
color:#00ffff;
border:1px solid #00ffff;
}
.party-update {
color:#ffff00;
border:1px solid #ffff00;
}
.party-canceled {
color:#ff0000;
border:1px solid #ff0000;
}
.party-postponed {
color:#ff9900;
border:1px solid #ff9900;
}
.party-new-loc {
color:#ff66ff;
border:1px solid #ff66ff;
}

.party-all {
color:#00ff00;
border:1px solid #00ff00;
}
.party-hidden {
color:#808080;
border:1px solid #808080;
}
.member-image {
color:#ffff00;
border:1px solid #562E7A;
font-size:9px;
}
.member-friend {
color:#00FF00;
border:1px solid #562E7A;
font-size:9px;
}
.member-ignore {
color:#ff0000;
border:1px solid #562E7A;
font-size:9px;
}
.member-comment {
color:#ffff00;
border:1px solid #562E7A;
font-size:9px;
}
.member-pimp {
color:#00ffff;
border:1px solid #562E7A;
font-size:9px;
}
.member-gallery {
color:#ff9900;
border:1px solid #562E7A;
font-size:9px;
}
/* seiten-navigation als formular */
#nav-forms form {
display:inline;
}
.nav-cross {
display:inline;
}
.navbtn {
padding:0 2px 0 2px;
background-color:transparent;
border:1px solid #6C30A4;
-moz-border-radius:2px 2px 2px 2px;
}

.nav-page {
color:#00FF00;
}

.nav-page:hover {
color:#00FF00;
background-color:#562E7A;
}

.nav-this {
background-color:transparent;
border:none;
color:#FFFF00;
}

/* Reiter-Navigation */
#tab-nav {
width:100%;
margin:0;
padding:0;
}
#tab-nav ul {
margin:0;
padding:0;
list-style-type:none;
}
#tab-nav li {
padding:0;
float:left;
width:5em;
margin:0 0 0 0.3em;
background:#400040;
text-align:center;
border-top:1px solid #562E7A;
border-right:1px solid #562E7A;
border-left:1px solid #562E7A;
-moz-border-radius:5px 5px 0px 0px;
}
#tab-nav a {
display:block;
width:100%;
text-decoration:none;
padding:2px 0 3px 0;
font-size:12px;
}
#tab-nav a:hover {
background-color:#562E7A;
}

#tab-nav a.active, #tab-nav a.active:link, #tab-nav a.active:visited, #tab-nav a:hover {
background-color:#562E7A;
-moz-border-radius:2px 2px 0px 0px;
}
#tab-nav h1 {
padding:5px;
letter-spacing:2px;
font-weight:bold;
font-size:14px;
color:#ffff00;
background-color:#562E7A;
text-align:center;
margin:0;
-moz-border-radius:5px 5px 0px 0px;
clear:both;
}

/* suche dropdown */
#dropdown, #dropdown ul { /* all lists */
padding:0;
margin:0;
list-style:none;
z-index:100;
}
#dropdown a {
display:block;
}
#dropdown li.first { /* all list items */
float:left;
width:10em; /* width needed or else Opera goes nuts */
}
#dropdown li ul { /* second-level lists */
position:absolute;
background:#400040;
width:26em;
left:-999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */
}
#dropdown li:hover ul, #dropdown li.sfhover ul { /* lists nested under hovered list items */
left:auto;
}
#newsletter pre {
background-color:White;
font-family:"lucida console",monospace;
color:#696969;
padding:5px;
}
/* order-display */
span.desc {
background-image:url("../images/order_desc_night.gif");
background-repeat:no-repeat;
background-position:2px 5px;
}
span.asc {
background-image:url("../images/order_asc_night.gif");
background-repeat:no-repeat;
background-position:2px 5px;
}
/* Default Member Profile CSS Ver. 1.1 - 2007-02-08 20:00 */
#m-image,#m-main-bio,#m-main-contact { /*  Top three elements */
margin:2px;
float:left;
background-color:#400040;
}
#m-main-bio,#m-main-contact {
width:190px;
}
#m-box dl { /* definiton list */
margin:0;
background-color:#400040;
}
#m-box dt { /* definiton list term */
float:left;
width:90px;
text-align:right;
padding:0 4px 0 0;
}
#m-box dd { /* definiton list data */
margin:0 0 0 4px;
padding:0 4px 0 0;
}
#m-box .m-clear { /* clear all floated */
clear:both;
}
#m-main-bio-title,#m-main-contact-title,#m-box div h2 { /* title */
margin:0;
font-weight:400;
font-size:15px;
background-color:#562E7A;
text-align:center;
}
#m-box div h3 { /* title */
margin:0;
padding:2px;
font-weight:400;
font-size:14px;
background-color:#562E7A;
text-align:left;
}
#m-main-contact-list dt { /* contact definiton list term */
width:4px;
}
#m-about-title {
margin:0;
padding:2px;
font-size:15px;
background-color:#562E7A;
text-align:center;
}
#m-about-content { /*  About content */
padding:2px;
background:#400040;
}
#m-status dd { /* status definiton list data */
margin:0 0 0 94px;
}
/* psyradio */
#psyradio {
margin:4px 2px 4px 2px;
}
#psyradio dt {
float:left;
padding:0 4px 0 2px;
}
#psyradio dd {
margin:0 0 0 2px;
}