/* css by Sandra Hundacker, http://www.hundertmorgen.de/ */
/* All associated graphics copyright 2004, Sandra Hundacker */
/* Added: Nov. 22nd, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the
designer's written permission. However, feel free to study the CSS and use
techniques you learn from it elsewhere. */



/* ________________ general ________________ */

*{
	 margin:0;
	 padding:0;
	 background-repeat:no-repeat;

}

body{
	 font-family:arial,helvetica,sans-serif;
	 color:#555;
	 font-size:0.8em;
	 margin-top:100px;
	 text-align:center;
	 background-color:#FFF;


}

div, p, h2, h1{
	 text-align:left;
}

a, a.link {
	 width:215px;
	 line-height:20px;
	 text-decoration:none;
	 color:#600;
	 text-align:left;
}

a.link:hover{
	 width:215px;
	 background-color: #fff;
	 text-decoration:underline;
	 color: #600;
}

i {
	  font-size: 0.9em;
	  font-style: italic;
	  background-color: #fff;
	  color: #600;
}

img {
	border: none;
}

h2{
	 width:400px;
	 padding-left:20px;
	 padding-top: 60px;
	 color: #600;
	 background-color: #FFF;
	 font-size:1.2em;
	 height:40px;
}

/* \*/ * html body h2 { padding-top: 80px; } /* */

#container{
 	width:500px;
}

p{
 	line-height:150%;
}

p span{
	 display:block;
	 padding:0 22px 22px 22px;
}

/* \*/ * html body p span { padding:0 22px 0 22px; } /* */

.small{
 	font-size: 0.8em;
}



#intro{
	 position: absolute;
	 left: 0px;
	 top: 90px;
	 float:left;
}

#supportingText{
	position: absolute;
	left: 298px;
	top: 115px;
	width: 55%;
	z-index: 2;
}

/* \*/ * html body #supportingText{position: absolute; left: 298px; top: 115px; width: 110%;} /* */

#logo{
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 width: 2000px;
	 height:180px;
	 background-image:url(../images/hg_header.png);
	 padding-top: 0px;
	 z-index: 1;
}

/* \*/ * html body #logo{ width: 105%; background-image:url(../images/hg_header.gif);} /* */

#raster[id]{
 	position: fixed;
}

#raster{
	  position: absolute;
	  left: 52px;
	  top: 0px;
	  height: 49px;
	  width: 2000px;
	  z-index: 3;
}

/* \*/ * html body #raster{ width:900px; } /* */




#linkList{
	 clear:both;
	 position:absolute;
	 top:220px;
	 left:0px;
	 width:275px;
	 border-bottom: 49px solid #EBEBEB;
	 border-right: 1px solid #ccc; 
	 height:370px;
	 padding-bottom:0px;
}

#linkList[id]{
 	position:fixed;
}

/* \*/ * html body #linkList{ position:absolute; top:150px; left:0px; width:275px; height:370px; border-bottom: 49px solid #EBEBEB; border-right: 1px solid #EBEBEB;  } /* */





li, ul{
 	list-style-type:none;
}



li{
	 width:215px;
	 margin-bottom:5px;
}

/* \*/ * html body li{margin-bottom:15px; } /* */

li a{
	 display:block;
	 width:215px;
	 line-height:20px;
	 font-size:x-small;
	 text-transform:uppercase;
	 text-decoration:none;
	 color:#600;
	 background-color: transparent;
	 text-align:left;
	 margin: 0 0 0 50px;
	 padding: 2px 0px 2px 10px;
	 border-top: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
	 border-left: 1px solid #ccc;
}

li a:hover{
	 display:block;
	 width:215px;
	 background-color:#F8F8F8;
	 color: #600;
	 margin-right: -5px;
	 border-top: 1px solid #600;
	 border-bottom: 1px solid #600;
	 border-left: 1px solid #600;
	 border-right: 5px solid #600; 
}

li .active{
	 display:block;
	 width:215px;
	 background-color:#EBEBEB;
	 color: #600;
	 margin-right: -5px;
	 border-top: 1px solid #600;
	 border-bottom: 1px solid #600;
	 border-left: 1px solid #600;
	 border-right: 5px solid #600; 
}


#footer{
	 position:relative;
	 top:80px;
	 left:110px;
	 width: 200px;
	 height:24px;
	 margin-left: 0px;
	 text-align:left;
	 line-height:21px;
	 background-image:url(../images/pfeile.gif);
	 background-repeat:no-repeat;
}

/* \*/ * html body #footer { top:40px; } /* */

#footer a{
	 color:#666;
	 background-color: transparent;
	 font-weight: bold;
	 text-decoration:none;
	 font-size:small;
	 text-transform:uppercase;
	 padding-left: 20px;
	 display:block;
}

#footer a:hover{
	 color:#600;
	 background-color: transparent;
	 font-weight: bold;
}

#footer a.active{
	 color:#600;
	 background-color: transparent;
	 font-weight: bold;
}