body {
background-color:#FFFFFF;
margin-top:0;
margin-left:0;
}
#navi {
float:left;
width:184px;
text-align:left;
/*height:530px;*/
/*border:1px solid red;*/
}
#navi span.navitxt {
/*border:1px solid green;*/
position:relative;
}
br {
padding:0;
margin:0;
}
/*alte css Bestandteile berichtigt*/
/*#navi a{
font-family: Arial, Courier, sans-serif;
font-size:10pt;
line-height:15pt;
text-decoration:none;
text-align:left;
position:relative;
padding:2px;
white-space:nowrap;
display:inline;
top:53px;
left:25px;
}
#navi a:link{
background-color:#FFFFFF;
color:#000000;}
#navi a:visited{
background-color:#FFFFFF;
color:#000000;}
#navi a:hover{
background-color:#000;
color:#ffffff;
}
#navi a:active{
background-color:#000000;
color:#ffffff;
}
#navi a:focus{
background-color:#000000;
color:#ffffff;
}     */

#navi b.logo {
font-family:Arial, Courier, sans-serif;
font-size:10pt;
line-height:13pt;
font-weight:bold;
text-decoration:none;
color:#000000;
text-align:left;
position:absolute; top:26px; left:23px;
white-space:nowrap;
display:inline;
}
/*Falls die Navipunkte verschiedene Groessen haben sollen*/
/*#navi b.normal {
font-weight:normal;
}
#navi b.klein {
font-weight:normal;
font-size:10pt;
line-height:13pt;
font-family: Arial, Courier, sans-serif;
}   */
#navi ul#imageList {
list-style:none;
list-style-type:none;
list-style-position:inside;
padding:0;
margin:69px 0 0 26px;
/*position:absolute;*/
/*border:1px solid green;*/
text-align:left;
}
#navi ul#imageList li {
list-style:none;
padding: 0 0 0 0;
margin: 0;
text-align:left;
}
#navi ul#imageList li.spacer {
list-style:none;
padding: 0 0 25px 0;
margin: 0;
/*border:1px solid blue;*/
text-align:left;
}

#navi ul#imageList li a {
  display: block;
  text-decoration: none;
  margin:0;
  padding:0;
  text-align:left;
  border:0;
  /*border:1px solid green;*/
}
#navi ul#imageList li a img {
 border:0;
 padding:0;
 margin:0;
 text-align:left;
 display:block;
}
/*nur Internet Explorer*/
/**+html #navi ul#imageList li a img {
float:left;
display: block;
border:1px solid green;
} */

#infotext{
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:11.25pt;
color:#000;
font-weight:normal;
text-decoration:none;
text-align:left;
float:left;
position:absolute; top:543px; left:29px;
width:220px;
display:inline;
/*border:1px solid green;*/
}
#infotext a {
font-size:8.5pt;
line-height:10.5pt;
color:#000;
text-decoration:underline;
}


/*eof alte css Bestandteile*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
/*new*/
/*left:150px;*/
/*Add a height attribute and set to largest image's height to prevent overlaying*/
/*test*/
/*width:1000px;*/
/*width:800px;*/
/*height:800px;*/
/*height:600px;*/
font-family: Arial, Courier, sans-serif;
font-size:10pt;
line-height:13pt;
border:1px solid transparent;
}

.gallery {
position:relative;
/*new*/
/*left:150px;*/
/*Add a height attribute and set to largest image's height to prevent overlaying*/
/*test*/
margin-left:185px;
/*margin-top:75px;*/
padding-top:0px;
margin-top:29px;
/*width:700px;
height:800px;*/
font-family: Arial, Courier, sans-serif;
font-size:10pt;
line-height:13pt;
/*border:1px solid red;*/
margin-bottom:0;
padding-bottom:0;
}

.thumbnail img{
/*kleine Bilder*/
border: 1px solid #FFFFFF;
margin: 2px 4px 6px 3px;
padding:0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

img.transparent {
border:1px solid #FFFFFF;
margin: 2px 4px 6px 3px;
padding:0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightyellow;*/
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
top: -1000px;
/*border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
margin-bottom:0;
padding-bottom:0;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding:0;
margin:0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 14px;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
/*margin-top:17px;*/
/*new*/
line-height:12pt;
/*border:1px solid green;*/
padding:0;
margin:0;
}
.thumbnail {
text-decoration:none;
}
/*nur auf Startseite*/
#bildstart{
position:absolute; top:61px; left:190px; width:500px; height:363px;
line-height:17px;
font-weight:normal;
}
#bildaktuell{
position:absolute; top:161px; left:190px; width:255px; height:181px;
line-height:17px;
font-weight:normal;
}
#counter{
position:absolute; top:640px; left:27px; width:434px; height:650px;
line-height:17px;
font-weight:normal;
}
#bild{
position:absolute; top:39px; left:212px; width:255px; height:581px;
line-height:17px;
font-weight:normal;
}

#bildimpress{
position:absolute; top:60px; left:185px;
}
.impresstext{
font-family: Arial, Courier, sans-serif;
font-size:10pt;
line-height:13pt;
font-weight:normal;
text-decoration:none; color:#000000; text-align:left;  float:left;
position:absolute; top:70px; left:189px;
width:300px;
white-space:nowrap;
display:inline;
/*border:1px solid orange;*/
}
.impresstext2{
font-family: Arial, Courier, sans-serif;
font-size:10pt;
line-height:15.5pt;
font-weight:normal;
text-decoration:none; color:#000000; text-align:left;  float:left;
position:absolute; top:68px; left:189px;
width:300px;
white-space:nowrap;
display:inline;
/*border:1px solid orange;*/
}
#textinhalt {
/*border:1px solid yellow;*/
margin-top:82px;
margin-left:189px;
margin-bottom:0;
padding-bottom:0;
width:620px;
height:600px;
}
#textinhalt a {
color:#000000;
text-decoration:none;
}
#textinhaltlinks {
/*border:1px solid red;*/
/*margin-top:69px;
margin-left:185px;*/
margin-bottom:0;
padding-bottom:0;
float:left;
position:relative;
width:200px;
height:600px;
}
#textinhaltrechts {
/*border:1px solid blue;*/
/*margin-top:69px;
margin-left:185px;*/
margin-bottom:0;
padding-bottom:0;
float:right;
position:relative;
width:210px;
height:600px;
}
#textinhaltmitte {
/*border:1px solid blue;*/
/*margin-top:69px;
margin-left:185px;*/
margin-bottom:0;
padding-bottom:0;
float:right;
position:relative;
width:210px;
height:600px;
}
#grafikinhalt {
/*border:1px solid yellow;*/
margin-top:54px;
margin-left:189px;
margin-bottom:0;
padding-bottom:0;
/*width:418px;*/
height:100%;
}
#grafikinhaltkinderbuch {
/*border:1px solid yellow;*/
margin-top:74px;
margin-left:189px;
margin-bottom:0;
padding-bottom:0;
/*width:418px;*/
height:100%;
}
#subnavgrafik {
margin-top:10px;
}
/*#subnavgrafik a.navgrafik[title] { color : #f00; background-color:#fff; }*/

#subnavgrafik a, #subnavgrafik img {
border:0;
}
/*
*[title] {border-bottom:thin dotted #777; cursor:help; color:#000; background-color:#fff;}
*/

/* ==================================
   2. Styles für das Tooltip-Beispiel
   ================================== */
   a.tooltip { z-index:10; text-decoration:none;}
   a.tooltip:hover { position: relative;
                    z-index: 100;
                  }
   a.tooltip span {display:none; font-family: Arial, Courier, sans-serif;
font-size:9pt; }
   a.tooltip:hover span { display: block;
                           position: absolute;
                           float:left;
                           white-space:nowrap;
                            /*top: -2.2em;
                            left: .5em;*/
                            top:20px;
                            left:0px;
                            background: #fff;
                            border: 1px solid #000;
                            color: #000;
                            padding: 1px 3px 0px 3px;
                            margin:0;
                            z-index: 10;
                            text-decoration:none;
                          }

a.number:link, a.number:active, a.number:hover, a.number:visited {
color:#000;
text-decoration:none;
}
a.numberactive {
color:#fff;
text-decoration:none;
}
td.numberbg {
/*background-color:black;*/
background-image:url('../grafik/subnav/numbersquare.gif'); background-repeat:no-repeat; background-position: center center;
}
#typografietext{
position: absolute;
top:517px;
left:660px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}
#etikettentext{
position: absolute;
top:517px;
left:890px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}
#plakattext{
position: absolute;
top:517px;
left:525px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}
#grafiktext{
position: absolute;
top:517px;
left:723px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}
/*Logoentwurf fuer Musiklabel*/
#grafiktext_2{
position: absolute;
top:517px;
left:754px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}
/*Extreme PA*/
#grafiktext_3{
position: absolute;
top:517px;
left:553px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}
#grafiktextkinderbuch{
position: absolute;
top:517px;
left:1146px;
width:110px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}
#grafiktextkinderbuch_start{
position: absolute;
top:517px;
left:610px;
width:110px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}
/*Bereich Grafik Webdesign*/
#webdesigntext{
position: absolute;
top:517px;
left:724px;
width:110px;
z-index:3;
font-family: Arial, Courier, sans-serif;
font-size:8.5pt;
line-height:10.5pt;
}