* {
margin: 0;
padding: 0;
}

body {
background: url(bilder/bg_tile.gif) repeat;
z-index: -2;
font-family: Arial, sans-serif;
}

img {
border: 0;
}

h2 {
font-weight: normal;
font-size: 20px;
}

#body, #menu, #footer, #ornaments, #top {
width: 814px;
margin: auto;
position: relative;
}

#top {
background: url(bilder/body_bg_top.png) no-repeat;
height: 40px;
}

#menu {
background: url(bilder/body_bg_tile.png) repeat-y;
height: 280px;
}

#menu a {
display: block;
position: absolute;
width: 95px;
height: 77px;
top: -10px;
}

#menu a span {
display: none;
}

#menu #home, #menu #contact {
width: 99px;
height: 277px;
}

#contact {
background: url(bilder/contact.jpg);
right: 15px;
}
#home {
background: url(bilder/home.jpg);
right: 115px;
}
#about {
background: url(bilder/about_us.gif);
right: 214px;
}
#events {
background: url(bilder/events.gif);
right: 311px;
}
#gallery {
background: url(bilder/gallery.gif);
right: 408px;
}
#question {
background: url(bilder/question.gif);
right: 505px;
}
#project {
background: url(bilder/project.gif);
right: 602px;
}

#menu a:hover {
background-position: -95px;
}

#menu #home:hover, #menu #contact:hover {
background-position: -99px;
}

#menu #logo {
background: url(bilder/logo.gif);
width: 96px;
height: 94px;
left: 20px;
top: -20px;
}

#header {
position: absolute;
top: 72px;
left: 14px;
}

#body {
background: url(bilder/body_bg_tile.png) repeat-y;
}

#content {
float: right;
background: #d9d9d9 url(bilder/content_bottom.gif) no-repeat bottom;
width: 535px;
margin-right: 30px;
}

#footer {
background: url(bilder/body_bg_footer.png) no-repeat;
height: 70px;
}

#ornaments{
margin-top: 50px;
}

#ornaleft {
background: url(bilder/ornament_left.png) no-repeat;
width: 320px;
height: 185px;
margin: auto;
position: absolute;
top: -30px;
left: -55px;
}

#ornaright {
background: url(bilder/ornament_right.png) no-repeat;
width: 272px;
height: 366px;
margin: auto;
position: absolute;
top: -30px;
right: -50px;
}

h1 {
width: 525px;
background: #efb00a url(bilder/content_top.gif) no-repeat;
height: 27px;
color: white;
font-size: 24px;
font-weight: normal;
padding-left: 10px;
letter-spacing: 2px;
}

#content .post, #content .stuff {
margin: 10px
}

.left {
float: left;
margin-top: 200px;
}

.right {
float: right; 
}

.post .info {
color: #9e9e9e;
font-size: 12px;
}

.post .entry {
font-size: 13px;
}

#lang {
position: absolute;
right: 36px;
top: 11px;
color: white;
font-size: 11px;
}

#lang a {
color: white;
text-decoration: none;
}

/*--- Sidebar -------------------------------*/

#sidebar {
float: left;
background-color: #d9d9d9;
width: 205px;
margin-left: 31px;
}
#sidebar .top {
background: url(bilder/sidebar_top.gif) no-repeat;
width: 100%;
height: 10px;
margin-bottom: -10px;
}

#membership, #latest, #links {
width: 186px;
margin: 10px auto;
color: white;
}

#membership {
background: #989898 url(bilder/member_bottom.gif) no-repeat bottom;
}
#membership .top {
background: url(bilder/member_top.gif) no-repeat;
}

#tyomedlem, #newsletter {
width: 166px;
margin: auto;
}

#tyomedlem {
margin-top: 10px;
position: relative;
}

#tyomedlem a {
text-decoration: none;
color: white;
}

#tyomedlem .button{
background: #efb00a;
width: 35px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}

#tyomedlem .button a {
line-height: 25px;
display: block;
width: 100%;
text-align: center;
}

#newsletter {
margin-top: 5px;
padding-top: 5px;
padding-bottom: 10px;
border-top: 1px dotted white;
}

#membership p {
font-size: 15px;
}

#membership p.small {
font-size: 8px;
}

#latest {
background: #98ba0e url(bilder/latest_bottom.gif) no-repeat bottom;
padding-bottom: 15px;
}

#latest h3 {
width: 176px;
background: url(bilder/latest_top.gif) no-repeat;
height: 22px;
padding: 3px 0 0 10px;
font-weight: normal;
font-size: 17px;
letter-spacing: 1px;
}

#links {
background: #188798 url(bilder/links_bottom.gif) no-repeat bottom;;
}

#links h3 {
width: 176px;
background: #51c2c6 url(bilder/links_top.gif) no-repeat;
height: 22px;
padding: 3px 0 0 10px;
font-weight: normal;
font-size: 17px;
letter-spacing: 1px;
}

#links ul {
list-style-type: none;
margin: 10px;
padding-bottom: 10px;
}

#links a {
text-decoration: none;
color: white;
font-size: 14px;
}

#forumlogin {
background: white url(bilder/sidebar_bottom.gif) no-repeat top;
padding-top: 20px;
}

#forumlogin form {
border-top: 1px dotted #9c0000;
border-bottom: 1px dotted #9c0000;
padding: 10px 20px 15px 15px; 
}

#forumlogin h3 {
color: #9c0000;
font-weight: normal;
margin-bottom: 10px;
}

#forumlogin a {
text-decoration: none;
color: grey;
}

#forumlogin .text {
width: 168px;
height: 30px;
border: 1px solid gray;
}

#forumlogin .submit {
background: #9c0000;
float: right;
margin: 5px 0 0 0;
width: 30px;
height: 30px;
}

#forumlogin .remember {
width: 130px;
float: left;
margin-top: 15px;
}

#forumlogin .remember label {
color: gray;
letter-spacing: 1px;
font-size: 12px;
margin-left: 5px;
}

#registerlink {
font-size: 12px;
}

#passlink {
font-size: 12px;
}

/*--- Slimbox -------------------------------*/

#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(bilder/loading.gif) no-repeat center;
}

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(bilder/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(bilder/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(bilder/closelabel.gif) no-repeat center;
margin: 5px 0;
}

#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}

/*--- Forms -------------------------------*/

#content form {
margin: 15px 0 10px 20px;
}

form dt {
clear: both;
float: left;
width: 100px;
text-align: right;
}

form dd {
float: left;
width: 350px;
margin: 0 0 10px 10px;
}

form dd input {
width: 318px;
border-width: 0px;
font-size: 16px;
height: 25px;
}

form dd textarea {
width: 318px;
height: 230px;
border-width: 0px;
font-size: 16px;
font-family: Arial, sans-serif;
}

form label {
font-size: 16px;
color: #3a6800;
}

form label em {
color: red;
}

form .submit {
margin-left: 110px;
background: #efb00a;
color: white;
font-size: 15px;
font-family: Arial, sans-serif;
border-width: 0px;
height: 25px;
}

.memberform dt {
width: 150px;
}

.memberform dd {
width: 300px;
}

.memberform dd input {
width: 200px;
}

.memberform .submit {
margin-left: 160px;
}

#newsletter .signup {
position: relative;
margin-top: 3px;
height: 25px;
}

#newsletter .signup input {
position: absolute;
top: 0;
display: inline;
height: 25px;
border-width: 0px;
}

#newsletter .signup .mail {
width: 130px;
left: 0;
font-size: 16px;
line-height: 25px;
}

#newsletter .signup .go {
background: #efb00a;
width: 35px;
color: white;
right: 0;
font-size: 15px;
font-family: Arial, sans-serif;
}

#recaptcha_area {
clear: both;
margin-left: 110px;
margin-bottom: 10px;
}