body {
	margin: 0px;
	padding: 0px;
	font: 12px helvetica, Verdana, Arial, Sans-serif, Serif;
	background-color: #2A1F00 !important;
	color: #000000;
	width: 100%;
	height: 100%;
	}

/* ALLGEMEIN */

a img {
  border: none;
  }
/* ----------------------- */	
/* ---:- BODY STYLEING*/

#bgFade {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 250px;
    background: url(../image/bg/bodyFade.png) repeat-x;
    }

#bodyBg {
    position: fixed;
    top: 25%;
    margin-top: 329px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: url(../image/bg/bodyBg.png) repeat-x;
    }

/* ----------------------- */	
/* ---:- CONTAINERS */

#blendContainer {
    z-index: 3;
    position: fixed;
    top: 0px;
    left: 0px;    
    width: 100%;
    height: 100%;
    background: url(../image/bg/blendContainer_bg.png) repeat;
    }    
    
#mainContainer {
    z-index: 1;    
    position: fixed;
    top: 25%;
    width: 925px;
    left: 50%;
    margin-left: -462px;
    }

/* Horizontal centering of image: set left & right margins to 'auto' */
#mainMenu {
    z-index: 1;
    margin: auto;
    display: block;
    width: 925px;
    height: 398px;
    border: none;
    }

/* ----------------------- */	
/* ---:- NOTE-BOX */

#note {
    z-index: 2;
    position: fixed;
    top: 25%;
    left: 50%;
    margin-top: -180px;
    margin-left: -550px;
    width: 347px;
    height: 342px;
    background: url(../image/bg/note.png) no-repeat;
    }
#noteContent {
    position: relative;
    top: 75px;
    left: 80px;
    width: 170px; /* org 347px */
    height: 200px;  /* org 342px */
    overflow: hidden;
    }
#noteContent.feinduraNote {
    background-color: #F9F48F !important;
    }

/* ----------------------- */	
/* ---:- WINDOW-BOX */
#windowBox {
    z-index: 4;  
    position: absolute;
    top: 15%;
    width: 730px;
    left: 50%;
    margin-left: -365px;    
    }

#windowBox .boxTop {
    z-index: 0;
    position: relative;
    top: 0px;
    width: 730px;
    height: 14px; /*org: 80px */
    padding: 28px 0px;
    background: url(../image/bg/windowBox_top.png) no-repeat;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #241300;
    }
#windowBox .boxTop img.title {
    z-index: 0;
    position: relative;
    top: -15px;
    border: none;
    }

#windowBox .content {
    z-index: 1;
    position: relative;
    width: 650px;    
    padding: 10px 40px;
    padding-bottom: 15px;
    background: url(../image/bg/windowBox_middle.png) repeat-y;
    }
#windowBox .boxBottom {
    z-index: 2;
    position: relative;
    bottom: 2px; /* before -55px */
    width: 730px;
    height: 20px;
    background: url(../image/bg/windowBox_bottom.png) no-repeat;
    }    

#windowBox .content .showPage {
    width: 470px;
    border: 1px solid red;
    text-align: center;
    }
    
#windowBox table.menuTable {
    width: 100%;
    margin: 0px;
    padding: 0px;
    }
#windowBox table.menuTable td {

    text-align: center;
    }
    
/* blackbox*/    

#windowBox.blackBox .boxTop, #windowBox.blackBox .content, #windowBox.blackBox .boxBottom {
    background: none;
    width: 720px;    
    padding: 10px 5px;
    }

/* ----------------------- */	
/* ---:- CLOSE */

#windowBox .boxTop a {
    position: absolute;
    top: 17px;
    right: 26px;
    width: 40px;
    height: 40px;
    padding: 0px;
    background: url(../image/key/windowBox_close.png) no-repeat;
    }
#windowBox .boxTop a:hover {
    background-position: 0px -40px;
    }

/* ----------------------- */	
/* ---:- WINDOW-BOX SIDEBAR */

#windowBoxSideBar {
    position: relative;          
    /*margin-bottom: -15px;
    margin-left: -5px;*/
    float: right;
    text-align: right;
    }
#windowBoxSideBar .sidebarTop {
    position: relative;
    width: 180px;
    height: 27px;
    background: url(../image/bg/windowBox_sidebar_top.png) no-repeat;
    }
#windowBoxSidebarContent {
    position: relative;
    width: 166px; /* org: 180px */
    height: auto;
    min-height: 300px;
    padding: 1px 0px;
    padding-left: 24px;
    background: url(../image/bg/windowBox_sidebar.png) repeat-y;
    }
#windowBoxSidebarContent.scroll {
    height: 400px;
    }
    
#windowBoxSideBar .sidebarBottom {
    position: relative;
    width: 180px;
    height: 40px;
    background: url(../image/bg/windowBox_sidebar_bottom.png) no-repeat;
    }
    
#windowBoxSideBar ul.menuList {
    margin: 0px;
    padding: 0px;
    }
#windowBoxSideBar ul.menuList li {
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
    list-style: none;
    }
    
#windowBoxSideBar a {
    text-decoration: none;
    color: #2A1F00;
    }
#windowBoxSideBar a:hover {
    text-decoration: none;
    color: #831F00;
    }
    
/* scroll */
#windowBoxSideBar.scroll {
    text-decoration: none;
    height: 330px !important;
    overflow: auto;
    }

/* ----------------------- */	
/* ---:- LINKS */

#windowBox .content a, #feinduraEditorStyles a {
    text-decoration: none;
    color: #FAFAFA;
    }
#windowBox .content a:hover, #feinduraEditorStyles a:hover {
    text-decoration: none;
    color: #444444;
    }
    
/* ----------------------- */	
/* ---:- MP3 PLAYER */

#mp3player {
    position: relative;
    top: 50px;
    left: 110px;
    width: 250px;
    height: 20px;
    padding: 30px 0px;
    background: #ffffff;
    text-align: center;
    background: url(../image/bg/mp3player.png) no-repeat;
    }

/* ----------------------- */	
/* ---:- ELEMENTS */

img.thumbnail {
    border: 1px solid #ffffff !important;
    margin: 3px 0px;
    }

#windowBox h1, #feinduraEditorStyles h1 {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 5px 28px;
    width: 50px;
    font-size: 15px;
    font-weight: bold;
    color: #352B1B;
    background: url(../image/sign/windowBox_h1.png) no-repeat top left;
    }

#windowBox h2, #feinduraEditorStyles h2 {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 28px;
    font-size: 13px;
    font-weight: bold;
    color: #352B1B;
    background: url(../image/sign/windowBox_h1.png) no-repeat top left;   
    }

#windowBox h3, #feinduraEditorStyles h3 {
    margin: 0px;
    margin-bottom: 10px;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;    
    }

#windowBox p, #feinduraEditorStyles p {
    margin: 15px 0px;
    margin-bottom: 15px;
    font-size: 10pt;
    line-height: 14pt;
    color: #241202;
    }

#windowBox img, #feinduraEditorStyles img {
    margin: 5px 10px;
    border: 1px solid #ffffff;
    }

/* ----------------------- */	
/* ---:- LINKS */
/* removing the border after click in firefox 3 */
a:active, a:focus { outline:none; }


/* ----------------------- */	
/* ---:- CMS EDITOR STYLING */

#feinduraEditorStyles {
    width: 650px;
    padding: 10px 15px;
    background-color: #97896A !important;    
    }
#feinduraEditorStyles.scroll {
    width: 460px !important;
    }