/* Reset all */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

div, p, span {
	background-repeat:no-repeat;
}

a, a:link {
	color:#565c59;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	vertical-align:bottom;
}

ul, ol {
	list-style-position:outside;
	list-style-type:none;
}

/* Links- bzw. Rechtsausrichtung für Elemente */
.flLeft {
	float: left;
	margin: 0 10px 0 0;
}

.flRight {
	float: right;
	margin: 0 0 0 10px;
}
.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}


/* Allgemeines */
body {
	padding-top:45px;
	color:#565c59;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size: 62.5%;
	line-height: 2em;
	text-align:center;
}

h1 {
	color:#290f58;
	font:bold 2.5em/2.8 serif, sans-serif;
	font:bold 2.5em/1 serif, sans-serif;
	margin:.8em 0 .5em 0;
}
body#red h1 {
	color:#6e0035;
}
body#brown h1 {
	color:#5d4c47;
}

h2 {
	font:bold 1em/1.6 arial, helvetica, verdana, sans-serif;
}

h3 {
	font:normal 1em/1 arial, helvetica, verdana, sans-serif;
}

p, ul, ol {
	margin-bottom:1em;
}

#footer p {
	margin:0;
}


strong {
	font-weight:bold;
}


#navi ul.navi, 
.text-l, 
.text-r {
	font-size:1.2em;
}

#footer {
	font-size:1.1em;
}

/*	Page Structure ************************************************************/
#website {
	position:relative;
	margin:0 auto;
	width:710px;
	text-align:left;
}

#header {
	float:left;
	position:relative;
	width:100%;
	height:98px;
	background:#fff url(bg_hdr.jpg) 0% 0% no-repeat;
	border-bottom:3px solid #c0a800;
}


#wrapper {
	float:left;
	margin-top:3px;
	width:100%;
}

#content {
	position:relative;
	float:left;
	height:292px;
	background:#eae6d0 url(bg_cnt.jpg) 0% 0% no-repeat;
}

html>body #wrapper #content {
	height:auto;
	min-height:292px;
}

#content #article {
	clear:both;
	float:left;
}

#navi {
	clear:both;
	position:absolute;
	left:0px;
	bottom:6px;
}

html>body #navi {
	bottom:7px;
}

#footer {
	float:left;
	clear:both;
	width:100%;
	margin-top:2px;
	background:#fff url(bg_ftr.jpg) 0% 0% no-repeat;
}


/*	list (navi, content, sitemap) *********************************************/



/*	main navi ---------------------------------------------------------------*/

/*	width for IE 5.x */
#header ul.navi {
	position:absolute;
	right:0;
	bottom:3px;
	margin:0;
}
#header ul.navi li {
	display:block;
	float:left;
	padding-left:20px;
}
#header ul.navi li a {
	display:block;
	height:22px;
	background-position:100% 0%;
	background-repeat:no-repeat;
	text-indent:-1000em;
}

#header ul.navi li a:hover {
	text-decoration:none;
}

#header ul.navi li#nav1 a {
	width:98px;
	background-image:url(nav_1.png);
}

#header ul.navi li#nav2 a {
	width:70px;
	background-image:url(nav_2.png);
}

#header ul.navi li#nav3 a {
	width:72px;
	background-image:url(nav_3.png);
}

#header ul.navi li#nav4 a {
	width:118px;
	background-image:url(nav_4.png);
}

#header ul.navi li a:hover,
#header ul.navi li a.current {
	background-position:100% -50px;
}



/*	left navi ---------------------------------------------------------------*/

/*	width for IE 5.x */
#navi ul.navi {
	margin:0;
	line-height:1em;
}
#navi ul.navi li {
	display:inline;
	padding-right:10px;
	font-weight:bold;
}

#navi ul.navi li a {
	color:#565c59;
}


body#red #navi ul.navi li a.current {
	color:#6e0035;
}

/*	bottom navi ---------------------------------------------------------------*/

#footer p.flLeft,
#footer p.flRight {
	margin-top:20px;
}
#footer a {
	padding-right: 10px;
	color:#565c59;
	font-weight:bold;
}
#footer p.flRight a {
	padding:0;
	padding-left: 10px;
}



/*	content *******************************************************************/
.text-l, 
.text-r {
	display:inline;
	margin:0 30px;
	width:470px;
}
.image-l, 
.image-r {
	width:176px;
}
.image-l {
	border-right:2px solid #fff;
}
.image-r {
	border-left:2px solid #fff;
}
.text-l,
.image-l {
	float:left;
} 
.text-r, 
.image-r {
	float:right;
}

a.linkintern {
	padding-left:20px;
	background-image:url(lsi.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
}

#form fieldset {
	margin:0;
	padding:0;
}

#form p.clear {
	float:left;
	clear:both;
	width:100%;
}
#form label, 
#form input, 
#form textarea {
	display:block;
}

#form label {
	font-weight:bold;
}
#form input {
	margin-bottom:10px;
	width:200px;
	border:1px solid #565c59;
}
#form textarea {
	height:80px;
	border:1px solid #565c59;
}