﻿html, body{ margin:0; padding:0; }
html { overflow-y:scroll; }
body { background:#fff url(/bilder/basis/bg.jpg) repeat-x 0 0; }

#site { width:1000px; margin:0 auto; }

#header-wrapper { height:140px; position:relative; z-index:5; }
#header { background:url(/bilder/basis/header-bg.png) repeat-y -12px 0; text-align:center; position:absolute; z-index:10; width:1000px; height:140px; top:0; left:0; }
body.start #header-wrapper, body.start #header { height:230px; }
#headerline { position:absolute; left:0; top:73px; height:1px; width:100%; overflow:hidden; border-bottom:1px solid #990066; z-index:4; }
body.start #headerline { top:113px; }
#headerborder { background:url(/bilder/basis/header-border.png) repeat-x 0 100%; position:absolute; top:140px; left:0; width:100%; height:60px; z-index:100; }
body.start #headerborder { top:230px; }
#headerlogo { height:140px; background:url(/bilder/basis/logo-klein.jpg) no-repeat 50% 100%; }
body.start #headerlogo { height:230px; background-image:url(/bilder/basis/logo-gross.jpg); }
.kostuem-name, .kostuem-address { position:absolute; top:35px; background:url(/bilder/basis/kostuem-verleih.jpg) no-repeat 0 0; width:351px; height:104px; display:block; }
body.start .kostuem-name, body.start .kostuem-address { top:75px; }
.kostuem-name span, .kostuem-address span { display:block; text-indent:-9999px; text-align:left; }
.kostuem-name { left:0; }
.kostuem-address { right:0; background-image:url(/bilder/basis/kostuem-adresse.jpg); }

#mainbar { margin-bottom:5px; }

#leftbar { float:left; width:130px; overflow:hidden; }
#rightbar { float:right; width:130px; overflow:hidden; }
.leftbar-wrapper, .rightbar-wrapper { padding:60px 12px 10px; }
.rightbar-wrapper { padding-top:65px; }
.sidebar ul { padding:0; margin:0; list-style-type:none; }

.sidebar ul a { display:block; color:#fff; text-align:center; font-size:16px; text-decoration:none; }
.sidebar ul a:hover { color:#990066; }
#leftbar ul a { padding:16px 0; }
#rightbar ul a { padding:2px 0 3px; font-size:15px; }
#leftbar ul li { border-bottom:1px solid #990066; }
#leftbar ul li.last { border-bottom:none; }

#content { margin:0 130px; background:#fff url(/bilder/basis/left-border.png) repeat-y 0 0; border-bottom:1px solid #333; }
.content-right-bg { background:url(/bilder/basis/right-border.png) repeat-y 100% 0; }
.content-wrapper { padding:60px 25px 30px; min-height:500px; }
body.start .content-wrapper { min-height:350px; }

.clearbars { clear:both; }

#footer { height:40px; text-align:center; }
#footer-content { border-top:1px solid #990066; padding-top:5px; width:640px; margin:0 auto; color:#333; font-size:11px; }

body, div, p, select, input, textarea { font-family:Tahoma, Arial, Verdana, Sans-Serif; font-size:13px; }
a:hover { color:#990066; }
.content-wrapper a, #footer a { color:#990066; }
.content-wrapper a:hover, #footer a:hover { color:#330033; text-decoration:none; }

h1 { font-size:20px; font-weight:normal; color:#990066; margin-bottom:20px; letter-spacing:1px; }
.start h1 { font-size:16px; line-height:22px; letter-spacing:normal; }
a img { border:none; }

h2 { font-size:15px; font-weight:bold; color:#990066; letter-spacing:1px; margin-bottom:12px; }

.content-wrapper { line-height:160%; }
.start .content-wrapper { line-height:normal; }

.rahmen { border: 1px solid #990066; }

.content-wrapper .rounded { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px 12px; display:block; margin:0 auto; }
.content-wrapper .purple-box { background:#330033; color:#fff; font-weight:bold; text-align:center; }
.content-wrapper a.rounded { text-decoration:none; }
.content-wrapper a.rounded:hover { color:#fff; text-decoration:underline; }

.caption img { margin-bottom:3px; }
.caption { font-size:11px; text-align:center; line-height:130%; }

.warning { background:url(/bilder/basis/fehler.png) no-repeat 4px 3px; height:20px; width:20px; display:block; float:left; text-indent:-9999px; }


/* START SLIMBOX */
#lbOverlay { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#lbCenter, #lbBottomContainer { position:absolute; z-index:9999; overflow:hidden; background-color:#fff; }
.lbLoading { background:#fff url(/bilder/slimbox/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/slimbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right:0; }
#lbNextLink:hover { background:transparent url(/bilder/slimbox/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:113px; height:22px; background:transparent url(/bilder/slimbox/closelabel.gif) no-repeat center; margin:5px 0; outline:none; }
#lbCaption, #lbNumber { margin-right:71px; }
#lbCaption { font-weight:bold; }
/* END SLIMBOX */

