@charset "iso-8859-1";
body {
	margin: 0; 
	padding: 0; 
	text-align: center;
	color: #000; 
	background: #F3ECF5; /*#FFFF99; #FFFFCC*/}
a {text-decoration: none;}
a:link {color: rgb(179,63,96);}
a:visited {color: rgb(90,32,48);}
a:hover {text-decoration: underline;}

#container {
	width: 800px; 
	margin: 25px auto 0; 
	padding: 0;
	position: relative; 
	text-align: left;}

#pageHeader {
	background: url(http://www.bs-verwaltung.de/images/bs_head2.gif) 0 0 no-repeat;
	height: 108px; 
	width: 800px; 
	position: relative; 
       margin-bottom: 50px;
	z-index: 10;}
#pageHeader h1 {color: #7f465d;}
#pageHeader h1 span {
	visibility: hidden;
	font-size: 1px;}
#pageHeader h2 {
	position: absolute; 
	z-index: 102;
	top: 110px; 
	right: 0px; 
	margin: 0; 
	padding: 0;
	color: #7f465d;
	text-transform: none; 
	letter-spacing: 0.2em;
	font: bold italic 1.1em/1em Times, serif; 
	text-align: right;}

#preamble {
	position: relative;
	margin-top: 50px;
       border-top: 1px solid #7f465d;
	width: 570px;
	padding-bottom: 150px;
	/*margin-bottom: 150px;*/} 
#preamble, #explanation, #participation, #benefits, #requirements {
  	border-left: 1px solid #7f465d;
  	padding-top: 1px; 
  	padding-bottom: 1px;}
#preamble p, #supportingText p, table {
	font-size: 95%; 
	line-height: 1.66em;
   	margin: 1.5em; 
	padding: 0.5em 0;}
#preamble td{
	padding-right: 2em;}
#preamble h3, #supportingText h3 {
	letter-spacing: 0.1em;
  	font: italic 1.2em Times, "Times New Roman", serif;
  	color: #7f465d; 
	margin: 1em 0 0.5em 1.5em;}
#preamble, #supportingText {padding-left: 250px;}
#hinweis {color:#CC0000; margin-left: 1.5em;}


#linkList {
	display: block;
	position: absolute; 
	z-index: 11;
  	width: 230px; top: 10px; left: 0px;
  	margin-top: 10em;}
#linkList a {
	color: #7f465d;
  	font: italic 1.15em Times, serif;
  	text-transform: none;}
#linkList ul {
	margin: 0.5em 1em 0 1em; 
	padding: 0;}
#linkList li {
	list-style: none;
	padding: 0px;
}
#linkList h3 {
	margin: 1em 0 0; 
	width: 216px; 
	height: 35px;}
#linkList h3 span {}
#lselect h3 {}
#lselect li {
	font-size: 85%;
	margin-bottom: 1.5em;
	padding: 0px;
}
#lselect li a {
	display: block; 
	font-weight: bold;
	letter-spacing: 0.2em; 
	text-transform: none;}
#lselect li a.c {
	display: block;
  	font: bold 1em Times, serif;
  	letter-spacing: 0; 
	text-transform: none;}

#footer {
	background: #7f465d;
	height: 60px;
	font-size: x-small;
	text-align: center;
	color: rgb(207,216,214);
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;}
	
#footer a {
	color: #FFFFCC;
	line-height: 1em;
	font-size: 1.25em;
	font-weight: 100;
	text-decoration: underline;}

/* Formular */
label.left {
	float: left;
	text-align: right;
	width: 10em;
	margin-right: .3em;}
	
input[type=text], select {
    float: left;}
	
input.right {
	float: left;
	width: auto;
	clear: both;
	margin-left: 10.3em;
	margin-right: .3em;}
	
input[type=checkbox].right, input[type=radio].right, input[type=submit].right {
	margin-left: 6.3em;}
	
form br {clear: both;}