* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0; font-family: Verdana, Arial, sans-serif; color: #333; font-size: 14px; line-height: 1.42857143; background: #FFF url('../images/sparkasse_bg.png'); }

/* General */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; padding: 0; line-height: 1.1; }
h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4, h5, h6 { font-size: 1em; }
p { margin: 0 0 15px; padding: 0; }
table { margin-bottom: 15px; border-spacing: 0; border-collapse: collapse; }
table td { padding: 4px 8px; border: 1px solid #DDD; }

a { color: #005599; text-decoration: none; }
a:hover { text-decoration: underline; }

img { width: 100%; height: auto; }

/* Grid */
.container {
  padding: 0 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row .one {
  width: 8.33333%;
}
.row .two {
  width: 16.66667%;
}
.row .three {
  width: 25%;
}
.row .four {
  width: 33.33333%;
}
.row .five {
  width: 41.66667%;
}
.row .six {
  width: 50%;
}
.row .seven {
  width: 58.33333%;
}
.row .eight {
  width: 66.66667%;
}
.row .nine {
  width: 75%;
}
.row .ten {
  width: 83.33333%;
}
.row .eleven {
  width: 91.66667%;
}
.row .twelve {
  width: 100%;
}

.col {
  position: relative;
  padding: 0 15px;
  min-height: 1px;
  float: left;
  width: 100%;
}

/* Layout */
.wrapper {
  margin: 10px auto;
  width: 96%;
  max-width: 980px;
  border: 1px solid #CCC;
  background: rgba(255, 255, 255, 0.85)
}

.header {
  margin-bottom: 20px;
  padding: 10px 0;
  height: 200px;
  border-bottom: 1px solid #CCC;
}
.header .logo {
  position: absolute;
  right: 75px;
  width: 371px;
  height: 180px;
  background: url('../images/gruppenbild.jpg') no-repeat;
}
.header .pagetitle {
  margin-top: 1em;
  font-size: 2.5em;
  font-weight: bold;
}
.header .subline {
  margin: 0 -15px;
  padding: 15px;
  color: #FFF;
  font-size: 1.2em;
  background: #059;
}

.nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nav li {
  position:relative;
  margin: 2px 0;
}
.nav ul {
  margin: 0 0 0 10px;
  padding: 0;
  list-style-type: none;
}
.nav li a {
  display: block;
  padding: 4px 10px 4px 16px;
  color: #FFF;
  background: #059 url('../images/glow.png') 1px 1px no-repeat;
}
.nav li.active .mark {
  position: absolute;
  left: 6px;
  top: 11px;
  width: 5px;
  height: 7px;
  background: url('../images/triangle.png') no-repeat;
}

.content {
  border-left: 1px solid #CCC;
}

.footer {
  margin-top: 20px;
  padding: 10px 0;
  border-top: 1px solid #CCC;
}

.tx-veguestbook-pi1 { position:relative; }
.tx-veguestbook-pi1 .tx-guestbook-pagination { position: absolute; top: 0; right: 0; }
.tx-veguestbook-pi1 .tx-guestbook-header { background: #ccc; padding: 4px 8px; }
.tx-veguestbook-pi1 .tx-guestbook-left { display: none; }

.tx-felogin-pi1 label {
  display: block;
}


/*.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after {
  clear: both;
}*/

/* Header */
/*header { padding: 20px 0; border-bottom: 1px solid #424444; }
header ul { margin: 0; padding: 0; list-style-type: none; }
header ul li { display: inline; padding: 10px; }
header ul li a { color: #a4a5a6; }
header ul li.website-title { margin-right: 30px; padding: 0; font-size: 20px; font-weight: bold; line-height: 20px; }
header ul li.website-title a { color: #fff; }
header ul li.active { background: #3f3f40; border-radius: 3px; }*/

/* Content */
/*.content { padding: 30px 0 15px;; }

article { margin: 0 0 15px; padding: 20px 20px 5px; background: #3f3f40; border-radius: 3px; }
article .header { margin: -15px -15px 15px; }
article h1,
article h2,
article h3 {
  margin-top: 0;
}*/

/* Footer */
/*footer { padding: 20px 0; border-top: 1px solid #424444; }*/































/*
body { margin: 0; padding: 0; color: #333; font-size: 16px; font-family: 'PT Serif', serif; line-height: 1; background-color: #F3F2ED; }

h1, h2, h3, p, ul, ol, pre { margin: 0; padding: 0; }
a { color: #0060c1; text-decoration: none; border-bottom: 1px dotted #0060c1; }
a:hover { color: #333; border-bottom: 1px dotted #444; }

#page .breadcrumb { position: absolute; top: 35px; color: #999; font-size: 14px; }
#page .breadcrumb a { color: #999; border-bottom: 0; }
#page .breadcrumb a:hover { color: #999; border-bottom: 1px dotted #AAA; }

#page { position: relative; }
#page .content { line-height: 20px; }
#page .content h1 { margin: 59px 0 0; font-size: 32px; line-height: 40px; }
#page .content h2 { margin: 20px 0 10px; font-size: 20px; line-height: 24px; }
#page .content h3 { margin: 20px 0 10px; font-size: 16px; line-height: 20px; }
#page .content p { margin-bottom: 20px; -moz-hyphens: auto; -webkit-hyphens: auto; }
#page .content p.caption { margin-bottom: 0; color: #999; font-size: 14px; }
#page .content p.quote { padding: 20px 40px; color: #666; font-style: italic; }
#page .content p.law { padding: 20px 40px; color: #666; font-size: 14px; }
#page .content ul, #page .content ol { margin: 0 0 0 32px; }
#page .content ul li, #page .content ol li { margin: 0 0 20px; }
#page .content ul.packed, #page .content ol.packed { margin-bottom: 20px; }
#page .content ul.packed li, #page .content ol.packed li { margin-bottom: 0; }
#page .content pre { margin: 0 0 20px; padding: 10px; font-size: 14px; line-height: 18px; background-color: #F7F7F7; overflow: auto; }
#page .content code { font-size: 14px; line-height: 18px; }
#page .content img { max-width: 100%; height: auto; vertical-align: bottom; border: 0; }
#page .content a.fancybox { font-size: 0; border: 0; }

#page .tx-kharticles .datetime { color: #999; font-size: 14px; font-weight: normal; line-height: 18px; }

#page .tx-kharticles .article .meta { color: #999; font-size: 14px; }
#page .tx-kharticles .article .meta a { color: #999; border-bottom: 0; }
#page .tx-kharticles .article .meta a:hover { color: #999; border-bottom: 1px dotted #AAA; }
#page .tx-kharticles .article .article-teaser { font-weight: bold; }

#page .tx-kharticles .category-list ul { display: block; margin: 0; list-style-type: none; }
#page .tx-kharticles .category-list ul li { margin: 0 0 20px; padding: 0; background: #FFF url('../images/button-bg.png') repeat-x left bottom; border: 1px solid #E5E5E5; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#page .tx-kharticles .category-list ul li:hover { background: url('../images/button-alt-bg.png') repeat-x left top; }
#page .tx-kharticles .category-list ul li a { display: block; margin: 0; padding: 14px 20px 0; color: #333; border-bottom: 0; }
#page .tx-kharticles .category-list ul li h3 { margin: 0 0 8px; padding: 0; font-size: 16px; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; }
#page .tx-kharticles .category-list ul li p { margin: 0; color: #666; font-size: 14px; line-height: 18px; }

#foot { padding: 0 50px; margin-top: 18px; color: #999; font-size: 14px; line-height: 18px; text-align: center; }
#foot a { color: #619AD2; border-bottom: 1px dotted #619AD2; }
#foot a:hover { color: #999; border-bottom: 1px dotted #AAA; }

@media only screen and (min-width: 660px) {

  #main { margin: 2em auto; width: 640px; }

  #page { padding: 0 49px 29px; background-color: #FFF; border: 1px solid #DDD; box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; }

  #page .tx-kharticles .category-list ul li { width: 258px; height: 90px; }
  #page .tx-kharticles .category-list ul li.left { float: left; }
  #page .tx-kharticles .category-list ul li.right { float: right; }
  #page .tx-kharticles .category-list ul li a { width: 218px; height: 76px; }

}

@media only screen and (max-width: 659px) {

  body { margin: 8px; background-color: #FFF; }

  #page .breadcrumb { position: static; }

  #page .content h1 { margin-top: 20px; }
  #page .content pre { white-space: pre-wrap; overflow: hidden; }
  #page .content.frontpage h1 { margin-top: 29px; }

  #page .tx-kharticles .category-list ul li a { padding-bottom: 14px; }

}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
*/