@charset "utf-8";
/* CSS Document */

/*Debug Klasse
 *Zum visualisieren der Container
*/
.debug {
	border: 1px red dashed;
}


/*
 * Clearfix
 * Zum aufheben der Fließumgebung
*/
.clearfix  {
	float:none;
	clear:both;
}

/* Positionen der Elemente */




/*absolutet Container außen. Wird benutzt zum zentrieren des Hauptauzeigebereichs
 * definiert ausßerdem noch den oberen Abstand vom/zum Header*/
#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top:50px;
	background:url(gfx/bg.jpg) repeat-y;
}


/*
 * Floatbox -
 * Diese Box hält den linken und rechten Container zusammen.
 */
 
#floatbox {
	width:800px;
	margin: 0px auto 0px auto;
}


/*
 * Die Magicbox simuliert eine gleiche Spaltenlänge
*/
#magicbox {
	background:url(gfx/magicbar.gif) repeat-y;
}


/* Hier folgen die Contentboxen. Man beachte die Anordnung im Markup. */

#linke-spalte {
	width:233px;
	float:left;
}

#rechte-spalte {
	margin-left: 233px;
}

/*Styles für das globale menü*/
#topmenu {
	background:url(gfx/topmenu_bg.jpg) no-repeat;
	height:210px;
}

/* Header Container: Definiert den Hintergrund und die Styles für den Header */
#header {
	background:url(gfx/hdr.jpg) no-repeat;
	height:210px;
	font-size:34px;
	color:#223802;
}


/*Hauptmenü Container */
#mainmenu {
	background:url(gfx/mainmenu_top.jpg) no-repeat;
	background-position:0px 0px;
	padding-top:16px;
	height: 195px;
}

#commercial {
	background-position:0px 0px;
	padding-top:16px;
	padding-left:25px;
	height: 195px;
}

/* Das Seitenbild */
img.pagepic {width:567px;}

#maincontentmargin {
	margin: 50px 50px 0px 50px;
	padding-bottom:30px;
}

/*Ajax Box */
#ajaxmessagebox { height: 20px; };

/*footer */
#footer {
	padding:20px 0px 20px 0px;
}

/* Einige Hacks für <= ie6 */
* html #rechte-spalte {height: 1%;margin-left: 230px;}
* html img.pagepic {width:564px;}
* html #mainmenu {position:relative;top:-16px;}
/* end hiding */