/*
    Document   : basestyle
    Created on : 31.08.2009, 08:23:24
    Author     : mirko
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*
{
    margin:0;
    padding:0;
}
body
{
    font-family:verdana, sans-serif;
    font-size:12px;
    background-color:#1d1d1d;
    color:#ffffff;
}
a
{
    color:#ffffff;
    text-decoration:underline; 
}
#globalcontainer
{
    height:550px;
    left:50%;
    margin-left:-425px;
    margin-top:-275px;
    position:absolute;
    top:50%;
    width:850px;
}
#globalborder
{
    float:left;
    width:850px;
    border:solid 1px #85161a;
	background-color:#000000;
}
#header
{
    width:850px;
    height:119px;
    background: url(img/header.jpg) top left no-repeat;
	float:left;
}
#logo
{
    width:383px;
    height:431px;
    background:url(img/logo.jpg) bottom left no-repeat;
    float:left;
}
#content
{
    width:460px;
    float:left;
}
#content #txt
{
    padding:0 20px;
    overflow:hidden;
}
#content #txt img
{
    padding-top:5px;
}
#footer
{
    float:left;
    line-height:20px;
    height:20px;
    width:850px;
    background-color:#85161a;
}
#footer #left
{
    text-align:left;
    float:left;
    padding-left:10px;
}
#footer #right
{
    text-align:right;
    float:right;
    padding-right:10px;
}
h1
{
    margin:10px 0 5px 0;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}
/* style the outer div to give it width */
#navigation {
    float: left;
    height: 34px;
    left: 19px; 
	top:90px;
    position: relative;
  }
                                   
  .menu {
    float: left;
    height: 34px; 
  }
  .menu h2 {
    margin: 0 0 0 20px;
	font-size:12px;
	font-weight:normal;
	float:left;
  }
  .menu,
  .menu ul {     
    border: 0;            
    display: block;       
    list-style-type: none;
    margin: 0;            
    padding: 0;           
    position: relative;            
  }
  .menu li {    
    border: 0;     
    display: block;
    float: left;   
    margin: 0;     
    padding: 0;
  }             
  
  /* blendet default alle Submenues aus */
  .menu #layer {
    position: absolute;
    visibility: hidden;
    z-index: 10;
  }
  
  .menu li li:hover #layer {
    left: 100%;
    position: relative;
  }
  
  .menu li:hover>#layer {
    visibility: visible;
  }
  
  /* -- float.clear -- force containment of floated LIs inside of UL */
  .menu:after, 
  .menu ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  
  /* - - - ADxMenu: DESIGN styles - - - */
  
  .menu a#naviitem
  { /* fA1r den Shoprubrikenbutton */
    border: medium none;                                                 
    display: block;                                                      
    height: 34px;                                                   
    text-decoration: none;                                                
    }

  
  .menu a#naviitem:hover,
  .menu a#naviitem.current 
  {
      text-decoration:underline;
  }
  
  /* Style aller Submenues */
  .menu #layer {
  	background: #85171a;   
  	border: solid 1px #ffffff;
	border-top:solid 1px #85171a;
  	display: block;           
  	margin: 0px;                
  	padding: 0 5px 10px 20px;               
  	position: absolute;       
  	top: 27px;                
  	width: 160px;             
  	z-index: 50;              
  }
  .menu #layer h3 {    
  	font-weight: normal;
	font-size:12px;      
  	line-height: 14px;
	padding-left:10px;    
  }
  .menu #layer a {
  	color: #ffffff;
  	left: 167px;
  	text-decoration: none;
  }
  .menu #layer a:hover {
  	text-decoration: underline;
  }
  
  .menu #layer li {
  	width: 100%;
	background:url(img/pfeil.png) top left no-repeat;
  }