/* html + body */

html,
body {
margin:0;
padding:0;
background-image:url(../images/navi.png);
background-repeat:repeat-y;
background-position:right;
background-color:#eff6f9;
font-family:Arial,sans-serif;
}
body {
position:absolute;
min-width:100%;
height:100%;
}

/* inline global */

a:link {
text-decoration:underline;
color:#00f;
}
a:visited {
text-decoration:underline;
color:#339;
}
a:hover {
text-decoration:none;
color:#00f;
}
a:active {
text-decoration:none;
color:#339;
}
a:focus {
text-decoration:none;
color:#00f;
}
strong {
color:#555;
}
strong a:link,
strong a:hover {
color:#66f;
}
strong a:visited {
color:#77c;
}
.center {
text-align:center;
}
.clear {
clear:both;
}

/* content container */

#content {
margin:0 180px 0 0;
padding:20px;
text-align:center;
}
.innen {
margin-bottom:20px;
padding:20px;
border:1px solid #77c;
background-color:#f9ffff;
text-align:left;
}
.innen > :first-child,
.innen > :first-child > :first-child {
margin-top:0;
}
.innen > :last-child,
.innen > :last-child > :last-child {
margin-bottom:0;
}
.message {
margin-bottom:20px;
padding:20px;
border:1px solid #77c;
background-color:#f9ffff;
text-align:center;
}
.infobox {
max-height:160px;
overflow:auto;
padding:10px;
border:1px solid #77c;
background-color:#fff;
font-size:85%;
}

/* headings + paragraphs */

h1 {
margin-top:0;
font-size:100%;
letter-spacing:0.2em;
color:#555;
}
.start h1 {
padding-bottom:0;
border-bottom:none;
font-size:125%;
color:#666;
}
h2 {
margin-top:25px;
font-size:95%;
letter-spacing:0.3em;
color:#555;
}
h2:first-child {
margin-top:0;
}
h3 {
margin-top:20px;
font-size:90%;
color:#555;
}
h2 + h3 {
margin-top:10px;
}
p {
font-size:90%;
}

/* lists */

ol {
margin-top:0;
}
ul {
margin:0;
padding:0;
text-indent:0;
list-style-type:none;
}
li {
margin-bottom:15px;
font-size:90%;
}
.sitemap ul {
font-weight:bold;
color:#666;
}
.sitemap ul li ul {
padding-top:5px;
}
.sitemap li ul li {
display:inline;
line-height:180%;
padding-right:15px;
font-weight:normal;
}

/* tables */

table {
margin-bottom:20px;
width:100%;
border:1px solid #77c;
text-align:left;
}
td,
th {
padding:5px;
border-right:1px solid #77c;
border-bottom:1px solid #77c;
background-color:#f9ffff;
font-size:90%;
}
th {
font-size:80%;
color:#666;
}
caption {
margin:0;
padding:5px;
border:1px solid #77c;
border-bottom:none;
background-color:#e6ecf3;
font-size:95%;
font-weight:bold;
letter-spacing:0.2em;
color:#666;
}
.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 {
margin:0;
}
.form,
form .innen {
margin:0 auto 20px;
width:507px;
}
input,
textarea,
select {
padding:3px;
border:1px solid #88a;
font-family:Arial,sans-serif;
font-size:100%;
}
button {
font-size:100%;
}
textarea {
width:500px;
}
input {
max-width:500px;
}
.readonly {
border-style:dotted;
background-color:#fcffff;
}
.radio {
border:none;
}
.submitgroup {
margin-top:10px;
width:100%;
font-size:90%;
}
.submit {
float:right;
margin-left:10px;
}
.submit p {
margin-top:0;
}
#bbcodebuttons {
width:300px;
}

/* submenus */

.submenu {
font-weight:bold;
color:#666;
}
.submenu a:link {
color:#66f;
}
.submenu a:visited {
color:#77c;
}
.submenu a:hover {
color:#66f;
}
p#top {
margin-top:5px;
padding:5px;
border:1px solid #77c;
background-color:#e6ecf3;
}
#topsubmenu {
margin-bottom:20px;
}
#bottomsubmenu {
margin:0 auto 20px;
padding:0;
width:320px;
border:1px solid #77c;
background-color:#f9ffff;
text-align:center;
}
#bottomsubmenu p {
margin:10px;
}
#bottomsubmenu a {
white-space:nowrap;
}

/* postings */

.innen .beitrag {
font-size:90%;
}
.innen * .beitrag {
font-size:100%;
}
.name {
margin-top:0;
padding:5px;
border:1px solid #99d;
background-color:#eff6f9;
font-size:95%;
}
.name .anker {
float:right;
}
blockquote {
margin:0;
padding:20px;
border:1px dotted #77c;
background-color:#f3f9f9;
}
blockquote .name {
padding:5px;
border-style:dashed;
border-width:0 0 1px;
background-color:#f3f9f9;
}
pre {
overflow:auto;
margin:0;
padding:10px;
max-height:320px;
border:1px dashed #999;
background-color:#f9f9f6;
font-family:'Courier New',monospace;
font-size:100%;
}
code strong {
border:1px dotted #ccc;
background-color:#f3f3f9;
color:#422;
}
.video {
width:425px;
height:350px;
}
.signatur {
padding-top:10px;
border-top:1px dashed #77c;
}
.datum {
margin-bottom:0;
padding-top:5px;
border-top:1px solid #999;
text-align:right;
font-size:80%;
font-weight:bold;
color:#665;
}

/* user profiles */

.profile {
margin:0 auto 20px;
width:507px;
}
.profile img {
float:right;
max-width:120px;
max-height:120px;
}
.profile h3 {
clear:both;
margin-top:30px;
}

/* navigation */

#navi {
position:absolute;
top:0;
right:0;
margin:0;
padding:20px 25px;
width:130px;
font-weight:bold;
}
#navi ul {
margin:0;
font-size:95%;
color:#555;
}
#navi ul ul {
margin-left:16px;
}
#navi li {
margin:5px 0;
line-height:125%;
font-size:100%;
}
#navi a:link {
text-decoration:none;
color:#44f;
}
#navi a:visited {
text-decoration:none;
color:#55a;
}
#navi a:hover {
text-decoration:underline;
color:#44f;
}

/* header + footer */

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