/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    background: #ffffff;
    font-size: 100.01%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {

    position: relative;
    width: 100%;
    line-height: 1.5em;
    background: #eee
}

/* ###################### general ###################### */
#all {
    margin: 0 auto;
    max-width: 1050px;
    padding: 0;
    text-align: left;
    font-size: 0.8em
}

#header {
    display: block !important;
    position: relative;
    padding: 8em 0 0 0; /* Interessant für Bearbeitung */
    overflow: hidden;
}

#header ul {
    position: absolute;
    left: 0;
    top: 4em;
    right: 0;
    display: block;
    margin: 0 0 1px 0;
    text-align: right;
    list-style-type: none;
    padding: 10px 0
}

#back {
    margin: 0;
    padding: 0;
}

#contentarea,
#contentarea2 {
    position: relative;
    overflow: hidden;
    padding: 0 20px !important;
    margin: 0;

}

#wrapper {
    width: 53%;
    float: left;
    position: relative;

}

#wrapper2 {
    width: 72%;
    float: left;
    position: relative;
    padding-bottom: 20px;

}

#wrapper2 .item-page {
    max-width: 727px; /* max-width: 660px; - Original */
}

#main {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;

}

/* ---------------------------------------------Eingefuegt --------------------------------------*/

/* "#main span" gilt für ganzen Main-Bereich - Zur Sicherheit sind die anderen auch angfuehrt */
#main span,
#main #top span,
#main #unter-dem-content span,
#main div span,
#main form span,
#main article.item-page span,
#main article.leading-0 span,
#main article.item.column-1 span,
#main article.item.column-2 span,
#main article.item.column-3 span {
   line-height: 24px;
   line-height: 1.5rem;
}

/* Unter der Beitragsauswahl, "Weitere Beiträge ..." (4 Links) von der nächsten Seite */
#main .items-more ol {
  line-height: 2em;
}

/* --------------------------------------- Ende vom Eingefuegten --------------------------------------*/  

#right {
    float: left;
    width: 20%;
    margin: 10px 0 10px 2%;
    padding: 0 0 5px 0;
    position: relative;
}

.unseen,
.hidelabeltxt,
#line label {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
    padding-top: 0;
    float: right;
    margin: 10px 0 10px 0;
    width: 22%;
    position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
    padding: 0;
    float: left;
    margin: 10px 3% 10px 0;
    width: 21%;
    position: relative
}

.leftbigger {
    width: 25%
}

/* ###################### header ###################### */

.skiplinks,
.skiplinks li {
    display: inline;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.skiplinks li a.u2 {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
    position: absolute;
    width: 13em;
    top: -4em;
    left: 10px;
    line-height: 1.5em;
    padding: 5px;
    font-weight: bold;
    height: 3em;

}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

/* Logo entfernt - 2 Ausklammerungen bei "personal.css" und eine abänderung bei "position.css" */
#logo {
    margin-top: 0;
    margin-left: 10px;
    display: block;
    padding: 1em 20px 0px 10px; /* padding: 1em 20px 20px 10px; - Original */
    width: 425px;
    font-weight: normal;
    line-height: 1em;
}

#logo img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 {
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.7em;
    padding-left: 55px
}

.logoheader {
    margin: -2px 10px 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
}
.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
    padding: 0px 0 1px 0px; /* padding: 5px 0 2px 2px; - Original */
    position: absolute;
    right: 10px;
    top: 0.5em;
    max-width: 40em;
    text-align: right;
    min-width: 40em

}

#fontsize,
#line .search {
    display: inline;
    margin: 0;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
    padding: 0;
}

.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
}

.shownocolumns {
    width: 98% !important;
}

#top {
    margin: 0 0 10px 0; /* margin: 0 0 20px 0; - Original */
    overflow: hidden
}

/* ----------------------- Eingefuegt ----------------------- */

/* Position unter-content */
#unter-content {
     margin: 20px 0 20px 0;
     overflow: hidden
}


/* Position unter-content-drei-flaechen */

#unter-content-drei-flaechen {
     margin: 20px 0 20px 0;
     overflow: hidden;
}

#unter-content-links {
     margin: 0 3px 0 0;
     width: 33%;
     float: left;
}

#unter-content-mitte {
     width: 33%;
     float: left;
}

#unter-content-rechts {
     margin: 0 0 0 3px;
     width: 33%;
     float: right;
}


/* -------------------- Ende vom Eingefuegten -------------------- */ 


/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 0px 5px 10px 5px; /* padding: 10px 5px - Original */
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {
    overflow: hidden
}

/* ---------------------------------------------Eingefuegt --------------------------------------*/

#bottom span, /* "#bottom span" gilt für ganzen Bottom-Bereich - Zur Sicherheit sind die anderen auch angfuehrt */
#bottom .box span,
#bottom .box1 span,
#bottom .box2 span,
#bottom .box3 span {
   line-height: 24px;
   line-height: 1.5rem;
}

/* --------------------------------------- Ende vom Eingefuegten --------------------------------------*/

.box {
    width: 27%;
    float: left;
    margin-right: 10px;
    min-height: 100px
}

.box1 {
    width: 35%
}

.box2 {
    width: 32%
}

.box3 {
    float: right
}

#footer-inner, #footer {
    max-width: 1025px;
    margin: 0 auto;

    padding: 10px 15px 10px 10px;
}

img {
    border: 0 none;
    max-width: 100%;
}

/* ++++++++++  Eingefügt - Responsive Bilder ++++++++++ */

/* Joomla Banner Module (Bilder Responsiv gemacht) */
.banneritem img {
    width: 100%;
}


/* Bilder nach Frei (später mal loeschen wenn Anlaufstellenn fertig bearbeitet sind)  */

img.res10 {
	max-width: 10%;
  	height: auto;
    margin: 4px;
}

img.res20 {
    max-width: 20%;
    height: auto;
    margin: 4px;
}

img.res30 {
    max-width: 30%;
    height: auto;
    margin: 4px;
}

img.res40 {
    max-width: 40%;
    height: auto;
    margin: 4px;
}

img.res50 {
    max-width: 50%;
    height: auto;
    margin: 4px;
}

img.res60 {
    max-width: 60%;
    height: auto;
    margin: 4px;
}

img.res70 {
    max-width: 70%;
    height: auto;
    margin: 4px;
}

img.res80 {
    max-width: 80%;
    height: auto;
    margin: 4px;
}

img.res90 {
  	max-width: 90%;
  	height: auto;
    margin: 4px;
}

img.res100 {
  	max-width: 100%;
  	height: auto;
    margin: 4px;
}

/* Bilder nach links */

img.resL10 {
	max-width: 10%;
  	height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL20 {
    max-width: 20%;
    height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL30 {
    max-width: 30%;
    height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL40 {
    max-width: 40%;
    height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL50 {
    max-width: 50%;
    height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL60 {
    max-width: 60%;
    height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL70 {
    max-width: 70%;
    height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL80 {
    max-width: 80%;
    height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL90 {
  	max-width: 90%;
  	height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

img.resL100 {
  	max-width: 100%;
  	height: auto;
    float: left;
    margin: 4px 4px 4px 0px;
}

/* Bilder nach rechts */

img.resR10 {
	max-width: 10%;
  	height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR20 {
    max-width: 20%;
    height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR30 {
    max-width: 30%;
    height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR40 {
    max-width: 40%;
    height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR50 {
    max-width: 50%;
    height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR60 {
    max-width: 60%;
    height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR70 {
    max-width: 70%;
    height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR80 {
    max-width: 80%;
    height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR90 {
  	max-width: 90%;
  	height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

img.resR100 {
  	max-width: 100%;
  	height: auto;
    float: right;
    margin: 4px 0px 4px 4px;
}

/* Bilder nach mitte (für Tabellen Bsp: Medienecho / Tabellen) */

img.resM10 {
	max-width: 10%;
  	height: auto;
    display: block;
    margin: 4px auto;
}

img.resM20 {
    max-width: 20%;
    height: auto;
    display: block;
    margin: 4px auto;
}

img.resM30 {
    max-width: 30%;
    height: auto;
    display: block;
    margin: 4px auto;
}

img.resM40 {
    max-width: 40%;
    height: auto;
    display: block;
    margin: 4px auto;
}

img.resM50 {
    max-width: 50%;
    height: auto;
    display: block;
    margin: 4px auto;
}

img.resM60 {
    max-width: 60%;
    height: auto;
    display: block;
    margin: 4px auto;
}

img.resM70 {
    max-width: 70%;
    height: auto;
    display: block;
    margin: 4px auto;
}

img.resM80 {
    max-width: 80%;
    height: auto;
    display: block;
    margin: 4px auto;
}

img.resM90 {
  	max-width: 90%;
  	height: auto;
    display: block;
    margin: 4px auto;
}

img.resM100 {
  	max-width: 100%;
  	height: auto;
    display: block;
    margin: 4px auto;
}

/* ---------- Ende vom Eingefügten ----------- */


/* hide the mobile menu button */
#mobile_select {
        display: none
}





/* ++++++++++ Responsive - Eingefügt ++++++++++ */

/* xxx- 532px -xxx */
@media only screen and (max-width: 532px) {

	   #main {
          padding-bottom: 5px;
          margin-bottom: -1em;
	   }


       #wrapper2 {
          padding-bottom: 5px;
       }

       .cols-2 .column-1 {
          width: 98%;
          float: left;
        }

       .cols-2 .column-2 {
          width: 98%;
          float: right;
          margin: 0
       }

  
  

      #unter-content-links {
           margin: 0 0 0 0;
           width: 100%;
      }

      #unter-content-mitte {
           width: 100%;
      }

      #unter-content-rechts {
           margin: 0 0 0 0;
           width: 100%;
      }
  
} /* ENDE - 532px */


/* xxx- 533px -x- 599px -xxx */
@media only screen and (min-width: 533px) and (max-width: 599px) {
  
       #header {
          padding: 3em 0 0 0;
       }
  
      .cols-3 .column-1 {
          float: left;
          width: 98%;
          padding: 0 5px;
          margin-right: 4%

       }

       .cols-3 .column-2 {
          float: left;
          width: 46%;
          margin-left: 0;
          padding: 0 5px
       }

       .cols-3 .column-3 {
          float: right;
          width: 46%;
          padding: 0 5px
       }

  
  

      #unter-content-links {
           margin: 0 1px 0 0;
      }

      #unter-content-rechts {
           margin: 0 1px 0 0;
      }

} /* ENDE - 533px -x- 599px */


/* xxx- 600px -x- 731px -xxx */
@media only screen and (min-width: 600px) and (max-width: 731px) {
  
       #header {
          padding: 3em 0 0 0;
       }
  
      .cols-3 .column-1 {
          float: left;
          width: 98%;
          padding: 0 5px;
          margin-right: 4%

       }

       .cols-3 .column-2 {
          float: left;
          width: 46%;
          margin-left: 0;
          padding: 0 5px
       }

       .cols-3 .column-3 {
          float: right;
          width: 46%;
          padding: 0 5px
       }

} /* ENDE - 600px -x- 731px */


/* xxx- 732px -x- 991px -xxx */
@media only screen and (min-width: 732px) and (max-width: 991px) {
  
  /* Styles */

} /* ENDE - 732px -x- 991px */


/* xxx- 992px -x- 1049px -xxx */
@media only screen and (min-width: 992px) and (max-width: 1049px) {
  
  /* Styles */

} /* ENDE - 992px -x- 1049px */


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) {
  
  /* Styles */
      

} /* ENDE - @media only screen and
                      (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		              (min--moz-device-pixel-ratio: 1.5) , only screen and
	                  (min-device-pixel-ratio: 1.5) */