/* zuerst einige allgemeine Einsstelunge (font, Fusszeile,...) */
/* Und die fusszeile sollte zentriert sein*/
div#footer{text-align:center;}
/* Der Font soll überall Arial sein */
* { font-family: "trebuchet ms", tahoma, helvetica, arial, verdana, sans-serif; }
/* Die Fontgröße */
* { font-size: 14px; color: #FFF;/* #B2B0B7; */}
h1,h2,h3 { font-size:  15px; font-style: italic; }
#navigation {
  font-size: 12px;
}
div#header{ background-image: url(header.jpg); background-repeat: ;;background-attachment: ;;background-position: 0 0; height:200px; }

li.mlevel2 {
  padding-left:10px;
}
/* Nun das Grundlayout */
/* lt. http://blog.html.it/layoutgala/ */
html,body{ margin:0; padding: 0 0 0 0; }
body{ font: 76% arial, sans-serif; text-align:center; }
/* body {background-color:#34181D} 22080C 160306 0E0103 */
body {background-color:#0E0103;}
a{ color: #3972AC; }
div#header{position:relative}
div#header h1{height:200px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#container{text-align:left}
div#content p{line-height:1.4}
/* div#navigation{background:#34181D;} */
div#navigation{background:#0E0103;}
div#footer{/* background: #181A3A; */ color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#content {margin-top: 5px; margin-left:10px; margin-right:10px;}
div#content {min-height: 350px;}

div#container{width:900px;margin:0 auto}
div#content{float:right;width:625px}
div#navigation{float:left;width:250px}
div#footer{clear:both;width:100%}


/* ZH: Und nun noch ein paar Sachen für die Album-Ansicht der Werke*/
.tx-cegallery-pi1-album_date {
  font-size:7px !important;
  color:#000000;
}
div.tx-cegallery-pi1-album_entry a {
  font-size:12px;
}
.tx-slideshow-pi1 {
text-align:left !important;
}
#lbCaption, #lbNumber {
  color: #B2B0B7;
}
/* und nun das menue von http://tabcreatr.com */
/* ---BEGIN */
#Navicontainer{ 
font-family:sans-serif;
font-weight:bold;
}
#Navinav{ 
width:12em;
border-right:1px solid #000;
padding-bottom:1em;
padding:1px;
margin-bottom:1em;
font:Tahoma;
font-size:10px;
color:#323232;
/* ZH Ohne Rahmen rundherum background-color:#F8FFFB; */
border-color:#0042D4;
border-style:solid;
border-width:0px;
}
#Navinav ul{ 
list-style:none;
margin:0px;
padding:0px;
border:none;
/* cursor:help; */
background-color: #181A3A;
border-bottom-color:#A640FF;
}
#Navinav ul li{ 
/* ZH Ohne Rahmen rundherum  border-bottom:1px solid #90bade; */
margin:0px;
list-style:none;
/* cursor:crosshair; */
}
#Navinav ul li a{ 
display:block;
padding:5px;
padding-left:0.5em;
border-left:10px solid #181A3A; /* ZH Unser dunkles Blau */
border-right:10px solid #679FDE; /* ZH: Helles Blau */
background-color:#FF0404;
color:#FEFEFE;
text-decoration:none;
width:100%;
background: #181A3A;
/* ZH Ohne rahmen  
border-style:dashed; 
border-color:#B0F3FF;  
border-width:1px;
*/ 
border-style:none; 
border-color:#181A3A;  
border-width:1px;
}
#Navinav ul li a span{ 
/* cursor:text; */ 
font-size:12px;
}
#Navinav ul li a:hover{ 
/* border-left:10px solid #181A3A; */ /* ZH Unser dunkles Blau */
border-right:10px solid #679FDE; /* ZH: Helles Blau */
background:#3972AC;
color:#F1F1F1;
}
#Navinav ul li a.current{ 
/* border-left:10px solid #181A3A; */ /* ZH Unser dunkles Blau */
/* border-right:10px solid #679FDE; */ /* ZH: Helles Blau */
/* background-color:#FFFBF8; */
background:#3972AC;
color:#CACACA;
}
/* ---- ENDE MENUE */