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

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

/* ----------------------------------------------------------------
  Seitenstruktur
  --------------------------------------------------------------- */

/* --- allumfassender Container --- */

#wrapper {
color: #000;
text-align: left;
margin: 0 auto;
margin-top: 20px;
border: 4px solid #E4E7EA;
background: url(../_images/hg_wrapper.jpg) repeat-y;
position: relative;
width: 770px;
}



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

#headerlogo{
z-index: 1;
position: absolute;
top: 0px;
left: 0px;
}

#headertxt1{
position: absolute;
top: 22px;
left: 190px;
}

#headertxt2{
position: relative;
top: 26px;
left: 557px;
}


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

/* --- Inhalt #main --- */

#col_left {
min-height: 280px;
font-size: 75%;
float: left;
width: 169px;
min-height: 100px;
color: #000;
margin: 0;
padding: 60px 0 0 0;
}


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


#col_content, #col_contentfull  {
line-height: 1.4;
position: relative;
color: #000;
font-size: 75%;
padding: 0;
}



#col_content {
margin: 0 220px 1em 190px;
}

#col_contentfull {
margin: 0 10px 1em 190px;
}

#col_right {
line-height: 1.4;
font-size: 75%;
float: right;
width: 200px;
color: #000;
margin: 0 10px 0 20px;
display: inline;
padding: 0px;
}


* html #col_right {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}


/* --- Inhaltsbereich --- */


/* Brotkruemmel */

#brkr {
 height: 2em;
 font-size: 70%;
 margin: 0 0 0 190px;
 padding: 00;
 color: #666;
 text-align:left;
}


#brkr a:link, #brkr a:visited, #brkr a:hover, #brkr a:active, #brkr a:focus {
 text-decoration: underline;
 font-weight:normal;
 color: #666;
}




#totop {
color: #000;
margin: 2em 0 2em 0;

}
/* ---  --- */

#footer {
background: url(../_images/hg_footer.gif) repeat-x;
margin: 0;
padding:0;
color: #000;
font-size: 70%;
height: 60px;
}

#footer p{
padding:35px 0 5px 10px;
margin: 0;
}


#footer #slogan{
float: right;
margin-right: 15px;
margin-top: 2px;
}

#bottom {
width: 770px;
font-size: 70%;
text-align: center;
margin: 0 auto;
margin-top: 5px;
padding-bottom: 1em;
color: #999;
}


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

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



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

/* 1. Ebene */

#menu ul {
width: 169px;
border-top: 1px solid #E3E5E6;
list-style-type: none;
text-align: left;
padding: 0px;
margin: 0px 0px 20px 0px;
}

#menu ul li {
display: inline;
}

#menu ul a {
color: #000;
background: #fff url(../_images/hg_nav_lev1no.jpg) repeat-x;
text-decoration: none;
display: block;
border-bottom: 1px solid #E3E5E6;
}
#menu ul a:hover, #menu ul li a:focus, #menu ul li a:active{
background: #fff url(../_images/hg_nav_lev1cur.jpg) repeat-x;
color: #900;
}

#menu .lev1_no a {
padding: 3px 0px 4px 5px;
}

#menu .lev1_act a{
color: #666;
font-weight: bold;
padding: 3px 0px 4px 5px;
}

#menu .lev1_cur{
display: block;
background: #fff url(../_images/hg_nav_lev1cur.jpg) repeat-x;
padding: 3px 0px 4px 5px;
border-bottom: 1px solid #E3E5E6;

}

/* 2. Ebene */

#menu ul ul {
width: 170px;
list-style-type: none;
text-align: left;
padding: 0;
margin: 0;
}

#menu .lev2_no a {
padding: 3px 0px 4px 15px;
background-color: #F3F3F3;
font-weight: normal;
}

#menu .lev2_act a{
background-color: #F3F3F3;
padding: 3px 0px 4px 15px;
color: #666;
}

#menu .lev2_cur{
background-color: #fff;
display: block;
padding: 3px 0px 4px 15px;
border-bottom: 1px solid #fff;
}

/* ------------------------------------------------

  ---------------------------------------------- */

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

.clear {
clear: both;
}

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

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

h1 {
color: #0066CC;
font-size: 120%;
font-weight: normal;
margin: 0 0 1em 0;
padding: 0;
}

h1.title {
margin: 0 0 1em 190px;
}

h2 {
color: #000;
font-size: 115%;
font-weight: bold;
margin: 0 0 0.5em 0;
}

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

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

p {
margin: 0 0 15px 0;
}

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

fieldset, img { border:0; }

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

#col_content ul , #col_contentfull ul {
margin-bottom: 3em;
}

/*  -----------------------------------------------------

  Links

  ---------------------------------------------------- */

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

a:hover, a:focus {
color:#c30;
background-color: #ffc;
}

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