/* ---------------------------------------------------------------
   Allgemeine Einstellungen
   --------------------------------------------------------------- */
img {
	border:0;}
.crearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
/* Hides from IE-max \*/
* html .clearfix { height:1%; }
/* End Hide from IE-mac */
body {
	background: white;
	width: 860px;
	min-width: 620px;
	margin-top: 0px;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:0px;
	font-size:12px;
	font-family: Verdana, Tahoma, sans-serif;
	padding: 0px 0px 0px 0px;}
:link { color: #545454; text-decoration:underline;}
:visited { color: #545454; text-decoration:underline;}
:link:hover, :visited:hover { color: #969696; text-decoration:none;}
:link:active, :link:active { color: #969696; text-decoration:none;}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.2em 0;
	border-bottom: 1px dotted #ccc;
	font-family: verdana, arial, sans-serif;}
h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; border: 0; }
h6 { font-size: 90%; border: 0; }
li {
	padding-bottom:5px;}
/* ---------------------------------------------------------------
   Einige Einstellungen Articel-, Bild-Text-Aufteilung:
   --------------------------------------------------------------- */	
.articleform {
	padding: 0 0px 0px 0;}
.articleform2 {
	padding: 0px 10px 20px 0;}
/* ---------------------------------------------------------------
   Einige Einstellungen fr Formulare:
   --------------------------------------------------------------- */
form {
	margin:0px;
	padding:0px;}
.submit_button {
	width:15px;
	height:15px;
	margin: 0;
	padding: 0;
	border:0;
	background: transparent url(go.gif) no-repeat center top;
	text-indent: -1000em;}
#container {
	background: #FBF9FB;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border:thin solid #D1D7D6;
	}
/* ---------------------------------------------------------------
   Der Kopf-Bereich:
   --------------------------------------------------------------- */
#headerli {    
	background: url("top_bg.png") no-repeat;
	width="550px"; 
	height="126px";
	border-width: 1px 0px 1px 1px;
	padding: 1px 0px 1px 1px;
	border-style: solid;
	border-color: white;
	background-color: white;}
#headerre {    
	background: url("top_bg_re.png") repeat;
	width="200px"; 
	height="126px";
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 0px;
	border-style: solid;
	border-color: white;
	background-color: white;}
#header {
	margin: 0px 0px 0px 0px;
    background: url("top_bg_li.png") repeat;
	position: relative;
	min-height: 160px;
	height: 5em;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 3em;
	padding: 30px 0px 0px 0px;}
#header h1 {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px 0px 0px 0px;
	font-size: 2px;
	background: url("header_tl.gif") no-repeat;
	height: 8px;
	z-index: 100; /* above the UL */}
#header h1 a {
	display: block;
	width: 350px;
	height: 200px;
	background: transparent url("bg_gdr-4.png") no-repeat;
	margin: 0;
	text-indent: -700em;
	text-decoration: none;}
#header ul {
	width: auto;
	position: absolute;
	bottom: 0;
	right: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	background: url("header_br.gif") no-repeat bottom right;
	z-index: 90; /* below the H1 */}
#header li {
	float: right;
	background: transparent url("header_tab.gif") 100% -600px no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #515358;}
#header ul a {
	float: left;
	display: block;
	padding: 0px;
	background: transparent url("header_tab.gif") 0% -600px no-repeat;
	font-weight: bold;
	color: #fff;
	text-decoration: none;}
#header ul li:hover a {
	background-position: 0% -100px;}
#header ul li:hover {
	background-position: 100% -100px;}
#header form {
	position: absolute;
	top: 0;
	right: -1px;
	padding: 12px 20px 20px 0;
	background: url("header_tr.gif") no-repeat top right;
	margin: 0; /* need for IE Mac */
	text-align: right; /* need for IE Mac */
	white-space: nowrap; /* for Opera */}
#header form label {
	color: #fff;
	font-size: 85%;}
#header form input {
	font-size: 85%;}
#header form #submit {
	font-size: 85%;
	background: #6A7389;
	color: #fff;
	padding: 1px 4px;
	border-right: 1px solid #283043;
	border-bottom: 1px solid #283043;
	border-top: 1px solid #9097A2;
	border-left: 1px solid #9097A2;}
#header form #q {
	width: 170px;
	font-size: 85%;
	border:	1px solid #9097A2;
	background: #D9DBE1;
	padding: 0px;}
#header form #q:hover, #header form #q:focus {
	background: white;}
/* ---------------------------------------------------------------
   Die Bereiche, in denen der Inhalt liegt:
   --------------------------------------------------------------- */
.bereich_kopf {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
.bereich_mitte {
	text-align:left;}
.bereich_mitte_links {
	padding-right:5px;
	float:left;
	width:175px;}
.bereich_mitte_mitte {
	padding-left:180px;	/* Abstand zur inken Seite bzw. 0=linke Seite weg */
	background: #FBF9FB;
	color: #545454;}
/* ---------------------------------------------------------------
   Der Fuss-Bereich:
   --------------------------------------------------------------- */
.bereich_fuss {
	border-top:1px solid #D1D7D6;
	background: #D1D7D6;
	padding-top:0px;
	color:#969696;
	font-size: 10px;
	text-align:center;
	clear:both;}
.banner {
	float:left;}
.copyright {
	float:right;}
/* ---------------------------------------------------------------
   Die allgemeinen Einstellungen eines Inhaltselementes
   --------------------------------------------------------------- */
.content_heading {
	padding-left:5px;
	color:#545454;}
.content_heading a {}
.content_heading a:visited {}
.content_heading a:hover {
	color:red;}
.content {
	background-color:#FBF9FB;
	padding:6px;}
.content_element {}
.content h1 a {
	color:#545454;}
/* ---------------------------------------------------------------
   Das popup Men:
   --------------------------------------------------------------- */
div.menuBar, div.menuBar a.menuButton, div.menu,div.menu a.menuItem {
  font-family: "Verdana", Arial, sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: normal;
  color: #545454;
  border-top:1px solid #D1D7D6;
  margin: 0px 0px 0px 0px;
  position: relative;
  top: 0px;}
div.menuBar {
  margin: 0px 0px 0px 0px;
  background-color: #FBF9FB;
  /* border: 1px outset black; */
  padding: 2px 0px 2px 0px;
  text-align: center;}
div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid white;
  color: #545454;
  cursor: default;
  left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
  border: 1px solid #D1D7D6;}
div.menuBar a.menuButton:hover {
  background-color: #E8F1EF;
  border: 1px solid #D1D7D6;
  color: #545454;
  left: 0px;
  top: 0px;}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #E8F1EF;
  border: 1px solid #D1D7D6;
  color: #545454;
  left: 0px;
  top: 0px;}
div.menu {
  background-color: #D1D7D6;
  border: 1px solid #D1D7D6;
  left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;}
div.menu a.menuItem {
  color: #545454;
  background-color: #FBF9FB;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  margin: 0px 0px 0px 0px;
  position: relative;
  top: 0px;}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #E8F1EF;
  color: #545454;
  margin: 0px 0px 0px 0px;
  position: relative;
  top: 0px;}
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;}
div.menu a.menuItem span.ItemArrow {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;}
div.menu div.menuItemSep {
  border: 1px solid #D1D7D6;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
  top: 0px;}
/* ---------------------------------------------------------------
   Die Sitemap:
--------------------------------------------------------------- */
.Calimero_Sitemap_item {
	font-size:10px;
	padding:2px;}
/* ---------------------------------------------------------------
   Formate für einn Sprachwähler:
   Sprachwähler in der linken und rechten Spalte mit anderem Hintergrund
   --------------------------------------------------------------- */
.bereich_mitte_rechts .Calimero_LanguageChooser .content {
	color:#545454;
	background-color:#EDF2F2;}
.bereich_mitte_links .Calimero_LanguageChooser .content {
	color:#D1D7D6;
	font-size: 9px;}
.bereich_mitte_mitte .Calimero_LanguageChooser .content {
	color:#D1D7D6;
	font-size: 9px;}
.Calimero_LanguageChooser {}
.Calimero_LanguageChooser .content_heading {
	color:#D1D7D6;
	font-size: 9px;}
.Calimero_LanguageChooser .content h1 {
	color:#D1D7D6;
	font-size: 9px;}
.bereich_mitte_links .Calimero_LanguageChooser:before {
	line-height: 0.1;
	font-size: 1px;
	margin: 0;
	height: 0px;
	display: block;
	content: url("");}
.bereich_mitte_links .Calimero_LanguageChooser:after {
	display: block;
	padding: 0 0 0 0;
	line-height: 0.1;
	font-size: 1px;
	content:  url("");
	margin: 0 0 0 0;
	height: 14px;}	
/* ---------------------------------------------------------------
   Die Newsletter-Verwaltung:
   --------------------------------------------------------------- */
.Calimero_NewsletterAdministration .content_heading {
	background-color:#FBF9FB;
	border-bottom: 1px dotted #ccc;}
.Calimero_NewsletterAdministration .content {
	color:#545454;
	background-color:#FBF9FB;}
.Calimero_NewsletterAdministration {
	background: #FBF9FB;
	margin-bottom: 1em;}
.bereich_mitte_links .Calimero_NewsletterAdministration:before {
	line-height: 0.1;
	font-size: 1px;
	background: #FBF9FB;
	margin: 0;
	height: 9px;
	display: block;
	border-bottom: 1px solid #515358;}
.bereich_mitte_links .Calimero_NewsletterAdministration:after {
	display: block;
	padding-top: 0;
	line-height: 0.1;
	font-size: 1px;
	margin: 0 0 0 0;
	height: 8px;
	background: #FBF9FB ;
	border-top: 1px solid #515358;}
.bereich_mitte_mitte .Calimero_NewsletterAdministration .content {
	color:#545454;
	background-color:#FBF9FB;}
div.Calimero_NewsletterAdministration_row {
	padding-top:5px;
	padding-bottom:5px;
	clear:both;}
/* ---------------------------------------------------------------
   Das vertikale Men: (links)
   --------------------------------------------------------------- */
.Calimero_VerticalMenu .content {
	padding:0;
	margin:0;}
.Calimero_VerticalMenu .content_heading {
	display:none;}
.Calimero_VerticalMenu:before {
	line-height: 0.1;
	font-size: 1px;
	background: transparent url("menu_tr.gif") no-repeat top right;
	margin: 0;
	height: 9px;
	display: block;
	border-bottom: 1px solid #ddd;
	content: url("key-point_tl.gif");}
.Calimero_VerticalMenu:after {
	display: block;
	padding-top: 0;
	line-height: 0.1;
	font-size: 1px;
	content:  url("key-point_bl.gif");
	margin: 0 0 0 0;
	height: 8px;
	background: transparent url("menu_br.gif") scroll no-repeat bottom right ;
	border-top: 1px solid white;}
.Calimero_VerticalMenu {
	background: #E0E9E9 url("menu_back.gif") right repeat-y;
	margin-bottom: 1em;
	padding: 0;}
.Calimero_VerticalMenu div.item a {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	background: #EDF2F2;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;}
.Calimero_VerticalMenu div.item a:hover {
	background: #E0E9E9;}
.layer1 {
	font-weight:bold;}
.layer2 {
	text-indent:15px;}
.layer3 {
	text-indent:25px;}
.layer4 {
	text-indent:35px;}
.layer5 {
	text-indent:45px;}
/* ---------------------------------------------------------------
   Formate fr Artikel:
   Artikel in der linken und mittleren Spalte mit blauem Hintergrund
   --------------------------------------------------------------- */

.Calimero_Article {
}

.bereich_mitte_rechts .Calimero_Article .content {
	color:white;
	background-color:#3366CC;
}

.bereich_mitte_rechts .Calimero_Article .content h1 {
	font-size:14px;
	margin-bottom:2px;
	padding-bottom:0px;
}

.bereich_mitte_rechts .Calimero_Article .content a {
	color:#545454;
	text-decoration: none;}
.bereich_mitte_rechts .Calimero_Article .content a:hover {
	color:#969696;
	text-decoration: none;}
.bereich_mitte_links .Calimero_Article .content table {
	color:#545454;
	background-color:#3366CC;}
.bereich_mitte_links .Calimero_Article .content h1 {
	font-size:14px;
	margin-bottom:2px;
	padding-bottom:0px;}
.bereich_mitte_links .Calimero_Article .content a {
	color:#545454;
	font-size:12px;
	text-decoration: none;}
.bereich_mitte_links .Calimero_Article .content a:hover {
	color:#969696;
	font-size:12px;
	text-decoration: none;}
/* ---------------------------------------------------------------
   Formate fr die Liste:
   --------------------------------------------------------------- */

.Calimero_List {
}

/* ---------------------------------------------------------------
   Formate fr die Tabelle:
   --------------------------------------------------------------- */

.Calimero_Table table {
	margin:0px;
	padding:0px;
	border:1px solid #00044b;
	width:100%;
}

.Calimero_Table td {
	border:1px solid black;
}

.Calimero_Table tr.heading {
	margin:2px;
	background-color:#3366CC;
}

.Calimero_Table tr.heading td {
	font-size:14px;
	color:white;
	font-weight:bold;
}

/* ---------------------------------------------------------------
   Die Newsliste
   --------------------------------------------------------------- */

.Calimero_Newslist .content {
	padding:0;
	margin:0;
}

.Calimero_Newslist .content_heading {
	display:none;
}

.Calimero_Newslist:before {
	line-height: 0.1;
	font-size: 1px;
	background: transparent url("menu_tr.gif") no-repeat top right;
	margin: 0;
	height: 9px;
	display: block;
	border-bottom: 1px solid #ddd;
	content: url("key-point_tl.gif");
}

.Calimero_Newslist {
	background: #E0E9E9 url("menu_back.gif") right repeat-y;
	margin-bottom: 1em;
}

.Calimero_Newslist:after {
	display: block;
	padding-top: 0;
	line-height: 0.1;
	font-size: 1px;
	content:  url("key-point_bl.gif");
	margin: 0 0 0 0;
	height: 8px;
	background: transparent url("menu_br.gif") scroll no-repeat bottom right ;
	border-top: 1px solid white;
}

.Calimero_Newslist {
	margin: 0;
	padding: 0px;
	list-style: none;
}

.Calimero_Newslist div.Calimero_Newslist_entry {
	padding:5px;
	background: #EDF2F2;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
}

.Calimero_Newslist div.rss_symbol {
	padding:5px;
	background: #EDF2F2;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
}

.Calimero_Newslist div.Calimero_Newslist_entry:hover {
	background: #E0E9E9;
}

.Calimero_Newslist_rss_symbol {
	margin:2px;
}

/* ---------------------------------------------------------------
   Das Such-Feld
   --------------------------------------------------------------- */

.Calimero_SearchField .content_heading {
	background-color:#EDF2F2;
}

.Calimero_SearchField .content {
	color:black;
	background-color:#EDF2F2;
	padding-top:0px;
	padding-bottom:6px;
	padding-left:8px;
	margin:0;
}

.bereich_mitte_mitte .Calimero_SearchField .content {
	color:#00044b;
	background-color:white;
}

.Calimero_SearchField {
	background: #EDF2F2 url("menu_back.gif") right repeat-y;
	margin-bottom: 1em;
}

.bereich_mitte_rechts .Calimero_SearchField:before {
	line-height: 0.1;
	font-size: 1px;
	background: transparent url("menu_tr.gif") no-repeat top right;
	margin: 0;
	height: 9px;
	display: block;
	border-bottom: 1px solid #ddd;
	content: url("key-point_tl.gif");
}

.bereich_mitte_rechts .Calimero_SearchField:after {
	display: block;
	padding-top: 0;
	line-height: 0.1;
	font-size: 1px;
	content:  url("key-point_bl.gif");
	margin: 0 0 0 0;
	height: 8px;
	background: transparent url("menu_br.gif") scroll no-repeat bottom right ;
	border-top: 1px solid white;
}

/* ---------------------------------------------------------------
   Das Login/Logout-Fenster
   --------------------------------------------------------------- */

.Calimero_LoginLogout .content_heading {
	background-color:#EDF2F2;
}

.Calimero_LoginLogout .content {
	color:black;
	background-color:#EDF2F2;
	padding-top:0px;
	padding-left:4px;
	margin:0;
}

.bereich_mitte_rechts .Calimero_LoginLogout:before {
	line-height: 0.1;
	font-size: 1px;
	background: transparent url("menu_tr.gif") no-repeat top right;
	margin: 0;
	height: 9px;
	display: block;
	border-bottom: 1px solid #ddd;
	content: url("key-point_tl.gif");
}

.bereich_mitte_rechts .Calimero_LoginLogout:after {
	display: block;
	padding-top: 0;
	line-height: 0.1;
	font-size: 1px;
	content:  url("key-point_bl.gif");
	margin: 0 0 0 0;
	height: 8px;
	background: transparent url("menu_br.gif") scroll no-repeat bottom right ;
	border-top: 1px solid white;
}

.Calimero_LoginLogout {
	background: #E0E9E9 url("menu_back.gif") right repeat-y;
	margin-bottom: 1em;
}

.bereich_mitte_mitte .Calimero_LoginLogout .content {
	color:red;
	background-color:white;
}

div.Calimero_LoginLogout_row {
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
}

span.Calimero_LoginLogout_label {
	float: left;
	width: 65px;
	text-align:right;
	padding-top:4px;
	padding-right:4px;
}

span.Calimero_LoginLogout_formw {
	float: left;
	width: 30px;
	text-align: left;
}

span.Calimero_LoginLogout_formw input[type=text] {
	width:75px;
}

span.Calimero_LoginLogout_formw input[type=password] {
	width:75px;
}
/* ---------------------------------------------------------------
   Formate fr die Galerie:
   --------------------------------------------------------------- */
.Calimero_Galery {
}

.galery_container {
	overflow:auto;
}

.galery_navbar {
	text-align:center;
}

.galery_picture {
	margin:10px;
	padding:10px;
	border:1px solid black;
	text-align:center;
	float:left;
}

.galery_picture_name {
	font-size:10px;
	padding-top:5px;
}

/* ---------------------------------------------------------------
   Formate fr die MailForm:
   --------------------------------------------------------------- */

div.Calimero_MailForm_container {
	overflow:auto;
}

div.Calimero_MailForm_row {
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
}

span.Calimero_MailForm_label {
	float: left;
	width: 65px;
	text-align:right;
	padding-top:4px;
	padding-right:4px;
}

span.Calimero_MailForm_formw {
	float: left;
	width: 30px;
	text-align: left;
}

/* ---------------------------------------------------------------
   Formate fr Das Gaestebuch
   --------------------------------------------------------------- */

div.Calimero_Guestbook_container {
	overflow:auto;
	padding-bottom:15px;
}

div.Calimero_Guestbook_row {
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
}

span.Calimero_Guestbook_label {
	float: left;
	width: 65px;
	text-align:right;
	padding-top:4px;
	padding-right:4px;
}

span.Calimero_Guestbook_formw {
	float: left;
	width: 30px;
	text-align: left;
}

.Calimero_Guestbook_date {
	font-size:10px;
	margin-bottom:8px;
}

.Calimero_Guestbook_name {
	margin-bottom:8px;
}

.Calimero_Guestbook_text {
}

/* ---------------------------------------------------------------
   Formate fr den Benutzer:
   --------------------------------------------------------------- */

.Calimero_User {
}

.Calimero_User .content {
	line-height:20px;
}

.user_name {
	padding:3px;
}

.user_address {
	padding:3px;
}

.user_telephone {
	padding:3px;
}

/* ---------------------------------------------------------------
   Formate für den FormBuilder
   --------------------------------------------------------------- */

.Calimero_FormBuilder form p {
	clear:left;
	margin:5px;
	padding:0;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dotted black;
}

.Calimero_FormBuilder form p label {
	float:left;
	width:20%;
	padding:0;
	padding-top:3px;
	font-weight:bold;
}

.Calimero_FormBuilder form p label {
	float:left;
	width:20%;
	padding:0;
	padding-top:3px;
	font-weight:bold;
}

/* ---------------------------------------------------------------
   Formate für eine Abstimmung:
   Abstimmung in der linken und rechten Spalte mit anderem Hintergrund
   --------------------------------------------------------------- */


.bereich_mitte_rechts .Calimero_Voting .content {
	color:black;
	background-color:#EDF2F2;
}


.bereich_mitte_links .Calimero_Voting .content {
	color:black;
	background-color:#EDF2F2;
}

.bereich_mitte_mitte .Calimero_Voting .content {
	color:black;
}

.bereich_mitte_links .Calimero_Voting h1 {
	border-bottom:1px solid #EDF2F2;
}

.Calimero_Voting {
	background: #E0E9E9 url("menu_back.gif") right repeat-y;
}

.Calimero_Voting .content_heading {
	background-color:#EDF2F2;
	color:gray;
}

.Calimero_Voting .content h1 {
	color:gray;
}

.Calimero_VotingEntry {
	background-color:#EDF2F2;
}

p.Calimero_VotingEntry {
	font-weight:bold;
	margin-bottom:4px;
	background-color:#EDF2F2;
}

.bereich_mitte_links .Calimero_Voting:before {
	line-height: 0.1;
	font-size: 1px;
	background: transparent url("menu_tr.gif") no-repeat top right;
	margin: 0;
	height: 9px;
	display: block;
	border-bottom: 1px solid #ddd;
	content: url("key-point_tl.gif");
}

.bereich_mitte_links .Calimero_Voting:after {
	display: block;
	padding-top: 0;
	line-height: 0.1;
	font-size: 1px;
	content:  url("key-point_bl.gif");
	margin: 0 0 0 0;
	height: 8px;
	background: transparent url("menu_br.gif") scroll no-repeat bottom right ;
	border-top: 1px solid white;
}