/* ### Allgemeine Einstellungen, Positionierung Globaaale mega Bereiche */
*	{
	margin:0;
	padding: 0;
	}

html	{
	height: 100%;
	}

body	{
	font-family: arial, verdana, sans-serif;
	font-size:88%;
	color:#000033;
	height: 100%;
	background-color:#000199;
	background-image:url(../siteImages/hintergrund.jpg);
	background-attachment:fixed;
	background-position:top;
	background-repeat:repeat-x;
	}


#inner	{
	margin-left:auto;
	margin-right:auto;
	width:50em;
	border:0px solid #fff;
	}

#header 	{
	height:118px;
	margin-left:auto;
	margin-right:auto;
	width:50em;
	background-image:url(../siteImages/verlauf.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	}

#top_nav
	{
   float:right;
   margin-top:86px;
	}
	
#logo 	 {
	margin-top: 18px;
	padding-left: 18px;
	float:left;
	}
	
#logo img	{
	border:none;
	}
	
#banner 	{
	height: 83px;
	width: 488px;
	float:left;
	margin-top:27px;
	margin-left: -74px;
	background-image:url(../siteImages/slogan.gif);
	background-repeat:no-repeat;
	}

#banner h1	{
	visibility:hidden;
	}

#content 	{
	margin-left:auto;
	margin-right:auto;
	width:50em;
	background-color: #eef;
	padding-top:14px;

	}

.fragen	{
	padding-left:28px;
	margin-left:28px;
	font-weight: bold;
	color: #067;
				/* siehe mal bei clear unten brrr */
	}

#impressum		{
	width: 28em;
	background-color:#fff;
	margin:1.2em;
	padding: 0.4em;
	border: 1.2px solid #ddd;
	font-size:0.8em;
	}
	
#impressum h2, #impressum p, #impressum h3 {
	padding-left:5px;
	}
	
#impressum h2		{
	font-size: 1.2em;
	}
	
#impressum h3	{
	font-size: 1.1em;
	}
#impressum p	{
	padding-bottom: 0.8em;
	}
	
#top_nav a:link, #top_nav a:visited
	{
	color: #ff0;
	font-weight: bold;
	margin-right: 12px;
	text-decoration:none;
	}

#footer	 {
	text-align:left;
	background-color:#eee;
	padding:0.3em;
	font-size:0.8em;
	font-style:italic;
	margin-left:0.9em;
	margin-bottom:0.3em;
	clear:both;
	}

/* ###  Inhaltsbereich fuer Megakonzepte### */

/* Back-Link zur Startseite */
.zurueck	{
	margin-top:0;
	padding-top:0;
	text-decoration: none;
	}

a:hover.zurueck 	{
	text-decoration:underline;
	}

h1	{
	color:#000;
	font-size:1.3em;
	clear:both;
	}

 a:visited	{
 	color:#000;
	text-decoration:none;
 	}

h1 a:link, h1 a:hover , h1 a:visited	{
	color:#000;
	text-decoration: none;
	}
	
h1 a:hover	{
	text-decoration: underline;	
	}

h2 	{
	color:#029;
	font-size: 1.2em;
	margin-bottom: 5px;
	}

.article	{
	padding:0.25em 0.5em 0.5em 0;
	margin-left: 16px;
	margin-right:10px;
	border-bottom:3px dotted #ddd;
	}

.article h1	{
	padding-top: 0.55em;
	}
	
.article img{
	float: left;
	border: 1px solid #ccc;
	margin-top: 0px;
	margin-right:10px;
	margin-bottom: 5px;
	}

.article img a:hover	{
	border: 1px solid #006;
	}

.article p	{
 	 text-align: justify;
	font-size : 13px;
	}



.clear	{
	clear: both;
			/* siehe mal bei fragen oben brrr */
	margin-bottom:0.5em;
	padding-left: 0;
	}

.invisible	{		/* Diente dazu, mittels einer hr ein "clear" und einen Zeilenumbruch zu erzeugen .. soso */
	visibility:hidden;
	clear:both;
	height:3px;
	}
	
/* Bilder-Seite ###*/
#galerie	{
	margin-top:1em;
	margin-left: 0px;
	}
.picture 	{
text-align: center;
float:left;
margin:0px;
width: 210px;
	}
/* ### Eingabeformular soso ### */