/**********************
LOGO 
***********************/
#logo{
   position:relative;
   top:0px;
   left:100px;
   width:200px;
   border:0px red solid;
   z-index:30;
   padding:0;
}


#wrapper { /* also holds the left "sliding" tab */
text-align: left;
width: 98%; /* this can fixed or fluid */
/* margin: 0 auto; NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
border: 0px solid #ff0000;
margin: 70px 0 10px 10px;
position: relative;
background-color:#fff;
}

#headSpacer {
   clear: both;
   height: 109px;
   padding:0;
}



/****************
MENUE
*****************/
#subnavBox {
   clear: both;
   background: #fff;
   border-bottom: 3px solid #fff;
   border-top: 20px solid #fff;
   padding:0 0 0 160px;
   height:20px;
}

#subnavBox ul {
   border: 0;
   height: 19px;
}

#subnavBox * li  {
   width: 114px;
   border-left: 3px solid #fff;
}

#subnavBox li a, 
#collectionBox ul li a {
   color: #636363;  /*dddddd*/
   display: block;
   text-decoration: none;
   text-align:left;
   padding: 0px 0px 1px 9px;
   border: 1px #7dab29 solid;  
   font-size: 1em;
   font-weight: normal;
}

#subnavBox li a:hover, 
#subnavBox li a:active, 
#subnavBox li .active, 
#collectionBox ul li a:hover, 
#collectionBox ul li a:active, 
#collectionBox ul li .active {
   color: #fff;
   background-color:#7dab29;
}

#subnavBox li a.inactive:hover, 
#subnavBox li a.inactive:active, 
#subnavBox li .inactive {
   color: #ddd;
   cursor:default;
   background-color:#fff;
   border: 1px #ddd solid;
}

#subnavBox li {
        float: left;
        display:block;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
   top: auto;
   left: auto;
}

span.hidden, dfn {
    position: absolute;
    left: -1000px;
    top: -100px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}


/***********
Contenthead
************/

#headerMiddleBox{
   position:absolute;
   top:-30px;
   left:165px;
   color:#7dab29;
   width:440px;
   padding:0px 0 0 0;
   font-size:1.1em;
   border:0px #ff0000 solid;
}




/****************
NAVIGATION LINKS
*****************/

#leftBox {
   position:absolute;
   top:137px;
   left:0px;
   padding:0px;
   float: left;
   width: 160px;
   height:455px;
   border: 0px solid #ff0000;
   overflow: hidden;
   background-color:#fff;
   z-index:100;
}


#leftBoxPlaceholder {
   position:relative;
   top:0px;
   left:0px;
   padding:0px;
   float: left;
   width: 130px;
   height:455px;
}

#leftBox li a  {
    color: #636363;
    display: block;
    text-decoration: none;
    text-align:left;
    border: 0px #7dab29 solid;
    font-size: 0.9em;
    font-weight: normal;
    clear:both;
    text-transform:uppercase;
    padding:2px 0 1px 9px;
    height:14px;
}

#leftBox li a:hover, 
#leftBox li a.login:hover, 
#leftBox li a:active, 
#leftBox li .active{
   color: #fff;
   background-color:#7dab29;
   background-image:url(pics/arrowNav.gif);
   background-repeat:no-repeat;
   background-position:10px 6px;
   text-indent:10px;
}

#leftBox li a.inactive:hover, #leftBox li a.inactive:active, #leftBox li .inactive {
   color: #ddd;
   cursor:default;
   background-color:#fff;
   background-image:url(pics/leer.gif);
   text-indent:0px;
}

#leftBox li a.login {
   color: #ff6600;
}

#leftBox li.spacer {
   height:25px;
}


/****************
FREETEXT SEARCH
*****************/

#searchformBox{
   position:relative;
   top:20px;
   left:8px;
   height:40px;
   border:0px black solid
}

#searchform input.search{
   position:absolute;
   top:0px;
   left:0px;
   height: 12px;
   line-height: 12px;
   width: 100px;
   padding:1px 0 3px 5px;
   color: #666; /*#ddd*/
   border: 1px #7dab29 solid ; /*#dddddd*/
   font-size: 1em;
}

#searchform input.button {
   position:absolute;
   top:0px;
   left:108px;
   border: 0px red solid;
   height: 18px;
   width: 37px;
   font-size: 1em;
   font-weight: normal;
   color: #fff;
   padding:0;
   margin:0;
   background-color: #ef018c; /*#ddd*/
}

/**********************
PRINT & COLLECTION-BOX
**********************/

.printBox{
   padding:40px 0 16px 0;
}

.printBox p{
   font-size:2px;
   height:5px;
   padding:0;
}


#collectionBox{
   position:relative;
   margin-top:5px;
}

#collectionBox ul li  {
   width: 126px;
   margin:0;
   padding:0;
}

#collectionBox p{
   width: 126px;
   background-color:#fff;
   padding:10px 0 0 8px;
}

#collection input{
   float:right;
}

#printCollection{
   text-align:right;
   position:relative;
   top:-10px;
}

#printCollection img{
   padding:0 4px 14px 0;
}



/****************
CONTENT
*****************/

#contentFloatholder {/* also makes the right "sliding" tab */
float: left;
width: 100%;
position: relative;
}

#contentFloatholder:after {
 /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#contentBox {
   float:left;
   background-color: #fff;
   overflow: hidden;
   width: 100%;
   height: auto;
   font-size: 1em;
   border:0px red solid;
   padding:0 0 0 0;
   margin-right: -95%;
        /* this needs to be less than 100% for Moz/Mac which thinks
         it's empty otherwise. The difference is made up by putting a
         negative left margin on the left float:
           Note IE/Mac doesn't like this method ~ it wants the 100% so it can
           be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
        */
}


#middleBox {
   margin: 0 0 0 165px;
   padding: 0px 0px 0px 0px;
   border:0px red solid;
   color:#7dab29;
   width:100%;
   overflow:hidden;
}


/******************
ALLGEMEINE SACHEN
******************/

.subTitleGrey {
   color:#636363;
   font-weight:bold;
   padding:0;
   margin:0;
}

.subTitle {
   color: #7dab29;
   font-weight:bold;
   padding:0;
   margin:0;
}

#spacerBottom {
   height:20px;
}

.green{
   color:#7dab29;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#contentBox {margin-right: -100%;}
* html div#leftBox {margin-left: 0;}