/* ---------------------------------------------------------------
   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-color:#333333;
	font-size:10pt;
	font-family:Arial;
	margin:0;
	padding:0;
	color:#FFFFFF;
}

a { color: white; }
a:visited { color: white; }
a:hover { color: #ff9e00; text-decoration:none; }
a:active { color: #ff9e00; text-decoration:none; }

/*
:link { color: #039; }
:visited { color: #636; }
:link:hover, :visited:hover { color: #333; }
:link:active, :link:active { color: #000; }
*/

h1, h2, h3, h4, h5, h6 {
	padding-top:6px;
	padding-bottom:6px;
}

h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.9em; }

li {
	padding-bottom:5px;
}

/* ---------------------------------------------------------------
   Einige Einstellungen fr Formulare:
   --------------------------------------------------------------- */

form {
	margin:0px;
	padding:0px;
}

.form_text {
	border:1px solid #333333;
	background:#efefef;
	padding:1px;
	font-size:1em;
	color:#333333;
}

/*.submit_button {
	width:16px;
	height:16px;
	margin: 0;
	padding: 0;
	cursor:pointer;
	background: transparent url("go.gif") no-repeat center top;
	text-indent: -1000em;
}
*/
.submit_text {
	/*padding-top:2px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:4px;*/
	padding-left:6px;
	padding-right:6px;
	border:1px solid #333333;
	cursor:pointer;
	background:#efefef;
	font-size:1em;
	color:#333333;
	/*text-transform: uppercase;*/
	height:18px;
}
	

.drucksymbol {
	float:right;
	padding-right:1%;
}

.main {
	width:auto;
	visibility:auto;
	width:900px;
	background-image:url(page.png);
	margin:auto;
}
/* ---------------------------------------------------------------
   Der große Menü-Bereich:
   --------------------------------------------------------------- */

.bereich_menu {
	width:875px;
	height:103px;
	padding-left:24px;
	background-image:url(menulinks.png);
}

.bereich_menu h1 {
	display:none;
}
  
.bereich_menu a {
	padding-left:15px;
	padding-right:15px;
	padding-top:46px;
	height:50px;
	display:block;
	color:#333333;
	text-decoration:none;
	float:left;
	font-size:0.8em;
	text-transform: uppercase;
}

.bereich_menu a:hover {
	background-image:url(menuhover.png);
	background-position:top left;
	text-decoration:none;
	color:white;
}

.bereich_menu a:active {
	background-image:url(menuhover.png);
	background-position:top left;
	text-decoration:none;
	color:white;
}

.bereich_menu img {
	vertical-align: middle;
	display: inline-block;
	padding-right:4px;

}

.bereich_menu_trenner {
	width:2px;
	height:90px;
	float:left;
	display:block;
	background-image:url(menuline.png);
}
/* ---------------------------------------------------------------
   Der Kopf-Bereich:
   --------------------------------------------------------------- */

.bereich_kopf {
	clear:both;
	width:875px;
	height:118px;
	background-image:url(header.png);
	padding-top:20px;
	padding-left:20px;
}

.bereich_kopf_links {
	text-indent:-1000em;
	width:40%;
	background:url("logo_calimero_cms_208x54.png") 20px 0px no-repeat;
	float:left;
	height:118px;
}

.bereich_kopf_rechts {
	float:right;
	padding-top:4px;
	padding-right:24px;
	width:40%;
	text-align:right;
	color:black;
	font-size:0.8em;
	text-transform: uppercase;
}

.bereich_kopf_rechts a { color: #333333; }
.bereich_kopf_rechts a:visited { color: #333333; }
.bereich_kopf_rechts a:hover { color: white; text-decoration:none; }
.bereich_kopf_rechts a:active { color: white; text-decoration:none; }

.bereich_kopf_mitte {
	padding-left:48%;
	padding-right:48%;
}

.bereich_kopf_brotkrumen {
	clear:both;
	width:875px;
	/*margin-top:-8px;*/
	padding-left:4px;
	font-size:0.9em;
	padding-bottom:8px;
}

.bereich_kopf fieldset {
	border:0px;
	padding:0px;
}

/* ---------------------------------------------------------------
   Die Bereiche, in denen der Inhalt liegt:
   --------------------------------------------------------------- */

.bereich_mitte {
	text-align:left;
	height:100%;
}

.bereich_mitte_links {
	padding-right:2px;
	padding-left:3px;
	float:left;
	width:1px;
}

.bereich_mitte_rechts {
	padding-right:30px;
	float:right;
	width:290px;
	text-align:right;
	
}

.bereich_mitte_mitte {
	padding-left:26px;
	padding-right:350px;
	/*padding-top:20px;*/
}

/* ---------------------------------------------------------------
   Der Fuss-Bereich:
   --------------------------------------------------------------- */

.bereich_fuss {
	width:900px;
	clear:both;
	height:58px;
	padding-top:50px;
	text-align:center;
	line-height:14pt;
	background-image:url(footer.png);
	background-repeat:no-repeat;
	background-color:#000000;
	font-size:0.8em;
	text-transform: uppercase;
	color:#333333;
}

.bereich_fuss a { color: #333333; text-decoration:none;}
.bereich_fuss a:visited { color: #333333; text-decoration:none;}
.bereich_fuss a:hover { color: white; text-decoration:none; }
.bereich_fuss a:active { color: white; text-decoration:none; }

.banner {
	float:left;
}

.copyright {
	float:right;
}

.bereich_fuss_mitte {
}

/* ---------------------------------------------------------------
   Die allgemeinen Einstellungen eines Inhaltselementes
   --------------------------------------------------------------- */

.content_heading {
	padding-top:6px;
	padding-bottom:6px;
	color:white;
	background:transparent;
	font-size:1em;
}

.content_element {
}

.content h1 {	
}

.bereich_mitte_mitte h1 {	
}

.bereich_mitte_mitte .content {
	background:transparent;
	color:white;
}

.bereich_mitte_mitte .content_heading {
	/*display:none;*/
}


.bereich_mitte_rechts .content {

}

.bereich_mitte_rechts .content_heading {
	color:#ff9e00;
	
}

.bereich_mitte_links .content_heading {
}

.bereich_mitte_links .content {
}
/* ---------------------------------------------------------------
   Das vertikale Men:
   --------------------------------------------------------------- */

.Calimero_VerticalMenu {
	text-align:right;
	
}


.Calimero_VerticalMenu .content {
	padding:0;
	margin:0;
	font-size:0.9em;
}

.Calimero_VerticalMenu .content_heading {
	border-bottom:1px dotted white;
}

.Calimero_VerticalMenu div.item a {
	display: block;
	padding: 8px 0px;
	text-decoration:none;
	color:white;
	border-bottom: 1px dotted white;	
}

.Calimero_VerticalMenu div.item a:hover {
	text-decoration:none;
	color:#ff9e00;
	border-bottom: 1px dotted white;
	background:#333333;
}

.layer1 {
	font-weight:bold;	
}

.layer2 {
	text-indent:15px;
	
}

.layer3 {
	text-indent:25px;
	
}

.layer4 {
	text-indent:35px;
	
}

.layer5 {
	text-indent:45px;

}

/* ---------------------------------------------------------------
   Das popup Men:
   --------------------------------------------------------------- */

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: lighter;
  color: #ddd;
}

div.menuBar {
  background:#c9c9c9 url("bg_header.gif") top left repeat-x;
  padding: 4px 4px 4px 0px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid gray;
  color: gray;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
  border: 1px outset #e0e0e0;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px inset #e0e0e0;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: transparent;
  border: 1px inset #e0e0e0;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #3366CC;
  border: 1px outset #6699CC;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: white;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #00044b;
  color: white;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu a.menuItem span.ItemArrow {
  margin-left: -1.2em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}

/* ---------------------------------------------------------------
   Formate fr Artikel:
   Artikel in der linken und mittleren Spalte mit blauem Hintergrund
   --------------------------------------------------------------- */

.Calimero_Article .content_heading {

}

.Calimero_Article {
	padding-bottom:10px;
}

/* ---------------------------------------------------------------
   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:0px;
	margin:0px;

}

.Calimero_Newslist .content_heading {
	
}


.Calimero_Newslist {
	font-size:0.9em;
	
	
}
.Calimero_Newslist a {
}

.Calimero_Newslist a:hover {
}

.Calimero_Newslist div.Calimero_Newslist_entry {
	display: block;
	padding: 4px 0px;
	text-decoration: none;
}

.Calimero_Newslist div.rss_symbol {
	padding:4px 0px;
	
}


.Calimero_Newslist_rss_symbol {
	margin:4px;
}

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

.Calimero_SearchField .content_heading {
	
}

.Calimero_SearchField .content {
	/*background: #d9dadc url("bg_minus.gif") top left repeat-x;*/
	/*background:url("o_bg.png") top left repeat-x;*/
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	margin:0;
}

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

.bereich_mitte_mitte .Calimero_SearchField .content_heading {
	/*display:none;*/
	/*color:#00044b;
	background-color:white;*/
}

.Calimero_SearchField {
	/*background: #d9dadc url("bg_minus.gif") top left repeat-x;*/
	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 {
	
}

.Calimero_LoginLogout .content {
	color:black;
	background-color:#EDF2F2;
	padding-top:4px;
	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;
}


/* ---------------------------------------------------------------
   Die Newsletter-Verwaltung:
   --------------------------------------------------------------- */

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

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

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

.bereich_mitte_links .Calimero_NewsletterAdministration: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_NewsletterAdministration: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;
}

.bereich_mitte_mitte .Calimero_NewsletterAdministration .content {
	color:black;
	background-color:white;
}

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


/* ---------------------------------------------------------------
   Die Sitemap:
   --------------------------------------------------------------- */

.Calimero_Sitemap_item {
	font-size:12px;
	padding:3px;
}

/* ---------------------------------------------------------------
   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 G�tebuch
   --------------------------------------------------------------- */

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;
}

/* ---------------------------------------------------------------
   Formate für einn Sprachwähler:
   Sprachwähler in der linken und rechten Spalte mit anderem Hintergrund
   --------------------------------------------------------------- */

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

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

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

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

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

.Calimero_LanguageChooser .content h1 {
	color:gray;
}

.bereich_mitte_links .Calimero_LanguageChooser: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_LanguageChooser: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;
}

.bereich_mitte_rechts .Calimero_LanguageChooser: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_LanguageChooser: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;
}