/* only examples */
#justexamples{
  background: #fff url(/themes/arena-webdesign/images/arena-webdesign/background.gif) repeat-y top left;
  
  min-height: 20px;
  height:auto !important;/* moderne Browser */
  height:20px; /* IE */
}

/* arena webdesign style */
/*****************************************************/
/* LAYOUT */
/*****************************************************/
*{
  padding:0;
  margin:0;
}
html, body{
  height: 100%; /* wichtig */  
  background:  url(/themes/arena-webdesign/images/arena-webdesign/bg.png) repeat top left;
  text-align:left;  
}
#outer_wrap{
  width:1024px;  
  margin:0 auto;
  position: relative;  
}
#header{
  height:174px;
  background: url(/themes/arena-webdesign/images/arena-webdesign/headerBg.png) no-repeat top left;
}
#header_logo{  
  position: absolute; top: 33px; left: 665px;
  width: 340px;
  height: 120px;
}
#inner_wrap{
  float: none;
  width:100%;
  padding-bottom:20px;
  background: url(/themes/arena-webdesign/images/arena-webdesign/innerBg.png) repeat-y top left;
}

#content{
  position: relative; left: 71px; top: 0px;
  float:left;   
  width:693px; 
}
#content_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding:0px 39px 20px 24px;    
  overflow: hidden;     
}
#navigation{
  position: relative; left: 71px; top: 0px; 
  float: left;
  width: 161px;
  min-height: 200px;
  height:auto !important;/* moderne Browser */
  height:200px; /* IE */
}
#navigation_inner{
  padding:18px 4px 0px 4px; 
  overflow: hidden;   
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/ 
  background: url(/themes/arena-webdesign/images/arena-webdesign/naviBg.png) no-repeat top left; 
}
#navigation_bottom{
  height: 26px;   
  background: url(/themes/arena-webdesign/images/arena-webdesign/naviBottomBg.png) no-repeat bottom left;
}
#footer {
  position: relative;
  width:100%; 
  height:88px;  
  background: url(/themes/arena-webdesign/images/arena-webdesign/footerBg.png) no-repeat top left;
}
#footer_address{
  position: relative; top: 21px; left: 181px;
  width: 572px;
  height: 16px;
  font-size: 11px;
  color: #000;
  text-align: center;
  overflow: hidden;  
}
#footer_address p{
  padding:0;    
  margin: 0;
}
/*****************************************************/
/* NAVIGATION */
/*****************************************************/
ul.nav-header li{ /* all li elements in the navigation */
    list-style-type: none;
    padding: 4px 6px 4px 33px;    
    margin-bottom: 4px;
    background: #ffed6e; 
    font-size: 14px;
    font-weight: bold;
    background: url(/themes/arena-webdesign/images/arena-webdesign/mainMenuButton.png) no-repeat center left;
}
ul.nav-header li.lev1{ /* all level 1 elements in the navigation */
  padding-left: 45px;
  background: url(/themes/arena-webdesign/images/arena-webdesign/subMenuButton.png) no-repeat center left;
}
ul.nav-header li.lev2{ /* all level2 elements in the navigation */
   padding-left: 50px;
  background: url(/themes/arena-webdesign/images/arena-webdesign/subMenuButton.png) no-repeat center left;
}
ul.nav-header a{ /* all link elements in the navigation */
  text-decoration: none;   
  color: #cc0000;
}
ul.nav-header a:hover { /* all link:hover elements in the navigation */
  text-decoration: underline;    
  color: #cc0000;
}
ul.nav-header li.nav-selected a, ul.nav-header li.nav-selected a:hover {  /* all active link and link:hover elements in the navigation */
  color: #cc0000;
  text-decoration: underline;    
  font-weight: bold;     
}

/*****************************************************/
/* CCM Custom styles */
/*****************************************************/


/*****************************************************/
/* CUSTOM */
/*****************************************************/
/* customize_miscellaneous */ /* customize_miscellaneous */