/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* { padding: 0; margin: 0; }
ul,
ol { margin-top: 1em; margin-bottom: 1em; margin-left: 18px; list-style-type: disc; display: list-item; }
ul li { list-style-type: disc; display: list-item; margin-bottom: 0.5em; }
b,
strong {
font-weight: bold;
}
img,
a img {
border: none;
}
/*------------------- CSS RESET ENDE ---------------------
--------------------------------------------*/
body {  }
p { font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
td { }
a { color: #9d9d9d; text-decoration: none; }
a:link { color: #9d9d9d; text-decoration: none; }
a:visited { }
a:hover { color: red; }
a:active { color: #bbb; }
a.navi {font-weight:normal; color:#dae2e8; }
a.navi:link {font-weight:normal; color:#dae2e8; }
a.navi:visited { color: #dae2e8; font-weight: normal; }
a.navi:hover { color: red; font-weight: normal; }
a.navi:active { color: #dae2e8; font-weight: normal; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
h { font-family: Oswald, sans-serif; font-weight: normal; font-style: normal; word-spacing: normal; margin: 0; }
h1 { color: #dae2e8; font-family: Oswald, sans-serif; font-size: 1.9em; font-weight: lighter; font-style: normal; }
h2 { font-size: 1.75em; font-family: Oswald, sans-serif; font-weight: normal; font-style: normal; }
h3 { font-size: 1.5em; font-family: Oswald, sans-serif; font-weight: normal; font-style: normal; }
h4 { font-size: 1.1em; font-family: Oswald, sans-serif; font-style: normal; font-weight: normal; }
h5 { font-size: 0.8em; font-family: Oswald, sans-serif; font-style: normal; font-weight: normal; }
h6 { font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; }
h7 { font-size: 1.75em; font-family: Oswald, sans-serif; font-weight: normal; font-style: normal; }
#wrapper { position: relative; width: 966px; height: 1458px; margin: 0 auto 0; }
#balken { background-color: black; width: 966px; height: 36px; }
#logo { width: 961px; float: left; border-bottom: 4px solid black; }
#headline { vertical-align: middle; width: 961px; height: 54px; float: left; padding-top: 4px; border-bottom: 2px solid black; }
#navline { color: white; background-color: black; text-decoration: none; width: auto; height: auto; float: left; margin-top: 10px; padding-bottom: 1px; }
.navbox { width: 209px; height: auto; float: left; margin-right: 18px; padding-left: 18px; }
.navboxcontact { padding-left: 18px; width: 209px; height: auto; float: left; }
.navhead { width: auto; height: 50px; float: left; padding-top: 4px; }
.navtext { line-height: 18px; width: auto; height: auto; float: left; clear: both; margin-top: 18px; }
#subline  { vertical-align: middle; width: 963px; height: 40px; float: left; padding-top: 4px; border-bottom: 4px solid black; padding-bottom: 3px;}
.subbox { width: autopx; height: auto; float: left; margin-right: 18px; padding-left: 0px; }
.subhead { width: auto; height: 0px; float: left; padding-top: 0px; }
#subline2  { vertical-align: middle; width: 961px; height: 30px; float: left; padding-top: 14px; border-bottom: 0px solid black; padding-bottom: 2px;}
.subbox2 { width: 209px; height: auto; float: left; margin-right: 18px; padding-left: 0px; }
.subhead2 { width: auto; height: 0px; float: left; padding-top: 0px; }
#posterframe { width: 958px; height: 4000x; float: left; framborder="no"; }
.poster { position: relative; width: 958px; height: 550px; float: left; }
.posterimage { width: 720px; height: 550px; float: left;  }
.postertext { width: 202px; height: 406px; float: right; padding-top: 9px; padding-right: 9px; padding-left: 18px; }
#content { width: 966px; height: auto; float: left; margin-top: 18px;  }
#contentleft { width: auto; height: auto; float: left; }
#titleleft { background-color: black; width: 705px; height: 54px; padding-left: 18px; }
#titleleftwhite { background-color: white; width: 705px; height: 54px; padding-left: 18px; }

#workbox { width: auto; height: auto; float: left; }
.frame { width: 221px; height: 288px; float: left; margin-top: 18px; margin-right: 18px; border: solid 4px black; }
.framehalb { width: 500px; height: 380px; float: left; margin-top: 18px; margin-right: 18px; border: solid 4px black; }
.thumb { width: 204px; height: 234px; float: left; }
.thumbhalb { width: 500px; height: 380px; float: left; }
.frametext { background-color: black; width: 206px; height: 50px; float: left; padding-top: 6px; padding-left: 18px; }
#contentright { width: 216px; height: auto; float: right; }
#titleright { background-color: black; width: 198px; height: 54px; float: right; padding-left: 18px; }
#activitybox { width: 216px; height: auto; }
.activity { width: 216px; float: left; margin-top: 18px; padding-bottom: 18px; border-bottom: 4px solid black; }
.minithumb { width: 64px; float: left; }
.minitext { width: 138px; float: right; padding-left: 8px; }
#contentswap { width: 983px; height: auto; float: left; margin-top: 18px; }
#contentleftswap { width: auto; height: auto; float: right; }
#titleleftswap { background-color: black; width: 705px; height: 54px; padding-left: 18px; }
#titleleftswapwhite { background-color: white; width: 705px; height: 54px; padding-left: 18px; }
#contentrightswap { width: 216px; height: auto; float: left; }
#titlerightswap { background-color: black; width: 198px; height: 54px; float: right; padding-left: 18px; }
#activityboxswap { width: 216px; height: auto; }
.activityswap { width: 216px; float: right; margin-top: 18px; padding-bottom: 18px; border-bottom: 4px solid black; }
.minithumbswap { width: 64px; float: left; }
.minitextswap { width: 138px; float: right; padding-left: 8px; }
#contentrighthalb { width: 420px; height: auto; float: right; }
#titlerighthalb { background-color: black; width: 300px; height: 380px; float: right; padding-left: 0px; }
#activityboxhalb { width: 420px; height: auto; }
.activityhalb { width: 420px; float: right; margin-top: 18px; padding-bottom: 12px; border-bottom: 3px solid black; }
.minithumbhalb { width: 64px; float: left; }
.minitexthalb { width: 138px; float: left; padding-left: 0px; }
#Footer { color: white; background-color: black; background-image: url(../images/4x4.gif); background-repeat: repeat-x; background-position: 50% 54px; text-decoration: none; width: auto; height: auto; float: left; margin-top: 18px; padding-bottom: 18px; }
.Footerbox { width: 209px; height: auto; float: left; margin-right: 18px; padding-left: 18px; }
.Footerboxcontact { padding-left: 18px; width: 209px; height: auto; float: left; }
.Footerhead { width: auto; height: 50px; float: left; padding-top: 4px; }
.Footertext { line-height: 18px; width: auto; height: auto; float: left; clear: both; margin-top: 18px; }
#WhiteFooter { color: black; background-color: white; background-image: url(../images/4x2.gif); background-repeat: repeat-x; background-position: 50% 52px; text-decoration: none; width: auto; height: auto; float: left; margin-top: 18px; padding-bottom: 18px; border-top: 4px solid black;}
.WhiteFooterbox { width: 209px; height: auto; float: left; margin-right: 18px; padding-left: 18px; }
.WhiteFooterboxcontact { padding-left: 18px; width: 209px; height: auto; float: left; }
.whiteFooterhead { width: auto; height: 80px; float: left; padding-top: 4px; }
.whiteFootertext { line-height: 18px; width: auto; height: auto; float: left; clear: both; margin-top: 18px; }