@charset "utf-8";
html {
padding:0; 
margin:0; 
border:0; 
overflow:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body  {
        background-image: url(pics/stripe.gif);
    	margin: 0;
    	padding: 0;
    	text-align: center;
    	color: #000000;
    }
/* mac hide \*/
html,body{height:100%}
/* end hide*/
	
#container { 
    	width: 878px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
		background-image: url(pics/bg_container.png);
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
     /*   min-height: 100%; */
    } 

#header { 
         margin-left: 12px;
         margin-right: 12px;
    	 padding: 0px;
		 height:227px;
    } 

#sidebar {
    	float: right; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
    	width: 225px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
		margin: 0;
		padding-right: 20px; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
    }
	
.sidebox
{
background:url(pics/stripe_sidebox.gif);
font-size:0.7em;
color: #333333;
}
.sidebox td
{
padding-left:9px;
padding-right:9px;
padding-bottom:3px;
}
.sideboxtext
{
padding-left:20px;
color:#000000;
}
.sideboxtext2
{
padding-left:20px;
}

	
    /* Tipps für mainContent:
    1. Der Abstand zwischen mainContent und den Randleisten entsteht durch den linken und rechten Rand des mainContent-div.
    2. Zur Vermeidung von Float-Drops bei einer unterstützten Mindestauflösung von 800 x 600 sollten Elemente im mainContent-div eine Größe von maximal 300 Pixel aufweisen (dies gilt auch für Bilder).
    3. Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch werden verschiedene IE-spezifische Fehler verhindert.
    */
#mainContent { 
    	margin: 0 4 0 12px;
		/* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    }

#mainContent h1, #mainContent p
{
font-size:0.9em;
padding-left:40px;
}
#mainContent h2
{
	font-size:0.8em;
	font-weight:lighter;
	padding-left: 40px;
	padding-right: 260px;
}

.clearer{
	height:1px;
	overflow:hidden;	
	margin-top:-1px;
	clear:both;
}
.pfeil
{
	padding-left:20px;
	padding-right:5px;
}
a:link {
	color:#F00;
}

a:visited {
	text-decoration: underline;
	color:#333;
}

a:hover {
	text-decoration: none;
	color: #333;
}

.copyright {
	color: #666666;
	font-size:0.8em;
	font-weight:bold;
}

#footer { 
width: 878px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
    	margin: 0 auto;
    	 padding: 0px;
		 height:56px;
		 background:url(pics/bg_bottom.png);
    }