/* html + body */

html, body {
margin:0;
padding:0;
background-color:#eff6f9;
font-family:Arial,sans-serif;
color:#100;
}
body {
padding:0px;
}

/* 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:#422;
}
img {
border:solid 1px #77c;
}
.center {
text-align:center;
}
.clear {
clear:both;
}

/* content container */

#content {
margin:0px auto;
padding:0px;

max-width:855px;
border:solid 0px #115;
background-color:#eff6f9;
text-align:center;
}
.innen {
margin-bottom:20px;
padding:20px;
border:solid 1px #77c;
background-color:#f9ffff;
text-align:left;
}
.message {
margin-bottom:20px;
padding:20px;
border:solid 1px #77c;
background-color:#f9ffff;
text-align:center;
}
.infobox {
height:100px;
overflow:auto;
padding:10px;
border:1px solid #77c;
background-color:#fff;
font-size:85%;
}
div>.infobox { /* except IE 6 */
max-height:100px;
height:auto;
}

/* headings + paragraphs */

h1 {
margin-top:0;
font-size:100%;
letter-spacing:2pt;
color:#555;
}
.start h1 {
margin-bottom:0;
border-bottom:none;
padding-bottom:0;
font-size:125%;
color:#777;
}
h2 {
margin-top:0;
font-size:90%;
letter-spacing:1.5pt;
color:#666;
}
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:0;
padding:0;
text-indent:0;
list-style-type:none;
line-height:180%;
}
li {
margin-bottom:5px;
font-size:90%;
}
.sitemap ul {
font-weight:bold;
color:#666;
}
.sitemap li ul li {
display:inline;
padding-right:15px;
font-weight:normal;
}

/* tables */

table {
margin-bottom:20px;
width:100%;
border:solid 1px #77c;
text-align:left;
}
table td,th {
padding:5px;
border-right:solid 1px #77b;
border-bottom:solid 1px #77b;
background-color:#f9ffff;
font-size:90%;
}
th {
font-size:85%;
color:#666;
}
caption {
margin:0;
padding:5px;
border:solid 1px #77b;
border-bottom:none;
background-color:#e6ecf3;
font-size:100%;
font-weight:bold;
letter-spacing:1.5pt;
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:15%;
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;
}
#bbcodebuttons button {
font-weight:normal;
color:#000;
}
.submitgroup {
margin-top:10px;
width:100%;
font-size:90%;
}
.submit {
float:right;
margin-left:10px;
}
.submit p {
margin-top:0;
}

button:hover {
background-color:#fff;
cursor:pointer;
}
button:focus {
border-width:0 1px 1px;
background-color:#fff;
}

/* submenus */

p#top {
margin-top:0px;
padding:5px;
border:solid 1px #448;
background-color:#e6ecf3;
font-weight:bold;
}
#top a:link {
color:#66f;
}
#top a:visited {
color:#77c;
}
#top a:hover {
color:#66f;
}
.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 {
white-space:nowrap;
}
#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:#eff6f9;
font-size:95%;
font-weight:bold;
color:#665;
}
.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;
}
pre {
overflow:auto;
margin:0;
padding:10px;
max-height:240px;
border:dashed 1px #999;
background-color:#f9f9f6;
}
code strong {
border:dotted 1px #ccc;
background-color:#f3f3f9;
}
.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;
}

/* 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:5px;
left:0;
margin:0;
padding:0;
width:100%;
text-align:center;
font-family:Tahoma,sans-serif;
font-weight:bold;
}
#top { /* margin for #navi */
margin-bottom:10px;
}
.start #navi {
top:5px;
}
.start #content p { /* margin for #navi */
margin-bottom:10px;
}
.start #ende p {
margin-bottom:10px;
}
#navinnen {
margin:20px auto 0;
padding:5px 0 5px 5px;
width:500px;
border:0px;
background-color:transparent;
}
* html #navinnen { /* IE 6 */
width:535px;
}
#navi h2 {
visibility:hidden;
margin:0;
line-height:0;
}
#navi ul {
margin:0 0 0 8px;
text-align:left;
font-size:90%;
color:#ffffff;
}
#navi ul li {
float:left;
width:120px;
}
#navi li {
margin:3px 0;
line-height:120%;
font-size:100%;
}
#navi a:link {
color:#ffffff;
}
#navi a:visited {
color:#ffffff;
}
#navi a:hover {
color:#ffffff;
}
#naviende {
clear:left;
line-height:0;
}

/* footer */

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

#header {
background-image:url(http://www.wasserschildkroeten-forum.de/header.gif); background-repeat:no-repeat; background-position:center center;
width:100%;
height:140px;
}