/**
 * This file contains the Stylesheet for YOUR CONTENT. You should insert your styles here.
 *
 * minicms (C) 2006 Marc-Oliver Pahl
 * http://minicms.m-o-p.de
**/

input[type=text],
textarea{
  padding: 0.2em;
  background-color: #D3D3D3;
  border: solid 1px #778899;
}

input:focus,
textarea:focus{
  background-color: #FFFFE0;
}

/* Damit de Ueberschriften nach Links ausgerueckt sind, muss der Rest eingerueckt sein */
.content{
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 1em;
  width: 44em;
  min-width: 42em;
}

.content .clearleftright{ /* Am Ende von Content */
      clear: left;
      clear: right;
}

.content p, 
.content table {
         margin-left: 20px;
}

/* zusaetzlich zur Einrueckung sollen die Aufzaehlungseinheiten noch Abstand voneinander haben */
.content ol li,
.content ul li {
         margin-left: 20px;
         margin-bottom: 0.8em;
}

.content ol,
.content ul{
         margin-bottom: 1.5em;
}

/* Die Ueberschriften */
.content h1, h2, h3, h4, h5, h6{
              font-size: 1.2em;
              margin-bottom: 1em;
              margin-top: 2em;
              border-bottom: dotted 1px #aaaaaa;
              text-align: left;
}

.content h1{ /* oberste = Seitentitel */
              margin-top: 0px;
}

.content h2{
              font-size: 1.2em;
              color: #222222;
              margin-left: 3px;
}

.content h3{
              font-size: 1.1em;
              color: #333333;
              margin-left: 6px;
}

.content h4{
              font-size: 1.1em;
              color: #555555;
              margin-left: 9px;
}

/* Unterueberschriften innerhalb des Textes (nicht ausgerueckt). */
.content h5{
              font-size: 1.0em;
              color: #555555;
              margin-left: 14px;
}
.content h6{
              font-size: 1em;
              color: #666666;
              text-align: right;
}

.content .wissen{
}

.content .wissen .wissen_faq{
              font-size: 0.9em;
}

.content .wissen .wissen_faq a:link,
.content .wissen .wissen_faq a:visited,
.content .wissen .wissen_faq a:active{
              text-decoration: none;
              color: #000000;
}

a:hover,
.content .wissen .wissen_faq a:hover{
              text-decoration: underline;
              color: blue;
}

ul {
              list-style-type: square;
              text-align: left;
}

.content .satzung ol li{
              margin-bottom: 1em;
              margin-top: 0.5em;
              text-align: left;
}

/* Mitgliederzeitung */
.content .mitgliederzeitung{
}

/* Die Uebersichtsseite mit den Jahren */
.content .mitgliederzeitung .jahre img,
.content .mitgliederzeitung .jahr img{
              float: right;
              margin-left: 1em;
              margin-right: 1em;
}
.content .mitgliederzeitung .jahre .trenner,
.content .mitgliederzeitung .jahr .trenner{
              clear: right;
}

.content .mitgliederzeitung .mitgliederzeitungIndex{
              margin: 0px;
              padding: 0px; /* FF */
}

.content .mitgliederzeitung .mitgliederzeitungIndex li{
              margin-top: 0px;
              margin-bottom: 0.5em;
}

.content .mitgliederzeitung .mitgliederzeitungIndex a:link,
.content .mitgliederzeitung .mitgliederzeitungIndex a:visited,
.content .mitgliederzeitung .mitgliederzeitungIndex a:active{
              text-decoration: none;
              color: #000000;
}

.content .mitgliederzeitung .mitgliederzeitungIndex a:hover{
              text-decoration: underline;
              color: blue;
}

.content .mitgliederzeitungBild{
              width: 220px;
              float: right;
              font-size: 0.7em;
              text-align: center;
              background-color: white;
}

.content .mitgliederzeitungBild a:link,
.content .mitgliederzeitungBild a:visited,
.content .mitgliederzeitungBild a:active,
.content .mitgliederzeitungBild a:hover{
              text-decoration: none;
              color: #000000;
}

.content .mitgliederzeitungText{
              margin-top: 2em; /* workaround IE empty bild div */
}

.content .mitgliederzeitungNavi{
              text-align: center;
              font-size: 1.5em;
              border: solid 1px #efefef;
}

.content .mitgliederzeitungNavi a:link,
.content .mitgliederzeitungNavi a:visited,
.content .mitgliederzeitungNavi a:active{
              text-decoration: none;
              color: #000000;
}

.content .mitgliederzeitungNavi a:hover{
              text-decoration: underline;
              color: blue;
}

.content .mitgliederzeitungBild .bildunterschrift{
              text-align: center;
              font-size: 7pt;
}

.content h2 a:link,
.content h2 a:visited,
.content h2 a:active{
              text-decoration: none;
              color: #000000;
}

.content h2 a:hover{
              text-decoration: underline;
              color: blue;
}

/* handwerkernummern */
.content .handwerkernummern { /*table*/
              width: 40em;
}

.content .handwerkernummern .name{
              vertical-align: top;
              padding-top: 1em;
              padding-bottom: 2em;
              border-top: solid 1px #eeeeee;
}

.content .handwerkernummern .nummer{
              text-align: right;
              vertical-align: top;
              padding-top: 1em;
              padding-bottom: 2em;
              border-top: solid 1px #eeeeee;
}

.content .wohnungsuebersicht{
              margin: 0px;
}

.content .wohnungsuebersicht li{
              margin: 0px;
              margin-left: 0px;
}

.content .wohnungsuebersicht .uebersichtsmap{
              margin-left: 1.5em;
              width: 41em;
              height: 35em;
              background-color: #333333;
              background-image:url('../syspix/warteAni.gif');
              background-repeat:no-repeat;
              background-position: right bottom;
}

.content .wohnungsuebersicht .detailmapContainer{
              margin-left: 1em;
              width: 22em;
              float: right;
}

.content .wohnungsuebersicht .detailmapContainer .detailmap{
              width: 22em;
              height: 22em;
              background-color: #333333;
              margin-bottom: 1em;
              background-image:url('../syspix/warteAni.gif');
              background-repeat:no-repeat;
              background-position: right bottom;
}

.content .wohnungsuebersicht .detailmapContainer .detailmapMS{
              width: 22em;
              height: 22em;
              position: relative;
              background-color: #333333;
              background-image:url('../syspix/warteAni.gif');
              background-repeat:no-repeat;
              background-position: right bottom;
}

.content .wohnungsuebersicht .detailmapContainer .hinweise{
              text-align: center;
              margin: 0.5em;
              font-size: 0.7em;
              color: #999999;
}

.content .wohnungsuebersicht .info{ /* Infotext links */
}

.content .wohnungsuebersicht h2,
.content .wohnungsuebersicht h3{ /* oberste = Seitentitel */
              margin-top: 0px;
}

.content .bilder{ /* Fotos */
              text-align: center;
              color: #555555;
              font-size: 0.7em;
}

.content .bilderNote{
              margin-top: 0.5em;
              font-size: 0.7em;
              text-align: center;
              color: #777777;
}

.content .bild{
              border: solid 1px #333333;
}

.content .deleteImage{
              clear: left;
              clear: right;
              margin: 0.5em;
              background-color: #D3D3D3;
              text-align: center;
              border: solid 1px #778899;
              color: #778899;
              padding: 0.7em;
}

.content .deleteImage .controls{
              display: block;
              float: right;
              width: 35em;
              text-align: left;
              margin-right: 1em;
}


.content .deleteImage .controls input[type=text]{
              width: 100%;
}

.content .wohnungsuebersicht form {
              margin-left: 1em;
}

.content .wohnungsuebersicht .lastEdited{
              text-align: right;
              padding-left: 0.7em;
              color: white;
              padding: 2px;
              font-size: 0.7em;
              background-color: #778899;
}

.content .zinsen{
}

.content .ja,
.content .nein{
              color: gray;
              font-size: 1.7em;
              font-weight: bold;
              margin-left: -0.5em;
}

.content .zinsen table{
              width: 37em;
              text-align: left;
}

.content .zinsen table th{
              text-align: left;
              font-weight: bold;
              background-color: #fafdb8;
              padding: 0.5em;
}

.content .zinsen table td{
              text-align: left;
              padding-left: 1.5em;
              background-color: #fafafa;
}

.content .zinsen table .spacer{
              background-color: #ffffff;
}

.content .zinsen .stand{
              color: #778899;
              font-size: 0.7em;
              text-align: left;
              margin-bottom: 1em;
}

.content .zinsen table td .zinsFeld{
              width: 4em;
}

.content .zinsen table .editor{
              text-align: right;
              padding-left: 0.7em;
              color: #778899;
              font-size: 0.7em;
}

.content .mail2us .h1 {
  font-weight: normal;
}

.content .mail2us form {
  width: 40em;
}

.content .mail2us form input {
  margin-left: 1em;
}

.content .mail2us form .subject {
  width: 100%;
  padding: 0.5em;
  font-weight: bold;
}

.content .mail2us form .sender {
  width: 100%;
  padding: 0.5em;
  font-style: italic;
}

.content .mail2us form textarea {
  width: 100%;
  height: 20em;
  padding: 0.5em;
  margin-left: 1em;
}

.content .mail2us .kontaktformularHinweis {
  color: red;
  font-weight: bold;
  border-left: solid 5px red;
  border-right: solid 5px red;
  padding-left: 1em;
  padding-right: 1em;
}

.content .schadensmeldung .eintrag {
  margin-left: 1.5em;
  padding: 0.5em;
  border: solid 1px #efefef;
  margin-bottom: 0.5em;
  clear: left;
}
.content .schadensmeldung .eintrag .feldbezeichnung {
  float: left;
  width: 10em;
  margin-bottom: 0.5em;
  padding-right: 1em;
  text-align: left;
}

.content .schadensmeldung .eintrag .feld {
  width: 27em;
}

.content .schadensmeldung .eintrag .reparaturMoeglkt{
  display: block;
  margin-left: 12em;
}

.content .schadensmeldung .eintrag .reparaturMoeglkt .item{
  width: 2em;
  float: left;
  text-align: center;
}

.content .schadensmeldung .schadensformularHinweis{
  color: red;
  font-weight: bold;
  border-left: solid 5px red;
  border-right: solid 5px red;
  padding-left: 1em;
  padding-right: 1em;
}

.content .login .eintrag {
  margin-left: 1.5em;
  padding: 0.5em;
  border: solid 1px #efefef;
  margin-bottom: 0.5em;
  clear: left;
}
.content .login .eintrag .feldbezeichnung {
  float: left;
  width: 10em;
  margin-bottom: 0.5em;
  padding-right: 1em;
  text-align: left;
}

.content .login .eintrag .feld {
  width: 30em;
}

.content .login .hinweis{
  color: red;
  font-weight: bold;
  border-left: solid 5px red;
  border-right: solid 5px red;
  padding-left: 1em;
  padding-right: 1em;
}

.content .termine .editorNote{
  background-color: #D3D3D3;
  padding: 0.5em;
}

.content .termine .termin,
.content .termine .terminNeu{
              border: solid 1px #778899;
              padding: 0.5em;
              margin-bottom: 1em;
              background-color: #FFFACD;
}

.content .termine .terminNeu{
              background-color: #90EE90;
}

.content .termine .termin h2,
.content .termine .terminNeu h2{
              margin-top: 0.5em;
              font-size: 1em;
}

.content .termine form .datumsFeld{
              width: 8em;
}

.content .termine form .titelFeld{
  width: 97%;
  font-weight: bold;
}

.content .termine form .beschreibungTxtArea{
  width: 97%;
}

.content .termine form .linkFeld{
  width: 97%;
}

.content .termine form .bildURLFeld{
  width: 25em;
}

.content .termine form .editor{
              text-align: right;
              padding-left: 0.7em;
              color: white;
              padding: 2px;
              font-size: 0.7em;
              background-color: #778899;
}

.content .wohnungsangebote h2{
  padding-top: 2em;
  text-align: right;
  border: none;
}

.content .wohnungsangebote .uebersicht_nach_upload,
.content .rssNotice{
              /* 
              padding: 0.5em;
              background-color: #efefef;
              border: solid 1px #778899;
              */
              background-color: #ffffee;
              border: solid 1px #aaaaaa;
              margin-bottom: 0.5em;
              margin-top: 0.5em;
}

.content .wohnungsangebote .ladenhinweis{
  background-color: #aaaaaa;
  color: #990000;
  font-size: 1.1em;
  font-stretch: ultra-expanded;
  padding: 0.5em;
  padding-right: 2em;
  text-align: right;
  margin: 0.1em;
}

.content .wohnungsangebote ul{
  padding-left: 2em;
}

.content .wohnungsangebote ul li ul{
  padding-left: 0em;
}

.content .wohnungsangebote .adresse,
.content .wohnungsangebote .wohnungsart,
.content .wohnungsangebote .miete,
.content .wohnungsangebote .bemerkung,
.content .wohnungsangebote .mehrInformation
{
              margin: 0.1em;
              padding: 0.1em;
              padding-left: 1em;
}

.content .wohnungsangebote .adresse{
              background-color: #4682B4;
              color: #ffffff;
              font-size: 0.8em;
}
.content .wohnungsangebote .adresse a{
              color: #ffffff;
}

.content .wohnungsangebote .wohnungsart{
              background-color: #FF7F50;
}

.content .wohnungsangebote .miete{
              background-color: #FFF5EE;
              text-align: left;
}

.content .wohnungsangebote .qm{
}

.content .wohnungsangebote .bemerkung{
              background-color: #ADD8E6;
}

.content .wohnungsangebote .embeddedContent{
  text-align: center;
  margin-top: 1em;
  padding-top: 1em;
  border-top: solid 1px #ffffff;
}

.content .wohnungsangebote .mehrInformation{
              background-color: #6495ED;
              color: #ffffff;
              text-align: center;
}
.content .wohnungsangebote .mehrInformation a{
              color: #ffffff;
}

.content .wohnungsangebote .mehrInformation .pfeile{
              font-size: 1.1em;
}

.content .wohnungsangebote .wohnungsuebersicht .bauleiter,
.content .wohnungsangebote .wohnungsuebersicht .wohnungsarten,
.content .wohnungsangebote .wohnungsuebersicht .baujahr{
              display:none;
}
              
.content .hilfe{
              border: solid 1px #778899;
              background-color: #fffa80;
              font-size: 0.9em;
              padding: 1em;
              margin-bottom: 1em;
              margin-top: 1em;
}

.content .wohnungsangebote .uebersicht_nach_upload .uebersichtsmap{
              float: right;
              margin-left: 1em;
              width: 18em;
              height: 18em;
              background-image:url('../syspix/warteAni.gif');
              background-repeat:no-repeat;
              background-position: right bottom;
              border: solid 1px #ffffff;
              padding: 0.2em;
}

.content .wohnungsangebote .uebersicht_nach_upload .clearMap{
              clear: right;
}

.content .wohnungsangebote .uebersichtsmap{
              width: 100%;
              height: 35em;
              background-color: #333333;
              background-image:url('../syspix/warteAni.gif');
              background-repeat:no-repeat;
              background-position: right bottom;
}

.content .wohnungsangebote .uebersichtsmap .bubble{
              font-size: 0.8em;
}

.content .wohnungsangebote p{
              margin-left: 0px;
}

.content .rssNotice img{
              float: left;
              width: 64px;
              margin-right: 1em;
}

.content .willkommen .zinsen,
.content .willkommen .termine,
.content .willkommen .wohnungsangebote{
              font-size: 0.9em;
              border: solid 1px #778899;
              padding: 0.5em;
              margin-bottom: 1em;
              background-color: #fffa80;
              margin-left: 1.5em;
}

.content .willkommen .wohnungsangebote{
              background-color: #EEE8AA;
}

.content .willkommen .termine{
              background-color: #F0E68C;
}

.content .willkommen .wohnungsangebote p{
              margin-left: 1.5em;
}

.content .willkommen h3{
              margin-top: 0.5em;
}

.content .willkommen .wilkommensgruss{
}

.content .willkommen .wilkommensgruss h1{
              clear: none;
              margin: 0px;
              margin-bottom: 3em;
}

.content .willkommen h2{
              margin-top: 5em;
}

.content .willkommen .wilkommensgruss img{
              float: right;
              margin-top: 0.7em;
              margin-left: 1em;
              margin-bottom: 0.5em;
}

.content .willkommen .wilkommensgruss p{
              font-size: 1.2em;
              font-family: "Times New Roman", Times, Sans-Serif;
              text-align: left;
}

.content .willkommen .wilkommensgruss .unterschrift{
              text-align: left;
              color: #555555;
}

.hinweiseRechts1280{
              max-width: 20em;
              margin-left:2em;
              float: right;
              display: none; /* nur >=1280! js enabled... */
}

.hinweiseRechts1280 .werbungItem{
              text-align: left;
              background-color: #ff0000;
              color: #ffffff;
              margin-bottom: 2em;
              font-size: 0.7em;
              background-image: url('../syspix/ecken/small/li_u.gif');
              background-repeat: no-repeat; 
              background-position: left bottom;
}

.hinweiseRechts1280 .grey .werbungItem{
              background-color: #aaaaaa;
}

.hinweiseRechts1280 .werbungItem a{
              color: #ffffff;
}

.hinweiseRechts1280 .werbungItem .meIn{ /* fuer obere Ecke... */
              background-image: url('../syspix/ecken/small/li_o.gif');
              background-repeat: no-repeat; 
              background-position: left top;
              padding: 2em;
}

.hinweiseRechts1280 .werbungItem .meInNoEdge{ /* fuer obere Ecke... */
              padding: 2em;
}

.hinweiseRechts1280 .werbungItem h3{
              margin-top: 0em;
              color: #ffffff;
              font-size: 1.2em;
              font-style: italic;

}

.hinweiseRechts1280 .werbungItem p{
              padding-left: 1em;
}

.content .zinsen .werbungItem a{
              color: #ffffff;
}

.content .zinsen .werbungItem{
              background-color: #ff0000;
              color: #ffffff;
              padding: 0.5em;
              margin: 0.5em;
              font-size: 0.9em;
}

.content .zinsen .werbungItem h3{
              margin-top: 0em;
              color: #ffffff;
              font-size: 1.2em;
              font-style: italic;

}

.presenter .bilderNote{ /* Bilder vergroe3ern Hinweis */
              display: none;
}

.content .buch-75-jahre-ggm .kurzbeschreibung img{
              margin-right: 3em;
              margin-bottom: 1em;
              float: left;
              width: 197px;
              height: 260px;
}

.content .buch-75-jahre-ggm .kurzbeschreibung ul{
              padding-top: 2em;
              font-size: 0.9em;
}

.content .buch-75-jahre-ggm .zitat{
}

.content .buch-75-jahre-ggm .zitat .zitat{
              font-style: italic;
              font-family: times, serif;
              font-size: 1.1em;
              padding: 1.5em;
              padding-left: 3em;
              padding-right: 3em;
              margin-bottom: 0em;
}

.content .buch-75-jahre-ggm .zitat .autor{
              margin-top: 0em;
              font-size: 0.7em;
              text-align: right;
              padding-right: 2em;
}

.content .buch-75-jahre-ggm h6{
              clear: left;
              margin-top: 3em;
}

.content .buch-75-jahre-ggm .klappentext img{
              margin-right: 3em;
              margin-bottom: 1em;
              float: left;
              width: 310px;
              height: 210px;
}

.content .buch-75-jahre-ggm .autor img{
              float: right;
              width: 83px;
              height: 100px;
              margin-left: 2em;
              margin-bottom: 1em;
}

.socialbookmarks a{
              text-decoration: none;
}