/*
Author:   Michael Daum
Company:  webdaum webdesign
Web Site: www.webdaum.de
Email:    info@webdaum.de
Comments: © 2007-2012, Michael Daum
Last mod: 18:14 23.03.2012
*/
html, body {
height:100%;
margin:0;
}
body, legend, fieldset small, small, pre, p, th, td, input, select, textarea {
font:normal normal 9pt/1.2em 'Lucida Sans Unicode',Verdana,Arial,sans-serif;
color:#cc9;
}
body {
background:#333;
}
a img {
border:0;
background:#fff;
}

div#container {
position:relative;
padding-bottom:40px;
margin:5px;
}
body.login div#container {
position:static;
}

/* Body Links */

a { 
text-decoration:none;
font-weight:normal;
color:#999;
background:transparent;
}
/* main navigation */
#menu{
background:url(template/black/menu_bg.gif) repeat-x;
margin:0;
height:60px;
padding-left:20px;
position:relative;
border-left:1px solid #999;
border-right:1px solid #999;
}
* html #menu {
top:0;
left:5px;
}
#menu a,
#menu a:link,
#menu a:visited,
#menu del {
color:#fff;
padding:0 1ex;
font-size:12px;
line-height:18px;
border-right:1px solid #ccc;
}
#menu li.logout a {
border-right:0;
}
#menu li {
display:inline;
float:left;
list-style:none;
}
#menu ul {
margin:0;
padding:0;
}
#menu ul ul {
margin:0;
position:absolute;
left:0;
top:30px;
padding-left:20px;
display:none;
background:url(template/black/submenu_active.gif) repeat-x;
height:30px;
min-width:400px;
z-index:0;
}
#menu li.blog:hover,
#menu li.showroom:hover,
#menu li.imgdir:hover {
padding-bottom:30px;
}
body.imgdir #menu li.img ul,
body.img #menu li.img ul,
body.blog #menu li.blog ul,
body.lesson #menu li.blog ul,
body.event #menu li.blog ul,
body.themes #menu li.blog ul,
body.komm #menu li.blog ul,
body.showroom #menu li.showroom ul,
body.showroom_cat #menu li.showroom ul,
body.showroom_item #menu li.showroom ul,
#menu li.blog:hover ul,
#menu li.img:hover ul,
#menu li.showroom:hover ul {
display:block;
z-index:1;
}
a.active,
.form  .scroll-list li.active p,
.form  .scroll-list tr.active td {
color:#660;
background:url(template/black/menu_active.gif) repeat-x;
}
.scroll-list .active td a {
color:#660;
}
.audio_video #menu li.audio_video a,
.blog #menu  li.blog a.top,
.showroom #menu li.showroom a.top,
.file #menu li.file a,
.group #menu  li.group a,
.page #menu  li.page a,
.img #menu  li.img a.top,
.extlink #menu  li.extlink a,
.config #menu  li.config a,
.track #menu  li.track a,
.login #menu  li.login a,
.profile #menu  li.profile a,
.logout #menu  li.logout a {
color:#660;
margin:0;
background:url(template/black/menu_active.gif) repeat-x;
padding-bottom:30px;
border-right:0;
}
#menu li.blog:hover,
#menu li.showroom:hover,
#menu li.img:hover,
.showroom_item #menu li.showroom a.top,
.showroom_cat #menu li.showroom a.top,
.img #menu  li.img a.top,
.komm #menu  li.blog a.top,
.lesson #menu  li.blog a.top,
.themes #menu  li.blog a.top,
.event #menu  li.blog a.top {
color:#fff;
margin:0;
background:rgb(173,159,123);
padding-bottom:30px;
border-right:0;
}
.showroom_item #menu li.showroom_item a,
.showroom_cat #menu li.showroom_cat a,
.imgdir #menu li.imgdir a,
.komm #menu  li.komm a,
.themes #menu  li.themes a,
.lesson #menu  li.lesson a,
.event #menu  li.event a {
background:url(template/black/menu_active.gif) repeat-x;
color:#660;
padding:5px 1ex;
}
img#media {
min-width:22px;
min-height:22px;
margin-left:2px;
}
a.img-container {
position:relative;
border:5px solid #fff;
margin:2px;
}
a.img-container span {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
a.img-container:hover span {
display:block;
}
* html a.img-container {
position:static;
}
* html a.img-container:hover span {
display:none;
}
/* Header */
/*------------------------------------------------*/
#header {
/* Admin BLOG & Kommentar & PhotoBLOGs */ 
margin:0;
height:100px;
}
#header h3 {
line-height:40px;
height:40px;
border:1px solid #999;
margin:0;
padding:0 20px 0 20px;
background:#000 url(template/black/header_bg.png) 0 0 repeat-x;
}
#header h3 a {
font:bold normal 12pt/40px 'Trebuchet MS',sans-serif;
color:#ffc;
}
#header h3 small,
#header h3 small.folder {
color:#ccc;
font:normal italic 12px sans-serif;
}
#photoblog fieldset,
#photoblog #form fieldset {
width:45%;
float:left;
margin-right:2%;
clear:none;
display:inline;
}
div#editor {
overflow:hidden;
}
#add-note fieldset {
width:500px;
margin-left:50%;
left:-250px;
position:relative;
}

/* Links allgemein */
/*------------------------------------------------*/

/* Link für Bild-Upload */
a.upload {
display:block;
visibility:hidden;
height:16px;
width:auto;
padding-left:25px;
background:url(../img/upload.GIF) no-repeat;
}
a.visible {
visibility:visible;
}

/* Formularelemente */
/*------------------------------------------------*/
form, .mitteilung, div.form {
clear:both;
margin:0;
background:#222 url(template/black/bottom_right.png) 100% 100% repeat-x;
padding:20px 20px 0 20px;
border:1px solid #666;
color:inherit;
overflow:hidden;
line-height:1.2; /* Fix für IE6 peeckaboo-bug*/
}
span.id, span.date, span.url, span.price, span.name, a.url {
margin:2px;
line-height:24px;
margin:2px;
color:#ccc;
font-weight:bold;
}
span.wrap-input {
line-height:24px;
margin:2px;
}
input, select {
width:50%;
margin:2px;
min-height:20px;
height:auto !important;
height:20px;
font-style:normal;
}
.auswahl select, textarea {
height:auto;
}
textarea.fullsize {
width:100%;
}
input.hours {
width:3ex;
}
input.file {
width:55%;
}
input.checkbox, .wrap-input input {
height:20px;
width:20px;
line-height:20px;
border:0;
padding:0;
}
.disabled, .disabled:focus {
color:#999;
}
.wrap-input input,
.wrap-input input:focus {
border:0;
}
input.long {
width:50%;
}
div.form form {
padding:0;
border:0;
margin:0;
background:transparent;
}
form.login dfn {
display:block;
width:200px;
float:left;
}
div.inner-login {
background:transparent url(template/black/maxim.png) 50% 80% no-repeat;
border:0;
width:404px;
height:300px;
position:relative;
top:0;
left:50%;
margin-left:-202px;
}
form dfn, .form dfn {
width:25%;
float:left;
clear:both;
text-align:right;
display:block;
margin-right:5px;
color:#ffc;
padding:5px 0;
font-style:normal;
}
form fieldset.multi-check dfn,
form fieldset fieldset.multi-check dfn {
float:none;
clear:none;
display:inline-block;
}
form.login br, form hr {
clear:both;
}
legend {
margin-bottom:10px;
margin-left:20px;
padding:0 20px;
font:bold 0.9em Verdana,sans-serif;
color:#fff;
}
textarea, input, select, option,
.scroll-list ul,
.scroll-list table {
background-color:#ffe;
border:1px solid #f90;
font:normal normal 1em/22px courier,sans-serif;
color:#030;
padding:1px 0 1px 1ex;
}
.scroll-list ul#elem-order li {
cursor:move;
}
.scroll-list table * {
color:#030;
}
option {
border:0;
}
select {
width:51%;
}
span.date-time select {
width:10ex;
}
textarea {
font:1.1em/1.3em courier,sans-serif;
height:600px;
position:static;
width:70ex;
margin:2px;
}
textarea#intro, textarea#description, .config textarea.rss_description {
height:8em;
width:50%;
}
textarea:focus,
textarea:hover,
input:focus,
input:hover,
select:focus,
select:hover {
border:1px solid #f90;
background-color:#fff;
}
form div.scroll-list {
overflow:auto;
max-height:250px;
min-height:2em;
height:auto !important;
height:250px;
padding:0;
}
.drag-drop form div.scroll-list {
max-height:435px;
}
.scroll-list table {
background-color:#444;
margin:0;
width:100%;
padding:0;
border:0;
border-spacing:1px;
border-collapse:separate;
}
.scroll-list ul {
background-color:#444;
padding:2px;
margin:0;
}
.scroll-list li,
.scroll-list p,
.scroll-list td {
list-style:none;
margin:0;
color:#fff;
background-color:transparent;
line-height:2em;
}
body.img .scroll-list p,
body.showroom_item .scroll-list p {
line-height:60px;
}
.scroll-list thead tr {
background:#000 url(template/black/menu_bg.png) 0 20% repeat-x;
}
.scroll-list thead tr th,
.scroll-list thead tr th a {
color:#fff;
font-weight:normal;
font-size:7pt;
line-height:1.6em;
}
.scroll-list col.product_name {
width:30%;
}
.scroll-list td {
padding:0.1em 1ex;
}
.scroll-list li.dark,
.scroll-list tr.dark td {
background-color:#555;
}
.scroll-list li:hover,
.scroll-list tr:hover td {
background-color:#9aa6a8;
color:#ffc;
}
.scroll-list li a,
.scroll-list td a{
font-weight:bold;
color:#fff;
line-height:1em;
}
fieldset, #form fieldset {
margin-bottom:10px;
background:#444;
border:1px solid #666;
padding:0 10px 10px 10px;
clear:both;
}
option.false {
color:#900;
}
option.true {
color:#000;
}
form div {
/*, div.auswahl, #items, #setting, #tipp, #daten, #status, #eintrag, div.config */
background:#222 url(template/black/bottom_right.png) 100% 100% repeat-x;
padding:1.4em 10px 10px 10px;
border-bottom:1px solid #666;
}
form div#server-settings,
form div#photo-settings,
form div#blog-settings,
form div#feed-settings,
form div#comm-settings,
form div#module-settings,
form div#menu-settings,
form div#meta-settings,
form div#metadata,
form div#metadaten,
form div#cat-select,
form div#input_filename,
form div#media_0_admin {
display:none;
}
#msg, .msg {
background:#222;
border:0;
}
#msg p, .msg p {
color:#c60;
background:#000;
padding:20px;
margin:5px;
}
#daten table td {
padding:10px 5px;
background:#000;
margin:3px;
}
#daten table th {
width:200px;
}
#photoblog #auswahl select,
.auswahl select.left {
float:left !important;
width:200px;
margin-left:25px !important;
}
#photoblog textarea {
width:auto;
}
#vorschau {
background:#fff;
padding:10px;
height:400px;
overflow:auto;
color:#000;
}
#vorschau * {
font-family:Verdana,sans-serif;
max-width:300px;
color:#000;
background:#fff;
margin:2px;
}
#setting option {
text-transform:capitalize;
}
#setting {
visibility:hidden;
width:auto;
}
#daten br {
clear:right;
}
/* Formular Links */

/* Formular Footer (SUBMIT, Links) */
/*------------------------------------------------*/
#footer {
background:#000 url(template/black/menu_bg.png) repeat-x;
height:40px;
clear:both;
padding:0 10px;
border-bottom:0;
line-height:40px;
color:#ccc;
position:fixed;
bottom:0px;
left:28px;
border-left:1px solid #999;
border-right:1px solid #999;
}
* html #footer,
body.login #footer,
body.logout #footer {
position:static;
}
#footer a,
#footer a.submit,
a.submit,
.submit,
.button,
input.strong,
input.submit,
input.button {
font:normal 0.8em/20px 'Lucida Sans Unicode',Verdana,Arial,'Trebuchet MS',arial,sans-serif;
text-align:center;
width:120px;
margin:10px 2px;
float:right;
display:block;
height:20px;
height:20px !important; /* for IE7! */
cursor:pointer;
border:0;
padding:0;
line-height:20px;
overflow:hidden;
}
.button, a.button {
color:#fff;
background:#999 url(template/black/normal_submit.png);
}
input.strong,
#footer a {
background:url(template/black/blue_submit.png);
color:#336;
}
fieldset.import {
text-align:right;
}
.submit, a.submit, #footer a.submit {
background:#f90 url(template/black/submit.png);
color:#000;
}
.submit:hover,
a.submit:active, 
a.submit:hover,
#footer a:hover,
.button:hover {
background-position:0 20px;
color:#333;
}
/* Formular Schmuckelemente */
/*------------------------------------------------*/
.auswahl select option.folder,
.folder {
display:block;
height:16px;
width:auto;
padding-left:25px;
}
.auswahl select option.strike, .strike {
text-decoration:line-through;
color:#f66;
}/*
#auswahl .img ,
.img{
display:block;
height:20px;
width:auto;
padding-left:20px;
background:url(../img/img.GIF) no-repeat;
float:left;
margin-right:10px;
}*/
input#imgfilename {
width:50ex;
}
/* HTML - Editor */
/*------------------------------------------------*/
#editor input,
.add-theme {
background:#336 url(template/black/button.png) 0 0;
width:32px;
height:24px;
text-align:center;
border:0;
font:normal 9px verdana,sans-serif;
color:#336;
cursor:pointer;
display:block;
float:left;
margin:1px;
}
input.add-theme {
float:right;
}
a.add-theme {
float:left;
padding:2px;
}
#editor input:hover {
background-position:0 24px;
}
#editor .img {
padding:0;
}
#editor .i,
#editor .cite {
font-style:italic;
}
#editor .b {
font-weight:bold;
}
#editor .u {
text-decoration:underline;
}
#editor .strong,
#editor .small {
font-size:80%;
}
#editor .big {
font-size:120%;
}
#editor .url {
color:#33f;
}
/* Textelemente */
/*------------------------------------------------*/
.nach_links,
#vorschau img.left {
float:left;
margin-right:10px;
}
select.right {
float:right;
width:220px;
}
h3 {
height:20px;
margin:5px 0 0 5px;
font-size:9pt;
}
#h3, h5 {
margin-bottom:10px;
}
h5 small {
color:#fff;
}
hr {
margin:5px 0;
color:#ccc;
border:1px inset #ccc;
}
p, li {
margin:3px 0 7px 0;
color:#ccc;
background-color:transparent;
}
img {
border:1px solid #ff9;
background:#fff;
}

img#preview {
position:absolute;
bottom:20px;
left:10px;
width:100px;
}

/* Statistik Tabelle */
/*------------------------------------------------*/
#stat .form {
min-height:80%;
height:auto !important;
height:80%;
}
#stat caption {
font:bold 1em 'Trebuchet MS',sans-serif;
color:#def;
background:#000;
text-align:left;
margin-bottom:5px;
}
#stat td {
vertical-align:top;
background-color:#333;
color:#ccc;
padding:2px;
}
#stat th {
text-align:left;
color:#def;
background:#000;
}
#stat table {
width:40%;
margin-right:4%;
float:left;
margin-top:20px;
border-bottom:1px solid #999;
}
#stat table.breit {
width:80%;
margin-right:0;
clear:left;
}
#stat tr.extra th,
#stat tr.extra td {
background-color:#444;
color:#fff;
}
#stat tr.error td {
background-color:#f90;
color:#000;
}
#stat td a {
color:#ffc;
}
#stat tr.error a {
background:transparent;
font-weight:normal;
font-size:0.8em;
line-height:1.5em;
}
#stat tr.error a span {
padding:2px;
background:#fc0;
color:#900;
display:block;
}
div.msg {
position:absolute;
top:60px;
left:20px;
}
.offline {
background-color:transparent;
border-left:1.2em solid #ccc;
color:#ccc;
text-decoration:line-through;
}/*
#lesson p a,
#event p a {
color:#fff;
}*/
.aktuell,
.news,
.current {
border-left:1.2em solid #933;
}
td .vorschau,
td .preview {
border-left:1.2em solid #330;
}
.archiv,
.archives {
border-left:1.2em solid #069;
}
.kurse,
.lessons {
border-left:1.2em solid #933;
}
.form  .scroll-list p {
margin:0 0.1em 0.1em 0;
padding:0.1em 0 0.1em 1.2em;
width:auto;
background:transparent;
}
fieldset p {
background:#333;
width:45%;
padding:1.5em;
margin-left:26%;
}
.quick-commands {
padding:0;
margin-bottom:0;
height:auto;
overflow:hidden;
background:transparent;
border:0;
}
.quick-commands legend {
display:none;
}
button,
.quick-commands input.submit,
.quick-commands input.button {
margin:0 0 2px 2px;
line-height:20px;
height:20px;
cursor:pointer;
}
div.scroll-list input[type="checkbox"] {
width:1.2em;
height:1.1em;
min-height:1.1em;
padding:0;
margin:0;
border:0;
line-height:1.1em;
}
button {
border:1px outset #69c;
color:#ddd;
background:#666;
}
.theme-0 {
border-left:1.2em solid #c90;
}
.theme-1 {
border-left:1.2em solid #c99;
}
.theme-2 {
border-left:1.2em solid #969;
}
.theme-3 {
border-left:1.2em solid #699;
}
.theme-4 {
border-left:1.2em solid #966;
}
.theme-5 {
border-left:1.2em solid #fe9;
}
.theme-6 {
border-left:1.2em solid #f99;
}
.theme-7 {
border-left:1.2em solid #c6f;
}
.theme-8 {
border-left:1.2em solid #336;
}
.theme-9 {
border-left:1.2em solid #363;
}
.theme-10 {
border-left:1.2em solid #3c3;
}
.theme-11{
border-left:1.2em solid #fc9;
}
.theme-12{
border-left:1.2em solid #336;
}
.theme-13 {
border-left:1.2em solid #ffc;
}
.theme-14 {
border-left:1.2em solid #fcf;
}
.theme-15 {
border-left:1.2em solid #cff;
}
.theme-16 {
border-left:1.2em solid #66f;
}
.theme-17 {
border-left:1.2em solid #dde;
}
.theme-18 {
border-left:1.2em solid #aa9;
}
.theme-19 {
border-left:1.2em solid #ccc;
}
.theme-20 {
border-left:1.2em solid #ccb;
}
.theme-21 {
border-left:1.2em solid #cbc;
}
.theme-22{
border-left:1.2em solid #bbc;
}
* a.status:link,
* a.status:visited {
font-style:italic;
font-weight:normal;
}
a.false:link,
a.false:visited {
text-decoration:line-through;
color:#fcc;
}
.active a.false:link,
.active a.false:visited {
color:#900;
}


a:hover {
color:#ccc;
}
a:visited, a.edit { 
text-decoration:none;
color:#ccc;
}
a.delete {
line-height:1.2em
}
legend.edit a,
td.edit a,
div.edit a,
a.edit {
background:url(template/black/edit.png) 0 3px no-repeat;
padding-left:14px;
padding-bottom:12px;
}
a.edit span,a.delete span, th span {
position:absolute;
left:-2000px;
}
img.preview {
width:auto;
max-height:200px;
}
a.delete img {
border:0;
margin-bottom:-1px;
}
form .img-container {
float:left;
clear:left;
}
.scroll-list .img-container img {
height:40px;
width:auto;
}
form .img-container:hover span {
display:none;
}
table .img-container {
float:right;
}
.eintrag {
background:#fff;
padding:40px;
}
.eintrag * {
color:#000;
}
.eintrag a:link {
color:#00f;
text-decoration:underline;
}
fieldset.relative {
clear:left;
position:relative;
}