/* 	Layout CSS
	(c) by Andreas @ maier24.net
	
	Letzte Änderung: 05.04.2008
*/
	

/* Diese CSS beinhaltet
	- Allgemein
	- Header
	- Content
	- Navigation
	- Footer
-*/



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

body {
	margin:0;
	font-family: verdana,tahoma; 
	background-color:#000000;
}
/* ****************************************************************************** */
/* Schriftgrößen */

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

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


/* Überschriften */
h1 {font-size: 1.4em;}
h2 {font-size: 1.0em;}
h3 {font-size: 0.9em; }

h1, h2, h3, b {
	color:#b02d2d;
}

img {
	border-width:0em;
}



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



/* ****************************************************************************** */
/* Gesamtes Containerelement, welches alle Elemente enthält */
#wrap {
	width:52em; margin:0 auto;margin-top:1em;
	position:relative;
	border-width:1px;
	border-style:solid;
	border-color:#333030;
}

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

#header {
	position:relative; 
}
	#header_text {
		height:1em;
		background-color:#333030;
		color:#FFFFFF;
		font-size:0.7em;
		padding:0.5em;
	}
	
	#header_logo {
		
	}


/* Navigationsleiste */

#navbar {
	height:1.65em;
	position:relative; 
	margin-left:0.88em;
	margin-right:1em;
	margin-top:1em;
	margin-bottom:-2px;
	width:50em;
}

	#navbar li {
		display:inline;
		position:relative;
		padding:0.2em;
		margin-right:-1px;
		font-size:0.7em;
		color:#FFFFFF;
		float:left;
	}
	
	
		#navbar li a, #navbar a:link, #navbar a:active, #navbar a:visited {
			text-decoration:none; 
			position:relative;
			color:#FFFFFF;
			padding:0.4em;
			border-width:1px;
			border-style:solid;
			border-color:#000000;
		}
		
		

		#navbar a.selected {
			background-color:#840f10;
			border-color:#333030;
		}		
		
		#navbar a:hover {
			text-decoration:underline;
			background-color:#840f10;
			border-color:#FFFFFF;
		}
		


	
		

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

#content {
	width:49.8em;
	position:relative;
	color:#FFFFFF;
	margin-left:1em;
	margin-right:1em;
	border-width:1px;
	border-style:solid;
	border-color:#333030;
}
	#content_navi{
		position:absolute;
		margin-left:1.4em;
		margin-top:0.5em;
		font-size:0.6em;
	}
	
	.content_text, .content_text_black {
		position:absolute;
		background-color:#333030;
		border-width:1px;
		border-style:solid;
		border-color:#000000;
		margin-left:1em;
		margin-right:1em;
		padding:1em;
		font-size:0.8em;
	}

	.content_text {
		filter: alpha(opacity=90);
		opacity:0.9;
	}
	
	.content_text_black {
		filter: alpha(opacity=100);
		opacity:1;
	}
	
	#navi_left, #navi_right {
		position:absolute;
		margin-left:0em;
		border-width:1px;
		border-style:solid;
		border-color:#333030;
		background-color:#840f10;
		padding:0.5em;
		font-size:0.6em;
	}
	
		#navi_left {
			bottom:-1px;
			left:-1px;
		}
	
		#navi_right {
			bottom:-1px;
			right:-1px;
		}

	
/***************************************************************************** */
/* Alle Elemente im Footer */

	
div#footer, div#footer_black {
	margin-top:0.5em;
	padding-top:2em;
	background-repeat:repeat-x;
	width:100%;
	height:3.5em;
	font-size:0.6em;
	color:#FFFFFF;
	text-align:center;
}

div#footer {
	background-image:   url("../pic/pic_bottom.jpg");
}

div#footer_black {
	background-image:   url("../pic/pic_bottom_black.jpg");
}


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


