/*            Style.css created by Epic Web Media           */


/* Alle Abstaende und Border null setzen */
* { margin: 0; padding: 0;}



/***** Browser Hacks *****/

/* --- IE Hack bis 6.x --- */



* html #wrapper
{
         height: 92%;
}

/* --- Fontsize Hack IE 5.x --- */

body,html
{
         font-family: "Lucida Sans Unicode", "Verdana", "Arial", "Tahoma";
         height:100%;
         width:100%;
         voice-family: "\"}\"";
         voice-family: inherit;
         font-size: 13px;
}

body
{
         background-color:#0f0f0f;
}

         a:link        { text-decoration:none; color:#ffffff; }
         a:visited     { text-decoration:none; color:#ffffff; }
         a:active      { text-decoration:none; color:#ffffff; }
         a:focus       { text-decoration:none; color:#ffffff; }
         a:hover       { text-decoration:none; color:#dddddd; }

/* -------------- Wrapper -------------- */
		 
#wrapper
{
         position:relative;
         display:block;
         height:auto;
         padding-top:1px;
         min-height:92%;
         width: 950px;
         margin:0px auto;
         top:1%;
         background-color:#272727;
}

/* -------------- Head -------------- */

#headbanner
{
         display:block;
         height:160px;
         width:940px;
         text-align:center;
         margin:5px;
         text-indent:-9999px;
         background-image:url(../images/header.jpg);
}

/* -------------- Navi -------------- */

#navigation
{

         font-family: "Verdana", "Arial", "Tahoma";
         width:150px;
         background-color:#474747;
         float:left;
         margin:0px 0px 50px 5px;
         display:block;
}

#navigation ul
{
         list-style:none;
}

#navigation li
{
         height:30px;
         width:135px;
         padding:12px 0px 0px 15px;
         border-bottom:1px solid black;
         font-weight:bold;
}

#navigation .subelem
{
         padding:8px 0px 0px 30px;
         height:25px;
         width:120px;
         display:block;
         font-weight:normal;
         
}

#navigation a
{
         color:#fff;
}

#navigation a:hover
{
         color:#ddd;
}

/* -------------- Content -------------- */

#content
{
         background-color:#474747;
         padding:14px 14px 44px 14px;
         width:757px;
         margin:0px 0px 15px 160px;
         color:#ddd;
}

#content a:link        { text-decoration:underline; color:#ffffff; }
#content a:visited     { text-decoration:underline; color:#ffffff; }
#content a:active      { text-decoration:underline; color:#ffffff; }
#content a:focus       { text-decoration:underline; color:#ffffff; }
#content a:hover       { text-decoration:underline; color:#dddddd; }

#content p
{
         margin:10px;
}

#content h3
{
         margin:10px 10px 20px 10px;
         color:#eee;

}

#content ul {
         margin:10px 10px 10px 25px;
}

/* -------------- Footer -------------- */

#footer
{
	 	 color:#ddd;
         position:absolute;
         bottom:0;
         padding-top:4px;
         height:22px;
         border-top:1px solid black;
         text-align:center;
         width:950px;
         font-size:13px;
}

#footer a
{
       color:#fff;
       font-weight:bold;
}

#footer a:hover
{
         color:#eee;
}

/* ------------------- Use Classes ---------------- */
.c {
clear:all;
}

.center {
text-align:center;
margin:0px auto;
}

.center2 {
text-align:center;
margin:0px auto;
display:block;
}

.block {
display:block;
}

.fl {
float:left;
}

.fr {
float:right;
}

.img {
border:1px solid #999;
margin-right:5px;
}

.bold {
font-weight:bold;
}

.imgright {
display:block;
float:right;
margin:5px;
padding:1px;
border:1px solid #999;
}

.imgleft {
display:block;
float:left;
margin:5px;
padding:1px;
border:1px solid #999;
}

.imgcenter {
display:block;
text-align:center;
margin:5px auto;
padding:1px;
border:1px solid #999;
}

.grey {
background-color:#DDD;
}

.ku {
font-style:italic;
}

.uline {
text-decoration: underline;
}