/*
1. Seiten-Container mit Background und Hintergrund Sitebar
2. Sitebar: Seitennavigation und Halskreuz
3. Inhaltscontainer
3.1 Inhaltscontainer Logo
3.2 Inhaltscontainer Kopfnavigation
3.3 Inhaltscontainer variabel
4. Fußbereich
*/
/*============================================================================
1. Seiten-Container mit Background und Hintergrund Sitebar
============================================================================*/
div#container{
width:840px;
margin:0 auto;
background: seashell url(../img/sidebar.png) repeat-y left;
border: solid #df0000;
border-width: 0 0 3px 0;
}
/*============================================================================
2. Sitebar: Seitennavigation und Halskreuz
=============================================================================*/

div#sidebar {
margin:0;
float:left;
width:180px;
}
div#logo_hk {
width:	170px;
height:	156px;
margin: 0 auto 0 auto;  /* to center in Mozilla */
background: #f3e500;
background-image: url(../img/hk.png);
}
div#navleft {
padding: 5px 0 0 0;
margin:0;
width: 180px;
background: transparent;
}
div#navleft ul {
width: 180px;
background: transparent;
}
div#navleft li {
line-height: 1.3em;
background: #df0000;
border-right: 0px solid #df0000;
}
div#navleft li a {
display:	 block;
width:       180px;
font-size:	 1.1em;
font-weight: bold;
color:       #f3e500;
text-decoration: none;
background:  #df0000;
}
div#navleft li a:hover { 
	color: #000;
	background: #f3e500; 
	background-image:url(../img/wir/kg_kappe_link.gif);
    background-position:0 center;
    background-repeat:no-repeat;
}

/*eventuell für später zu gebrauchen - zu programmieren mit php - dem jeweils aktiven Menüpunkt (mit PHP ermitteln) wird die Kappe vorangestellt
div#navleft li a:active { 
	background-image:url(../img/wir/kg_kappe_link.gif);
    background-position:0px left;
    background-repeat:no-repeat;
}*/
div#navleft .last  { border-bottom: 1px solid #f3e500; }

/*============================================================================
3. Inhaltscontainer
============================================================================*/
div#content { margin-left:180px }
/*============================================================================
3.1 Inhaltscontainer Logo
============================================================================*/
div#contentlogo {
float:      right;
margin-top: 0px;
padding:	0px;
width:      100%;
height:     90px;
background: #df0000 url(../img/df0000.gif);
text-align: center;
}
div#contentlogo #logo_gr {
margin:     0 auto 0 auto;  /* to center in Mozilla */
width:      520px;
height:     90px;
background: url(../img/kg.gif) no-repeat center;
}
/*============================================================================
3.2 Inhaltscontainer Kopfnavigation
============================================================================*/
div#contentnav {
float:      right;
width:      100%;
margin-top: 0px;
}

div#contentnav li {
float:			right;
padding-top:	3px;
width:			90px;
line-height:	1.5em;
text-align:		center;
}

div#contentnav li a {
width:			100%;
font-size:		1em;
font-weight:	normal;
color:			#000;
text-decoration: none;
}
div#contentnav li a:hover  { color: #f3e500; background: #df0000; }

/*============================================================================
3.3 Inhaltscontainer variabel
============================================================================*/
div#contenttext {
float:      right;
width:      100%;
text-align: center;
}

div#contenttext .contenttext_padding {
text-align: center;
padding:    10px 10px 10px 10px;
}

div#contenttext input {
border: 1px outset lightgrey;
}

div.contenttext#box {
    border: solid 1px #df0000;
    background-color: transparent;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    text-align:center;
}
/*============================================================================
5. Fußbereich
============================================================================*/
div#footer   { background: #f3e500; text-align: center; }
div#footer p { padding: 10px 20px 10px 20px; }
div#footer a {
font-size: 1em;
font-weight: normal;
line-height: 1.2em;
text-decoration: none;
color: #000;
}
div#footer a:hover { color: #f3e500; background: #df0000; }