* { margin: 0; padding: 0; }
html { background: #273147; }
body { background: #273147 url(http://dj-ks.de/img/bodybg.jpg) repeat-y 50%; font: 76% 'Century Gothic', Verdana, sans-serif; }

a:link, a:visited, a:active { color: #90b2fa; }
a:hover { color: #ffffff; }

hr { border: 0; margin-bottom: 2em; }

span.error { color: #A9292D; float: right; }
p.error { margin-top: 1.5em; display: block; padding: 2em; float: none; color: #79859f; background: #273448; border: 1px solid #313F58; border-bottom: 1px solid #252E42; }
p.notify { margin-top: 1.5em; display: block; padding: 2em; float: none; color: #79859f; background: #273448; border: 1px solid #313F58; border-bottom: 1px solid #252E42; }

#page { width: 760px; margin: auto; position: relative; }

#header { height: 115px; }
#header h1 a { width: 180px; height: 115px; display: block; }
#header h1 a span { display: none; }

#menu { position: absolute; top: 114px; left: 0; width: 760px; background: url(http://dj-ks.de/img/menubg.jpg) repeat-x; text-shadow: 2px 2px 2px #2B303E; }
#menu ul { list-style: none; }
#menu ul li { float: left; }
#menu ul li a { display: block; padding: 0.4em 1.8em; color: #1f2635; text-decoration: none; }
#menu ul li a:hover { color: #90b2fa; }
#menu ul li a.active { color: #ffffff; background: url(http://dj-ks.de/img/menubgactive.jpg) repeat-x; border-left: 1px solid #3A4A69; border-right: 1px solid #3A4A69; }

#content { margin-top: 24px; min-height: 40em; background: #272c39 url(http://dj-ks.de/img/contentbg.jpg) repeat-x; padding: 1.5em 1em; color: #79859f; }
#content h2 { font-weight: normal; color: #90b2fa; font-size: 1.2em; margin-bottom: 1em; text-shadow: 2px 2px 2px #20242F; }
#content h2 a { text-decoration: none; }
#content h3 { font-weight: normal; color: #90b2fa; font-size: 1.1em; margin-bottom: 1em; text-shadow: 2px 2px 2px #20242F; }
#content h3 a { text-decoration: none; }
#content h4 { font-weight: normal; color: #90b2fa; font-size: 1.1em; text-shadow: 2px 2px 2px #20242F; }
#content h4 a { text-decoration: none; }

#footer { margin-top: 20em; clear: both; display: block; width: 100%; height: 50px; background: #273147 url(http://dj-ks.de/img/footerbg.jpg) repeat-x; }
#footer p { width: 745px; margin: auto; padding: 1em 0.5em; color: #a5b7d8; }
#footer p a.hit { opacity: 0.5; margin-top: -0.4em; float: right; display: block; width: 36px; height: 36px; background: url(http://dj-ks.de/img/highlevel.jpg) no-repeat; }
#footer p a:hover { opacity: 0.9; }
#footer p a.hit span { display: none; }

#debug { opacity: 0.8; width: 100%; position: absolute; top: 0; left: 0; background: #2A303D; color: #ffffff; }
#debug pre { padding: 2em; }

#adminmenu { position: absolute; top: 6em; right: 0; padding: 0.5em; }
#adminmenu ul { list-style: none; }
#adminmenu ul li { float: left; margin: 0.1em; }
#adminmenu ul li strong a { opacity: 0.9; font-weight: normal; color: #A51B24; }
#adminmenu ul li a { display: block; padding: 0.2em 0.5em; background: #fff; color: #2B303E; opacity: 0.5; text-decoration: none; }
#adminmenu ul li a:hover { color: #000; opacity: 0.9; }

form { color: #D2D2D2; padding: 1em; clear: both; }
form fieldset { width: 100%; border: 0; padding: 0 0 0.5em 0; }
form fieldset.half { width: 49%; float: left; }
form fieldset.half label { float: left; padding: 0 0.5em 0 0; }
form label { display: block; }
form input { width: 100%; }
form textarea { width: 100%; height: 100px; }
form textarea.big { height: 300px; }
.button { width: auto; cursor: pointer; float: right; margin-top: 0.3em; }
form fieldset.check label { float: left; padding: 0 0.8em 0 0; }
form fieldset.check input { width: 1em; cursor: pointer; }
form fieldset.secure img { width: 200px; float: left; border: 1px solid #35445D; }
form div.secureinput { width: 450px; float: right; }
form fieldset.secure label { padding: 0.5em 0; }
form fieldset.secure label span { float: right; color: #BFBEBC; }
form fieldset.secure label span.error { float: right; color: #AC2930; }
form fieldset select.big { width: 100%; height: 200px; }

#eventlist { list-style: none; margin-top: 1em; }
#eventlist li { display: block; padding: 0.9em 0.4em; position: relative; background: #162038 url(http://dj-ks.de/img/gradientheaderdb.jpg) repeat-x; border-top: 1px solid #1A2944; }
#eventlist li h4 a { color: #fff; }
#eventlist li h4.repeat { background: url(http://dj-ks.de/img/repeat.png) no-repeat; padding-left: 1.4em; }
#eventlist li h4 { font-weight: normal; color: #fff; padding: 0 0 0 0.3em; text-shadow: 2px 2px 2px #20242F; }
#eventlist li h4 span { color: #536C9C; padding: 0 0 0 0.5em; font-style: italic; }
#eventlist li span.type { padding: 0 0.5em 0 0; }
#eventlist li img { float: right; margin-top: -22px; border: 0; }
#eventlist li p { display: none; padding: 1em; font-size: 0.9em; color: #79859f; }
#eventlist li p img { float: none; margin: 0; position: absolute; top: 3px; right: 3px; border: 0; }
#eventlist li.active { background: #232d41 url(http://dj-ks.de/img/gradientheader.jpg) repeat-x; }
#eventlist li.active p { display: block; min-height: 151px; padding-right: 150px; }
#eventlist li:hover { background: #232d41 url(http://dj-ks.de/img/gradientheader.jpg) repeat-x; }
#eventlist li:hover p { display: block; min-height: 151px; padding-right: 150px; }

#starteventlist { list-style: none; }
#starteventlist li { min-height: 7em; display: block; padding: 0.5em 0.4em 2em 0.4em; margin-bottom: 0.5em; position: relative; border-top: 1px solid #1A2944; background: #232d41 url(http://dj-ks.de/img/gradientheaderdb.jpg) repeat-x 0 -12px; }
#starteventlist li h4 a { color: #fff; }
#starteventlist li h4 { font-weight: normal; color: #fff; padding: 0 0 0 0.3em; text-shadow: 2px 2px 2px #20242F; }
#starteventlist li h4 span { color: #536C9C; padding: 0 0 0 0.5em; font-style: italic; }
#starteventlist li img { float: right; margin: 10px 0; border: 0; width: 60px; height: 75px; }
#starteventlist li p { padding: 1em; font-size: 0.9em; color: #79859f; }
#starteventlist li p img { float: none; margin: 0; position: absolute; top: 3px; right: 3px; border: 0; }

#guestbooklist { padding: 2em 0 0 0; list-style: none; }
#guestbooklist li { padding: 0 0 1em 0; }
#guestbooklist li h4 { color: #ffffff; font-weight: normal; font-size: 1.1em; padding: 0.4em; background: url(http://dj-ks.de/img/gradientheaderdb.jpg) repeat-x; border-top: 1px solid #1E2E4B; border-bottom: 1px solid #252E42; text-shadow: 2px 2px 2px #2B303E; position: relative; }
#guestbooklist li h4 span { position: absolute; top: 0.4em; right: 0.5em; color: #536C9C; padding: 0 0 0 0.5em; font-style: italic; }
#guestbooklist li p { color: #79859f; padding: 0.5em 0.9em; background: #232d41 url(http://dj-ks.de/img/gradientheader.jpg) repeat-x; border-bottom: 1px solid #252E42; }
#guestbooklist li form { background: #2B394D; color: #A9292D; border-bottom: 1px solid #252E42; }
#guestbooklist li ul.gadminmenu { list-style: none; background: #2A303D; height: 2.3em; }
#guestbooklist li ul.gadminmenu li { float: left; }
#guestbooklist li ul.gadminmenu li a { padding: 0.5em; display: block; text-decoration: none; color: #93B7FB; }
#guestbooklist li ul.gadminmenu li a:hover { background: url(http://dj-ks.de/img/gradientheader.jpg) repeat-x; color: #A9292D; }
#guestbooklist li ul.gadminmenu li span { padding: 0.5em 4em; display: block; }

a.gbadd { float: right; background: url(http://dj-ks.de/img/addentry.png) no-repeat; padding-left: 1.6em; text-decoration: none; }

.pagemenu { clear: both; list-style: none; width: 640px; margin: auto; padding: 1em 0; }
.pagemenu li { color: #ffffff; float: left; padding: 0.5em 2em; }
.pagemenu li span { color: #79859f; }

.submenu { position: absolute; top: 135px; right: -2px; }
.submenu ul { list-style: none; }
.submenu ul li { float: left; padding: 0.2em; }
.submenu ul li a { text-decoration: none; display: block; padding: 0.4em; background: #1F242F; border: 1px solid #2A303D; border-top: 0; border-right: 0; opacity: 0.6; text-shadow: 2px 2px 2px #2B303E; }
.submenu ul li a:hover { opacity: 0.9; }
.submenu ul li strong a { color: #ffffff; font-weight: normal; background: #3c4761; border: 1px solid #3B465E; border-right: 1px solid #1F242F; border-bottom: 1px solid #1F242F; border-top: 0; border-right: 0; opacity: 1; text-shadow: 2px 2px 2px #2B303E; }

ul.gallery { list-style: none; margin-top: 2em; }
ul.gallery li { height: 120px; padding: 0; margin-bottom: 0.5em; background: #232d41 url(http://dj-ks.de/img/gradientheader.jpg) repeat-x 0 25px; color: #79859f; }
ul.gallery li img { float: right; margin: 2.7em 0.4em 0 0; width: 80px; height: 80px; border: 0; }
ul.gallery li a.galerielink { font-size: 0.9em; margin: 20px 0 0 5px; background: url(http://dj-ks.de/img/viewpictures.png) no-repeat; padding-left: 1.8em; padding-top: 0.3em; }
ul.gallery li a { display: block; text-decoration: none; padding: 0 0 0.3em 0; }
ul.gallery li p { padding: 0.5em; font-size: 0.9em; }
ul.gallery li h4 { margin-top: -0.3em; padding: 0.4em 0.5em 0.2em 0.5em; background: url(http://dj-ks.de/img/gradientheaderdb.jpg) repeat-x; border-top: 1px solid #1E2E4B; border-bottom: 1px solid #252E42; }
ul.gallery li h4 a { font-weight: normal; font-size: 0.9em; color: #fff; text-shadow: 2px 2px 2px #2B303E; }
ul.gallery li.catview { width: 104px; height: 104px; display: block; float: left; margin: 0; background: none; }
ul.gallery li.catview a { display: block; width: 100px; height: 100px; padding: 0; opacity: 0.6; }
ul.gallery li.catview a img { width: 100px; height: 100px; margin: 0; border: 0; }
ul.gallery li.catview a:hover { opacity: 1; }

ul.gallery_detail { list-style: none; }
ul.gallery_detail li { float: left; opacity: 0.8; }
ul.gallery_detail li a { display: block; text-align: center; color: #fff; text-decoration: none; }
ul.gallery_detail li a span { display: none; padding: 2em; }
ul.gallery_detail li a p { display: none; }
ul.gallery_detail li a:hover { display: block; }
ul.gallery_detail li a:hover span { display: none; }
ul.gallery_detail li a:hover.nogo { background: url(http://dj-ks.de/img/gallnogo.png) no-repeat 50%; }
ul.gallery_detail li a:hover.next { background: url(http://dj-ks.de/img/gallnext.png) no-repeat 50%; }
ul.gallery_detail li a:hover.previous { background: url(http://dj-ks.de/img/gallprev.png) no-repeat 50%; }
ul.gallery_detail li a:hover.overview { background: url(http://dj-ks.de/img/galloverview.png) no-repeat 50%; }

#medienliste fieldset { margin-top: 6px; height: 67px; border-bottom: 1px solid #3A4A69; }
#medienliste fieldset img { width: 50px; height: 55px; float: right; position: relative; top: 3em; }
#medienliste fieldset input { width: 100%; }
#medienliste fieldset input.button { width: auto; float: none; margin-top: 1em; }
#medienliste fieldset input.check { position: relative; top: 1.4em; margin-left: -1.6em; width: 1em; cursor: pointer; }
#medienliste p.convdone { float: right; color: #5AA93F; margin-top: -1.6em; }
#medienliste p.converting { float: right; color: #A91E1E; margin-top: -1.6em; }

#musicplayer { display: block; position: absolute; top: 0; right: 0; z-index: 1001; width: 115px; height: 30px; background: url(http://dj-ks.de/img/musicplayer.png) no-repeat; opacity: 0.6; }
#musicplayer span { display: none; }
#musicplayer:hover { opacity: 0.9; }

#addpicture, #addbold, #additalics, #addheading, #addlink { opacity: 0.6; width: 16px; height: 16px; display: block; border: 1px solid #D3D3D3; float: left; margin: 0.4em 0.2em; background: #F0F0F0 url(http://dj-ks.de/img/icons/image_add.png) no-repeat; }
#addpicture:hover, #addbold:hover, #additalics:hover, #addheading:hover, #addlink:hover { border-color: #fff; opacity: 1; }
#addpicture span, #addbold span, #additalics span, #addheading span, #addlink span { display: none; width: 112px; padding: 0.2em; position: relative; top: 1em; left: 0.8em; background: #fff; opacity: 0.8; z-index: 101; }
#addpicture:hover span, #addbold:hover span, #additalics:hover span, #addheading:hover span, #addlink:hover span { display: block; }
#addbold { background: #F0F0F0 url(http://dj-ks.de/img/icons/text_bold.png) no-repeat; }
#additalics { background: #F0F0F0 url(http://dj-ks.de/img/icons/text_italic.png) no-repeat; }
#addheading { background: #F0F0F0 url(http://dj-ks.de/img/icons/text_heading.png) no-repeat; }
#addlink { background: #F0F0F0 url(http://dj-ks.de/img/icons/link_add.png) no-repeat; }

#charts ul { display: block; list-style: none; margin-bottom: 2em; }
#charts ul li { clear: both; color: #ffffff; margin: -0.1em; padding: 0.4em; background: url(http://dj-ks.de/img/gradientheaderdb.jpg) repeat-x; border-top: 1px solid #1E2E4B; border-bottom: 1px solid #252E42; text-shadow: 2px 2px 2px #2B303E; }
#charts ul li strong { padding: 0 0.5em; width: 15px; text-align: center; display: block; float: left; color: #ffffff; border-right: 1px solid #1E2E4B; }
#charts ul li em { color: #79859f; padding: 0 0.5em; width: 15px; display: block; float: left; text-align: center; margin-right: 0.5em; border-right: 1px solid #1E2E4B; }
#charts ul li span { color: #79859f; padding: 0 0.5em; width: 35px; display: block; float: left; text-align: center; margin-right: 0.5em; border-right: 1px solid #1E2E4B; }
#charts ul li a { float: right; }

.leftbox { width: 49%; float: left; }
.rightbox { width: 49%; float: right; }
.innerh { padding: 2em 0 0 0; }

.rightalign { float: right; }
.leftalign { float: left; }

.logs { clear: both; width: 100%; background: #2B303E; }
.logs tr.robot { background: #32394A; }
.logs tr th { font-size: smaller; padding: 0.1em; border: 2px solid #536484; background: #637995; color: #fff; }
.logs tr td { font-size: smaller; padding: 0 0.1em; border: 1px solid #242C40; }
.logs a { text-decoration: none; padding: 0; margin: 0; }

.stats { padding: 0.5em; margin: 0 0 2em 0; }
.stats p { padding: 0.1em 0; display: block; font-style: italic; color: #79859f; }
.stats p strong { display: block; padding: 0 0 0.5em 0; font-weight: normal; font-style: normal; color: #fff; }