@charset "utf-8";

* { margin: 0; padding: 0; border: 0 none }
html,body { height: 100% }
body { font-size: 100.01%; font-family: Verdana, Arial, Helvetica, sans-serif }
#container { font-size: 1em; background: url(/image/standards/bg.gif) repeat; position: relative; max-width: 70em; margin: 0 auto; min-height: 100%; height: auto }

h1 { font-size: .6em; text-indent: -10000px; position: fixed; left: 0; top: 0; width: 100%; height: 115px; background: transparent url(/image/standards/body-bg.gif) no-repeat 360px 0; z-index: 10 }
h1 span { font-size: .6em; text-indent: -10000px; position: fixed; left: 0; top: 0; width: 360px; height: 115px; background: transparent url(/image/standards/logo.gif) no-repeat top left; z-index: 10 }
a { text-decoration: none; font-weight: bold; color: #8A5627; outline: 0 }
a:hover, #content a:focus { text-decoration: underline; color: #004C19 }

#lang { padding: 125px 15px 0; font-size: 0.7em; color: #8A5627 }
#lang span { font-weight: bold; color: #004C19 }

#nav { position: fixed; top: 0; right: 0; width: 554px; height: 36px; background: #fff url(/image/standards/nav-bg.gif) no-repeat top left; list-style: none; padding: 0; padding-top: 69px; padding-left: 32px; max-width: auto; font-size: .8em; z-index: 10 }
#nav li { float: left; width: 100px; height: 28px; line-height: 28px; max-height: 28px }
/* Navigation DE */
#nav li a { display: block; text-indent: -10000px; background: #fff url(/image/standards/nav-de.gif) no-repeat 0 0 }
#nav li#organisation { width: 149px }
#nav li#news { width: 56px }
#nav li#uwakiki { width: 109px }
#nav li#pictures { width: 64px } 
#nav li#internship { width: 96px } 
#nav li#contact { width: 80px } 
#nav li#news a { background-position: 0 0 }
#nav li#news a:hover, #nav li#news a:focus, #nav li#news.active a { background-position: 0 -28px; text-decoration: none }
#nav li#organisation a { background-position: -56px 0 }
#nav li#organisation a:hover, #nav li#organisation a:focus, #nav li#organisation.active a { background-position: -56px -28px; text-decoration: none }
#nav li#uwakiki a { background-position: -205px 0 }
#nav li#uwakiki a:hover, #nav li#organisation a:focus, #nav li#uwakiki.active a { background-position: -205px -28px; text-decoration: none }
#nav li#pictures a { background-position: -314px 0 }
#nav li#pictures a:hover, #nav li#pictures a:focus, #nav li#pictures.active a { background-position: -314px -28px; text-decoration: none }
#nav li#internship a { background-position: -378px 0 }
#nav li#internship a:hover, #nav li#internship a:focus, #nav li#internship.active a { background-position: -378px -28px; text-decoration: none }
#nav li#contact a { background-position: -474px 0 }
#nav li#contact a:hover, #nav li#contact a:focus, #nav li#contact.active a { background-position: -474px -28px; text-decoration: none }

/* Navigation EN */
#nav.en { width: 548px; padding-left: 40px }
#nav.en li a { background: #fff url(/image/standards/nav-en.gif) no-repeat 0 0 }
#nav.en li#organisation { width: 122px }
#nav.en li#news { width: 55px }
#nav.en li#uwakiki { width: 110px }
#nav.en li#pictures { width: 78px } 
#nav.en li#internship { width: 95px } 
#nav.en li#contact { width: 83px } 
#nav.en li#news a { background-position: 0 0 }
#nav.en li#news a:hover, #nav.en li#news a:focus, #nav.en li#news.active a { background-position: 0 -28px; text-decoration: none }
#nav.en li#organisation a { background-position: -55px 0 }
#nav.en li#organisation a:hover, #nav.en li#organisation a:focus, #nav.en li#organisation.active a { background-position: -55px -28px; text-decoration: none }
#nav.en li#uwakiki a { background-position: -178px 0 }
#nav.en li#uwakiki a:hover, #nav.en li#uwakiki a:focus, #nav.en li#uwakiki.active a { background-position: -178px -28px; text-decoration: none }
#nav.en li#pictures a { background-position: -290px 0 }
#nav.en li#pictures a:hover, #nav.en li#pictures a:focus, #nav.en li#pictures.active a { background-position: -290px -28px; text-decoration: none }
#nav.en li#internship a { background-position: -371px 0 }
#nav.en li#internship a:hover, #nav.en li#internship a:focus, #nav.en li#internship.active a { background-position: -371px -28px; text-decoration: none }
#nav.en li#contact a { background-position: -470px 0 }
#nav.en li#contact a:hover, #nav.en li#contact a:focus, #nav.en li#contact.active a { background-position: -470px -28px; text-decoration: none }

/* Navigation SW */
#nav.sw { width: 448px; padding-left: 61px }
#nav.sw li a { background: #fff url(/image/standards/nav-sw.gif) no-repeat 0 0 }
#nav.sw li#organisation { width: 69px }
#nav.sw li#news { width: 56px }
#nav.sw li#uwakiki { width: 111px }
#nav.sw li#pictures { width: 58px } 
#nav.sw li#internship { width: 79px } 
#nav.sw li#contact { width: 75px } 
#nav.sw li#news a { background-position: 0 0 }
#nav.sw li#news a:hover, #nav.sw li#news a:focus, #nav.sw li#news.active a { background-position: 0 -28px; text-decoration: none }
#nav.sw li#organisation a { background-position: -56px 0 }
#nav.sw li#organisation a:hover, #nav.sw li#organisation a:focus, #nav.sw li#organisation.active a { background-position: -56px -28px; text-decoration: none }
#nav.sw li#uwakiki a { background-position: -125px 0 }
#nav.sw li#uwakiki a:hover, #nav.sw li#uwakiki a:focus, #nav.sw li#uwakiki.active a { background-position: -125px -28px; text-decoration: none }
#nav.sw li#pictures a { background-position: -237px 0 }
#nav.sw li#pictures a:hover, #nav.sw li#pictures a:focus, #nav.sw li#pictures.active a { background-position: -237px -28px; text-decoration: none }
#nav.sw li#internship a { background-position: -296px 0 }
#nav.sw li#internship a:hover, #nav.sw li#internship a:focus, #nav.sw li#internship.active a { background-position: -296px -28px; text-decoration: none }
#nav.sw li#contact a { background-position: -376px 0 }
#nav.sw li#contact a:hover, #nav.sw li#contact a:focus, #nav.sw li#contact.active a { background-position: -376px -28px; text-decoration: none }

#nav li ul { position: absolute; left: 0; list-style: none; font-size: 1em; top: 96px; border: 1px solid #fff; border-left: 0px solid #fff; width: auto; height: auto; padding: 0; z-index: 3; background-color: #004C19 }
#nav li ul li { font-size: 0.85em; width: auto; height: auto; max-height: auto; line-height: 2em; border-left: 1px solid #fff; background-color: #FFB401; color: #004C19; font-weight: normal; float: left }
#nav li ul li a { font-weight: normal; padding: 0 .6em; color: #fff; display: inherit; text-indent: 0; background: none; background-color: #004C19 }
#nav.en li ul li a { font-weight: normal; padding: 0 .8em; color: #fff; display: inherit; text-indent: 0; background: none; background-color: #004C19 }
#nav.sw li ul li a { font-weight: normal; padding: 0 .8em; color: #fff; display: inherit; text-indent: 0; background: none; background-color: #004C19 }
#nav li ul li a:hover { font-weight: normal; background-color: #FFB401; color: #004C19 }
#nav li ul li.active { padding: 0 .8em }
#nav li#contact ul { left: 340px }
#nav li#internship ul { left: -240px }

#content { padding: 0 15px 5em }

h2 { margin: 0 15px .7em; padding: 2em 0 .4em; font-size: 1em; font-weight: bold; color: #004C19; border-bottom: 1px dashed #004C19 }
#content h3 { padding: 1em 0 .2em 0; font-size: 1em; font-weight: bold; font-size: 0.9em; clear: left }
#content p, #content ul { padding: .4em 0; font-size: 0.8em; max-width: 50em }
#content ul { padding: .4em 15px; max-width: 45em }
#content ul ul { font-size: 1em }
#content ul.dated li { padding-left: 10em }
#content ul.dated li span.date { font-weight: bold; margin-left: -10em; position: absolute }
#content img { clear: right; float: right; margin: 0 0 1.2em 15px; padding: 3px; border: 1px dashed #004C19 }
#content p.highlight { border: 1px dashed #004C19; border-width: 1px 0 1px 0; padding: 1em 0; margin: 1em 0 }

#footer { clear: both; font-size: .7em; padding: 1em 15px; color: #fff; background-color: #004C19; margin: -3.16em auto 0; max-width: 100em; position: relative }
#footer a:hover, #footer a:focus { color: #fff }

/* Besonderes */
.home h1 { position: absolute; left: -10000px; top: -10000px; width: 10px; height: 10px; background: none }
.home { text-align: center; height: auto }
.home a { position: absolute; top: 50%; left: 50%; margin-top: -89px; margin-left: -271px }
.pictures #content ul { max-width: 100%; width: auto; list-style: none; padding: 0; line-height: 0 }
.pictures #content ul li { float: left; width: 106px; margin: 6px 6px 0 0 }
.pictures #content ul li img { float: none; clear: none; margin: 0 }
.pictures #content p { clear: left }
.pictures #content #bild img { float: none; margin: 0 0 1em 0; display: block }