/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	height:100%; /* needed for container min-height */

}
body {
	margin:0;
	padding:0;
	background:url(../images/bg.gif) top;
	overflow-x:hidden;
overflow-y:scroll;
	font-family:arial,sans-serif;
	font-size:small;
	color:#000;
}

h1 { 
	font:30px Arial Black, Helvetica, sans-serif ;
	margin:0 0 30px 0;
	color:#000;
}

h2 {
	font:20px  Arial, Helvetica, sans-serif ; 
	font-weight:bold;
	margin:0 0 0.5em;
	color:#000;
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

a:link, a:active, a:visited {
	color: #fff;
	text-decoration:none;
}

a:hover {
	color: #000;
	text-decoration:none;
}
#wrapper {	background: url(../images/footer_bg.gif) bottom repeat-x; 
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%x;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#container {
	/*position:relative;  needed for footer positioning*/
	margin:0; /* center, not in IE5 */
	width:100%;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	padding:0;
	margin:0;
	height:175px;
	background:url(../images/obenlinks.png) top left no-repeat;
	text-align:right;
}

div#leftnav { width:250px; float:left; padding:0 0 0 50px;}
div#leftnav h3{
	margin:0; padding:0;
}

div#content2 {
	padding:0 0 20em 0; /* bottom padding for footer */ width:650px; margin-left:380px; }
	div#content2 img{ margin:0 10px 10px 0; border:#FFF solid 1px; }

div#content {
	padding:0 0 20em 0; /* bottom padding for footer */ width:650px; margin-left:380px; }
	div#content p {
	font-size:20px;
		text-align:left;
		padding:0;
	}
#clear { clear:both;}

div#footer {
	position:absolute;
	/*height:260px;*/
	bottom:0; /* stick to bottom */
	background: url(../images/untenrechts.png) bottom right no-repeat; 
	width:100%;
	text-align:left;
}
	div#footer p.right{
		color:#FFF;
		padding:230px 10px 0 0;
		margin:0;
		width:350px;
		float:right;}
	
		div#footer a, div#footer a:visited{ color:#FFF; text-decoration:none;}
		div#footer a:hover{ color:#FFF; text-decoration:underline;}
		
@charset "utf-8";
/* CSS Document */

/*sidenav*/
.urbangreymenu{
width: 215px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: 20px Arial Black, Helvetica, sans-serif;;
color: #000000;
background: #fff; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu h3{
font: 20px Arial Black, Helvetica, sans-serif;;
color: #000000;
background: #fff; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu h3 a{

color: #006600;
}
.urbangreymenu .headerbar a{
text-decoration: none;
color: #000000;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 35px; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 14px Arial;
color: black;
background: #fff;
display: block;
padding: 5px 0;
/*line-height: 17px;*/
padding-left: 5px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #006600;
background: #fff;
}

td { font-size:14px;}

#footer img{
    position:absolute;
    bottom:0px;
    width:374px;
    height:260px;
}