@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/common/popup.css);

body {
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
    font-size: 12px;
    color: #646464;
    background: #fcfcfd url(/files/body/back_peripherie.gif) repeat-x 0px 50px;
}

h1 { font-size: 18px; margin-bottom: 8px; color: #404695; font-variant: small-caps; font-weight: normal; }
h2 { font-size: 14px; margin-bottom: 2px; }
h3 { font-size: 14px; font-weight: normal; }
h4 { font-size: 12px; }
h5 { font-size: 11px; font-weight: normal; }

ul { list-style-type: square; margin-left: 20px; }
ul li { padding: 2px 0px; }
a { text-decoration: none; color: #404695; }
a:hover { color: #646464; }

p { line-height: 18px; }

div.page, div#header, div#stage, div#mainMenu { width: 900px; }
div.page { margin: 0em auto; position: relative;}

div#footer, div.clear { clear: both; }
.left { float: left; }
.right { float: right; }

img.plus { margin-left: -17px; }

/* --------STRUCTURE--------------------------------------------------------- */
.page div#header { height: 50px; }
.page div#stage { height: 210px; }
#topMenu, #languageMenu, #mainMenu ul, #subMenu, #subMenuList ul { list-style-type: none; margin-left: 0px; }

/* --------TOP-MENU+LANGUAGE-MENU-------------------------------------------- */
#topMenu li a, #languageMenu li a { color: #646464; }
#topMenu li a:hover, #languageMenu li a:hover { color: #404695; }
#topMenu li, #languageMenu li { float: left; padding: 17px 15px; }
#topMenu li.active, #languageMenu li.active { font-weight: bold; }

/* --------STAGE------------------------------------------------------------- */
div#stage div#stageInfo { float: left; }

/* --------MAIN-MENU--------------------------------------------------------- */
div#mainMenu { position: absolute; top: 260px; background: url(/files/menu/buttons_back.gif) no-repeat top left; }
div#mainMenu li { position: relative; float: left; padding: 10px 15px 12px 15px; }
div#mainMenu li.active, div#mainMenu li:hover { background: url(/files/menu/back_button_aktiv.gif) repeat-x top left; }
div#mainMenu li:hover #subMenu { display: block; }
div#mainMenu li a { color: #646464; text-transform: uppercase; }
div#mainMenu li a:hover { color: #646464; }

/* --------SUB-MENU+LIST----------------------------------------------------- */
#subMenu { position: absolute; left: 0px; background: #eee; margin-top: 10px; display: none; }
#subMenu li { float: none !important; background-image: none !important; padding: 5px 20px !important; }
#subMenu li.last { padding-bottom: 10px !important; }
#subMenu li a { font-size: 11px; }
#subMenu li a:hover { color: #404695 !important; }

div#subMenuList { padding: 10px; }
div#subMenuList ul li { padding: 5px 0px; }
div#subMenuList ul li a { padding-left: 10px; background: url(/files/menu/subMenuListPrefix.gif) no-repeat center left; }
div#subMenuList ul li a:hover { background-image: url(/files/menu/subMenuListPrefixHover.gif); }

/* --------CONTENT----------------------------------------------------------- */
div#content {
    margin-top: 35px;
    padding: 30px 20px;
    background: #eef1f7 url(/files/content/background_content.gif) repeat-x top left;
}
div#content div.innerContent { float: left; width: 640px; }
div#content div.banner {
    float: right;
    width: 202px;
    text-align: center;
}
div#content div.banner .box {
    background: url(/files/box/boxBg.jpg) repeat-y top left;
}

/* --------CONTENT-BANNER---------------------------------------------------- */
.banner { margin-top: -20px; }
.banner .text { text-align: left; padding: 10px; background: url(/files/box/boxTop.jpg) no-repeat left top; }
.banner .link { padding: 2px 5px 10px 5px; background: url(/files/box/boxBottom.jpg) no-repeat left bottom; }
.banner .link a { color: #384a9e; padding-left: 10px; background: url(/files/linkPrefix.gif) no-repeat left center; }
.banner .boxContent { margin-top: 20px; }

/* --------FOOTER------------------------------------------------------------ */
div#footer { width: 820px; font-size: 10px; background: #fff; padding: 10px 40px; }

/* --------GALLERY----------------------------------------------------------- */
.mask {
    background-color:#000;
    -moz-opacity:0.5;
    opacity:.50;
    filter:alpha(opacity=50);
}
.yui-panel-container {
    border:10px solid #ccc;
    overflow:visible;
    background-color:#fff;
    z-index:60;
}
.yui-panel-container .flash { padding: 14px; }
.yui-panel-container .close { top:8px; right:8px; height:15px; width:18px;}
.yui-panel-container .bd  { padding:0; text-align: center; }
.yui-panel-container .bd img { border:none; }
.yui-panel-container .container-close {
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    background: url(/files/close.gif) no-repeat top left;
}

img#poolImage, img#poolImageAlt {
    position: absolute;
    top: 50px;
}