* {
         font-size: 11px;
         font-family: verdana, arial, sans-serif;
         color: black;
}

body
{
         background: url(http://www.fortuna-duesseldorf.de/fileadmin/siteimg/bg.gif);
         margin: 0 20% 2em 20%;
         padding: 0;
}

/* Background for Subscribe-Area */

H1, H2, H3, H4 H5, H6, DIV, P, TABLE {
	background: #FFFFFF;
}

span.hdl {
         font-family: courier new, verdana, arial; 
         color: #CC0000; 
         font-weight: bold; 
         font-size: 1.5em; 
         margin: 0 0 10px 0;
   }

/* Required fields */

SPAN.required {
	font-weight: normal;
         background: url(/nl/lists/images/required.gif) no-repeat left 3px;
         padding-left: 8px;
}

DIV.required {
	font-weight: normal;
         background: url(/nl/lists/images/required.gif) no-repeat left 3px;
         padding-left: 8px;
}

DIV.attributename, SPAN.attributename {
         padding-left: 8px;
}

/** Images.
   */
img
{
         border: none;
         max-width: 100%;
}

img.imgleft
{
         float: left;
         margin-right: 1em;
         margin-bottom: 1em;
}

img.imgright
{
         float: right;
         margin-left: 1em;
         margin-bottom: 1em;
}

/** Page title.
   */
div#title
{
         background: url(/nl/lists/images/f95nl.jpg) no-repeat left top #CC0000;
         margin: 0;
         /* padding: 5.2em 0.5em 0.2em 1em; */
         text-align: right;
         border-bottom: 1px #FFF solid;
         font-family: sans-serif, monospace;
         font-size: 1.2em;
         color: #FFFFFF;
         width: 750px;
         height: 120px;
}

h1#title a
{
         color: white;
         font-size: xx-large;
         font-weight: bold;
         font-family: monospace;
}

/** Links.
   */
a
{
         color: #900;
         text-decoration: none;
         font-weight:bold;
}

a:link, a:visited
{
         color: #900;
         text-decoration: none;
}

a:active, a:hover
{
         color: #CC0000;
}

/** Main structures.
   */
#page, #bottom, #auth, #actions {

}

#page {
         width: 750px;
}

#page_inner {
         padding: 1em;
         border: 1px solid #CC0000;
         height: 1%;
}

/** Bottom box.
   */
#bottom {
         text-align: center;
         background: none;
}

#bottom ul {
         margin: 0;
         list-style: none;
}

#bottom ul li {
         font-size: 9px;
         color: #aaa;
}

#bottom ul li a {
         font-size: 9px;
}

span.pageinfo {
         margin: 1em;
}

span.pageinfo, span.pageinfo a {
         font-style: italic;
         font-size: 9px;
}

/** Global blog definitions.
   */
div.parag, div.head, div.draft {
         overflow: hidden;
         text-align: justify;
         margin-bottom: 2em;
}

div.parag:hover a, div.head:hover a, div.draft:hover a {
         color: #900;
}

/** Blog title
   */
div.parag h2, div.head h2, div.draft h2, div.fortune h2 {
         color: #900;
         text-align: left;
         margin: 0;
         padding: 0.2em;
         font-size: 142%;
         font-weight: normal;
         border-bottom: 1px #aaa solid;
}

/** Blog info.
   */
div.parag h5, div.head h5, div.draft h5, div.fortune h5 {
         margin: 0;
         padding: 0;
         text-align: right;
         font-weight: normal;
         font-style: italic;
}

h5 span, h5 a {

}

h5 span.author:after {
         content: ' - ';
}

h5 span.category:before {
         content: ' - ';
}

p#categories, p#authors {
         text-align: right;
         margin: 0.2em;
}

p#categories a, p#authors a {

}

p#categories a.active, p#authors a.active {
         font-weight: bold;
}

/** Blog links.
   */
div.parag h6 {
         font-weight: normal;
         font-size: smaller;
         margin: 0;
         margin-bottom: 1em;
         padding: 0.3em;
         border: 1px #ccc solid;
         background: #f4f4f4;
}

h6 a {
         font-size: smaller;
}

/** Blog date separators
   */
div.datesplit {
         text-align: right;
         font-weight: bold;
         border-bottom: 1px black solid;
         margin: 1em 0;
}

/** Menus.
   */
ul.menu {
         list-style: none;
         margin: 0;
         padding: 0;
         text-align: center;
}

ul.menu#top {
         position: absolute;
         top: 6em;
         left: 20%;
         right: 20%;
         background: #CC0000;
         border-bottom: 2px #CC0000 solid;
         padding: 3px;
         margin: 5px 0 0 0;
         color: #FFFFFF;
}

ul.menu#top a {
         color: #EEEEEE;
         font-weight: bold;
}

ul.menu#top li {
         float: left;
         border-right: 1px white solid;
         margin: 0;
         padding: 0.3em 1em;
}

ul.menu#top li:hover, ul.menu#top li.active {
         background: #CC0000;
}

ul.menu#top li:hover a {
         color: #fc6;
}

ul.menu#left, ul.menu#right {
         display: none;
}

ul.menu li {
         padding: 0.2em;
}

ul.menu li.active, ul.menu li.active a {
         font-weight: bold;
}

ul.menu li.separator {
         border-bottom: 1px #888 solid;
}

/** Auth and action bars.
   */
#auth {
         padding-top: 1em;
         padding-bottom: 0.2em;
}

#auth span#authlinks {
         display: block;
}

#auth span#authlinks a {
         font-size: smaller;
}

#auth span#authform {
         display: inline;
}

#actions {
         padding-bottom: 1em;
}

#actions, #auth {
         padding-left: 1em;
}

/** Code box
   */
div.cmd {
         border-left: 2px #CC0000 solid;
         padding: 0 1em;
         margin-left: 1em;
}

div.cmd pre {
         color: #555;
}

/** Quote
   */
div.quote {
         background-image: url("../interface/quote.png");
         background-position: top left;
         background-repeat: no-repeat;
         border-bottom: 1px #aaa solid;
         margin: 1em 0;
         padding: 0 1em 0.5em 30px;
         font-family: monospace;
}

/** Quote author
   */
div.quote h6 {
         margin: 0;
         padding: 0;
         font-weight: bold;
         text-align: right;
         font-size: smaller;
         border: none;
         background: white;
}

div.fortune p {
         font-family: monospace;
}

/** Forms
   */
form {
         margin: 0;
         padding: 0;
}

input {
         padding: 2px;
         border: 1px #aaa solid;
}

input[type=text] {
         width: 90%;
}

input:hover, input:focus {
         border: 1px #CC0000 solid;
}

/* Submit Button for Subscripton */
input.sbmt-btn {
	background: #CC0000;
	color: #FFFFFF;
}

input.auth {
         width: 5em;
         padding: 1px;
}

input.auth[type=submit] {
         width: 3em;
         padding: 0;
         background: white;
}

input[disabled] {
         color: #ccc;
}

textarea {
         font-family: monospace;
         padding: 2px;
         border: 1px #aaa solid;
         width: 90%;
}

textarea.hover,textarea:focus {
         border: 1px #CC0000 dotted;
}

textarea.blogtitle {
         height: 2.6em;
}

textarea.blogintro {
         height: 10em;
}

textarea.blogbody {
         height: 30em;
}

textarea.menucontents {
         height: 12em;
}

select {
         border: 1px #ccc dotted;
}

/** Tables
   */
thead {
         font-weight: bold;
}

thead td {
         padding: 0.2em;
         margin-bottom: 1em;
         border-bottom: 1px #888 solid;
}

td.left {
         width: 20%;
}

td.middle {
         width: 30%;
}

td.right {
         width: 20%;
         text-align: right;
}

td.small {
         width: 5%;
         text-align: center;
}

td.area {
         width: 80%;
}

/** Text formatting
   */

tt,pre {
         font-family: monospace;
}

p {
         text-align: justify;
}

p.left {
         float: left;
         margin-right: 1em;
         margin-bottom: 1em;
}

p.right {
         float: right;
         margin-left: 1em;
         margin-bottom: 1em;
}

p.inpageask {
         margin: 1em;
         padding: 0.2em;
         text-align: right;
         font-style: italic;
         color: #ccc;
         font-size: smaller;
}

p.inpageask a {
         font-size: smaller;
}

div.clear {
         clear: both;
}

p#error, span.error {
         margin: 0;
         text-align: center;
         color: #CC0000;
         font-weight: bold;
         padding-left: 11px;
         background: url(/nl/lists/images/errorpic.gif) no-repeat 0 2px;
}

span#autherror {
         color: #CC0000;
         font-size: smaller;
         font-weight: bold;
         padding: 0 1em;
}

/** Comments.
   */
dl.comment dt {
         padding: 6px;
         margin-bottom: 0;
         border: 1px #ccc solid;
         background: #f4f4f4;
}

span.commentauthor {
         font-weight: bold;
}

dl.comment dt.admin span.commentauthor {
         color: #900;
}

span.commentdate {
         display: block;
         font-size: smaller;
         color: #aaa;
         font-style: italic;
}

span.commentinfo {
         font-size: smaller;
         font-style: italic;
}

span.commentinfo:before {
         content: ' ( ';
}

span.commentinfo:after {
         content: ' ) ';
}

span.commentinfo a {
         font-size: smaller;
}

dl.comment dd {
         margin: 0;
         padding-top: 0;
         padding-left: 1em;
         text-align: justify;
}

/** Tribune.
   */
dl.tribune dt {
         font-family: monospace;
         font-weight: bold;
         float: left;
         margin-right: 5px;
}

dl.tribune dd {
         margin-left: 12%;
         margin-bottom: 0.3em;
}

dl.tribune p {
         margin: 0;
         padding: 0;
}

/** Form lists.
   */
dl.form dt {
         float: left;
         margin-right: 1em;
}

dl.form dt.needed {
         font-weight: bold;
}

dl.form dd {
         margin-left: 25%;
         margin-bottom: 0.3em;
}

dl.adminlist dt {
         float: left;
         margin-right: 1em;
         font-weight: bold;
}

dl.adminlist dd {
         margin-left: 20%;
         margin-bottom: 0.3em;
}

/** Archives
   */
ul.archives {
         list-style: none;
         padding: 0;
}

ul.archives li.day {
         font-weight: bold;
}

ul.dayitems {
         list-style: none;
         margin: -1.1em 0 0.5em 2em;
         padding: 0;
}

ul.dayitems li.archiveentry {
         background-image: url("../interface/puce.gif");
         background-position: left center;
         background-repeat: no-repeat;
         padding-left: 15px;
}

/** Color items.
   */
span.module#active {
         color: green;
}

span.module#inactive {
         color: red;
}

span.stylesheet#active {
         color: green;
}

span.stylesheet#cssdefault {
         color: #099;
}

span.stylesheet#inactive {
         color: red;
}

span.attributeinput {
	float: left;
}

span.attributename {
	float: left;
	font-size: 11px;
	padding: 0 12px 0 8px;
}

td.attributeinput {
         width: 300px;
}

form table { width: 450px; }

/* debug */
/* div, p, td, table { border: 1px dotted #CCC; } */
/* form { border: 1px dotted #CC0000; } */