*{
    margin:0px;
    padding:0px;
}
body{
font-family:arial,verdana;
font-size:10pt ;
    background-image:url('images/bgSeite.jpg');
    background-repeat:no-repeat;
    background-position:center top;

 scrollbar-3dlight-color:#eeefb2;
    scrollbar-arrow-color:#512f89;
    scrollbar-face-color:#dbd500;
    scrollbar-track-color:#fefef4;
    scrollbar-darkshadow-color:#808303;
    scrollbar-highlight-color:#f4f598;
    scrollbar-shadow-color:#999;
}

img{border:0px}

.pageMenu,.pageMiddle, .pageLeft{
    width:1004px;
    margin-left: auto;
    margin-right: auto;
}

#pageMenu{
    height:257px;
}

#middleWrap{
height:570px
}
.pageMiddle{
    height:570px;
    overflow:auto;
    overflow-x: hidden;


}
.pageLeft{margin-bottom:10px}

#pageBorder{
    background:#333 url('images/bgBorder.jpg') center top;
    color:#e2e2e2;
    height:330px;
}
.mainBorder{
padding-top:10px;
     width:1004px;
    margin-left: auto;
    margin-right: auto;
    height:250px

}
.boxLeftBorder{
  float:left;width:502Px;
}


.boxRightBorder{
width:480px ;
float:left;
  padding-left:20px;
}

.c{
    clear:both;
    float:none;
}

a{color:#333333}



/*   scrollbar   */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
}
.vscrollerbar {
background-image: url(images/scrollbar2.png);
cursor:pointer;
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 110px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(images/scrollbar2.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}

</* scrollbar ende */




#pageMenu a.linkAct{
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;

}

#pageMiddle .kontakt{
    background-image:url('images/kontakt.png');
    width:1004px;
    height:570px;
}
#pageMiddle .mr-ripley{
    background-image:url('images/mrRipleys.png');
    width:1004px;
    height:570px;
}
#pageMiddle .museum{
    background-image:url('images/museum.png');
    width:1004px;
    height:570px;
}
#pageMiddle .ausgaben{
    background-image:url('images/buch.png');
    width:1004px;
    height:570px;
}
#pageMiddle .startseite{
    background-image:url('images/bgStart.png');
    width:1004px;
    height:570px;
    overflow:hidden;
    background-repeat: no-repeat;
}
#carousel1 img{
    border:2px solid white;

}
#carousel1{
    width:1004px;
    height:500px;
}

/* Phänomene    */

/*   Latest     */

.phaeno-latest-container a{
  color:#e2e2e2;
}

.phaeno-latest-img, .phaeno-list-img {
float:left;
padding-right:10px;
}

.phaeno-latest-img img, .phaeno-list-img img{border: 3px #fff solid}


.phaeno-latest-morelink{float:right;}
.news-list-browse a, .news-list-browse{font-size:10pt; color:#333}
.phaeno-list-img{
overflow:hidden;
width:180px;
height:126px;
text-align:center;
vertical-align:middle

}


img.imageMapStart{
    border: 0 none;
    bottom: 40px;
    left: 5px;
    position: absolute;
}