/* =============================================================================
   Layout mit vertikal expandierenden Hintergründen ohne Verwendung von Tabellen
   Hans Strodl 13.09.2011 - Layout rein Container-basiert.
   Verwendung für HTML-Template-Versionen 11.0, freigegeben: 13.09.2011
   Version: 11.1, freigegeben: 19.09.2011; Erweitert um Horizontalmenü
   Version: 11.2, 04.10.2011;   Erweitert um Sprachauswahl und Suchen-Formular
   Version: 11.3, 16.11.2011;   Textwrapper eingeführt
==============================================================================*/

* { margin: 0; padding: 0; }

html {
  height: 100%;
}


/* Zum Wechseln des Hintergrundes der kompletten Site das Image und die
   Hintergrundfarbe des Body-Elements angleichen */

body {  margin:                0px auto;
        height:                    101%; /* Erzeugt immer einen Rollbalken */
        padding-left:              25px;
        padding-right:             25px;
        width:                    900px;
        background-position: top center;
        background-repeat:     repeat-y;
        background-attachement:   fixed;
        background-color:       #f4f6d9;
        background-image: url( ../../img/border-links-und-rechts.png );
        border:           0px solid red;
        line-height:               150%;
	font-family: Arial, Verdana, Sans-Serif;
	color:                  #333333;
}

/* =============================================================================
   Zentrierter Container, der alles umschliesst und das Hintergrundbild mit den
   Rändern bis zum unteren Fensterrand herunterzieht
============================================================================= */

div#headwrap {
   border: 0px solid black;
}


div#headwrap img {
   float:   left;
}

div#hnav {
  position: absolute;
  width: 900px;
}

/* Link links vom horizontalen Navigator (Beachte: Breiten addieren sich!) -- */
div#hnav #intern_login {
    position:      absolute;
    padding-left:      25px;
    width:            200px;
    z-index:           1100;
    border: 0px solid green;
}


div#allwrap {
   float:  left;
   clear:  both;
   border: 0px solid green;
   /* HIER MIT NEGATIVWERTEN DIE ÜBERLAGERUNG NACH OBEN EINSTELLEN !!! */
   margin-top:  -25px;
}


div#header_title_container {
	position:     absolute;
        height:           25px;
	padding-left:     auto;
        padding-right:    25px;
        width:           875px;
        background: transparent url( ../../img/underline.png ) top left repeat-y;
        border: 0px solid blue;
}


div#header_underline {
        position:     absolute;
        width:           900px;
        height:           25px;
        background: transparent url( ../../img/underline.png );
}


/* Sprachwechsler - Container ---NEU----------------------------------------- */
div#sprachwechsler {
        position:      absolute;
        margin-top:        40px;
        margin-left:       15px;
        height:            26px;
        border: 0px solid green;
        overflow:        hidden;
}
div#sprachwechsler a {         /* NEU */
        display: inline-block;
        width:           37px;
        border: 0px solid red;
}


/* Container für Sucheingabebox --------NEU---------------------------------- */
div#standardsuche {
    position:      absolute;
    margin-top:        40px;
    margin-left:      710px;
    height:            25px;
    border: 0px solid black;
}


div#pfadmenu_container {
  position:   absolute;
  margin-top:      23px;
  padding-left:   220px;
  padding-right:  25px;
  color:       #003700;
}

div#pfadmenu_container a {
  text-decoration: none;
  color:        #005500;
}

div#pfadmenu_container a:hover {
  border-bottom: 2px solid red;
}

/* Einhüllcontainer für div#text_container, div#indent_text_container und #copyright */
div#text_wrapper {
        position:   absolute;
        margin-top:     60px;
        _margintop:     25px;
        margin-left:   220px;
        _marginleft:   205px;
        width:         460px;
        padding-right:  20px;
        border-left: 0px solid silver;
}


/* Mittiger Anzeigebereich für die eigentlichen Seitentexte aus Spalte "Normal" */
div#text_container {
        border: 0px solid green;
}

/* Mittiger Anzeigebereich mit Einzug für die eigentlichen Seitentexte aus Spalte "Rand" */
/*
div#indent_text_container {
        margin-left:    75px;
        border: 0px dashed blue;
}
*/


/* Linksrandinfos aus Spalte "Links" */
div#info_container {
        position:   absolute;
        margin-top:     90px;
        margin-top:     25px;
        margin-left:     0px;
        width:         205px;
        height:         200%;
        color:          #aaa;
        border-right: 1px solid silver;
        background: transparent url( Fluchtbilder2.png ) repeat-y;
}

/*
div#info_container {
        position:   absolute;
        margin-top:     90px;
        margin-left:    15px;
        width:         190px;
        color:          #aaa;
        border: 0px solid red;
}
*/

/* Rechtsrandinfos aus Spalte "Rechts" */
div#info_container_rechts {
        position:   absolute;
        margin-top:     90px;
        margin-left:   710px;
        margin-right:   30px;
        width:         175px;
        color:          #f55;
        border: 0px solid red;
}

div#copyright_container {
        position:     absolute;
        top:              auto;
        bottom:            1em;
        margin-left:      15px;
        width:           170px;
        color:            #777;
        border: 0px solid blue;
}



/* =============================================================================
Formatierungen
============================================================================= */

div#header_title_container h1{
        margin: 0;
        padding-right: 50px;
        width: 850px;
        color: white;
	font-size: 18px;
	font-weight:normal;
        font-style: italic;
        text-align:right;
        border: 0px dashed blue;
}


#copyright {
    margin-top: 2em;
    border: 0px dashed blue;
}

#copyright a {
    color:            #66c;
    text-decoration:  none;
}

/* =============================================================================
   Powermail-Einstellungen
============================================================================= */
.tx-powermail-pi1 {
   width:  460px !important;
}

/* =============================================================================
   felogin-Einstellungen
============================================================================= */
.tx-felogin-pi1 form fieldset{
   padding-right: 20px;
}


/* =============================================================================
   fileupload-Einstellungen
============================================================================= */
.tx-fileupload-pi1 {
   padding: 10px 10px 10px 10px;
   background-color: #FFFFBB;
   border: 1px solid silver;
}


/* =============================================================================
   tt_guest Gästebuch-Einstellungen
============================================================================= */
.tx-ttguest table {
   width:  467px;
}

.tx-ttguest .prevnext {
   list-style: none
}

.tx-ttguest .prevnext li{
   display: inline;
   padding-right: 0.5em;
}


/* =============================================================================
   feupload-Einstellungen
============================================================================= */
.tx-feupload-upload form fieldset{
   padding-right: 20px;
   padding-top:   10px;
}

/* Ausblenden der feupload-Fehlermeldungen */
.typo3-messages{
   display: none;
}

/* Ausblenden des 3 Optionsblockes fÃŒr Downloadmodi */
.tx-feupload-upload form fieldset ol li+li+li{
   background: yellow;
   display: none;
}


/* =============================================================================
   Diarahmen für rg-smooth-gallery; Strodl 25.09.2011; Version 02, experimentell
============================================================================= */
/* GRÖSSE DES DIARAHMENS MIT height und width EINSTELLEN */

/* */
#slideshow .label { display: none !important; }

.thumbnail {
  display: run-in !important;
  width: 100px !important;
  padding: 5px !important;
  float: left !important;
}
/* */

/* =============================================================================
   Diarahmen für rg-smooth-gallery; Strodl 25.09.2011; Version 01
============================================================================= */
/* GRÖSSE DES DIARAHMENS MIT height und width EINSTELLEN */


/* Zum Einschalten die folgenden 3 Klasseneinstellungen aktivieren */
/*
div.carouselWrapper {
    height: 100% !important;
    border: 0px solid red !important;
}

div.carouselInner {
     float: left !important;
     height: 100% !important;
     background: url(img/diarahmen_175.gif) top repeat-y !important;
     border: 0px solid green !important;
     margin: 0 !important;
}

div.carouselInner .thumbnail{
     height: 175px !important;
     width:  175px !important;
     margin: 0 !important;
     cursor: pointer;
     border: 0px solid blue !important;
     opacity: 1 !important;
}

*/

/* =============================================================================
  Statische Hintergrundbildkarte für ods_osm, falls Kartenserver nicht erreichbar
  ist anzeigen
============================================================================= */
iframe {
  background-image:  url( ../../img/orts-karte.jpeg );
}


/* =============================================================================
   Suche
============================================================================= */
/* Anzeige des Sucheformulars im Bereich Normal unterdrücken ---------------- */
#SiteSearch .csc-mailform-field {
    visibility: hidden;
}

#standardsuche form {
   margin:  0;
   padding: 0;
   border:  0px solid #ddd;
}
#standardsuche form fieldset {
   margin: 0 !important;
   padding: 4px !important;
   border: 1px solid #ddd;
   background-color: #eee;
}
#standardsuche form fieldset legend {
    display: none;
}
#standardsuche form fieldset input.suchfeld {
    margin:  0;
    padding: 0;
    height:  17px;
    border:  1px solid black;
    vertical-align: top;
    width:   130px;
}
#standardsuche form fieldset input.csc-mailform-submit {
    margin:  0;
    padding: 0;
    border:  0px solid black;
}


.csc-default h3 {
    background: #e0f0ff; /* url( img/gefunden-box.png ) 2px center no-repeat;*/
    border-left: 6px solid #b0c0ff;
}

/* Searchresultinfos formatieren -------------------------------------------- */
.csc-searchResultInfo {  display: none; }
.csc-default .csc-searchResultHeader {
    background: #e0f0ff url( img/gefunden-box.png ) 2px center no-repeat;
    padding-left: 40px;
    border-left: 6px solid #b0c0ff;
}
.csc-default .csc-noSearchResultMsg {
    background: #e0f0ff url( img/gefunden-box-closed.png ) 2px center no-repeat;
    padding-left: 40px;
    border-left: 6px solid #b0c0ff;
}


/* =============================================================================
   mm_forum - Editor in der Breite verkleinern auf bz.haus
============================================================================= */
/*
.tx-mmforum-pi1 {
    border:  1px solid red;
}
*/

/* Unnötige Rahmen entfernen */
/*
.tx-mmforum-pi1 form table td {
    padding: 2px;
    border:  none;
}
*/

/* Eingabezeile für Anhänge unterdrücken, weil zu lang ist und Tabelle breit wird*/
/*.tx-mmforum-pi1-attachment {
    display: none;
}
*/

/* =============================================================================
   mm_forum - Editor mit scrollbalken versehen und formatieren - strato
============================================================================= */
/* Scrollbalken einfügen */
.tx-mmforum-pi1 form > div {
   overflow: auto !important;
}

/* Scrollbalken unterdrücken */
.tx-mmforum-pagenav form > div {
   overflow: hidden !important;
}

.tx-mmforum-table {
    border: 1px solid silver;
}

/* Unnötige Rahmen entfernen */
.tx-mmforum-pi1 form table td {
    padding: 2px;
    border:  0px solid silver;
}

lken unterdrücken */
.tx-mmforum-pagenav form > div {
   overflow: hidden !important;
}

.tx-mmforum-table {
    border: 1px solid silver;
}

/* Unnötige Rahmen entfernen */
.tx-mmforum-pi1 form table td {
    padding: 2px;
    border:  0px solid silver;
}