/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	outline:0;
	

}


body
{
    height:101%;
    background: #fff url(../image/body-bg.jpg) center top no-repeat;
   
    
}

#contentwrapper {
    width: 800px; 
    margin: 30px auto 0px auto;
    padding: 20px;
    background:  url(../image/content-bg.gif) 0 0 repeat-x;

}

.clear {
    clear: both;
}

p {
    font: 14px/20px "Trebuchet MS", Arial, sans-serif;
    color: #334;
    text-align: justify;
}

a { color: #0044FF }



h2 {                          
    color: #dde;     
    color: #3A97FF;
    color: #0089ff;
    font:bold 36px/50px "Trebuchet MS","Arial Black",Gadget,sans-serif;
    letter-spacing:-3pt;
    border-bottom: 3px solid #fff;
    margin: 0 0 15px 0;
   
}




#logo {
    position: absolute;
    top: 20px; right: 0px;
   
}

#header {
    position: relative;    /* logo-position*/
    width: 850px; height: 100px;
    margin: 0px auto 20px auto;
    border: 0px solid red;   
}

#footer {
    width: 880px; 
    margin: 40px auto; padding: 30px 0 0 0 ;
    text-align: center;
    color: #aab; font: 12px arial;
    background: url('../image/footer.jpg') -20px 0px no-repeat;
    
}
    
/* Navigation im Menü */
#nav {
	position: absolute; bottom: 0px; left: 0px;
	list-style: none; 
	margin: 0px ; padding: 0px;
}
#nav li {
	float: left;
	display: inline;
	margin: 0 30px 0 0;
}
#nav li a {
	color: #eef; 
	text-decoration: none;
	font: normal 14px/14px Georgia, Times, serif;
	font: bold 16px/15px "Trebuchet MS", Arial,  sans-serif;
}
/* #nav li.active a, #nav li a:hover {color: #fff; } 
#nav li.active { border-bottom: #00a8ff solid 2px; } blue*/

#nav .active a { border-bottom: #fff solid 3px; color: #fff; }
#nav a:hover { border-bottom: #fff solid 3px; color: #fff; }

/* No Javascript */
#noscript{ margin: 0 0 20px 0; overflow:auto; display: block; width: 630px; height: 150px; border: 1px solid #ff0033; -moz-border-radius:8px; padding: 20px 20px 10px 150px; background: #f8bdbd url('../image/alert.gif') 25px center no-repeat;}
#noscript h1 { color: red; font:bold 20px/20px "Arial Black", sans-serif; color:#cc0033; border-bottom:1px solid #cc0033 }
#noscript h2 { margin: 5px 0px; letter-spacing: 1px; color: red; font:bold 16px/20px sans-serif; color:#cc0033; text-decoration: underline; border:none; }
#noscript p { color: #000; margin: 10px 0px;}
#noscript ul {margin: 0px; list-style:none outside none;}
#noscript ul li { padding-left: 25px; font: normal 12px/20px "Trebuchet MS", arial; color: #223;background: url("../image/bullet_red.gif") 15px 8px no-repeat;}