/*** BOXES/SCROLLER/COMPONENTS ***/

/* highlightbox standard */
#highlightbox{
  position:relative;
  overflow:hidden;
  width:749px;
  height:289px;
  margin-bottom:35px;
}

#highlightbox #highlightbox_prev,
#highlightbox #highlightbox_next{
  position:absolute;
  top:50%;
  margin-top:-17px;
  cursor:pointer;
}
#highlightbox #highlightbox_prev{ left:-17px; }
#highlightbox #highlightbox_next{ right:-17px; }

#highlightbox #highlightbox_content{
  position:absolute;
  top:0;
  width:50000px;
  height:290px;
}

#highlightbox .highlightbox_item{
  position:relative;
  width:749px;
  height:290px;
  float:left;
  background:#E3E3E3;
}
#highlightbox .highlightbox_item_img{
  width:484px;
  height:290px;
  float:left;
  overflow:hidden;
}
#highlightbox .highlightbox_item_info{
  width:245px;
  height:270px;
  padding:10px;
  float:left;
  color:#fff;
  position:relative;
}
#highlightbox .highlightbox_item_info *{
  color:#fff;
}
#highlightbox .highlightbox_item_info{
  /*width:210px;*/
  width:244px;
}

#highlightbox.transparent .highlightbox_item_info *{
  color:#000;
}
#highlightbox .highlightbox_item_info h2{
  font-size:27px;
  line-height:30px;
  margin-bottom:30px;
  font-weight:normal;
}
#highlightbox .highlightbox_item_info .highlightbox_item_info_btm{
  position:absolute;
  bottom:10px;
  left:10px;
}
/* highlightbox standard end */
/* highlightbox transparent */
#highlightbox.transparent,
#highlightbox.transparent #highlightbox_content,
#highlightbox.transparent .highlightbox_item,
#highlightbox.transparent .highlightbox_item_img,
#highlightbox.transparent .highlightbox_item_info{
  height:596px;
}

#highlightbox.transparent .highlightbox_item_img{
  width:749px;
  float:none;
}
#highlightbox.transparent .highlightbox_item_info{
  float:none;
  position:absolute;
  left:490px; top:290px;
  width:249px; height:296px;
  padding:0 10px 10px 0;
}
/* highlightbox transparent end */
/* highlightbox horizontal */
#main #highlightbox.horizontal,
#highlightbox.horizontal .highlightbox_item,
#highlightbox.horizontal #highlightbox_content{
  height:596px !important;
}
#highlightbox.horizontal .highlightbox_item_img{
  width:749px;
  height:390px;
  float:none;
}
#highlightbox.horizontal .highlightbox_item_info{
  float:none;
  clear:both;
  height:206px;
  width:729px;
  overflow:hidden;
}
#highlightbox.horizontal .highlightbox_item_info h2{
  float:left; width:220px;
  margin-left:49px; margin-top:35px;
}
#highlightbox.horizontal .highlightbox_item_info .cont{
  float:left; width:300px;
  margin-top:35px;
}
/* highlightbox horizontal end */
/* highlightbox vertikal */
#highlightbox.vertikal,
#highlightbox.vertikal #highlightbox_content,
#highlightbox.vertikal .highlightbox_item,
#highlightbox.vertikal .highlightbox_item_img,
#highlightbox.vertikal .highlightbox_item_info{
  height:596px;
}

#highlightbox.vertikal .highlightbox_item_img{
  width:442px;
}
#highlightbox.vertikal .highlightbox_item_info{
  width:277px;
  padding:15px;
}

* html #highlightbox{
  height:expression( document.getElementById("highlightbox_content").className != ''? document.getElementById("highlightbox_content").offsetHeight + "px" ) : document.getElementById("hlImage").scrollHeight + "px" );
}



/* highlightbox vertikal end */

#rotary{
  position:relative;
  overflow:hidden;
  width:749px;
  height:275px;
  margin-bottom:35px;
}
#rotary #rotary_content{
  position:absolute;
  width:50000px;
  height:255px;
  background:#fdfdfd;
  z-index:2;
}

#rotary .rotary_border{
  position:absolute;
  border:1px solid #e3e3e3;
  width:747px;
  height:253px;
  z-index:1;
}

#rotary #rotary_control{
  position:absolute;
  bottom:0;
  height:19px;
  z-index:2;
}
#rotary #rotary_control #rotary_control_prev,
#rotary #rotary_control #rotary_control_next{
  display:block;
  float:left;
  cursor:pointer;
}
#rotary #rotary_control #rotary_control_pages{
  width:677px;
  height:17px;
  margin:0px 1px;
  float:left;
  text-align:center;
  border:1px solid #e3e3e3;
  background:#fdfdfd;
}
*html #rotary #rotary_control #rotary_control_pages {
  width:675px;
}
#rotary #rotary_control #rotary_control_pages img{
  cursor:pointer;
  margin-right:10px;
}

.box1col{
  width:223px;
  padding:10px;
  margin-right:10px;
  /*border:1px solid #e3e3e3;*/
  float:left;
}
.box1col h2{
  font-weight:bold;
}
.box1col h2,
.box1col .subheadline,
.box1col .content img{
  margin-bottom:11px;
}

.box1col h2.big{
  font-size:25px;
  line-height:22px;
}

.box1col .subheadline{
  color:#565656;
  line-height:17px;
}
.box1col .subheadline img{
  vertical-align:-4px;
}
.tagcloud{
  font-size:10px;
  text-align:center;
}
.tagcloud a{
  color:#3c9ab6;
  text-decoration:none;
}
#sammlungDetail .tagcloud a{ color: #3c9ab6; }
.tagcloud a:hover{
  text-decoration:underline;
}

/** my städel box **/
#mystaedelbox{
  background:#fdfdfd;
}
#mystaedelbox .toggle{
  border:1px solid #3c9ab6;
  border-left:none; border-right:none;
  color:#3c9ab6;
  padding:6px 0 6px 32px;
  margin-top:-1px;
  cursor:pointer;
  background-position:9px 6px;
  background-repeat:no-repeat;
}
#mystaedelbox h2.toggle{
  padding:2px 0 6px 10px;
  margin:0;
}
#mystaedelbox .active{
  background-color:#3c9ab6;
  color:#FFF;
}
#mystaedelbox .element .content{
  padding:10px;
  color: #000;
  min-height: 251px;
}
#mystaedelbox .element .favorites {
  padding-right: 0;
}

#mystaedelbox .element .favorites .item{
  padding-bottom: 10px;
  width: 99px;
  margin-right: 5px;
  min-height: 140px;
}
*html #mystaedelbox .element .favorites .item{
  position: static;
}
*+html #mystaedelbox .element .favorites .item{
  position: static;
}



#mystaedelbox #liebling{
  background-image:url(../img/icons/lieblingswerk.gif);
}
#mystaedelbox #liebling.active{
  background-image:url(../img/icons/lieblingswerk_invers.gif);
}
#mystaedelbox #galerie{
  background-image:url(../img/icons/galerie.gif);
}
#mystaedelbox #galerie.active{
  background-image:url(../img/icons/galerie_invers.gif);
}
#mystaedelbox #comment{
  background-image:url(../img/icons/comments.gif);
}
#mystaedelbox #comment.active{
  background-image:url(../img/icons/comments_invers.gif);
}
/** my städel box end **/

/** big image rotary **/
#imgRotaryBig{
  width:745px;
  height:533px;
  /*height:470px;*/
  overflow:hidden;
  position:relative;
  padding-bottom:4px;
  background:#fff;
  border-left:1px solid #E3E3E3;
  border-right:1px solid #E3E3E3;
}
#imgRotaryBig_content{
  height:390px;
  width:500000px;
  position:absolute;
}
.imgRotaryBig_item{
  float:left;
  width:749px; height:390px;
  text-align:center;
}
#imgRotaryBig_thumbs{
  width:749px;
  text-align:center;
  position:absolute;
  bottom:4px;
  height:140px;
  background:url(../img/bgBlack25pro.png);
}
/** html #imgRotaryBig_thumbs{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/bgBlack25pro.png');
}*/
#imgRotaryBig_thumbs img{
  margin-right:5px;
  cursor:pointer;
  vertical-align:top;
  position:relative;
}
/** big image rotary END **/

/** featured box **/
#featuredBox{
  background:#fdfdfd;
  margin-bottom:35px;
  min-height:290px;
  max-height:290px;
}
* html #featuredBox{
  height:290px;
}
#featuredBox .toggle{
  border-top:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  padding:6px 0 6px 30px;
  margin-top:-1px;
  cursor:pointer;
  background-position:9px 6px;
  background-repeat:no-repeat;
}
#featuredBox h3.toggle{
  padding:5px 0pt 6px 10px;
}
#featuredBox .active{
  /*border-left:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;*/
}
#featuredBox .element .content{
  /*min-height: 211px;*/
  height:191px;
  overflow:hidden;
  padding:10px;
  color: #000;
}
#featuredBox .element .content ul{
  margin:0;
}
#featuredBox .element .content li{
  margin-bottom:10px;
  padding-left:10px;
  list-style:none;
  background:url(../img/list_bullet_arrow.gif) 0px 5px  no-repeat;
}
/** featured box END **/

/** ratingLayer **/
.ratingLayer{
  position:absolute;
  left:400px; top:0;
  width:363px; height:725px;
  z-index:99;
  visibility:hidden;
}

.ratingLayer .contentFrame{
  float:left;
  width:293px; height:655px;
  background:#fdfdfd;
  border:2px solid #3290ae;
}
.ratingLayer .content{
  width:263px; height:625px;
  padding:15px;

}

.ratingLayer .comments{
  height:350px;
  overflow:hidden;
}
.ratingLayer .content .comments{
  color:#2D2D2D;
}
.date,
.ratingLayer .content .date{
  color:#b2b2b2;
}

.ratingLayer .commentsForm{
  margin-top:10px;
  position:relative;
  height:148px; width:257px;
}
.ratingLayer .commentsForm form{
  height:130px;
}
.ratingLayer .commentsForm textarea{
  overflow:auto;
  width:257px; height:86px;
  padding:2px; margin-top:5px;
  color:#b2b2b2;
}
.ratingLayer .commentsForm .submit{
  background:#fff;
  width:auto;
  margin:0;
  position:absolute;
  right:0; bottom:0;
}

.ratingLayer .top,
.ratingLayer .btm{
  width:297px;
}
.ratingLayer .l,
.ratingLayer .r{
  height:659px;
}

.layerClose{
  position:relative;
  top:-700px; left:314px;
  width:28px; height:28px;
  cursor:pointer;
}
  .layerClose img{
    position:relative;
    width:28px; height:28px;
  }
#gallerySendLayer .layerClose,
#eventLayer .layerClose{
  top:-230px;
}
/* rating stars */
.ratingLayer .content *,
.ratingStars,
.ratingText{
  color:#3290ae;
}
.ratingStars{
  margin:15px 0 0 0;
}
.ratingResponse{
  font-weight:bold;
  height:1em;
}
/* rating stars END */

/* shadows */
.shadow{
  float:left;
  width:33px; height:33px;
}
.shadow.ltop{
  background:url(../img/shadow/lo.png);
}
* html .shadow.ltop{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/shadow/lo.png');
}
.shadow.top{
  background:url(../img/shadow/o.png);
}
* html .shadow.top{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/shadow/o.png');
}
.shadow.rtop{
  background:url(../img/shadow/ro.png);
}
* html .shadow.rtop{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/shadow/ro.png');
}
.shadow.l{
  background:url(../img/shadow/l.png);
}
* html .shadow.l{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/shadow/l.png');
}
.shadow.r{
  background:url(../img/shadow/r.png);
}
* html .shadow.r{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/shadow/r.png');
}
.shadow.lbtm{
  background:url(../img/shadow/lu.png);
}
* html .shadow.lbtm{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/shadow/lu.png');
}
.shadow.btm{
  background:url(../img/shadow/u.png);
}
* html .shadow.btm{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/shadow/u.png');
}
.shadow.rbtm{
  background:url(../img/shadow/ru.png);
}
* html .shadow.rbtm{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/html/master/img/shadow/ru.png');
}
/* shadows END */
/** ratingLayer END **/


.box2col{
  margin-bottom:15px;
  width:538px;
}
.box2col h1.big{
  font-size:26px;
}

.box2col h3{
  margin-bottom:4px;
}

.box2colwidth{
  width:538px;
}

.box3col{
  margin-bottom:15px;
}
.box3col .img{
  float:left;
  width:217px;
}
.box3col .text{
  float:left;
  width:500px;
  margin-left:10px;
}
.doubleimg .img{
  width:170px;
  float:left;
}
.doubleimg .text{
  float:left;
  width:171px;
  margin-right:10px;
}
#press .box3col .text{
  width:495px;
}

/** eventLayer box **/
/** and send gallery to friend Layer box **/
#gallerySendLayer,
#eventLayer{
  position:absolute;
  left:398px; top:0;
  width:363px; height:230px;
  z-index:5;
  display:none;
}

#gallerySendLayer form{ margin:0; }
#gallerySendLayer textarea{ height:55px; width:250px; margin-bottom:3px; }
#gallerySendLayer input{ width:258px; }

#gallerySendLayer .contentFrame,
#eventLayer .contentFrame{
  float:left;
  width:293px; height:180px;
  background:#fdfdfd;
  border:2px solid #3290ae;
}
#gallerySendLayer .content,
#eventLayer .content{
  width:263px; height:150px;
  padding:15px;

}
#gallerySendLayer .top,
#gallerySendLayer .btm,
#eventLayer .top,
#eventLayer .btm{
  width:297px;
}
#gallerySendLayer .l,
#gallerySendLayer .r,
#eventLayer .l,
#eventLayer .r{
  height:184px;
}
#eventLayer label{
  display:block;
  margin-bottom:3px;
}

#eventLayer h3{
  margin-bottom:1em;
}

#eventLayer button{
  border:1px solid #3290ae;
  background:#fdfdfd;
  color:#3290ae;
  padding:2px;
}

#eventLayer form input,
#eventLayer form select,
#eventLayer form textarea{
  width:250px;
  margin-bottom:5px;
}

#surveyBox{
  padding:0 10px 15px 10px;
  background:#3290ae url(../img/corner_stoerer.gif) no-repeat top right;
  margin-bottom:20px;
  width:201px;
}
  #surveyBox h2{
    padding-top:5px;
    font-size:30px;
    line-height:36px;
    color:#fff;
    font-weight:normal;
  }
  #surveyBox .content{
    color:#fff;
    padding:10px 0;
  }
  #surveyBox .popuplink{
    padding-top:5px;
  }
  #surveyBox .popuplink a{
    padding-left:10px;
    color:#fff;
    background:url(../img/list_bullet_arrow_white.gif) no-repeat 0 5px;
  }




/* =Vertical Align ----------------------------------------------------------------*/

.verticalAlign td {
  vertical-align: center;
  text-align: center;
}

.height126 {
  height: 126px;
  width: 135px;
}


/* =Tools ----------------------------------------------------------------*/

/*
	layout tools
*/
.floatLeft    { float: left; }
.floatRight   { float: right; }
.clear        { clear: both; }
.layoutCenter { margin: 0 auto; }
.textCenter   { text-align: center; }
.textRight    { text-align: right; }
.textLeft     { text-align: left; }
.static       { position: static; }
.relative     { position: relative; }
.away         { position: absolute !important; left: -600000px; top: -600000px; }
.cleaner      { border: none; clear: both; height: 0; font-size: 0; background: none; overflow: hidden; }


/*
	typographic tools
*/
.error, .error * { color: #CA0A0A !important;}
.warning      { color: #d4ac0a;}
.success      { color: #149b0d;}
.strikeOut    { text-decoration: line-through; }
.underline    { text-decoration: underline; }
.noDeco       { text-decoration: none; }
.text11       { font-size: 11px;}


/*
	display values
*/
.hide       { display: none; }
.show       { display: block; }
.inline     { display: inline; }
.invisible  { visibility: hidden; }
.opacity50  { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.noBorder   { border: 0 !important; }
.noMarg     { margin: 0; }
.noPad      { padding: 0; }


/* def spaces */
.margTop0   { margin-top:0px; }
.margTop8   { margin-top:8px; }
.margTop16  { margin-top:16px; }
.margTop24  { margin-top:24px; }
.margTop32  { margin-top:32px; }

.margBtm0   { margin-bottom:0px; }
.margBtm8   { margin-bottom:8px; }
.margBtm16  { margin-bottom:16px; }
.margBtm24  { margin-bottom:24px; }
.margBtm32  { margin-bottom:32px; }

.paddTop8    { padding-top:8px; }