html, body {
margin: 0;
padding: 0;
height:100%;
}

body  {
color: #666;
font-size: 100.01%;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: #ccc url(../_images/hg_body.jpg) repeat-x;
text-align: center;
}

/* ----------------------------------------------------------------
  Seitenstruktur
  -----------------------------------------------------------------
  outerwrapp
   wrapper
    header
    main
    footer
   bottom
  --------------------------------------------------------------- */

/* --- allumfassender Container --- */
#outerwrapp  {
position: relative;
width: 770px;
text-align: center;
background: url(../_images/hg_outerwrapp.jpg) repeat-y;
margin: 0 auto;
}

* html #outerwrapp
{

}

#wrapper {
position: relative;
width: 770px;
color: #000;
text-align: left;
margin: 0 auto;
background: url(../_images/hg_wrapper.jpg) no-repeat;
}

/* --- Reihen --- */

#header {
position: relative;
background: url(../_images/hg_header.jpg) no-repeat;
margin: 0;
padding: 0;
width: 100%;
height: 112px;
}


#printheader {
display: none;
}


#main {
position: relative;
clear: both;
margin: 0;
padding: 0px 0 20px 0;
width: 100%;
min-height: 540px;
}
* html #main
{
height: 540px;
}

#footer {
background: #ccc url(../_images/hg_footer.jpg) no-repeat;
height: 100px;
margin: 0;
padding: 0;
color: #000;
text-align: center;
}


#footer p {
padding-top: 55px;
margin-left: 200px;
margin-right: 20px;
color: #999;
font-size: 0.9em;

}




#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus {
 text-decoration: none;
 color: #999;
}


/* ----------------------------------------------------------------
  Struktur main
  -----------------------------------------------------------------
  main
   col_left
   brkr
   col_right
   col_content oder col_contentfull
  --------------------------------------------------------------- */

#col_left {
float: left;
width: 170px;
min-height: 200px;
color: #000;
margin: 0;
padding: 30px 0 0 0;
}

* html #col_left {
 /*vor IEMac verstecken \*/
 height: 200px;
 /*IEMac wieder reinlassen*/
}



#col_content {
line-height: 1.4;
position: relative;
color: #000;
padding: 0;
min-height: 200px;
}

* html #col_content {
 /*vor IEMac verstecken \*/
 height: 200px;
 /*IEMac wieder reinlassen*/
}

#col_content {
margin: 0 50px 1em 240px;
}

#content {
width: 100%;
float: left;
}

/* ------------------------------------------------
  Navigation
  no = normaler Link
  act = aktive Gruppe
  cur = aktive Seite
  ---------------------------------------------- */

/* ------------------------------------------------
  Seitennavigation
  ---------------------------------------------- */

/* 1. Ebene */

#leftmenu ul {
border-top: 1px solid #900;
list-style-type: none;
text-align: left;
padding: 0;
margin: 0;
font-weight: bold;
}

#leftmenu ul li {
padding: 0px;
}


#leftmenu ul a {
color: #000;
text-decoration: none;
display: block;
border-bottom: 1px solid #900;
}


#leftmenu ul a:hover, #leftmenu ul li a:focus, #leftmenu ul li a:active{
color: #900;
}


#leftmenu .lev1_no a, #leftmenu .lev1_act a, #leftmenu .lev1_cur {
padding: 5px 7px 5px 7px;
}

/*aktive Gruppe */
#leftmenu .lev1_act a{
font-weight: bold;
}

/*aktive Seite */
#leftmenu .lev1_cur{
display: block;
color: #900;
border-bottom: 1px solid #900;
}



/* ############ 2. Ebene ########################## */

#leftmenu ul ul {
border: none;
}

#leftmenu ul ul a {
color: #000;
text-decoration: none;
display: block;
border-bottom: 1px solid blue;
}

#leftmenu .lev2_no a, #leftmenu .lev2_act a, #leftmenu .lev2_cur {
padding: 5px 7px 5px 20px;
}

#leftmenu .lev2_no a {

}


#leftmenu .lev2_act a{

}


#leftmenu .lev2_cur{
display: block;
background-color: yellow;
border-bottom: 1px solid blue;
}




/* ------------------------------------------------
Inhalt
  ---------------------------------------------- */

.invis {
clear: both;
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.clear {
clear: both;
}

.left {
float: left;
margin-right: 30px;
margin-bottom: 20px;
}
.right {
float: right;
margin-left: 30px;
margin-bottom: 20px;
}

/* Bild links mit Bildunterschrift  */
dl.ImgLeft {float:left;  margin-right:20px; }
dl.ImgLeft dt {margin-bottom: 0; }
dl.ImgLeft dd {text-align:left; margin:0px; padding:0px;}


/* Bild rechts mit Bildunterschrift  */
dl.ImgRight {float:right;  margin-left:20px; }
dl.ImgRight dt {margin-bottom: 0; }
dl.ImgRight dd {text-align:left; margin:0px; padding:0px;}


/* Bild mittig mit Bildunterschrift  */
dl.ImgCenter {width:100%; text-align: center; }
dl.ImgCenter dt {margin-bottom: 0; }
dl.ImgCenter dd {text-align:center; margin:0px; padding:0px;}

.halbeSpalteLi {
width: 48%;
float: left;
}

.halbeSpalteRe {
width: 48%;
float: right;
}

/* ------------------------------------------------
Schriften
  ---------------------------------------------- */

#outerwrapp {
font-size: 0.80em;
}

h1 {
color: #000;
font-size: 150%;
font-weight: normal;
margin: 0 0 1.5em 0;
}

h2 {
font-size: 120%;
margin: 0 0 0.5em 0;
font-weight: normal;
}

h3 {
font-size: 110%;
margin: 0 0 1em 0;
padding: 0;
}

h4 {
font-size: 100%;
margin: 0;
padding: 0;
}

p {
margin: 0 0 1em 0;
}

p.impressum {
color: #999;
font-size: 0.9em;
margin-top: 3em;
}

p.webdesign {
color: #666;
 margin-top: 2em;
 }

p.webdesign a:link,p.webdesign a:visited,p.webdesign a:hover,p.webdesign a:active,p.webdesign a:focus {
 text-decoration: none;
 color: #666;

}

p.webdesign a:hover {
 text-decoration: underline;
 color: #666;
}

p.totop, .csc-linkToTop {
text-align: right;
margin-top: 2em;
}

fieldset, img { border:0; }

#col_content ul li {
margin: 0 0 0.5em 0em;
padding: 0;
}

#col_content ul {
margin-bottom: 1em;
margin-top: 0;
}

/*  -----------------------------------------------------
  Links
  ---------------------------------------------------- */

a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: underline;
 color: #900;
}

a:hover, a:focus {
color:#c30;
}

a img {
border: none;
background-color: transparent;
}