/*---- Styles allgemein -------------------------------*/

html {
	padding: 0px;
	margin: 0px;
}
div,p,body,html,input,button { 
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #4f6e87;
}
body{
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
}

h1 { 
	font: bold 18px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
}

h2 { 
	font: normal 18px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
}

h3 { 
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
}

h4 { 
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
}

h5 { 
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
}

h6 { 
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
}

td, tr, table {
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

img.block {
	display: block;
}

div, img {
  	margin:0px;
  	padding:0px;
  	border:0px;
}

.float-left { 
	float:left; 
}

.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-justify {
	text-align: justify;
}

.bodytext { 
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	color: #4f6e87;
}

/*---- Styles für Gesamt-Container -------------------------------*/

div#container {
	width: 937px;
	padding: 0px;
	margin: 0px auto;
		
}


/*---- Styles für Seiten-Kopf -------------------------------*/

div#kopf {
	width: 937px;
	background-color: white;
	padding: 0px;
	margin: 0px;
}

div#logo {
	width: 198px;
	background-color: white;
	padding: 0px;
	margin: 0px;
}

div#kopfbanner {
	width: 759px;
	height: 134px;
	overflow: hidden;
	background-color: white;
	padding: 0px;
	margin: 0px;
}

div#zwischentitel {
	width: 937px;
	background-color: white;
	padding: 0px;
	margin: 0px;
}


/*---- Styles für Navigation oben -------------------------------*/

.menu_oben {
	background-color: #99BDE3
}

div#menuoben {
	width: 937px;
	overflow: hidden;
	font: normal 12px Arial, Helvetica, sans-serif;
	background-color: #99BDE3;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

div#menuoben a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

div#menuoben a:hover {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #CC6666;
}


.menu-oben {
	width: 100px;
	float: left;
	margin: 0px;
	margin-left: 50px;
	margin-right: 50px;
}


/*---- Styles für Navigation links -------------------------------*/

div#links { 
	width: 198px; 
	min-height: 400px;
	height: 100%;
	padding: 0px;
	padding-top: 10px;	
	background-color: #d9e3f3;
	margin: 0px;
}


/*---- Styles für Klickpfad -------------------------------*/

div#klickpfad {
	width: 523px;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding: 5px;
}

div#klickpfad a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

div#klickpfad a:hover {
	color: #CC6666;
}


/*---- Styles für Inhalt -------------------------------*/

div#inhalt { 
	width: 100%;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0px;
	color: #4f6e87;
}

div#inhalt h1 { 
	font: normal 16px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	color: #4f6e87;
}

div#inhalt p { 
	font: normal 12px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	color: #4f6e87;
}

div#inhalt .bodytext { 
	font: normal 12px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	color: #4f6e87;
}

div#inhalt ul {
	padding-right: 10px;
}

div#inhalt a:visited, a:active, a:link {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

div#inhalt a:hover {
	color: #CC6666;
}


/*---- Styles für rechte Seite -------------------------------*/

div#rechts { 
	overflow: visible;
	width: 210px;
	min-height: 400px;
	height: 100%;
	text-align: left;
	padding: 0px;
	padding-top: 10px;	
	background-color: #d9e3f3;
	margin: 0px;
}

/*---- Styles für Suchformular -----------------------*/

div#suche {
	overflow: auto;
	background-color:#4f6e87;
	padding-left: 10px;
	padding-top: 5px;	
	padding-right: 10px;	
	padding-bottom: 5px;
	margin: 0px;	
	margin-bottom: 10px;
}

/*---- Styles für Kontakt rechte Seite --------------------*/

div#kontakt {
	text-align: center;
	background-color: #D9E3F3;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	margin-bottom: 10px;
}

div#kontakt h1 {
	font: normal 1px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #F9F3F3;
	padding: 0px;
	margin: 0px;
}

div#kontakt h2 {
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	background-color: #4f6e87;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0px;
	margin-bottom: 5px;
}

div#kontakt-container {
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: gray black black gray;
	padding: 5px;
	padding-bottom: 10px;
	margin: 5px;
	margin-bottom: 5px;
	text-align: center;
}

div#kontakt-container .bodytext {
	color: #4f6e87;
}

div#kontakt-container p {
	padding: 2px 0px 2px 0px;
	margin: 0px;
}

div#kontakt-container td {
	vertical-align: top;
	text-align: center;
}

div#kontakt-untertitel {
	text-align: center;
	margin: auto;
}

div#kontakt-text {
	text-align: center;
	margin: auto;
}

div#kontakt-foto {
	text-align: center;
	margin: auto;
}

div#kontakt-tel {
	width: auto;
	text-align: center;
	margin: auto;
}

div#kontakt-email {
	padding: 2px 0px 2px 0px;
	text-align: center;
	margin: auto;
}

div#kontakt-email a {
	color: #333333;
}

div#kontakt-email a:hover {
	color: #CC6666;
}


/*---- Styles fuer Seite Aktuelle Massnahmen -----------*/

div#ifbb-massnahmen {
	width:500px;
}

div#ifbb-massnahmen p {
	margin: 0px;
}
div#ifbb-massnahmen .massnahmen-list-item .news-single-item {
	width:500px;
	border: 1px solid;
	border-color: gray black black gray;
	color: #4f6e87;
	background-color: #FFFFFF;
	padding: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.massnahme-list-date .news-single-timedata  {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333333;
	padding: 5px;
	padding-left: 15px;
	margin: 0px;
}

.massnahme-list-titel {
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
	padding: 5px;
	padding-left: 5px;
}

div#ifbb-massnahmen .massnahme-list-untertitel p.bodytext {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
	padding-bottom: 5px;
	padding-left: 5px;
}

div#ifbb-massnahmen .massnahme-list-fliesstext  p.bodytext {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
	padding-left: 5px;
}
div#ifbb-massnahmen .p {
	margin: 0px;
}

.news-list-morelink a {
	color: #333333;
}

.news-list-morelink a:hover {
	color: #CC6666;
}


/*---- Styles für Aktuelle Massnahmen rechts ----------------*/

div#massnahmen {
	background-color: #D9E3F3;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

div#massnahmen h2 {
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	background-color: #4f6e87;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0px;
	margin-bottom: 5px;
}

div#massnahmen h3 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #2F4E67;
	margin: 0px;
}

div#massnahmen .news-latest-container {
	margin: 0px;

}

div#massnahmen .news-latest-item {
	width: 190px;
	border: 1px solid;
	border-color: gray black black gray;
	color: #4f6e87;
	background-color: white;
	padding: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}



/*---- Styles für News -------------------------------*/

/*---- Styles für Aktuelles rechte Seite -----*/

div#aktuelles {
	color: #FFFFFF;
	background-color:  #D9E3F3;
	padding-bottom: 10px;
	margin: 0px;
}

div#aktuelles h2 {
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	background-color: #4f6e87;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0px;
	margin-bottom: 5px;
}

div#aktuelles h3 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #2F4E67;
	margin: 0px;
}

div#aktuelles p {
	margin: 0px;
}

div#aktuelles .news-latest-container {
	color: #FFFFFF;
	background-color: #D9E3F3;
	padding-top: 5px;
	margin: 0px;
}

div#aktuelles .news-latest-item {
	width: 190px;
	border: 1px solid;
	border-color: gray black black gray;
	color: #4f6e87;
	background-color: white;
	padding: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/*---- Styles für Seite Aktuelles -----------*/

.news-list-container {
	width: 215px;
	color: #FFFFFF;
	padding-top: 5px;
	margin: 0px;
}

div#ifbb-news {
	width:500px;
}

div#ifbb-news p {
	margin: 0px;
}
div#ifbb-news .news-list-item {
	width:500px;
	border: 1px solid;
	border-color: gray black black gray;
	color: #4f6e87;
	background-color: #FFFFFF;
	padding: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}



/*---- Styles für Seite News-Beitrag -----------*/

div#ifbb-news-single {
	width:500px;
}

div#ifbb-news-single h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #2F4E67;
	margin: 0px;
	margin-bottom: 5px;
}

div#ifbb-news-single h2 {
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	background-color: #4f6e87;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0px;
	margin-bottom: 5px;
}

div#ifbb-news-single p {
	margin: 0px;
}

.news-single-item {
	width:500px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
	padding: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}

div#ifbb-news-single .news-single-item h2 {
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4f6e87;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 2px;
	margin: 0px;
	margin-bottom: 5px;
}

div#ifbb-news-single .news-single-item h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #2F4E67;
	margin: 0px;
	margin-bottom: 5px;
}



/*---- Styles für Mail-Form -------------------------------*/

.csc-mailform-field label {
	background-color: #FFFFFF;
	color: #2F4E67;
	width: 100px;
	height: 25px;
}

legend {
	padding-left:10px;
	padding-right:10px;
	border: 0px;
}

fieldset {
	border:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	border: 1px solid #C0C0C0;
}

.radiolayout {
	width:60%;
	padding-top:15px;
	padding-bottom:15px;
}

.formu {
	width:95%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:  10px;
	border: 1px solid #C0C0C0;
}

.mf-radio {
	border:0px;
}

.mf-text {
	color: #0F2E47;
	border: 1px solid;
	border-color: gray black black gray;
	height: 200px;
	width: 400px;
	margin-bottom: 5px;
}

.mf-check {
	border: 0px;
}
.mf-select {
	border:0px;
}

.mf-input {
	color: #0F2E47;
	border: 1px solid;
	border-color: gray black black gray;
	width: 400px;
	margin-bottom: 5px;
}

.mf-submit {
	color: #0F2E47;
	background-color: #C0C0C0;
	border: 1px solid;
	border-color: gray black black gray;
	width: 150px;
}


/*---- Styles für Seite Downloads -------------------------------*/

.csc-uploads-fileName {
	background-color: #FFFFFF;
	color: black;
	padding: 5px;
	padding-left: 20px;
}

.csc-uploads-fileSize {
	background-color: #FFFFFF;
	color: black;
	padding: 5px;
	padding-left: 20px;
}



/*---- Styles für Seiten-Fuss -------------------------------*/

div#fuss {
	background-color: #4f6e87;
	color: white;
	width: 100%;
	height: 15px;
}