/*** DESIGN AND LAYOUT TAKEN OVER FROM http://css.maxdesign.com.au/floatutorial* THANKS FOR THAT GREAT TUTORIAL* TEMPLATE TUTORIAL (c) 2007 by C. Sommer (doc) for http://websitebaker.org*//* DEFINIERTE STARTWERTE FÜR ALLE HTML-ELEMENTE */
* {
	margin: 0;
	padding: 0;
}
/* Weißer HINTERGRUND FÜR DIE BROWSERSEITE */
html, body {
	background-color: #FFFFFF;
}

a:link, a:visited, a:active {
	color: #ff6600;
	text-decoration: none;
}
a:hover {
	color: #ff6600;
	text-decoration: underline;
}
/***************************************************************** NACHFOLGENDE DIV TAGS LEGEN DAS AUSSEHEN DER WEBSEITE FEST* BANNER, 2 x NAVIGATION, INHALT MITTE, NEWS RECHTS, FUSSZEILE****************************************************************/
#container1 {
	width: 992px;
	margin: 10px auto;
	background-image: url(http://bielefelder-ideenwerkstatt.de/media/Seite/header.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#container2 {
	width: 780px;
	margin: 0px auto;
	line-height: 130%;
	border-width: 1px;
	border-style: solid;
	border-color: #999966;
}
#banner {
	width: 780px;
}
#Freiraum {
	height: 20px;
}
#Hauptnavi {
	float: left;
	width: 169px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#Rechts {
	float: right;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;

}
#inhalt {
	margin-left: 180px;
	margin-right: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-top: 4px;
}

#inhalt2 {
	margin-left: 180px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-top: 4px;
}

#fusszeile {
	clear: both;
	background-color: #f4f2e6;
	border-top-color: #999966;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 4px;
	padding-right: 4px;
}

.fuss {
	color: #6b6950;
}

/*************************************************************************** NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES OBEREN MENÜS* AUSRICHTUNG, KEINE LISTENSYMBOLE, AKTIVE ELEMENTE IN WEISSER SCHRIFT***************************************************************************/
#fusszeile a{
	color: #6b6950;
	font-weight: normal;
	text-decoration: none;
}
#fusszeile a:hover{
	color: #ff6600;
	text-decoration: none;
}

#fusszeile .menu-current a {
	font-weight: bold;
	color: #ff6600; 	 
}

/*************************************************************************** NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES HAUPTMENÜS* KEINE LISTENSYMBOLE, ABSTÄNDE ZU DEN RÄNDERN**************************************************************************/

.menu{

}

.menu li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}



.menu a:link, .menu a:visited, .menu a:active {
	padding: 4px 10px 4px 10px;
	color: #000000;
	display: block;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}

.menu a:hover {
	text-decoration: none;
	color: #ff6600;
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}
.menu a.menu_current {
	font-weight: bold;
	color: #ff6600; 	 
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}

.menu ul ul a:link, .menu ul ul a:visited, .menu ul ul a:active {
	padding: 4px 10px 4px 20px;
	color: #000000;
	display: block;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;	
}

.menu ul ul a:hover {
	text-decoration: none;
	color: #ff6600;
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}
.menu ul ul a.menu_current {
	font-weight: bold;
	color: #ff6600; 	 
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}

.menu ul ul ul a:link, .menu ul ul ul a:visited, .menu ul ul ul a:active {
	padding: 4px 10px 4px 30px;
	color: #000000;
	display: block;
	text-decoration: none;
	font-weight: normal;
		background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;	
}

.menu ul ul ul a:hover {
	text-decoration: none;
	color: #ff6600;
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}
.menu ul ul ul a.menu_current {
	font-weight: bold;
	color: #ff6600; 	 
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}

.menu ul ul ul ul a:link, .menu ul ul ul ul a:visited, .menu ul ul ul ul a:active {
	padding: 4px 10px 4px 40px;
	color: #000000;
	display: block;
	text-decoration: none;
	font-weight: normal;
		background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;	
}

.menu ul ul ul ul a:hover {
	text-decoration: none;
	color: #ff6600;
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}
.menu ul ul ul ul a.menu_current {
	font-weight: bold;
	color: #ff6600; 	 
	background-image: url(../../media/Seite/button_hg.gif);
	background-repeat: repeat-x;
}

/*************************************************************************** NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES Inhalts**************************************************************************/

#inhalt h2 {
	color: #ff6600;
	font-size: 9pt;
	font-weight: bold;
}
#inhalt2 h2 {
	color: #ff6600;
	font-size: 9pt;
	font-weight: bold;
}