/* css 'matter-of-fact.cc', by Arclite Felber */
/* All associated graphics copyright 2008, matter-of-fact.cc */


/* Important! */
/* This design isn't a template. It is not permitted to reproduce it elsewhere without the 
   designer's written permission. But it is not forbidden to study and apply the learned. */


/* Layout */

body
	{	
		margin: 0;
		padding: 0;
		min-width: 1010px;
		font: 80% arial; text-align: justify; color: #333;
		background-color: black;
	  	background-image: url(../picture/background7.png); 
		background-repeat: repeat-x;
	}

#container
	{	
		margin: auto;
		width: 1000px;
	}

#site
	{
		width: 1000px;
		border-top: 1px solid gray;
		border-left: 1px solid gray;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		background-image: url(../picture/header2.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-color: white;
	}

#site_m
	{
		width: 1000px;
		border-top: 1px solid gray;
		border-left: 1px solid gray;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		background-image: url(../picture/header3.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-color: white;
	}

#titel
	{
		height: 20px;
		background-image: url(../picture/matteroffact.png);
		background-position: right; margin: 10px 50px 0px 50px;
		background-repeat: no-repeat;
	}

#top_anchor
	{
		height: 270px;
	}

#inhalt
	{
		background-color: white;
		margin: -10px 20px 0px 20px;
		padding: 10px 20px 10px 20px;
		border-top: 1px solid #EAEAEA;
		border-left: 1px solid #EAEAEA;
		border-right: 2px solid #EAEAEA;
		border-bottom: 2px solid #EAEAEA;
		line-height: 165%;
	}

#inhalt_fix
	{
		height: 650px; width: 480px; float: left;
		background-color: white;
		margin: -10px 0px 0px 20px;
		padding: 10px 20px 10px 20px;
		border-top: 1px solid #EAEAEA;
		border-left: 1px solid #EAEAEA;
		border-right: 2px solid #EAEAEA;
		border-bottom: 2px solid #EAEAEA;
		line-height: 165%;
	}

#inhalt_fix_d
	{
		height: 650px;
		background-color: white;
		margin: -10px 20px 0px 20px;
		padding: 10px 20px 10px 20px;
		border-top: 1px solid #EAEAEA;
		border-left: 1px solid #EAEAEA;
		border-right: 2px solid #EAEAEA;
		border-bottom: 2px solid #EAEAEA;
		line-height: 165%;
	}


#inhalt_fix_2
	{
		height: 2650px;
		background-color: white;
		margin: -10px 20px 0px 20px;
		padding: 10px 20px 10px 20px;
		border-top: 1px solid #EAEAEA;
		border-left: 1px solid #EAEAEA;
		border-right: 2px solid #EAEAEA;
		border-bottom: 2px solid #EAEAEA;
		line-height: 165%;
	}

#bottom_banner
	{
		clear: both; height: 40px;
		text-align: right; padding: 24px 10px 0px 0px; word-spacing: 7px;
	}	
#links
	{
		margin-top: 29px; padding-left: 10px;
		text-align: left; word-spacing: 4px;
		font-size: 14px;
	}

#footer
	{
		background-image: url(../picture/footer.jpg); background-repeat: no-repeat;
		clear: both; margin-top: 0px;
		color: #FCFCFC; text-align: left;
		height: 130px; width: 1000px;
	}
/*_______________________________________________________________________________________________________________________*/


/* Startseite */

#vision
	{
		margin: -10px 0px 0px 20px; float: left;
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 385px; height: 400px;
		padding: 10px 10px 10px 10px;
		text-align: left;
		line-height: 165%;
	}
* html	#vision{width: 405px;}

#news
	{
		margin: 10px 20px 0px 0px; float: right;
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 480px;
		padding: 10px;
	}
* html	#news{width: 500px;}

#anker	{	height: 1px; clear: both;	}

#allg_infos
	{
		margin: 10px 0px 15px 20px; float: left;
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 385px;
		padding: 10px;
	}
* html	#allg_infos{width: 405px;}

#entwicklung
	{
		margin: -70px 20px 5px 0px; float: right;
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 480px;
		padding: 10px;
	}
* html	#entwicklung{width: 500px;}
/*_______________________________________________________________________________________________________________________*/


/* Archiv */

#title
	{
		margin: -30px 0px 30px 50px; clear: both;
	}

#a_news
	{
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 600px;
		padding: 10px;
		margin: -10px 20px 20px 0px;
		float: right;
	}

#history
	{
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 230px;
		padding: 10px;
		margin: 0px 0px 20px 20px;
		float: left;
	}
/*_______________________________________________________________________________________________________________________*/


/* Links */

#partner
	{
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 230px;
		padding: 10px;
		margin: 0px 0px 0px 30px;
		float: left;
	}

#e_links
	{
		border: 1px solid #EAEAEA;
		background-color: white;
		width: 640px; height: 900px;
		padding: 10px;
		margin: -20px 10px 0px 0px;
		float: right;
	}
/*_______________________________________________________________________________________________________________________*/


/* Sitemap */

.sitemap a
	{text-decoration: none; color: #020202;}
	.sitemap2 a
	{text-decoration: none; margin-left: 30px; color: #020202;}
	.sitemap3 a
	{text-decoration: none; margin-left: 60px; color: #020202;}

#inhalt_s
	{
		background-color: white;
		margin: -10px 200px 0px 200px;
		padding: 0px 20px 10px 20px;
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
	}
/*_______________________________________________________________________________________________________________________*/


/* Weitere Layers */

#suche
	{
		float: right; margin: 30px 50px 0px 0px;
	}

iframe
	{
		border-width: 0px;
	}

.textbox_right
	{
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 220px;
		padding: 10px;
		margin: 20px 10px 0px 30px;
		float: right;
	}

.textbox_right_gross
	{
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: white;
		width: 280px;
		padding: 10px;
		margin: 20px 10px 0px 30px;
		float: right; text-align: left;
	}

.textbox_right_breit
	{
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background-color: #FFF8E6;
		width: 330px;
		padding: 10px;
		margin: -60px 10px 0px 30px;
		float: right; text-align: left;
	}
/*_______________________________________________________________________________________________________________________*/


/* Bilder */

img
	{
		border-style: none;
	}

.image_right
	{
		float: right;
		padding: 2px;
		margin: 0 0 10px 10px;
		display: block;
		background-color: white;
	}

.image_left
	{
		float: left;
		padding: 2px;
		margin: 0 0 10px 10px;
		display: block;
		background-color: white;
	}

.image_kontakt
	{
		float: right;
		margin: 0px 100px 0px 0px;
	}

.imageborder
	{
		border: 1px solid black;
	}

.box
	{
		padding: 0px;
		margin: 0px;
	}

.box div
	{
		display:none;
	}

.box:hover div
	{
		display: block;
		position: absolute; left: 250px;
	}

.rss_bild	{position: relative; top: 3px;}
.rss_button	{position: relative; top: -22px; left: -12px; float:right;}
.privacy a:link	{float:right; color: #333;}
.privacy a:visited	{float:right; color: #333;}
/*_______________________________________________________________________________________________________________________*/


/* Überschriften */

h1
	{
		color: #020202;
		font-size: 140%;
		font-weight: bold;
		font-variant: small-caps;
		margin-bottom: 7px;
	}
h2
	{
		font-size: 120%;
		color: #020202;
		font-weight: bold;
		font-variant: small-caps;
		margin-top: 30px;
		margin-bottom: 5px;
	}
h3
	{
		color: #874400;
		font-weight: bold;
		font-size: 110%;
		margin-bottom: 2px;
	}
h4
	{
	}
h5
	{
	}
/*_______________________________________________________________________________________________________________________*/


/* Link-Formatierungen */


a:link
	{
		color: #AE672C;
	}

a:visited
	{
		color: gray;
	}
	
a:hover, a:focus
	{
		color: #E12D00;
	}

a:active
	{
		color: #E12D00;
	}

.linker a:link
	{
		color: #FCFCFC;
	}

.linker a:visited
	{
		color: #FCFCFC;
	}
	
.linker a:hover, .linker a:focus, .linker a:active
	{
		color: #FFCB50;
	}
/*_______________________________________________________________________________________________________________________*/


/* Grafische Erweiterungen */

.contentbanner
	{
		background-image: url(../picture/contentbanner6.jpg);
		background-repeat: repeat-x;
		height: 28px;
		line-height: 135%;
		
		text-align: left; padding-left: 15px;
		font-size: 19px; font-variant: small-caps; font-weight: bold; color: #FCFCFC;
	}

.archiv
	{
		float: right; text-align: left; width: 45px;
	}

hr	{	float: left;	}

p	{	margin-top: 15px; margin-bottom: 15px;	}

/*_______________________________________________________________________________________________________________________*/


/* Listen */

li	{	margin-bottom: 10px;	}

.square	{	list-style-type: square;	}
.dezimal{	list-style-type: decimal;	}
.none	{	list-style-type: none;		}
.marginleft {	margin-left: 30px;	}
.marginleftgross {	margin-left: 60px;	}

/*_______________________________________________________________________________________________________________________*/


/* Werbung */

#ad_banner
	{
		position: absolute; left: 50%; top: 100px; margin-left: 520px;
	}

#adsense
	{
		clear: both;; text-align: center; margin-bottom: 0px;
	}

#adsense_links
	{
		float: left; margin: 10px;
	}

#adsense_links_2
	{
		float: left; margin: 10px 0px 20px 30px;
	}