/* CSS Document  by KCh Mediadesign | Kim Christofzik | Juli 2007 */

html
{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	letter-spacing:normal;
	color:#404040;
	background:url(images/bgr.jpg) no-repeat top center;
}

body
{
	padding:0;
	margin:0;
}
img.picleft
{
	float:left;
	margin:10px 15px 0 0;
}


#site
{
	width:775px;
	text-align:left;
}
#main
{
	float:left;
	width:775px;
}

h4
{
	paddding:0;
	margin:0;
	font-weight:normal;
	font-size:9pt;
}
h5
{
	paddding:5px 0 5px 0;
/*	text-align:justify; */
	margin:0;
	font-weight:normal;
	font-size:9pt;
}
h6
{
	paddding:0;
	margin:0;
	font-weight:bold;
	font-size:9pt;
}

/* LEFT */
#left
{
	float:left;
	width:215px;
}
#top1
{
	float:left;
	width:215px;
	height:154px;
	background:url(images/top1.jpg) no-repeat top left;
}
#logo
{
	width:164px;
	height:51px;
	margin:28px 0 0 28px;
}
#navi
{
	clear:left;
	width:215px;
}
#navtitle
{
	margin:0 0 15px 18px;
	color:#FF0000;
	font-size:11pt;
}
#navi ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#navi ul li
{
	line-height:30px;
	width:215px;
}
#navi ul li.aktiv
{
	line-height:30px;
	background:url(images/navi_bgr.gif) no-repeat top left;
	width:215px;
}
#navi ul li.abstand
{
	line-height:15px;
}
/* NAVI LINKS */
#navi ul li a
{
	padding:0 0 0 28px;
}
#navi ul li a:link, #navi ul li a:visited, #navi ul li a:active
{
	color:#666666;
	text-decoration:none;
}
#navi ul li a:hover
{
	color:#ff0000;
	text-decoration:none;
}

/* MIDDLE */
#middle
{
	float:left;
	width:371px;
}
#top2
{
	float:left;
	width:371px;
	height:19px;
	background:url(images/top2.jpg) no-repeat top left;
}
#content
{
	clear:left;
	width:371px;
}

#context
{
	float:left;
	width:351px;
	margin:43px 10px 25px 10px;
	line-height:14pt;
}
#context a.button:link, #context a.button:visited, #context a.button:active
{
	color:#ffffff;
	background:#ff0000;
	padding:2px 5px 2px 5px;
	border-top:1px solid #ffffff;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #ffffff;
	text-decoration:none;
	font-weight:bold;
}
#context a.button:hover
{
	color:#ff0000;
	background:#ffffff;
	padding:5px;
	border:1px solid #ff0000;
	text-decoration:none;
	font-weight:bold;
}

#context li
{
	list-style-image:url(images/listimage.gif);
}
#context h1
{
	margin:0;
	padding:0 0 15px 0;
	color:#666666;
	font-weight:normal;
	font-size:12pt;
}
#context h2
{
	margin:0;
	padding:0 0 5px 0;
	color:#ff0000;
	font-weight:normal;
	font-size:10pt;
}
#context input, textarea
{
	margin:0;
	padding:3px 0 3px 3px;
	color:#003300;
	border:none;
	border-left:1px solid #999999;
	border-right:none;
	border-top:none;
	border-bottom:1px solid #999999;
	font-weight:normal;
	font-size:10pt;
	background:none;
}
#context input.formbutton
{
	color:#ff0000;	
	font-weight:bold;
	font-size:10pt;
	padding:15px;
	margin:15px 0 0 70px;
	border:1px solid #333333;
	background:#ffffff;
	-moz-border-radius:10px;
}
#context a:link, #context a:visited, #context a:active
{
	color:#FF0000;
	font-size:9pt;
}
#context a:hover
{
	color:#000000;
	font-size:9pt;
}
#context-kategorie
{
	float:left;
	width:351px;
	margin:10px 10px 25px 10px;
	line-height:14pt;
}
#context-kategorie li
{
	list-style-image:url(images/listimage.gif);
}
#context-kategorie h1
{
	margin:0;
	padding:0 0 15px 0;
	color:#666666;
	font-weight:normal;
	font-size:12pt;
}
#context-kategorie h2
{
	margin:0;
	padding:0 0 5px 0;
	color:#ff0000;
	font-weight:normal;
	font-size:10pt;
}
#context-kategorie a:link, #context-kategorie a:visited, #context-kategorie a:active
{
	color:#FF0000;
	font-size:9pt;
}
#context-kategorie a:hover
{
	color:#000000;
	font-size:9pt;
}


#fuss
{
	clear:left;
	width:371px;
	line-height:15px;
	margin:0 0 15px 0;
	border-top:1px solid #cccccc;
}
#fuss a:link, #fuss a:visited, #fuss a:active
{
	color:#666666;
	font-size:8pt;
	text-decoration:none;
	margin:0 0 0 10px;
}
#fuss a:hover
{
	color:#ff0000;
	font-size:8pt;
	text-decoration:none;
	margin:0 0 0 10px;
}

/* RIGHT */
#right
{
	float:left;
	width:189px;
}
#top3
{
	float:left;
	width:189px;
	height:19px;
	background:url(images/top3.jpg) no-repeat top left;
}
#topnavi
{
	color:#666666;
	margin:25px 0 0 10px;
	font-size:8pt;
}
#topnavi a:link, #topnavi a:visited, #topnavi a:active
{
	color:#666666;
	font-size:8pt;
	text-decoration:none;
}
#topnavi a:hover
{
	color:#FF0000;
	font-size:8pt;
	text-decoration:none;
}
#topnavi a.aktiv:link, #topnavi a.aktiv:visited, #topnavi a.aktiv:active
{
	color:#FF0000;
	font-size:8pt;
	text-decoration:none;
}
#topnavi a.aktiv:hover
{
	color:#000000;
	font-size:8pt;
	text-decoration:none;
}
#news
{
	clear:left;
	width:189px;
	padding:80px 0 0 0;
}
.box
{
	float:left;
	margin:0 0 35px 10px;
	width:160px;
	border:1px solid #d6d6d7;
	color:#666666;
	background:#eff2f9;
}
.box h2
{
	margin:0;
	padding:5px;
	font-size:11pt;
	font-weight:normal;
	border-bottom:1px solid #d6d6d7;
}
.box h3
{
	color:#5E5E5F;
	margin:0;
	padding:5px;
	font-size:11pt;
	font-weight:normal;
}
.boxtext
{
	float:left;
	width:150px;
	margin:5px;
	line-height:14pt;
}
.boxtext h2
{
	margin:0;
	padding:5px 0 5px 0;
	font-size:10pt;
	font-weight:normal;
	border-bottom:1px solid #d6d6d7;
}
.boxtext a:link, .boxtext a:visited, .boxtext a:active
{
	color:#FF0000;
	font-size:9pt;
}
.boxtext a:hover
{
	color:#000000;
	font-size:9pt;
}

/* FUSSLEISTE */
#fussleiste
{
	clear:left;
	width:775px;
	height:40px;
	font-size:8pt;
	color:#000000;
	padding:15px 0 0 0;
	border-top:1px solid #CCCCCC;
	background:#ffffff;
	-moz-opacity:0.40;
	filter:alpha(opacity=40);
}
#fussleft
{
	float:left;
	width:187px;
	margin:0 0 0 28px;
}
#fussmiddle
{
	float:left;
	margin:0 0 0 10px;
}
#fussright
{
	float:right;
	margin:0 10px 0 0;
}