/* html + body */

html, body {
margin:0;
padding:0;
background-image:url(../images/background.jpg);
background-position:left top;
background-repeat:repeat-y;
background-attachment:fixed;
background-color:#FFF0AB;
font-family:Verdana;
color:#100;
}

/* inline global */

a:link {
text-decoration:underline;
color:#339;
}
a:visited {
text-decoration:underline;
color:#339;
}
a:hover {
text-decoration:none;
color:#FF7300;
}
a:active {
text-decoration:none;
color:#339;
}
a:focus {
text-decoration:none;
color:#339;
}
strong {
color:#422;
}
img {
border:solid 0px #77c;
}
.center {
text-align:center;
}

/* content container */

#content {
margin:0 0 0 160px;
padding:20px;
text-align:center;
}
.innen {
margin-bottom:20px;
padding:20px;
border:solid 1px #505050;
background-color:#f9ffff;
text-align:left;
}
.profile {
margin:0 auto 20px;
width:440px;
}
.message {
margin-bottom:20px;
padding:20px;
border:solid 1px #505050;
background-color:#f9ffff;
text-align:center;
}

/* headings + paragraphs */

h1 {
margin-top:0;
font-size:100%;
letter-spacing:2pt;
color:#343434;
}
.start h1 {
padding-bottom:0;
border-bottom:none;
font-size:125%;
color:#343434;
}
h2 {
margin-top:0;
font-size:90%;
letter-spacing:1.5pt;
color:#343434;
}
h3 {
margin-top:0;
font-size:90%;
font-weight:normal;
letter-spacing:1.5pt;
}
p {
font-size:90%;
}

/* lists */

ol {
margin-top:0;
}
ul {
margin-left:20px;
}
li {
margin-bottom:5px;
font-size:90%;
}

/* tables */

table {
margin-bottom:20px;
width:100%;
border:solid 1px #77c;
text-align:left;
}
table td,th {
border-right:solid 1px #77b;
border-bottom:solid 1px #77b;
background-color:#f9ffff;
padding:5px;
font-size:90%;
}
th {
font-size:85%;
color:#666;
}
caption {
margin:0;
padding:5px;
border:solid 1px #77b;
border-bottom:none;
background-color:#7AD3FF;
font-size:100%;
font-weight:bold;
letter-spacing:1.5pt;
color:#000000;
}
.col-forum {
width:18%;
}
.col-user {
width:18%;
}
.col-status {
width:18%;
text-align:center;
}
.col-zahl {
width:7%;
text-align:center;
}
.col-datum {
width:17%;
text-align:right;
}

/* forms */

.form, form .innen {
margin:0 auto 20px;
width:507px;
}
input, textarea {
padding:2px;
border-style:solid;
border-width:2px 1px 1px 2px;
border-color:#999 #77b #77b #999;
font-family:Verdana,sans-serif;
font-size:95%;
}
textarea {
width:500px;
}
input {
max-width:500px;
}
.readonly {
border-width:1px 0 0 1px;
background-color:#fcffff;
}
.radio {
border:none;
}
.checkbox {
border:none;
}
button {
padding:2px;
border-style:solid;
border-width:0 2px 2px 0;
border-color:#77b #999 #999 #77b;
background-color:#eee;
text-align:center;
font-family:Arial,sans-serif;
font-size:95%;
font-weight:bold;
color:#665;
}
#bbcode button {
font-weight:normal;
color:#000;
}
button:hover {
background-color:#fff;
cursor:pointer;
}
button:focus {
border-width:0 1px 1px;
background-color:#fff;
}

/* submenus */

p#top {
margin-top:5px;
padding:5px;
border:solid 1px #448;
background-color:#7AD3FF;
font-weight:bold;
}
#top a:link {
color:#343434;
}
#top a:visited {
color:#343434;
}
#top a:hover {
color:#FF7300;
}
.submenu {
margin-bottom:20px;
font-weight:bold;
color:#666;
}
.submenu a:link {
color:#66f;
}
.submenu a:visited {
color:#77c;
}
.submenu a:hover {
color:#66f;
}
#ende {
margin:0 auto 20px;
padding:0;
width:300px;
border:solid 1px #77c;
background-color:#f9ffff;
text-align:center;
font-weight:bold;
color:#666;
}
#ende p {
margin:10px;
}
#ende a:link {
color:#66f;
}
#ende a:visited {
color:#77c;
}
#ende a:hover {
color:#66f;
}

/* postings */

.innen .beitrag {
font-size:90%;
}
.innen * .beitrag {
font-size:100%;
}
.name {
margin-top:0;
padding:5px;
border:solid 1px #99d;
background-color:#FFF0AB;
font-size:95%;
font-weight:bold;
color:#665;
}
.gerade .name {
border-color:#000000;
background-color:#FFF9DD;
}
.ungerade .name {
border-color:#000000;
background-color:#FFF9DD;
}
.name a:link {
color:#66f;
}
.name a:visited {
color:#66c;
}
.name a:hover {
color:#66f;
}
.name .anker {
float:right;
}
blockquote {
margin:0;
padding:20px;
border:dotted 1px #77b;
background-color:#f3f9f9;
}
blockquote .name {
padding:5px;
border-style:dashed;
border-width:0 0 1px;
background-color:#f3f9f9;
}
.gerade blockquote .name {
background-color:#f3f9f9;
}
.ungerade blockquote .name {
background-color:#f3f9f9;
}
code {
display:block;
overflow:auto;
margin:0;
padding:10px;
max-height:200px;
border:dashed 1px #999;
background-color:#fcfcfc;
font-family:Courier, monospace;
}
code strong {
border:dotted 1px #ccc;
background-color:#fff3f3;
}
.smilie {
border:none;
width:17px;
height:17px;
}
.signatur {
padding-top:10px;
border-top:dashed 1px #77c;
}
.datum {
margin-bottom:0;
padding-top:5px;
border-top:solid 1px #999;
text-align:right;
font-size:80%;
font-weight:bold;
color:#665;
}

/* navigation */

#navi {
position:absolute;
top:0;
left:0;
margin:0;
padding:20px;
width:120px;
font-family:Verdana;
font-weight:bold;
}
body>div#navi { /* except IE 6 */
position:fixed;
}
#navi h2 {
visibility:hidden;
margin:0;
line-height:0;
}
#navi ul {
margin:0 0 0 7px;
padding-left:0;
list-style-type:none;
text-indent:0;
font-size:90%;
color:#FF8811;
}
#navi li {
margin:5px 0;
line-height:120%;
font-size:100%;
}
#navi a:link {
color:#339;
}
#navi a:visited {
color:#339;
}
#navi a:hover {
color:#FF8811;
}

/* footer */

#footer {
margin:0 0 20px 140px;
text-align:center;
font-size:90%;
}