/*
STYLESHEET  - HBKS24.DE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


TOC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

- GENERAL
- FONT-SIZE
- HEADLINES
- LOGO
- NAVIGATION
- SIDEBAR-MENU
- CONTENT
- BREADCRUMB
- HEADER
- FOOTER
- FORM
- REGISTER
- SEARCH
- DEBUG



COLORS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#5B0E04     - dark brown
#E9CCC5     - light salmon

MEASURES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



 */



/*
* =GENERAL
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


html
{
 min-height: 100%; /* forced scrollbar */
 margin-bottom: 1px; /* forced scrollbar */
}


html,*
{
 color:#5B0E04;
 font-family:arial, sans serif;
}

body
{
 background: url(../gfx/gradient.png);
}


 h1,h2,h3,h4,h5,h6
 {
 display:block;
 font-weight:bold;
 margin-bottom:1em;
 }

 
 a
 {
  text-decoration:none;
 }


 
 em
 {
  font-style:italic;
 
 }
 p
 {
  line-height:1.2em;
  margin-bottom:.5em;
 }
 
strong
{
 color:#5B0E04;
 font-weight:bold;
}

 
 /*
* =HEADLINES
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1
{
 font-size:1.5em;
 font-variant:small-caps;
 letter-spacing:.15em;
 margin:2.0em 0 1em 0;
}

h2
{
 background:url(../gfx/bg-h2.png)  repeat-x 0 50%;
 font-variant:small-caps;
 letter-spacing:.28em;

 margin:1.3em 0 .5em 0px;
 padding:7px 0 4px 15px;
}

 /*
* =LOGO
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#logo
{
 position:absolute;
 top:8px;
 left:1em;
}

#logo img
{
 width:155px;
 height:37px;
}

/*
* =NAVIGATION-TOP
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#navigation-top
{
 margin:5px 0 0 15em;
}

.col2 li li
{
 margin:.25em 0 .25em 1em;
}

.col2 li.path > a

{
 background-color:#E9CCC5;
 color:#5B0E04;
}


.col2 li.current  span
{
font-weight:bold;
}


/*
* =SIDEBAR-MENU
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#sidebar-menu
{
 padding:1em 0 0 0;
}

#sidebar-menu h3
{
 margin:0 0 .5em 0;
}


#sidebar-menu a:hover
{
 text-decoration:underline; 
}


#sidebar-menu li
{
 margin-left:0;
}

#sidebar-menu > ul
{
 /* background-color:#E9CCC5; */
 background:url(../gfx/bg-side.png) 0 50% repeat-x;
 margin:0em 0 0 0;
 padding:.5em 0 .5em .2em; 
}

#sidebar-menu ul ul li,
#sidebar-menu > ul > li
{
 background: url(../gfx/icon-box.png) 4px 5px no-repeat;
 padding-left:1em; 
 padding-top:.2em;  
}



#sidebar-menu li.path,
#sidebar-menu li.current
{
 background: url(../gfx/icon-arrow.png) 2px 4px no-repeat;
 padding-left:1em; 
 
}

#sidebar-menus ul ul li
{
 background: url(../gfx/icon-sublevel.png) no-repeat;
 padding-left:1em; 
}



#DEP-sidebar-menu li.current ul
{
 background-color:#F3E4E0; 
 margin: .5em 0;
 padding:.2em 0;
}


 /*
* =CONTENT
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content
{
 clear:left;
}

#content ul
{
 margin:0em 0 1em 0;
}

#content li
{
 list-style-type:square;
 margin:.2em 0 0 1em;
}

#content p
{
 line-height:1.4em;
 margin:0 0 .7em 0;
 width:80%;
}

#content  a
{
 text-decoration:underline;
}



 /*
* =BREADCRUMB
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#breadcrumbs 
{
 color:#ccc;
 display:block;
 margin:1em 0 2em 0;
}

#breadcrumbs a
{
 background:url(../gfx/icon-arrow.png) right 6px no-repeat;
 text-decoration:underline;
 padding: 0 1em 0 0em;
}

#breadcrumbs li
{

 float:left;
 font-size:.8em;
 margin:0 .25em 0 0;
}


ul#breadcrumbs li:first-child
{
 margin-left:0;
}


/*
* =HEADER
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#header
{
 background:url(../gfx/header.jpg) no-repeat -66px 0px;
/* background:#E9CCC5 no-repeat -100px 0px; */
 border-bottom:solid 10px #fff;
 border-top:solid 3px #fff; 
 height:293px;

}


/*
* =FOOTER
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer
{
 margin:.3em 0 0em 0;
 padding:2em 0 0em 0;
}

#footer div
{
 border-bottom:solid 1px #e1e1e1;
 margin:0 auto 2em auto;
 width:40%;
 text-align:center;
}



#footer ul
{
 display:inline-block;
 margin:.15em auto .3em auto;

}



#footer li:first-child
{
 margin-left:0;
}



#footer li
{
 background:url(../gfx/icon-box.png) 0 5px no-repeat;
 display:block;
 float:left;
 font-size:.6em;
 letter-spacing:.1em;
 padding:0 0 0 8px;
 margin:0 1em;
}


/*
* =FORM
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

 
 #feedback-form {
 }
 
#feedback-form  label
{
 display:block;
 font-size:small; 
}

#feedback-form input, #feedback-form textarea
{
 font-size:inherit;
  margin:4px 0 10px 0;
  width:210px;
}

#feedback-form  .fw_error
{
 border:solid 1px #c00;
 color:#c00;
 font-size:small;
 margin:0px 0px 12px 0px;
 padding:4px 4px 4px 30px;
 width:180px;
 display:block;
 background:#fff url(../gfx/arrow-up.png) 5px  center no-repeat; 
}



#feedback-form input[type="submit"]
{
 background-color:#E9CCC5;
 border:solid 1px #5B0E04;
 color:#fff;
 cursor:pointer;
 font-weight:bold;
 height:2em;
 margin:0 0em 0 .4em;
 padding:2px;
 width:100px;

}



/*
* =REGISTER
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#register-body
{
 font-size:.8em;
}

ul#register-menu 
{
 margin:0 3em 4em 0;
 padding:0;

}


#register-menu li:first-child
{
 margin-left:0;
}


#register-menu li
{
 float:left;
 margin-left:.2em;  
}

#register-menu li,
#register-body dt
{
 background-color:#E9CCC5;

 display:inline-block;
 font-weight:bold;
 padding: 4px 6px;
}



#register-menu li
{
 float:left;
}



#register-body
{
 clear:left;
}

#register-body dt
{
 font-weight:bold;
 margin:1em 0 .5em 0;
}

#register-body dd li
{
 margin:.5em 0 0 2em;
}


#register-body dd li a:hover
{
 text-decoration:underline;
}



#googleskyscraper
{
 margin:0 auto;
 width:160px;
}

/*
* =SEARCH
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#search-form
{
 margin:1em 0 0 0em;
}

#search-form legend
{
 font-size:.8em;
 font-weight:bold;
}

#search-form input
{
 width:12.5em;
}

#search-form input[type="submit"]
{
 background-color:#E9CCC5;
 border:solid 1px #5B0E04;
 color:#fff;
 cursor:pointer;
 font-weight:bold;
 height:2em;
 margin:0 0em 0 .4em;
 padding:2px;
 width:2em;

}

#gallery img 
{
 margin-top: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 20px;
}



/*
* =DEBUG
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer_ ul
{
 background-color:#f0f;
}

.col1
{
 min-height:20em;
}