body
{
margin:0px;
padding:0px;
text-align:center;
font:76% Tahoma,Verdana,Tahoma,Arial,sans-serif;
background: #fff url('../img/background.jpg') repeat-x;
color: #ccc;
}



.header
{
background-color:#666666;
width:auto;
height:100px;
}

.header h1
{
font-size:2.4em;
font-weight:400;
color:white;
width:806px;
text-align:left;
margin:auto;
}

.menu
{
margin:auto;
width:876px;
text-align:center;
}


.menu ul
{
list-style-type:none;
width:auto;
height:20px;
}

.menu ul li
{
float:left;
width:100px;
line-height:20px;
text-transform:uppercase;
font-size:0.9em;
text-align:center;
margin:0px 1px 0px 0px;
border:1px solid #E1DCDD;
}

.menu ul li a
{
display:block;
color:#fff;
width:100px;
line-height:20px;
height:20px;
text-decoration:none;
}

.menu ul li a:hover
{
background-color:#E1DCDD;
color:#e10a2c;
}

.current
{
background-color:#333;
color:#e10a2c;
}






.backunder
{
background: url('../img/under-top.gif') repeat-x;
height:67px;
width:100%;
}


.topmid
{
background:#333 url('../img/top-middle.gif') no-repeat; 
margin:auto;
width:806px;
height:67px;
text-align:left;
}

.topmid h2 
{
color:#C4BABB;
border-bottom:1px solid #c3c3c3;
width:480px;
font-size:1.4em;
font-weight:bold;
margin:10px 0px 0px 20px;
}


.topmid a
{
color:#ff0b32;
}

.topmid a:hover
{
color:#fff;
}

 

.thecenter
{
clear:both;
width:806px;
background:#333 url('../img/left-middle.gif') repeat-y left;
height:465px;
margin:auto;
text-align:left;
}


.thecenter a
{
color:#ff0b32;
}

.thecenter a:hover
{
color:#fff;
}

.rightcenter
{
float:right;
width:133px;
height:auto;
margin-right:10px;
}

.rightcenter img { 
  padding: 1px;
}


.rightcenterhome
{
float:right;
height:auto;
width:267px;
margin-right:70px;
}

.rightcenterhome img { 
  border: solid 1px #aaa;
  padding: 1px;
}


.rightcentervita
{
float:right;
width:267px;
height:auto;
margin-top:100px;
margin-right:70px;
vertical-align:middle;
font-size:1.2em;
}

.weihnachten
{
float:right;
width:267px;
height:auto;
margin-top:10px;
margin-right:70px;
vertical-align:middle;
font-size:1.2em;
}

.leftcenter
{
width:463px;
margin-left:70px;
height:auto;
font-size:1.2em;
}

.leftcenter td img { 
  padding: 1px;
}


.leftcenterpic
{
width:323px;
margin-left:70px;
height:auto;
font-size:1.8em;
}

.leftcenterpic img, .leftcenterwide img { 
  border: solid 1px #aaa;
  padding: 1px;
}

.leftcenterhome
{
width:323px;
margin-left:70px;
height:auto;
font-size:1.8em;
line-height:23px;
}

.leftcenterwide
{
width:700px;
margin-left:70px;
height:auto;
font-size:1.2em;
}

.leftcentersmaller
{
width:700px;
margin-left:70px;
height:auto;
font-size:1.1em;
}

.leftcenterwidesmall
{
width:700px;
margin-left:70px;
height:auto;
font-size:1.0em;
}

.leftcenterwidesmall img { 
  border: solid 1px #aaa;
  padding: 1px;
}


.leftcenterbio
{
float:left;
width:700px;
margin-left:70px;
margin-top:50px;
height:auto;
font-size:1.2em;
}

.leftcentertermine
{
float:left;
width:700px;
margin-left:70px;
margin-top:0px;
height:auto;
font-size:1.1em;
}

.leftcentercdeb
{
width:350px;
margin-left:40px;
height:auto;
font-size:1.0em;
}


.rightcentercdeb
{
float:right;
width:330px;
margin-right:70px;
height:auto;
font-size:1.2em;
}

.rightcentercdeb img { 
  border: solid 1px #aaa;
  padding: 1px;
}


.leftcenterreise
{
width:350px;
margin-left:40px;
height:auto;
font-size:1.0em;
}

.leftcenterreise img { 
  border: solid 1px #aaa;
  padding: 1px;
}


.rightcenterreise
{
float:right;
width:330px;
margin-right:25px;
height:auto;
font-size:1.2em;
}

.rightcenterreise img { 
  border: solid 1px #aaa;
  padding: 1px;
}

.blackbox
{
background-color:#434342;
width:267px;
color:white;
height:auto;
padding:5px;
}

.blackbox h3
{
color:white;
font-weight:bold;
font-size:1.2em;
margin-top:0px;
}


.footer
{
clear:both;
background-color:#666666;
width:100%;
height:200px;
color:#E4E5E5;
}

.infooter
{
background: url('../img/bottom-middle.gif') no-repeat;
margin:auto;
width:806px;
height:17px;
}

.textfooter
{
background-color:#666666;
margin:auto;
width:876px;
height:50px;
}

.footer a
{
color:#E4E5E5;
}

.footer a:hover
{
color:#ffffff;
}



#gallery, #photogallery
{
width:648px; 
height:184px; 
position: relative; 
margin-bottom:50px; 
margin-left:120px; 
margin-top:-10px;
}

#ausstellung 
{
width:648px; 
height:54px; 
position: relative; 
margin-bottom:50px; 
margin-left:120px; 
margin-top:-10px;
}

#gallery b.default, #ausstellung b.default, #photogallery b.default
{
position:absolute; 
left:10px; 
top:10px; 
width:648px; 
height:680px; text-align:left;
}

#gallery b.default img, #photogallery b.default img, #ausstellung b.default img
{
display:block; 
margin:20px auto 10px auto; 
border:1px solid #eee; 
border-color:#555 #ddd #eee #333;
}

#gallery b.default span, #photogallery b.default span, #ausstellung b.default span
{
display:inline; 
color:#ccc; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:2em; 
width:350px; 
margin:0 auto;
}

#photogallery ul, #ausstellung ul
{
list-style:none; 
padding:0; 
margin-left:-80px; 
width:180px; position:relative; 
float:left;
}

#gallery ul
{
list-style:none; 
padding:0; 
margin-left:-80px; 
width:120px; position:relative; 
float:left;
}

#gallery ul li, #photogallery ul li, #ausstellung ul li
{
display:inline; 
width:52px; 
height:52px; 
float:left; 
margin:0 0 5px 5px;
}

#gallery ul li a, #photogallery ul li a, #ausstellung ul li a
{
display:block; 
width:50px; 
height:50px; 
text-decoration:none; 
  border: solid 1px #aaa;
  padding: 1px;
}

#gallery ul li a span, #ausstellung ul li a span, #photogallery ul li a span
{
display:none;
text-align:left;
}

#gallery ul li a img, #photogallery ul li a img, #ausstellung ul li a img
{
display:block; 
width:50px; 
height:50px; 
border:0;
}

#gallery ul li a:hover, #photogallery ul li a:hover, #ausstellung ul li a:hover
{
white-space:normal; 
  border: solid 1px #aaa;
  padding: 1px;
background:#777
}

#gallery ul li a:hover b, #photogallery ul li a:hover b
{
position:absolute; 
left:248px; 
top:0px; 
width:40em; height:40em; 
text-align:left; 
background:transparent; 
z-index:20;
}

#ausstellung ul li a:hover b
{
position:absolute; 
left:288px; 
top:0px; 
width:40em; height:40em; 
text-align:left; 
background:transparent; 
z-index:20;
}

#gallery ul li a:hover span, #ausstellung ul li a:hover span, #photogallery ul li a:hover span
{
display:block; 
color:#ccc; 
font-family:tahoma,verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
margin:0 0 0 10px;
}

#gallery ul li a:hover img, #ausstellung ul li a:hover img, #photogallery ul li a:hover img
{
margin:0px auto 10px 10px; 
width:auto; 
height:auto; 
  border: solid 1px #aaa;
  padding: 1px;
}

#undergallery 
{
width:200px; 
height:144px; 
position: relative; 
margin-bottom:20px; 
margin-left:50px; 
margin-top:100px;
}

#underausstellung 
{
width:270px; 
height:144px; 
position: relative; 
margin-bottom:50px; 
margin-left:50px; 
margin-top:260px;
}