#light {width:500px;}
#light .img_descr {margin:20px 0px 0px 60px;}

#light .buttons {
       float:right;
       margin-right:50px;
       }

#light .drucken {
       display:inline;
       margin-right:5px;
       }

#light .schliessen {
       display:inline;
       }

#hlimg {font:10px Tahoma, Arial, Helvetica, sans-serif; color: #000000; line-height: 14px;}
#text {font:10px Tahoma, Arial, Helvetica, sans-serif; color: #8d8b8b; line-height: 14px;}

.pfeil_nach_links {margin-right:5px;margin-left:10px;float:left;margin-top:50%}
.pfeil_nach_rechts {margin-right:5px;margin-left:10px;float:right;margin-top:50%}



/* ############    Lightbox    ############# */
.white_content {
       display: none;
       padding: 20px 0px 20px 0px;
       background-color: #FFFFFF;
       z-index:1002; 
       }

.white_content img#lightimg {
       width:418px;
       }

.black_overlay {
       display: none;
       position: absolute;
       top: 0%;
       left: 0%;
       width: 100%;
       height: 100%;
       background-color: #000000;
       z-index:1001;
       -moz-opacity: 0.8;
       opacity:.80;
       filter: alpha(opacity=80);


       opacity:0.6;
       filter:"alpha(opacity=60)"; /* funktioniert voraussichtlich in IE 8 */
       filter:alpha(opacity=60);   /* IE 4-7 */
       zoom:1;                     /* für IE Version 7 (or set width/height to trigger "hasLayout") */ 
       }

.closelight {
       cursor: pointer;
       }


#light .h1img{
   font-size:10px;
   font-weight:normal;
   color:#5d5d5d;
   line-height:14px;
   text-align:left;
   }

#light .text {
   font-style:normal;
   font-size:10px;
   font-weight:normal;
   color:#8d8b8b;
   line-height:14px;
   margin-top:4px;
   text-align:left;
   }


/* ########################################## */











/* ##################  folgend alles styles vor relaunch09  ####################### */


* {
   margin:0; padding:0
}

img {
   border:0;
}

body {
   text-align: center;
   font-family: Arial, Sans-Serif;
   font-size: 11px;
   background: #ebe4da;
}

h2 { color: #000; font-size: 11px; font-weight: normal; }
p { color: #000; font-size: 11px; }
a { color: #000; }

a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration:underline }

.bold { font-weight: bold; }

.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pop-impressum { border: 1px solid #ccc; border-left: none; border-right: none; padding: 10px 0;}
.centered { margin: 10px 0; text-align: center; }
.paragraph { margin: 10px 0; }

#wrapper {
   text-align: left;
   position: relative;
   width: 803px;
   margin: 50px auto 0 auto;
}

#content-box,
#l-shaddow,
#r-shaddow {
   position: absolute;
   top: 0px;
}

#content-box {
   width: 767px;
   height: 508px;
   background: #fff;
   border: 1px solid #bca788;
   left: 18px;
}

#content {
   margin: 0 auto; width: 635px;
}

#l-shaddow {background: url(/images/s-l.gif) no-repeat top left; width: 18px; height: 505px; top: 1px; left: 0px;}
#r-shaddow {background: url(/images/s-r.gif) no-repeat top left; width: 18px; height: 505px; left: 787px; top: 1px;}
.homepage #ph-logo { text-align: center; margin: 225px 0 0 0; }
.contentpage #ph-logo { text-align: center; margin: 45px 0 0 0; }

#ph-menu-wrapper { margin: 30px auto 0 auto; border-top: 1px solid #c2B195; border-bottom: 1px solid #c2B195;}
#ph-menu { list-style: none; width: 460px; margin: 0 auto; }
#ph-menu li  { float: left; }
#ph-menu a { display: block;  float: left; height: 20px; }
#impressum { position: absolute; bottom: 20px; left: 46%;}
#top-bar { border-top: 1px solid #c2B195; border-bottom: 1px solid #c2B195; margin: 20px 0 0 0;}
#top-bar h1 { height: 22px; }
#top-bar h1 span img { margin: 0 0 0 10px;  }
#bottom-bar { border-top: 1px solid #c2B195; text-align: right; }
#bottom-bar img { padding: 4px 0;  }
.two-columns { margin: 20px 0}
.two-columns .left { width: 290px; float: left; margin: 0 25px 0 0; text-align: center; }
.left table { height: 280px; }
.left table td { vertical-align: middle; width: 280px;}


.two-columns .left img { border: 1px solid #c2B195;}
.two-columns .right { width: 290px; float: left; padding: 20px 0 0 0; position: relative; }
.two-columns .spacer { width: 1px; height: 280px; float: left; margin: 0 25px 0 0; background: #c2B195;}
.two-columns #read-on-content { height: 280px; }

.PageletAdmin a { font-size: 11px; font-weight: bold; text-decoration: none; color: #666; }
.PageletAdmin a:hover { text-decoration: underline; }

.impressum { background: #fff; text-align: left; margin: 10px;}
.impressum #content { text-align: left; width: auto; margin: 10px 0; width: 300px;}

#hold { padding: 5px 0; border-top: 1px solid #c2B195; border-bottom: 1px solid #c2B195; }
.right #artist { height: 200px;}


div.pic_with_link { margin-bottom:25px; clear:both; }
div.pic_with_link a span { border-bottom-color:#C2B195; border-bottom-style:solid; border-bottom-width:1px; font-size:16px; margin-left:15px; }
div.pic_with_link a:link { text-decoration: none; }
div.pic_with_link a:active { text-decoration: none; }
div.pic_with_link a:visited { text-decoration: none; }
div.pic_with_link a:hover { text-decoration: none; }

div#hold { position:relative; overflow:hidden; width:280px; height:51px; z-index:100 }
div#wn { position:absolute; left:0px; top:5px; width:280px; height:51px; clip:rect(0px, 280px, 51px, 0px); overflow:hidden;z-index:1; }
div#lyr1 { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; }

/* ################# .h1img { margin: 5px 0 5px 0;}  #################### */