/*************************
*   Seite zentrieren     *
*************************/
#centerpage {
	width: 990px;
	text-align: left; /* Zentrieren von body-Tag wieder aufheben */
	margin-right: auto;
	margin-left: auto;
	/*height: 724px;*/
	}

/*****************************
* Layout                     *
*****************************/

#centercontent {
	background-color: #fff98e;
	margin-top: 80px;
	/*margin-left: 150px;*/
	width: 950px;
	display: block;
	overflow: visible;
	border: 1px solid black;
}

#top, #main, #bottom, #heading, #footer {
	clear: left;
	width: auto;
	padding:0;
	margin:0;
}

#top {
	height: 160px;
	background-color: #fffee6;
}

.top_heading {
	float: right;
	margin-top: 125px;
	margin-right: 30px;
	font-size: 1.3em;
	font-weight: bold;
}

#main {
	background-color: #fff98e;
	clear: left;
	height: auto;
	min-height: 400px;
	max-height: 400px;
	text-align: left;
	padding-top: 10px;
}

/*****************************
* Zweispaltig                *
*****************************/

/* Bild */

#main_image {
	background-color: #fff98e;
	text-align: center;
	width: 350px;
	float: left;
	padding: 10px;
	padding-top: 50px;
}

#main_image img {
	border: 1px solid #000;
}

/* Text */

#main_content {
	background-color: #fff98e;
	width:480px;
	height: 400px;
	float:left;
	padding:10px;
	font-size:0.9em;
	margin-left: 40px;
	overflow: auto;
}

/* Clearer */

.clearer{
	float:none;
	clear:both;
}

#bottom {
	height: 75px;;
	background-color: #fff98e;
	background: url(../images/bottom_background.jpg) repeat-x;
}

#footer {
	text-align: right;
	padding-right: 40px;
	padding-top: 5px;
}

#footer a {
	font-size: 0.8em;
	font-weight: normal;
	color: #6e6e6e;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*
	Navigation
*/

ul#navi {
	list-style: none;
	margin: 0px 0px 0px 40px;
	padding: 0;
}
ul#navi li {float: left; }

/* Sprite gfx background */
ul#navi li a {background-image: url(../images/navigation.png); background-repeat:no-repeat; display:block; overflow:hidden;text-indent:999em; white-space:nowrap; height: 75px; width: 150px;}

/* Initial state */
ul#navi li#n_verein a { background-position: 0px 0px; }
ul#navi li#n_mitglieder a { background-position: -150px 0px; }
ul#navi li#n_vorstand a { background-position: -300px 0px; }
ul#navi li#n_projekte a { background-position: -450px 0px; }
ul#navi li#n_termine a { background-position: -600px 0px; }
ul#navi li#n_links a { background-position: -750px 0px; }

/* Active & Hover state */

ul#navi li#n_verein a:hover, ul#navi li#n_verein.current a,ul#navi li#n_verein.over a {background-position: 0px -75px;}
ul#navi li#n_mitglieder a:hover, ul#navi li#n_mitglieder.current a,ul#navi li#n_mitglieder.over a {background-position: -150px -75px;}
ul#navi li#n_vorstand a:hover, ul#navi li#n_vorstand.current a,ul#navi li#n_vorstand.over a {background-position: -300px -75px;}
ul#navi li#n_projekte a:hover, ul#navi li#n_projekte.current a,ul#navi li#n_projekte.over a {background-position: -450px -75px;}
ul#navi li#n_termine a:hover, ul#navi li#n_termine.current a,ul#navi li#n_termine.over a {background-position: -600px -75px;}
ul#navi li#n_links a:hover, ul#navi li#n_links.current a,ul#navi li#n_links.over a {background-position: -750px -75px;}

/* Submenu width */

ul#navi ul.submenu li a {background-image: none; display:block; overflow:hidden;text-indent:0; white-space:nowrap; height: 75px; width: 160px;}

/*---------*/
/* Submenu */
/*---------*/

/* Default list styling */

#navi li:hover {position:relative;}

/* keep the 'next' level invisible by placing it off screen. */
#navi ul,
#navi li:hover ul
{position:absolute; left:-9999px; top:-9999px;  height:0; margin:0; padding:0; list-style:none;}

#navi li:hover ul
{left:0; bottom:75px; top:auto; background: #fffee6; padding:3px; border:1px solid #000; white-space:nowrap; width:auto; height:auto; z-index:300;}
* html #navi li:hover ul {width:0;}
#navi li:hover ul li
{display:block; position:relative; float:left; font-weight:normal; background:#fffee6; clear:left;}
#navi li:hover ul li a
{display:block; font-size:11px; height:20px; line-height:20px; padding:0 5px; color:#000; text-decoration:none;}
#navi li:hover ul li a:hover {text-decoration:underline; background: #fff98e;}