html, body{
	height: 100%;
	padding: 0px;
	margin: 0px;
}
body{
	background: #fff url(../img/bg.gif) repeat-x;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img{border: 0px;}
p{	margin: 5px 0px;}

#page{
	position: relative;
	width: 925px;
	background: #eee url(../img/page_bg.jpg) repeat-y;
	min-height: 100%;
	height: auto!important;
	height: 100%;
	margin: 0px auto;
}
#page .invis{
	display: none;
}

.csc-sword{
	background-color: #DFEDE4;
}

/*
-----------------------------------------------------------------------
          Content
-----------------------------------------------------------------------
*/

.content{
	width: 400px;
	margin-left: 275px;
	float: left;
	display: inline;
	padding-bottom: 20px;
}

.content a{
	color: #2D854B;
}
.content a:hover{
	color: #000;
}

.content p{
	padding-left: 1px;
	line-height: 16px;
}

.content ul{
	margin-left: 16px;
	padding-left: 0px;
	line-height: 16px;
	list-style-image: url(../img/pfeil_grau.gif);
}
.content ol{
	margin-left: 16px;
	padding-left: 0px;
	margin-bottom: 0px;
	line-height: 16px;
}

.csc-frame-rulerBefore{
	border-top: 1px solid #eee;
	padding-top: 12px;
}

h1{
	font-size: 18px;
	color: #2D854B;
	font-weight: bold;
	margin: 0px;
}
h2, .csc-subheader-0{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	margin-top: 20px;
	color: #727272;
}
h3{
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	margin-top: 12px;
}

.klickpfad{
	float: none;
	clear: both;
	display: block;
	margin: 0px;
	padding: 5px 0px 15px 0px;
}
.klickpfad ul{
	padding: 0px;
	float: none;
	clear: both;
	margin-top: 12px;
	margin-left: 275px;
	margin-bottom: 0px;
}
.klickpfad ul li{
	float: left;
	list-style: none;
}
.klickpfad ul li a{
	text-decoration: none;
	background: #fff url(../img/pfeil_grau.gif) no-repeat  top right;
	display: block;
	color: #949494;
	padding-right: 12px;
}
.klickpfad ul li a.cur{
	text-decoration: none;
	background-image: none;
	color: #2D854B;
}

.mailform {
	margin-top: 20px;
}
.mailform .label{
	float: left;
	width:90px;
}
.mailform .mailform-input{
	width: 225px;
	border: 1px solid #b0b0b0;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.mailform textarea{
	width: 225px;
	border: 1px solid #b0b0b0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.mailform .error{
	color: #990000;
	margin-left: 0px;
	margin-top: -20px;
	float: right;
	clear: right;
}
.mailform-submit{
	background-color: #eee;
	color: #727272;
	border: 1px solid #727272;
	font-size: 11px;
}
.fussnote{
	color: #727272;
}

ul.sitemap{
	list-style-image: none;
	list-style: none;
	margin-left: 0px;
}
ul.sitemap ul{
	list-style-image: url(../img/pfeil_grau.gif);
	margin-left: 20px;
	margin-bottom: 10px;
}
ul.sitemap li a{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	background-image: none;
}
ul.sitemap li ul li a{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 12px;
	color: #727272;
	font-weight: normal;
}

/*
-----------------------------------------------------------------------
          MPA
-----------------------------------------------------------------------
*/
.mpa{
	width: 212px!important;
	width: auto;
	margin-right: 12px;
	display: inline;
	float: right;
	color: #727272;
	background-color: #F2F2F2;
}

.mpa h3{
	width: 167px;
	background-color: #96C2A5;
	color: #fff;
	padding: 6px 10px 6px 35px;
	font-size: 12px;
	margin: 0px;
}
.mpa p{
	width: 165px;
	margin: 0px 0px 0px 0px;
	padding: 12px 12px 0px 35px;
	font-size: 11px;
}
.mpa .csi-left div.csi-image {
	margin: 0px;
}
.mpa .csi-left, .mpa .csi-intext-left{
	margin-left: 35px;
}
.mpa .csi-left, .mpa .csi-intext-left p, .mpa .csi-left, .mpa .csi-left p{
	padding-left: 0px;
}
.mpa .csi-intext-left .csi-image {
	display: inline;
	margin-right: 5px;
	margin-top: 15px;
	clear: none!important;
}
.csc-bulletlist { margin-left:15px!important; }

.mpa ul{
	list-style-image: url(../img/li_gruen.gif);
	padding-left: 18px;
	margin-left: 5px;
	width: 170px;
}
.mpa .csc-menu ul{
	list-style: none;
	list-style-image: none;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
}
.mpa p a, .mpa ul a{
	background: url(../img/pfeil_gruen.gif) no-repeat;
	padding-left: 12px;
	color: #727272;
	text-decoration: none;
	line-height: 16px;
}
.mpa p a{
	margin-left: -12px;
	padding-left: 12px!important;
	padding-left: 13px;
	/*color: #2d854b;*/
}
*+html .mpa p a{
	margin-left: 0px;
	padding-left: 12px;
}
.mpa p a:hover, .mpa ul a:hover{
	color: #000;
}

.mpa .csi-intext-left-nowrap .csi-image img{
	float: left;
	margin-left: 35px;
	margin-top: 10px;
}
.mpa .csi-intext-left-nowrap .csi-image .csi-caption{
	text-align: left;
	float: left;
	clear: right!important;
	padding-top: 3px!important;
	font-size: 9px!important;
	margin-top: 10px!important;
	padding-left: 10px!important;
	width: 100px;
	display: block;
}

/*
-----------------------------------------------------------------------
           Kopfbereich
-----------------------------------------------------------------------
*/
#head{
	height: 222px;
	width: 100%;
	background: #fff url(../img/head_bg.jpg) no-repeat;
}
#datum{
	color: #949494;
	padding: 40px 0px 8px 22px;
	margin: 0px 0px 0px 12px;
	width: 216px;
	float: left;
	display: inline;
	border-bottom: 6px solid #2D854B;
}
#logo{
	float: right;
	display: inline;
	margin-right: 11px;
}
#kopfbild{
	width: 688px;
	height: 153px;
	float: left;
	display: inline;
	margin: 1px 0px 0px 12px;
	background-color: #949494;
}

/*----------------  Sprachbox ----------------  */
#sprache{
	background-color: #B0B0B0;
	height: 36px;
	width: 212px;
	float: left;
	display: inline;
	margin: 64px 0px 0px 1px;
}

#sprache .language{
	padding: 8px 0px 0px 12px;
	color: #fff;
}
#sprache .language img{
	margin-left: 5px;
}

/*----------------  Suchbox / Newsletterbox----------------  */
#searchform{
	margin: 0px;
	padding: 8px 0px 0px 10px;
}
#searchform input, .newsletter input{
	font-size: 11px;
	border: 1px solid #B0B0B0;
}
#searchform input.submit, .newsletter input.submit{
	background-color: #dedede;
	color: #727272;
}
form, .newsletter input{
	margin: 0px;
	padding: 0px;
}

/*----------------  Toolbar ----------------  */

#toolbar{
	float: left;
	display: inline;
	width: 450px;
	padding: 0px 0px 8px 0px;
	border-bottom: 6px solid #2D854B;
}
#toolbar ul {
	padding: 40px 0px 0px 0px;
	margin: 0px;
}
#toolbar ul li{
	float: left;
	display: inline;
	list-style : none;
	padding: 0px 5px;
}
#toolbar ul li a{
	color: #949494;
	text-decoration: none;
}
#toolbar ul li a:hover{
	color: #555;
}
#toolbar ul li a.cur{
	color: #555;
}


/*
-----------------------------------------------------------------------
           Hauptmen�
-----------------------------------------------------------------------
*/

#suche{
	height: 34px;
	width: 212px;
	float: left;
	margin: 1px 0px 0px 1px;
	background-color: #F2F2F2;
	border-bottom: 1px solid #DEDEDE;
}
.menu{
	clear: left;
	float: left;
	display: inline;
	height: 34px;
	width: 688px;
	margin: 1px 0px 0px 12px;
	background-color: #F8F8F8;
	border-bottom: 1px solid #C5C5C5;
}
.menu ul {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}
.menu ul li{
	float: left;
	list-style : none;
}
.menu ul li a{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #8A8A8A;
	display: block;
	padding: 8px 9px;
}
.menu ul li a.cur{
	font-weight: bold;
	color: #727272;
	letter-spacing : 0.4px;
}
.menu ul li a:hover{
	color: #000;
}


.menu ul li ul{
	position: absolute;
	left: 1px;
	margin-top: 50px;
	width: 235px;
}

.menu ul li ul li{
	display: block;
	float: none;
}
.menu ul li ul li a{
	background: #fff url(../img/pfeil_grau.gif) no-repeat 10px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	padding: 3px 20px;
	color: #727272;
	display: block;
}
.menu ul li ul li a.cur{
	color: #2D854B;
	font-weight: bold;
	background-image: url(../img/pfeil_gruen.gif);
}



/*
-----------------------------------------------------------------------
           CSS Styled ImgText
-----------------------------------------------------------------------
*/


/* COMMON */
.csi-textpic {
	/*padding: 5px;*/
}

.csi-textpic img {
}

.csi-textpic .csi-caption {
	text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
}

.csi-textpic .csi-image {}

.csi-textpic .csi-imagewrap {
	text-align: center;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
}

.csi-textpic .csi-text {
	text-align: left; /*will have to be an inline style - controlled by TS*/
}
.csi-text p {margin-top: 0;}

	/* CENTER */

.csi-center .csi-image {margin: 0px;}

/* RIGHT */
.csi-right div.csi-image {
		float: right;
	display: inline;
		clear: both;
}
.csi-right div.csi-text {clear: right;}


/* LEFT */
.csi-left div.csi-image {
	float: left;
	display: inline;
	clear: both;
}
.csi-left div.csi-text {clear: left;}


/* INTEXT LEFT */
.csi-intext-left .csi-image {
	float: left;
	display: inline;
	clear: both;
	padding-right: 5px;
	/*margin-right: 5px;*/
}
.content .csi-intext-left .csi-image {
	padding-top: 3px;
	padding-right: 8px;
}

	/* INTEXT RIGHT */
.csi-intext-right .csi-image {
	float: right;
	display: inline;
	clear: both;
	/*margin-left: 5px;*/
}


/* INTEXT RIGHT NOWRAP */
.csi-intext-right-nowrap .csi-text {}
.csi-intext-right-nowrap .csi-image {
	float: right;
	display: inline;
	clear: both;
}

/* INTEXT LEFT NOWRAP*/
.csi-intext-left-nowrap .csi-text {}
.csi-intext-left-nowrap .csi-image {
	float: left;
	display: inline;
	clear: both;
}