@charset "UTF-8";
/*******************************************************************************
*  base.css : 05 Mar 2008 : isWagner Layouts
*******************************************************************************/

* { margin:0; padding: 0 }

option { padding-left: 0.4em }

/* Italics Bug (IE 5.x und IE 6) */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* Vertikaler Scrollbalken in Netscape, Firefox und Safari */
html {
  height: 100%; margin-bottom: 1px;
}			
/* Standardgröße (16 Pixel) */
html * {
  font-size: 100.01%;
}			

body {
  color: #000033;
  background: #fff url("../pics/bgCumuli.jpg") no-repeat top center fixed;
  text-align: left;
  padding: 10px 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  /* Steuert die Grundschiftgröße */
  font-size: 70.00%;

  /* Rundungsfehler bei alten Opera Versionen */
  font-size: 100.01%;
  /* Zentrierung in alten IE-versionen */
  text-align: center;
}

table {
  border-collapse: collapse;
}

a:link, a:visited {
  color: #003366;
}
a:hover, a:active {
  color: #FF9933;
}

/* Layout */
#wrap {
//  min-width: 740px;
//  max-width: 80em;
  width: 900px;
  margin: 0 auto;
  border: 0px #889 solid;

  /* Zentrierung in alten IE-versionen */
  text-align:left;
}
#page{
  background: #fff;
  border: 2px solid #003366;
}

#header {
  position:relative;
  color: #000;
  background: transparent url('../pics/bgHeader.jpg') no-repeat top left;
  height: 130px;
}

#header h1 {
  padding-top: 10px;
  padding-left: 10px;
  background: transparent url('../pics/fsgHeadline.gif') no-repeat top left;
}
#header h1 a {
  width: 540px;
  height: 43px;
  display: block;
}
#header h1 a strong {
  position: absolute;
  left: -5000px;
}

#metanav {
  color: #aaa;
  background: transparent;
  position:absolute;
  top: 4px;
  right: 4px;
  font-size: 0.8em;

  /* wg. Opera 6: */
  text-align: right;
}
#metanav a {
  padding: 2px 4px;
}
#metanav a:hover, #metanav a:active {
  text-decoration: none;
}

#metanav span {
  color: #FF9933;
}

#metanav a:link, #metanav a:visited {
  color: #FFF;
}
#metanav a:hover, #metanav a:active {
  color: #FF9933;
}
#header, #nav, #main, #footer { clear:both; }

#main {
  background: #fff url('../pics/bgOrange.gif') repeat-y top left;
  padding: 10px 0;
  width: 100%;
  float: left;
}
body#adressen #main, 
body#termine #main {
  background: #fff url('../pics/bgOrangeLeftOnly.gif') repeat-y top left;
}
#footer {
  font-size: 0.8em;
  color: #666;
  text-align: center;
  background: #f9f9f9;
  padding: 6px;
  border-top: 2px #FFCC99 solid;
}

/* #mainContent ist mittlere Spalte */
#mainContent {
  width: 590px;
  float:right;
  margin-left: -83%;
  margin-right: 17%;
}
#mainContentInner {
  font-size: 0.9em;
}
#mainContentInner img {
  border: 1px #555 solid;
}
body#termine #mainContentInner img {
  border: 0;
}
/* #secondaryContent ist rechte Spalte */
#secondaryContent {
  width: 140px;
  float: right;
  margin-right: 0%;
  font-size: 0.8em;
}
#secondaryContentInner {
  padding-left: 1px;
  padding-right: 3px;
}
/* #context ist linke Spalte */
#context {
  float:left;
  width: 143px;
  margin-left: 0;
  margin-right: -5px;
  font-size: 0.9em;
}
#contextInner {
  padding-left: 7px;
  padding-right: 5px;
}



/* Navigation */
#contextInner #menu ul {
  margin-top: 0px;
}
#contextInner #menu li {
  list-style-type: none;
  display: inline;
}

#contextInner #menu li a {
  width: 112px;
  display: block;
  margin: 2px 0;
  padding: 2px 2px 4px 6px;
  vertical-align: center;
  text-decoration: none;
  font-weight: bold;
}

#contextInner #menu ul li ul {
  margin-bottom: 4px;
}
#contextInner #menu ul li ul li a {
  width: 104px;
  padding: 0 2px 0 6px;
  margin-left: 8px;
  font-weight: normal;
  font-size: 80%;
}

#contextInner #menu a:link,
#contextInner #menu a:visited {
  border-left: 8px solid #FF9933;
  background-color: #003366;
  color: #FFF;
}
#contextInner #menu a.current,
#contextInner #menu li a:hover,
#contextInner #menu li a:active {
  border-left: 8px solid #003366;
  background-color: #FF9933;
  color: #000033;
}
#contextInner #menu a.current:hover,
#contextInner #menu a.current:active {
  border-left: 8px solid #FF9933;
}
#contextInner #menu a.current:link,
#contextInner #menu a.current:visited {
  border-left: 8px solid #FF9933;
}
/* Sub-Navigation */
#contextInner #menu ul li ul li a:link,
#contextInner #menu ul li ul li a:visited {
  background-color: #ffbf7e;
  color: #000033;
}
#contextInner #menu ul li ul li a.current,
#contextInner #menu ul li ul li a:hover,
#contextInner #menu ul li ul li a:active {
  border-left: 8px solid #003366;
  background-color: #FF9933;
  color: #000033;
}
#contextInner #menu ul li ul li a.current {
  border-left: 8px solid #FF9933;
}
/* Navigation Ende */

#lastUpdate {
  margin: 50px 0 0 0;
  font-size: .7em;
}

/* #context mittels z-index hinter die float-Spalten verschieben */
#mainContent {z-index: 3}
#secondaryContent {z-index: 5}
#context {z-index: 1}
#mainContentInner {z-index: 4}
#secondaryContentInner {z-index: 6}
#contextInner {z-index: 2}

#mainContentInner, #secondaryContentInner, #contextInner {
  position: relative;
}

/**
 * .hideContext -> 2 spaltiges Layout (mit #mainContent und #secondaryContent)
 * .hideboth -> einspaltiges Layout (mit #mainContent)
 */
#hideboth #context, #hideContext #context {
  margin-left: 0;
  margin-right: 0;
  display: none;
}

#hideboth #secondaryContent {
  display:none;
}
#hideboth #mainContent {
  width: 100%;
  margin: 0;
}
#hideContext #mainContent {
  width: 75%;
  margin-right: 0;
  margin-left: 0;
}
#hideContext #secondaryContent {
  margin-right: 0;
}



/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after,
.csc-mailform-field:after,
#mainContentInner .tx-mininews-pi1-listrow:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden }


.subcolumns, .subcolumns_oldgecko {
  width: 100%;
  overflow:hidden;
}

/* versteckte Inhalte */
.skip, .hideme, .print {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
}

/* Skip-Links f?r Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}

/* Inhalte */

textarea, pre, tt, code {
  font-family:"Courier New", Courier, monospace;
}

fieldset, img { border: 0 solid; }

ul, ol, dl { line-height: 1.5em; margin: 0}
li { margin-left: 1.5em; line-height: 1.5em }

dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

/* ### text formatting | Textauszeichnung ### */

cite, blockquote {
  font-style: italic;
}

blockquote { margin: 0 0 1em 1.5em; }

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #003366;
	margin: 0 0 0.25em 0;
}

h1 {
  /* 24px */
  font-size: 170%
}
h2 {
  /* 24px */
  font-size: 200%;
  color: #182E7A;
}
h3 {
  /* 18px */
  font-size: 150%;
}
h4 {
  /* 16px */
  font-size: 133.33%;
}
h5 {
  /* 14px */
  font-size: 116.67%;
}
h6 {
  /* 14px */
  font-size: 116.67%;
  font-style:italic;
}

#header h1 {
/*  font-size:2em; */
  letter-spacing:-2px;
  line-height:65%;
  color:#000;
}
#secondaryContentInner h1 {
  font-size: 120%;
}
p {
  line-height: 1.5em;
  margin: 0 0 1em 0;
}
#secondaryContentInner p {
  line-height: 1em;
}

strong, b {
  font-weight: bold;
}
em, i {
 font-style:italic;
}

acronym, abbr {
  letter-spacing: .07em;
  border-bottom: .1em dashed #c00;
  cursor: help;
}

.floatLeft {
  float: left;
  display: inline;
  margin-right: 1em;
  margin-bottom: 0.15em;
}
.floatRight {
  float: right;
  display: inline;
  margin-left: 1em;
  margin-bottom: 0.15em;
}
.center {
  text-align: center;
  margin: 0.5em auto;
}
/* Zusätzliche Klassen */
.whiteBorder {
  border: 3px white solid;
}
.whiteBorder img {
  margin: 2px 2px 2px 0;
}


/* Typo3-spezifisch */
.csc-textpic-intext-right-nowrap {
/*
  border-top: 2px #003366 solid;
  padding-top: 6px;
  margin-top: 8px;
*/
}

.csc-textpic-caption {
  font-size: 0.8em;
}

table.links {
  width: 502px;
}
table.links a {
  font-weight: bold;
  text-decoration: none;  
}
table.contenttable-0 {
  border-collapse: collapse;
  background: #fff url('../pics/bgClouds.jpg') repeat top right;
  margin-bottom: 16px;
}
.contenttable-0 td,
.contenttable-0 th {
  padding: 4px;
  border-bottom: 4px #FFF solid;
  vertical-align: top;
}

table.contenttable {
  border-collapse: collapse;
  font-size: 0.8em;
}
table.contenttable thead {
  font-weight: bold;
}
table.contenttable td,
table.contenttable th {
  padding: 2px;
  border-bottom: 4px #FFF solid;
  vertical-align: top;
}
table.contenttable thead td {
  background-color: #DDD;
}
table.contenttable tbody td {
  background-color: #EEE;
}
table.contenttable p {
  margin: 0;
}

/* Mailform */

#mailform {
  width: 580px;
  background: #fff url('../pics/bgMailform.jpg') no-repeat top right;
  padding: 16px 0 130px 0;
}
.csc-mailform-field {
  width: 310px;
  margin: 0;
  padding: 0;
}
.csc-mailform-field  label {
  float: left;
  width: 100px;
}
.csc-mailform-field  input ,
.csc-mailform-field  textarea {
  float: right;
  width: 200px;
}
.csc-mailform-field  label,
.csc-mailform-field  input,
.csc-mailform-field  textarea {
  margin-top: 4px;
}

input#mailformformtype_mail {
  width: 100px;
  margin-right: 105px;
  float: right;
}

/* mininews */
#secondaryContentInner .news h1 a {
  padding: 2px;
  text-align: center;
  display: block;
  text-decoration: none;
  border: 1px black dotted;
}
#secondaryContentInner .news h1 A:link,
#secondaryContentInner .news h1 A:visited {
  background-color: #003366;
  color: #FFF;
}
#secondaryContentInner .news h1 A:hover, 
#secondaryContentInner .news h1 A:active {
  background-color: #FF9933;
  color: #003366;
}
#secondaryContentInner .news .tx-mininews-pi1 p {
  margin: 2px 0;
  padding: 0;

}

#secondaryContentInner .news .tx-mininews-pi1 a {
  text-decoration: none;  
}
#secondaryContentInner .tx-mininews-pi1-fp_listrow {
  margin-bottom: 14px;
}

#secondaryContentInner .tx-mininews-pi1-fp_listrowField-datetime {
  font-size: 80%;
  text-align: right;
  color: #777;
}

.tx-mininews-pi1-fp_listrowField-more-link {
  font-size: 80%;
}
#secondaryContentInner .tx-mininews-pi1-fp_listrow-first,
#secondaryContentInner .tx-mininews-pi1-fp_listrow-normal,
#secondaryContentInner .tx-mininews-pi1-fp_listrow-last {
  border-top: 1px #666 solid;
}

#secondaryContentInner .tx-mininews-pi1-fp_listrow-first,
#secondaryContentInner .tx-mininews-pi1-fp_listrow-normal {
  margin-bottom: 10px;
}

#mainContentInner .tx-mininews-pi1-singleView {
  background: #fff url('../pics/bgClouds.jpg') repeat top left;
  padding: 6px;
}

#mainContentInner .tx-mininews-pi1-listrow-first,
#mainContentInner .tx-mininews-pi1-listrow-normal,
#mainContentInner .tx-mininews-pi1-listrow-last {
  border-top: 1px #FF9933 solid;
  padding: 4px 0 8px 0; 
}
#mainContentInner .tx-mininews-pi1-listrow-last {
  margin-bottom: 12px;
}
#mainContentInner .tx-mininews-pi1-singleViewField-datetime,
#mainContentInner .tx-mininews-pi1-listrowField-datetime {
  width: 30%;
  float: right;
  font-size: 80%;
  text-align: right;
  color: #777;
}

#mainContentInner p.tx-mininews-pi1-listrowField-title {
  margin: 0;
  padding: 0;
}
#mainContentInner p.tx-mininews-pi1-listrowField-teaser {
  margin: 0;
  padding: 0;
}

/* Calendar Base */
#mainContentInner .tx-cal-controller table.month-large td,
#mainContentInner .tx-cal-controller table.month-large th {
  font-size: 0.8em;
}
#mainContentInner .month-large .day {
  height: 50px;
  width: 81px;
}

/* Galerie */
body#gallery #mainContentInner table#tx-lzgallery-pi1-listing {
  width: 100%;
  border-collapse: collapse;
  margin: 6px 0;
}
body#gallery #mainContentInner table#tx-lzgallery-pi1-listing th,
body#gallery #mainContentInner table#tx-lzgallery-pi1-listing td {
}
body#gallery #mainContentInner table#tx-lzgallery-pi1-listing tr.line1 td {
  background-image: url('../pics/bgOrangeStrict.gif');
  background-position: top left;
  background-repeat: repeat-x;
  padding: 3px 6px;
  font-weight: bold;
  border-bottom: 4px #FFF solid;
}
body#gallery #mainContentInner table#tx-lzgallery-pi1-listing tr.line2 td {
  border-bottom: 4px #FFF solid;
}
body#gallery #mainContentInner table#tx-lzgallery-pi1-listing tr.sorting td,
body#gallery #mainContentInner table#tx-lzgallery-pi1-fotonav td {
  font-size: 80%;
}


body#gallery #mainContentInner table#tx-lzgallery-pi1-fotonav {
  margin-bottom: 12px;
}
body#gallery #mainContentInner table#tx-lzgallery-pi1-fotonav td {
  background-color: orange;
  padding: 0 3px;
}
body#gallery #mainContentInner .tx-lzgallery-pi1 #tx-lzgallery-pi1-title {
  font-size: 140%;
  color: #003366;
}
body#gallery #mainContentInner .tx-lzgallery-pi1 #tx-lzgallery-pi1-fotos td {
  
}

div.tx-fileupload-pi1 form {
  margin-bottom: 14px;
}