/* GENERAL -------------------------------------------------- */

html { height:100%; } 

body { width:100%; height:100%; min-height:100%; background:#fff; font-family:arial; } 

* { margin:0; padding:0; border:0; }
		
img { display:block; }
	img.border { border:1px solid #999; padding:5px; background:#fff; }
	
a { outline:none; text-decoration:none; color:#9e1944; }

ul { list-style-type:none; }



/* LAYOUT & DESIGN -------------------------------------------------- */

#headhr { width:100%; height:10px; background:#9e1944; }

#head { width:100%; }
	#head img { min-width:1000px; width:100%; min-height:127px; height:auto; }
	
#wrapper { width:980px; margin:0px auto; }
	#wrapper hr { width:100%; height:2px; background:#9e1944; clear:both; }


/* MENU ---------- */

#navi {	width:600px; float:left; }
	#navi ul { margin-top:20px; }
	#navi ul li { float:left; text-align:center; font:bold 15px/30px arial; text-transform:uppercase; }
	#navi ul a { display:block; padding:0px 15px; color:#333; background:#fff; text-decoration:none; }
		#navi #box1:hover, #navi #box1.selected,
		#navi #box2:hover, #navi #box2.selected,
		#navi #box3:hover, #navi #box3.selected,
		#navi #box4:hover, #navi #box4.selected,
		#navi #box5:hover, #navi #box5.selected { color:#fff; background:#9e1944; }
	
#logo { width:380px; float:right; text-align:right; margin-top:20px; }
	#logo h1 { color:#9e1944; font:bold 22px/30px arial; text-transform:uppercase; }
	#logo span { color:#000; font:bold 12px arial; }


/* CONTENT ---------- */

#pg_box1 { width:100%; }
#pg_box2, #pg_box3, #pg_box4, #pg_box5 { width:100%; display:none; }
	
/* LINKS ---------- */

.left { width:550px; float:left; margin:50px 0px; }
	.left h2 { color:#9e1944; font:bold 18px/26px arial; border-bottom:1px solid #9e1944; }
	.left p { color:#000; font:normal 16px/26px arial; text-align:justify; margin-bottom:26px; }
	.left br { line-height:26px; }
	
	#member { width:100%; }
		#member li { float:left; margin:0px 10px 10px 0px; }
		
	#act { width:100%; }
		#act li { float:left; margin:0px 30px 10px 0px; }

/* RECHTS ---------- */

.right { width:350px; float:right; margin:50px 0px; color:#000; font:normal 14px/24px arial; }
	
	.right h3 { color:#9e1944; font:bold 16px/24px arial; border-bottom:1px solid #9e1944; text-align:center; }
	.right p { text-align:justify; margin-bottom:24px; }
	.right br { line-height:24px; }
	
	#history dt { float:left; width:80px; color:#555; font:normal 10px/24px arial; text-transform:uppercase; }
	#history dd { float:right; width:270px; font:normal 14px/24px arial; }
		
	#vorstand dt { float:left; width:45%; color:#555; font:normal 10px/24px arial; text-transform:uppercase; text-align:right; }
	#vorstand dd { float:right; width:50%; }
	
	.list li { border-bottom:1px solid #ddd; }
	.list a { display:block; color:#000; }
	.list a:hover { background:#9e1944; color:#fff; }
	.list span { color:#555; font:normal 10px/24px arial; padding:0px 10px 0px 5px; }
	.list a:hover span { background:#9e1944; color:#eee; } 
	
	.infobox { background:#9e1944; display:none; width:350px; height:96px; padding:12px 0px; }
		.right h4 { color:#fff; text-transform:uppercase; text-align:center; }
		.infobox dt { float:left; width:165px; color:#eee; font:normal 10px/24px arial; text-transform:uppercase; text-align:right; }
		.infobox dd { float:right; width:165px; color:#fff; }
	
	h5 { font:bold 14px/24px arial; }	
	#imprint dt { float:left; width:90px; color:#555; font:normal 10px/24px arial; text-transform:uppercase; }
	#imprint dd { float:right; width:260px; }