/* 	Layout CSS
	(c) by Andreas Riedl
*/
	



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

body {
	margin:0;
	font-family: verdana,tahoma; 
	background-image:   url("../pic/design/big_green.jpg");
	background-repeat:repeat-x;
	background-color:#ffffff;
}
/* ****************************************************************************** */
/* Schriftgr��en */

/* 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;
}


/* ****************************************************************************** */
/* Gesamtes Containerelement, welches alle Elemente enth�lt */
#wrap {
	width:50em; margin:0 auto;
	margin-top:1em;
	position:relative;
	border-width:0px;
	background-color:white;
}


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

#menu {
	border-width:0px;
	padding:0em;
	position:relative; 
	background-color:black;
}

	#menu_pic {
		width:50em;
	}

	#menu ul {
		position:absolute;
		margin-top:0em;
		padding-top:0.5em;		
		padding-bottom:0.8em;
		margin-left:1em;
		width:48em;
		overflow:hidden;
	}

	#menu ul li {
		padding:0.5em;
		display:inline;
		color:white;
		margin-left:-0.5em;
		margin-right:-0.5em;		
		
	}
	
	#menu ul li a {
		color:white;
		font-size:0.8em;	
		padding:0.7em 2em 1em 2em;
	}
	
	#menu ul li a:hover {
		background-color:#3ab54a;	
	}
	
	#menu ul li .selected {
		background-color:#3ab54a;	
	}
	
}


/* ************************************************* */
#submenu {
	border-width:0px;
	height:1.65em;
	padding:0em;
	position:relative; 
	background-color:#3ab54a;
}

	#submenu ul {
		position:absolute;
		padding-top:0.1em;		
		padding-bottom:0.2em;
		margin-left:1em;
		width:48em;
		overflow:hidden;
	}

	#submenu ul li {
		padding:0.5em;
		display:inline;
		color:white;
		margin-left:-0.8em;
		margin-right:-0.8em;		
		
	}
	
	#submenu ul li a, #submenu ul li a:visited {
		color:white;
		font-size:0.6em;	
		padding:0.7em 2em 1em 2em;
	}
	
	#submenu ul li a:hover {
	}

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

#header {
	position:relative; 
	background-color:white;
	
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#3ab54a;	
	
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#3ab54a;	
	overflow:hidden;
	height:7.1em;
}

#header_logo {
	width:24.5em;
}

#header_pic {
	width:15em;
	float:right;
}

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


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

#content_main {
	border-left-width:1px;
	border-right-width:1px;	
	border-top-width:1px;	
	border-bottom-width:0px;	
	border-style:solid;
	border-color:#3ab54a;	
	background-color:#dbf2de;
	padding-bottom:2em;
	overflow:auto;
}

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

#navigation a{
	color:#AAA;
}

/* ************************************************* */
#content_left {
	width:32em;
	margin-left:0.5em;
	float:left;
}

.content_center {
	width:48.5em;
	margin-left:0.5em;
}

	#content_left .topic, .content_center .topic {
		border-color:#3ab54a;	
		border-width:1px;
		border-style:solid;
		background-color:white;
		margin-bottom:1em;
	}
	
	#content_left .topic h1, .content_center .topic h1{
		background-color:#3ab54a;
		padding:0.2em;
		font-size:0.8em;
		color:white;
	}
	
	#content_left .topic .content, .content_center .topic .content {
		padding:1.6em;
		font-size:0.9em;
		text-align:center;
	}
	
	
	#content_left .topic .content p,
	#content_left .topic .content h2,
	.content_center .topic .content p,
	.content_center .topic .content h2

	{
		font-size:0.9em;
		text-align:left;
	}


	
	#content_left .topic .content .pic,
	.content_center .topic .content .pic {
		width:100%;
	}
	
	#content_left .topic .content a,
	.content_center .topic .content a {
		color:#3ab54a;
	}
	
	#content_left .topic .content hr,
	.content_center .topic .content hr {
		vertical-align:middle;
		overflow:hidden;
		border:0 none;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#3ab54a;
		margin-top:1em;
		margin-bottom:2em;
	}

/* ************************************************* */
	#content_left .subtopic {
		float:right;
		border-color:#3ab54a;	
		margin-left:1em;
		margin-bottom:0.3em;
		width:11em;
		border-width:1px;
		border-style:solid;
		background-color:#c0e8c6;
		overflow:hidden;
	}
	
	#content_left .subtopic .subcontent {

		font-size:0.8em;
		text-align:left;
		overflow:hidden;
	}
	
	#content_left .subtopic h1 {
		background-color:#3ab54a;
		margin-right:-0.5em;
	}
		
	#content_left .subtopic .subcontent a {
		margin-bottom:-1px;
		color:#3ab54a;
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#3ab54a;
		display:block;
		width:100%;
		padding:0.2em;
	}
	
	#content_left .subtopic .subcontent a:hover {
		background-color:white;	
	}
			

/* ************************************************* */
#content_right {
	width:12em;
	margin-left:37em;
}

	#content_right .topic {
		border-color:#f8931f;	
		border-width:1px;
		border-style:solid;
		margin-bottom:1em;
		background-color:#fac588;
	}
	
	#content_right .topic h1 {
		background-color:#f8931f;
		padding:0.2em;
		font-size:0.8em;
		color:white;
	}
	
	#content_right .topic .content {
		padding:1.6em;
		font-size:0.9em;
		text-align:center;
	}
	
	#content_right .topic .content hr {
		vertical-align:middle;
		overflow:hidden;
		border:0 none;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#f8931f;
		margin:1em;
	}
	
	#content_right .topic .content p
	{
		font-size:0.9em;
		text-align:center;
	}
	
	#content_right .topic .content h2
	{
		font-size:0.9em;
		text-align:left;
	}

	
	#content_right .topic .content a {
		color:#d57d17;
		text-align:left;
	}

/* ************************************************* */
#footer {
	position:relative; 
	background-color:#dbf2de;
	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#3ab54a;
	
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#3ab54a;	
	
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#3ab54a;	
	
	border-top-width:0px;
	
	margin-bottom:1em;
}

#footer #right {
	color:#444;
	font-size:0.5em;
	padding:0.4em;
	text-align:right;
}
/* ************************************************* */