/* Internet Ideen Fabrik CSS | Layout Erstellung */
/* ############################################################## */

#mainwrapper {
	width: 940px;
	margin: 5px auto 0 auto;
	text-align: left;
	position: relative;
	background-image: url('../grafik/main_bg.gif');
	background-repeat: repeat-y;

}

#contentwrap {

	overflow: hidden;
}

#logo,
#logo a,
#logo a:link, 
#logo a:visited {
	margin: 0 0 0 0;
	display: block;
	width: 200px;
	height: 130px;
	background-image: url('../grafik/iif_logo.jpg');
	background-repeat: no-repeat;
}

#logo a:active, #logo a:focus {
background-image: url('../grafik/iif_logo.jpg');
border-bottom: 3px solid #D87E00;
}

#content  {
	margin: 20px 20px 20px 0;
	float: right;
	width: 490px;
	overflow: visible;
}

#content li {
	LIST-STYLE-POSITION: outside;
	MARGIN: 0px 0px 0px 25px
}


#content P {
	LINE-HEIGHT: 1.5em;
	MARGIN: 10px 0px;
	font-size: 0.8em;
}


#columnleft {
	margin: 0 0 0 200px;
	width: 200px;
	display: block;
}

#footer {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 1.4em;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: url(../grafik/bg_footer.jpg) #cccccc;
	HEIGHT: 74px;
	COLOR: #616161;
	CLEAR: both;
	FONT-SIZE: 80%;
	PADDING-TOP: 0px;
	display: block;
}
.footer_rechts {
	padding: 20px 0 0 0;
	WIDTH: 520px;
	FLOAT: right;
	margin-right: 200px;
}
.footer_links {
	padding: 20px 0 0 0;
}

#werbebanner {
	position: absolute;
	width: 200px;
	z-index: 12;
	left: 0;
	height: 550px;
	top: 0;
}

#flashstartseite {
	margin-left: 10px;
}


#flash {
	DISPLAY: none;
}




/* CSS Menu Main  */
/* ############################################################## */

div#mainmenu {
	margin: 0px 0 0px 0;
	width: 200px;
	display: block
}

div#mainmenu a {
	text-decoration: none;
	font-size: 1.0em;
	height: 26px;
	color: #000000;
}

div#mainmenu a:hover {
	text-decoration: none;
	color: #000000;
}


ul.menu-level1 {
	list-style-type: none;


}

ul.menu-level1 a {
	text-decoration: none;
	display: block;
}



 
li.level1  {
	border-bottom: 1px #FFFFFF solid;
	background-color: #9DA4AA;
}



 
li.level1 a {
	BORDER-LEFT: #808080 15px solid;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #9da4aa;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 0px;
	COLOR: #000000;
	PADDING-TOP: 6px;
}




li.level1 a:hover {
	background: #ADB4B8;
	border-left: 15px #D87E00 solid;
	padding: 6px 0px 0px 15px;
}







li.level1-with-subpage {
	border-bottom: 1px #FFFFFF solid;
	background-color: #9DA4AA;
}




li.level1-with-subpage a {
	padding: 6px 0px 0px 15px;
	background-color: #9DA4AA;
	border-left: 15px #616161 solid;
	color: #000000;
	background: url('../grafik/pfeil_untermenue.gif') 0px 5px no-repeat;
}



li.level1-with-subpage a:hover{
	background: #ADB4B8;
	border-left: 15px #D87E00 solid;
	padding: 6px 0px 0px 15px;
	background: url('../grafik/pfeil_untermenue.gif') 0px 5px no-repeat;
}








li.level1-current {
	border-bottom: 1px #FFFFFF solid;
	background-color: #9DA4AA;
}



li.level1-current a {
	padding: 6px 0px 0px 15px;
	background-color: #9DA4AA;
	border-left: 15px #FF9D1A solid;
	color: #000000;
}


li.level1-current a:hover {
	background: #ADB4B8;
	border-left: 15px #D87E00 solid;
	padding: 6px 0px 0px 15px;
}



li.level1-active {
	border-bottom: 1px #FFFFFF solid;
	background-color: #9DA4AA;
}


li.level1-active a {
	padding: 6px 0px 0px 15px;
	background-color: #9DA4AA;
	border-left: 15px #FF9D1A solid;
	color: #000000;
}

li.level1-active a:hover {
	background: #ADB4B8;
	border-left: 15px #D87E00 solid;
	padding: 6px 0px 0px 15px;
}
















ul.menu-level2 {
	list-style-type: none;

}

ul.menu-level2 a {
	text-decoration: none;
	}


li.level2  {
	border-bottom: 1px #666666 solid;
	background: #FFFFFF;
	color: #000000;
	list-style-type: none;
}


li.level2 a {
	border-left: 0px #808080 solid;
	background: url('../grafik/menu_pfeil.png') no-repeat left;
	margin: 0px 0 0px 0px;
	padding: 6px 0px 0px 45px;
	color: #616161;
	font-size: 0.7em;
}


li.level2 a:hover{
	border-left: 0px #808080 solid;
	background: #E2E2E2 url('../grafik/menu_pfeil_hover.png') no-repeat left;
	margin: 0px 0 0px 0px;
	padding: 6px 0px 0px 45px;
	color: #616161;
	font-size: 0.7em;

}



LI.level2-current A {
	BORDER-LEFT: #808080 0px solid;
	border-bottom: 1px #666666 solid;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 45px;
	PADDING-RIGHT: 0px;
	BACKGROUND: url('../grafik/menu_pfeil_hover.png') no-repeat left;
	COLOR: #616161;
	FONT-SIZE: 0.7em;
	PADDING-TOP: 6px;
	background-color: #FFFFFF;
	
	
}


li.level2-current a:hover {
	border-left: 0px #808080 solid;
	background: #E2E2E2 url('../grafik/menu_pfeil_hover.png') no-repeat left;
	margin: 0px 0 0px 0px;
	padding: 6px 0px 0px 45px;
	color: #616161;
	font-size: 0.7em;
}







/* CSS Menu Top */
/* ############################################################## */


#menu_top ul {
	FONT-SIZE: 0.9em;
	background: transparent;
	position: absolute;
	top: -3em;
	width: 100%;
	left: 0px;
	height: 2em;
	text-align: right;
}

#menu_top a {
	margin: 3px 10px;
	border-bottom: 3px #9DA4AA solid;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	display:block;
	float: right;

	
}	
#menu_top a:hover,
#menu_top a:active,
#menu_top a:focus {
	border-bottom: 4px #D87E00 solid;
	color: #FFFFFF;
}
/* ############################################################## */