/* Body + Main Box */
body{
    background: #000;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Tahoma, Arial, sans-serif;
    color: #fff;
}
div#main{
    margin: 0 auto auto; 
    width: 852px;
    min-height: 500px;
    background: #000;
    padding: 4px;
    position: relative;
}

/* Boxes */
div#topBox, div#middleBox, div#bottomBox, div.flashBox{
    position: relative;
    width: 850px;
    border: 1px solid #424242;
    background: #141414;
    margin-bottom: 4px;
}
div#topBox{
    height: 366px;                
}
div#middleBox{
    min-height: 360px;
    width: 836px; 
    padding: 7px;               
}
div#bottomBox{
    height: 49px;
    background: url("/img/bottomBox_bg.gif");                
}
div.flashBox{
    min-height: 40px;
    width: 836px; 
    padding: 10px 7px;               
}
div.flashBoxSuccess{
    border: 1px solid #00c900;               
}
div.flashBoxError{
    border: 1px solid #dd0000;               
}
div.flashBoxWarning{
    border: 1px solid #ffcc00;               
}
div.flashBoxSuccess span, div.flashBoxError span, div.flashBoxWarning span{
    display: block;
    font-size: 20px;
    font-weight: bold;
}
div.flashBoxSuccess span{
    color: #00c900;       
}
div.flashBoxError span{
    color: #dd0000;
}
div.flashBoxWarning span{
    color: #ffcc00;
}
div.flashBox .flashIcon{
    float: left;
    margin: 0 10px;
}

/* Header, Menü + Flyer */
img#headImage{
    width: 846px;
    height: 94px;
    margin: 1px;
    border: 1px solid #000;    
}
div#headMenue{
    position: absolute;
    width: 214px;
    height: 207px;
    top: 110px;
    left: 15px;

}
img#facebookButton{
    position: absolute;
    width: 30px;
    height: 120px;
    left: -30px;
    top: 102px;
    z-index: 10000;
} 
a#halle7Banner{
    position: absolute;
    width: 112px;
    height: 480px;
    right: -120px;
    top: 30px;
    z-index: 100;
    color: #999;
	font-size: 10px;
	text-decoration: none; 
}  
a:hover#halle7Banner{ 
    text-decoration: none;      
}
#headFlyer{
    position: absolute;   
    width: 592px;
    height: 252px;
    top: 105px;
    right: 15px;
}
img.headFlyer{
    width: 590px;
    height: 252px;
    background: #000;
    border: 1px solid #4b4b4b; 
}

/* Misc */
img{
    border: 0;
}
img.sep_menu{
    width: 214px;
    height: 1px;   
}
img.sep_xsmall{
    margin: 4px 0 2px;
    height: 1px;   
    width: 174px;
}            
img.sep_small{
    margin: 4px 0 0px;
    height: 1px;   
    width: 304px;
}            
img.sep_mid{
    margin: 4px 0 0px;
    height: 1px;   
    width: 490px;
}
img.sep_large{
    margin: 4px 0 0px;
    height: 1px;   
    width: 820px;
}          
a{
    color: #fff;

}
a:hover{
    color: #F6BA26;
    text-decoration: underline;
}             
.cboth{
    clear: both;
} 
.headlineMargin{
    margin-top: 16px;
    margin-bottom: 12px;
}
             
/* MiddleBox Content Boxes */
.smallBox, .midBox, .largeBox{
    position: relative;
    margin: 8px 8px;
    min-height: 200px;
    padding: 0;
}
.largeBox{
    width: 820px;  
}            
.midBox{
    width: 490px;                
}
.smallBox{
    width: 304px;               
}
.left{
    float: left;
}
.right{
    float: right;
}                               

/* Global Bottom */
div#bottomBox .logo{
    position: absolute;
    width: 233px;
    height: 25px;
    top: 15px;
    left: 14px;    
}
#bottomBox .infoLinks{
    position: absolute;
    width: 200px;
    height: 20px;
    right: 14px;
    top: 10px;
    color: #fff;
    font-size: 13px;
    text-align: right;
}