/* 	Layout CSS
	(c) by Orange Networks GmbH
*/
	



/* ****************************************************************************** */
/* Allgemeine Layoutobjekte */
* {
	padding: 0;
	margin: 0;
}

body {
	margin:0;
	font-family: verdana,tahoma; 
	background-image:   url("../pic/design/background.png");
	background-repeat:repeat-x;
	background-color:#d88012;
}
/* ****************************************************************************** */

/* Links */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

/* p */
p {font-size: 0.8em;font-weight:normal;}

/* �berschriften */
h1 {font-size: 1.4em;}
h2 {font-size: 1.0em;}
h3 {font-size: 0.9em; }
h4 {font-size: 0.9em;}
h5 {font-size: 0.8em;}


img {
	border-width:0px;
}


.clear {
	clear:both;
}


/* ****************************************************************************** */

#topper {
	width:100%;	
	margin-top:0em;
	position:relative;
	border-width:0px;
	background-color:#778888;
}

	#topper_menu {
		width:980px;
		text-align:right;
		margin:0 auto;
		overflow:hidden;
	}
		
	#topper_menu ul {		
		width:600px;
		margin-left:380px;
		overflow:hidden;
	}

	#topper_menu ul li {
		padding-left:0.5em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		display:inline;
		color:white;
		float:right;
		overflow:hidden;
	}
	
	#topper_menu ul li a {
		color:#fff;
		font-size:0.8em;	
		padding-left:1.5em;
		padding-right:1.5em;
		background-color:#778888;
		overflow:hidden;
	}
	
	#topper_menu ul li a:hover {
	}
	


/* ************************************************* */
#logo {
	width:auto;
	z-index:1000;
	margin-top:1.0em;
	margin-left:0.5em;
	margin-bottom:-5.5em;
	position:relative;
}

	

/* Gesamtes Containerelement, welches alle Elemente enth�lt */
#wrap {
	width:980px; margin:0 auto;
}

#menu {
	position:relative; 
	background-color:white;
	margin-top:4em;
	width:600px;
	margin-left:380px;
	overflow: hidden;
	border-width:0px;
}

	#menu ul {
		padding-top:0.5em;		
		overflow:hidden;
		border-width:0px;
	}

	#menu ul li {
		padding-left:0.1em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		display:inline;
		color:white;
		float:right;
		font-weight:bold;
		text-transform:none;

	}
	
	#menu ul li a {
		color:#d88012;
		font-size:0.9em;	
		letter-spacing:1px;
		padding-left:1.3em;
		padding-right:1.3em;
		padding-top:1em;
		padding-bottom:1em;
	}
	
	#menu ul li a:hover {
		background-color:#d88012;
		color:#fff;
		text-decoration:none;
	}
	
	#menu ul li .selected {
		background-color:#d88012;	
		color:#fff;

	}


/* ************************************************* */

#header {
	padding-top:0.4em;
	margin-top:0em;
	margin-bottom:0.4em;
	background-color:#d88012;
}

#header .header_logo {
	position:relative;
	border-width:0px;
}

#header2 {
	padding-top:0.4em;
	padding-bottom:0.4em;
	margin-bottom:0.4em;
	background-color:#d88012;
}


#header2 .header_submenu {
	position:relative;
	border-width:0px;
}

	#header2 .header_submenu ul {		
		overflow:hidden;
		padding-left:0.5em;
	}
	
		#header2 .header_submenu ul li {
			padding-left:0.1em;
			padding-top:0.5em;
			padding-bottom:0.5em;
			display:inline;
			color:white;		
		}
		
		#header2 .header_submenu ul li a {
			color:white;
			font-size:0.8em;	
			letter-spacing:1px;
			padding-left:1.3em;
			padding-right:1.3em;
			padding-top:1em;
			padding-bottom:1em;
		}
		
		#header2 .header_submenu ul li a:hover {
			text-decoration:underline;
		}



#header #header_logo img {
	display: block;
	width:100%;
	height:auto;
}

#header_flash {
	border-width:0px;
}



/* ************************************************* */


/* ************************************************* */

#content_main {
		background-color:#FFF1C6;
	/*background-color:#FFF1C6;*/
	overflow:hidden;
	border-width:0px;
	position:relative;
}

#navigation {
	color:#AAA;
	font-size:0.7em;
	padding:0.3em;
	}

#navigation a {
	color:#AAA;
	text-decoration:underline;
}

/* ************************************************* */

#content_left {
	width:45em;
	margin-left:0em;
	float:left;
	background-color:#FEF8E9;
}

#content-navigation_left {

}


#content-inner_left	{
	margin-left:1.5em;
	margin-right:1.5em;
}




#content_left a{
	color:#d88012;
}
	
	
	#content_left hr {
		vertical-align:middle;
		border:0 none;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#d88012;
		margin-top:1em;
		margin-bottom:1em;
			}


	#content_left .topic {	
	}
	
	#content-topic50 {
		margin-top:0.3em;
	}

	#content_left .topic50first {
	margin-right:1.5em;
	}
	
	#content_left .topic50middle {
	margin-right:1.5em;
	}

	
	#content_left .topic50last {
	}

	
	#content_left .topic50 {
		float:left;
		width:12.8em;
		height:auto;
	}
	
	
	/*********/
	#content-topic2 {
		margin-top:0.3em;
	}

	#content_left .topic2first {
	margin-right:1.5em;
	}
	

	
	#content_left .topic2 {
		float:left;
		width:20em;
		height:auto;
	}

	/*********/

	#content_left h1 {
		font-size: 1.2em;
		padding-top:1em;
		padding-bottom:1em;	
		text-transform:uppercase;
		letter-spacing:2px;
		color:#d88012;
	}
	
	#content_left p{
		line-height:1.6em;
	}

	
	#content_left .topic h2 {
		font-size: 0.9em;
		padding-top:1em;
		padding-bottom:0.5em;	
		letter-spacing:0px;
		color:#d88012;
	}

	
	#content_left .topic .content {
		line-height:1.6em;
	}

	
	#content_left .topic .content > .pic{
		width:32em;
	}
	
	#content_left .topic .content a{
		color:#d88012;
	}
	
	#content_left .topic .content hr {
		vertical-align:middle;
		overflow:hidden;
		border:0 none;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#d88012;
		margin-top:1em;
		margin-bottom:2em;
	}
	
	#content_left .submenu {
		margin-left:0em;
		margin-right:0em;
		margin-bottom:0.4em;
	}
	
	#content_left .submenu ul {
		font-size:0.8em;
		text-align:left;
		list-style-type:none;
		list-style-position:outside;
	}
		
	#content_left .submenu ul li {
		text-transform:none;
		line-height:2em;
		background-image:url("../pic/design/pfeil_hell.png");
		background-repeat:no-repeat;
		background-color:transparent;
		background-position: 2px 10px;
	}
	

	#content_left .submenu ul li a {
		margin-bottom:0px;
		color:#d88012;
		display:block;
		padding: 0.4em 0.4em 0.4em 1.4em;
	}
	
	#content_left .submenu ul li p {
		margin-bottom:0px;
		display:block;
		padding: 0.4em 0.4em 0.4em 2em;
		font-size: 1.0em;font-weight:normal
	}



/* ************************************************* */
	#content_right .submenu {
		margin-left:1em;
		margin-right:1em;
		width:14em;
		margin-bottom:1em;
	}
	
	#content_right .submenu ul {
		font-size:0.8em;
		text-align:left;
		list-style-type:none;
		list-style-position:outside;
	}
	
	#content_right .submenu ul .selected {
		/*background-color:#d88012;*/
		font-size:0.9em;
		padding:0.2em;
		color:white;
	}
		
	#content_right .submenu ul li {
		text-transform:none;
		line-height:2em;
		background-image:url("../pic/design/pfeil.png");
		background-repeat:no-repeat;
		background-color:transparent;
		background-position: 2px 10px;
		
	}
	

	#content_right .submenu ul li a {
		margin-bottom:0px;
		color:#d88012;
		display:block;
		padding: 0.4em 0.4em 0.4em 2em;
	}
	
	#content_right .submenu ul li p {
		margin-bottom:0px;
		color:#d88012;
		display:block;
		padding: 0.4em 0.4em 0.4em 2em;
		font-size: 0.9em;font-weight:normal
	}

	
	#content_right .submenu ul li a:hover {
	}
			

/* ************************************************* */
#content_right {
	margin-left:45em;
	background-color:#FFF1C6;
}

	#content_right h1{
		padding-left:1em;
		padding-right:1em;
		font-size:0.9em;
		letter-spacing:1px;
		text-transform:none;
		color:#000;
	}

	#content_right .topic {
		padding-left:1em;
		padding-right:1em;
		overflow:hidden;
	}
	
		
	
	#content_right .topic p
	{
		font-size:0.8em;
		letter-spacing:0px;
		text-align:left;
		margin-bottom:0.5em;
	}
	
	#content_right .topic img
	{
		margin-right:0.5em;
		margin-bottom:0.3em;	
	}

	
	#content_right hr {
		vertical-align:middle;
		overflow:hidden;
		border:0 none;
		border-bottom-style:solid;
		border-bottom-width:3px;
		border-bottom-color:#d88012;
		margin-left:0.5em;
		margin-right:0.5em;
		margin-top:0.5em;
		margin-bottom:0.5em;
	}


/* ************************************************* */
		



/* ************************************************* */
#footer {
	position:relative; 
	width:100%;	
	margin-top:0em;
	position:relative;
	background-color:#d88012;
	padding-top:1em;
	padding-bottom:1em;
}
	#footer_left {
		float:left;
		width:35em;
	}
	
	#footer_right {
		margin-left:35em;
		text-align:right;
	}

/* ************************************************* */