/* Import von weiteren CSS-Dateien */
@import url("captcha-formular.css");
@import url("guestbook.css");

  

/* undo 
*******************************************************************************/
* { padding: 0; margin: 0; }
link, :visited { text-decoration: none }
ul, ol { list-style-type: none; list-style-image: none }
h1, h2, h3, h4, h5, h6, pre, code { font-weight: normal }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0 }
img, a img, :link img, :visited img, fieldset { border: none }
img { margin: 0; padding: 0; vertical-align: bottom }
address { font-style: normal }
table { margin: 0; padding: 0; border: none; border-spacing: 0px }
tr { margin: 0; padding: 0; border: none }
td { margin: 0; padding: 0; vertical-align: top; border: none; border-spacing: 0px }
legend { display: none }


/* LISTS 
*******************************************************************************/
ul { list-style-type: none; margin: 0.3em 0 1.5em }
ul.related { margin-top: -1em }
ol { margin: 0.5em 0.5em 1.5em }
ol li { background: transparent; list-style-type: decimal; margin-left: 1em; padding-left: 0 }
li { line-height: 1.4em; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 0 }
li.doc { background-position: 3px -500px }
ul.nomarker li { background: transparent; padding-left: 0 }
dl { margin: 0 0 1em }
dt { font-weight: bold; margin-top: 1.3em }
dl dl { margin: 0 0 1.5em 30px }


/* form-module
*******************************************************************************/
#form-module * { margin: 0; padding: 0 }
#form-module  { color: #666; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; width: 420px }
#form-module fieldset { border: solid 0 #fff }
#form-module legend { display: none }
#form-module p { font-size: 1em; font-weight: bold; margin: 0; padding: 5px }
#form-module .element  { background-color: #f8f8f8; display: block; clear: both; border-top: 2px solid #fff }
#form-module label  { background-color: #f7f7f7; display: block; padding: 5px; width: 100px; float: left; border-right: 2px solid #fff }
#form-module label.checkbox { width: 372px; border-right: medium none; border-left: 2px solid #fff }
#form-module input, #form-module select, #form-module textarea { margin: 5px; width: 295px; float: left; border: solid 1px #919191 }
#form-module input.text { height: 20px }
#form-module input.checkbox { padding: 0; width: 120px; border: none }
#form-module input.submit   { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; margin: 5px 5px 5px 120px; padding: 2px 5px; border: solid 1px #919191 }
#form-module input.submit:hover  { color: #000 }
#form-module label.textarea, #form-module textarea.textarea { height: 96px }
/* #form-module-thanks { color: #666; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; display: block } */


/* ----------------------------------------------------------------------------------
  Css-Formatierungen fuer Redaxo interne Module
---------------------------------------------------------------------------------- */ 
.left {  margin: 10px 10px 5px 0;  float: left;  }
.right { margin: 10px 0 5px 10px;  float: right; }
.clearer { font-size: 0; line-height: 0; visibility: hidden; display: block; height: 1px; clear: both }
.clear { clear: both; background: none; }
.flLeft { float: left; margin: 10px 10px 5px 0; }
.flRight { float: right; margin: 10px 0px 5px 10; }
.warning { color: #f00 }
.haupttext {   margin-left: 15px; display: block;   }
.textright {   text-align: right;   }
.center {   text-align: center;   }
.small {   font-size: 10px;   }
.bold {   font-weight: bold;   }
.hide {   display: none;   }
.clr {   clear: both;   }

/* Veranstaltungsformular */
.eltitel {  font-weight: bold; border-bottom: 1px dashed #000;  }
.eldesc { }
.event .facts h1 { padding: 10px 0px; }
.event .desc {  border: 1px dashed #000; margin: 20px 5px; padding: 10px; background-color:#FFFFFF; }


/* ----------------------------------------------------------------------------------
  Allgemeine Css-Formatierungen
---------------------------------------------------------------------------------- */ 
body {
  color: #000; 
  margin: 0px;	
  padding: 0px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;   /* !!! entspricht nachfolgend 1.0 em !!! */
  background-color: #fff; 	
  /* kleiner Hack, damit im IE unter 6 die ganze Seite auch mittig ausgerichtet wird im body  text-align: center;  setzen. 
     Wichtig: Im ersten div der Seite  text-align: left;  setzen, damit die Texte linksbündig dargestellt werden. */
  text-align: center; 	
}

hr { 
  border: 1px solid #aaa; 
  margin: 5px 0px;
}
a {
  color:#006;
  text-decoration: none;
}
a:hover {
  color:#00f;
  text-decoration: underline;
}

/* ---------- Überschriften ---------- */
#content h1 { 
  font-family: Arial, Helvetica, sans-serif;
  color: #000; 
  font-size: 1.6em; 
  font-weight: bold; 
  line-height: 17px; 
  margin-top: 12px; 
  margin-bottom: 6px; 
}
#content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  color: #000;
  line-height: 15px;
  margin-bottom:6px;
  margin-top: 12px;
}
#content h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  color: #000;
  margin-bottom: 2px;
  margin-top:12px;
}
#content h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: #000;
  margin-bottom: 2px;
  margin-top:12px;
}
#content h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #000;
  margin-bottom: 2px;
  margin-top:6px;
}

#content p {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	color: #000;
}
#content table {
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

#content ul {
  list-style-type: disc;
}
#content ol {
  list-style-type: decimal;
}

#content li {
  margin-left: 15px;
}

#content th { padding: 3px 8px 5px 0px; margin: 0px; }
#content td { padding: 3px 8px 5px 0px; margin: 0px; }

#content table.ansprechpartner td {
  border: 0px;
  padding: 3px 5px;
  margin: 0px;
}


/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Seitenlayout ++++++++++++++++++++++++ */
/* ----------------------------------------------------------------------------------
  externe Links
---------------------------------------------------------------------------------- */ 

.extern{
  padding-right:15px;
  background:url('extern.gif') no-repeat right center;
}

/* ----------------------------------------------------------------------------------
  Webseiten Ausrichtung 
---------------------------------------------------------------------------------- */ 

#container{
  /* kleiner Hack, damit im IE unter 6 die ganze Seite auch mittig ausgerichtet wird im body  text-align: center;  setzen. 
     Wichtig: Im ersten div der Seite  text-align: left;  setzen, damit die Texte linksbündig dargestellt werden. */
  text-align: left;
  width: 1000px;
  margin: 0px auto;
  padding: 0px;
  width: 1000px;  
}

#head {
  background-image:url(header.jpg);
  background-repeat: no-repeat;
  height: 166px;
  width: 999px;
}
#headMenu {
  padding: 90px 120px 20px 120px;
  margin: 0px;
}
#headMenu a {
  height: 30px;
  line-height: 30px;
  margin: 0px;
  padding: 0px 2px;
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}
#headMenu a:hover {
  color: #222;
  font-size: 1.2em;
  text-decoration: underline;
}

#faux {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 1000px;

  background-image: url(content.jpg);
  background-position: left top;
  background-repeat: repeat-y;  
}

#left {
  position: absolute;
  top: 0px; left: 5px;
  width: 160px; height: auto;
}

#submenu {
  margin: 0px;
  padding: 5px;
  padding-bottom: 10px;
  border: 1px solid #000000;	
  background-color: #eee;
}

/* ---------- Level ---------- */
/* Bei jeden neuen Level den Text um ... Pixel nach rechts verschieben */
#submenu a.level1  { 
	margin-left: 5px;
	font-weight: bold;
} 
#submenu a.level2  { 
	margin-left: 5px;
} 
#submenu a.level3 { 
	margin-left: 15px;
} 
#submenu a.level4 { 
	margin-left: 25px;
} 
#submenu a.level5 { 
	margin-left: 35px;
}  


#werbung_links {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#right {
  position: absolute;
  top: 0px; left: 835px;
  width: 160px; height: auto;
}


#content {
  position: relative;
  top: 0px; left: 170px;  
  width: 618px; height: auto;
  margin: 0px;
  padding: 5px 10px 20px 10px;
  border: 1px solid #000000;	
  background-color: #f9f9f9;
}
#content_inner { position: relative; width: auto; height: auto; overflow: hidden; }



#content_big {
	border: 1px solid #000000;	
	background-color: #f9f9f9;
	margin: 0px 0px 0px 170px;
	padding: 5px 20px 20px 20px;
}
#breadcrumb {
  font-size: 0.8em;
}



#foot {
	border: 0px;
	border-top: 1px solid #000000;  
	font-size: 0.8em;
	text-align: center; 
	margin-top: 5px;
	margin-bottom: 10px;
	height: 50px;
}

#counter {
	display: inline;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
	text-align: center;
}
#counter a{
	text-decoration: none;
}

/* ---------- Layer - Ende ---------- */



#extraBox {
	border: 1px solid #000000;	
	background-color: #EEEEEE;	
	font-size: 0.75em;  /* 12px */
	margin-bottom: 16px; 
}

#extraboxHead {
	background-color: #000000;
	font-weight: bold;
	color: #FFFFFF; 
	padding: 0.3em; /* 5px */
	font-weight: bold;
}
#extraboxInhalt {
	vertical-align: top;
	text-align: left;
	padding-left: 12px;	
	padding-right: 12px;	
}

#extraboxVeranstaltungenFoot {
	text-align: center;		
	padding: 0.3em; /* 5px */
}
#sponsoren .extern{
  padding-right: 0px;
  background: none;
}
#sponsoren img{
  padding: 0px;
  margin-bottom: 5px;
}
/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */

#headMenu ul li {
	display: inline;
	margin: 5px;
	float: left;
}
#suchfeld_content {
	border: 1px solid #000;
	background-color: #eee;
	margin: 0px;
	margin-bottom: 5px;
	padding: 5px;
}


/* Download anbieten */

.download-box {
  background-color: #ddd;
  border: 1px solid #000;
  width: 500px;
  margin: 5px 5px 5px 0px;
  padding: 5px;
  padding: 5px;

}

.download-hdl {
	font-weight: bold;
}

.download-file { }

.download-desc {
  background-color: #eee;
  margin: 0px;
  padding: 5px;	
}

.download-without-desc { }


/* Veranstaltungskalender */
h3.eventlist_month_year
{
  border-bottom: 1px dashed #000;
  padding: 30px 0px 0px 0px;
  margin-bottom: 20px;
  display: block;
}
table.eventlist
{
}

table.eventlist th {
  padding: 5px 5px;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
table.eventlist th.desc {
  border-right: 0px solid #aaa;
}

table.eventlist td {
  border-right: 1px solid #ccc;
}
table.eventlist td.elshortdesc {
  border-right: 0px solid #ccc;
}


#simple_magazine img { margin: 0px 5px 5px 0px; padding: 0px;  } 
#simple_magazine a img { border: 1px solid #fff; } 
#simple_magazine a:hover img { border: 1px solid #666; }


/* ---------- articel_nav_back_and_forward ---------- */ 
.article_nav_back_and_forward { padding: 40px 5px 10px 5px; }
.article_nav_back_and_forward .flLeft { text-align: left; width: 280px; margin: 0px !important; }
.article_nav_back_and_forward .flRight { text-align: right; width: 280px; margin: 0px !important; }