@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700italic,700|Coming+Soon|Open+Sans:400,400italic,600,600italic,300,300italic|Roboto:900,900italic|Open+Sans+Condensed:300,300italic,700|Patrick+Hand|Delius+Swash+Caps);

#footer-cookie,
#footer-cookie * {
  box-sizing: border-box;
}

#footer-cookie {
  display: none;
  position: fixed;
  top: 25%;
  bottom: 25%;
  left: 25%;
  width: 50%;
  height: 60px;
/*
  padding-left: 30px;
  padding-right: 30px;
*/
  line-height: 60px;
  background: #303030;
  color: #fff;
  text-align: center;
}
    
#footer-cookie a {
  color: #fff;
}

#footer-cookie #description {
  float: center;
}

#footer-cookie #accept {
  width: 100%;
  float: center;
}

#footer-cookie #accept a {
  border: 1px solid #fff;
  padding: 5px 10px;
  text-decoration: none;
}

.runde_ecken
{
  border-radius:6px
}

.fingergross
{
  padding:5px
}

.vertikale_abstaende
{
  margin-top:2px;
  margin-bottom:8px
}

*
{
  margin:0;
  padding:0
}
.pdf
{
  margin-top:10px;
  padding:5px;
  background-color:#FFFFD7
}

.plugin,.plugin td
{
  color:#000;
  background-color:#fff;
  font-size:.84em;
  line-height:1.45em
}

.newsletter
{
  color:#000;
  background-color:#fff;
  font-size:.9em;
  line-height:1.45em
}

.warning
{
  color:red
}

tablex
{
  margin:12px 0 10px;
  border-collapse:collapse
}

@media only screen
{
  tablex
  {
    border:1px solid #dedece!important;
    box-shadow:4px 4px 4px #dedece
  }
}

form tablex
{
  margin:2px 0;
  box-shadow:2px 2px 4px #dedece
}

tdx,thx
{
  padding:3px 5px;
  border:1px solid #dedece!important
}

th,thead td,thead th
{
  font-weight:700
}

a:hover .zoom {filter='()';}
a:link .zoom {width:200px;}
a:hover .zoom {width:750px;}

body
{
  font-family:"Source Sans Pro",Verdana,Arial,Helvetica,sans-serif;
  font-weight:400;
  font-size:16px;
  margin:5px;
  padding:2px
}

@media only screen
{
  body
  {
    background-color:#f3f3ed
  }
}

#wrapper
{
  color:#000;
  background-color:#fff;
  text-align:left;
  margin:5px auto 0;
  max-width:850px;
  padding:8px
}

@media only screen
{
  #wrapper
  {
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-style:solid;
    border-width:1px;
    border-color:#dedece;
    box-shadow:8px 8px 8px #dedece
  }
}

header
{
  position:relative;
  padding:0;
  margin:1px 0 20px;
  text-align:left;
  font-size:.8em;
  color:#52661f;
  background-color:#fff
}

@media print
{
  header
  {
   display:none
  }
}

header img
{
  border-top-left-radius:10px;
  border-top-right-radius:10px
}

header #logo
{
  position:absolute;
  top:10%;
  left:0;
  text-align:left;
  width:70%;
  height:150px
}

header #logo div.h1,header #logo div.h2
{
  padding-left:15px;
  color:#fff;
  padding-top:0
}

header #logo div.h1
{
  font-size:5em;
  margin:0;
  padding-right:10px;
  font-weight:700;
  text-shadow:3px 3px 5px #52661f
}

header #logo div.h2
{
  font-size:2em;
  margin-top:0;
  margin-bottom:0;
  padding-right:12px;
  font-weight:600;
  background-color:transparent;
  text-shadow:3px 3px 5px #52661f
}

header #logo a
{
  text-decoration:none;
  color:#fff
}

header #logo a:hover
{
  color:#fff;
  background-color:inherit;
  position:relative;
  top:2px;
  left:2px;
  text-shadow:1px 1px 3px #52661f
}

header #switch
{
  position:absolute;
  bottom:0;
  left:0;
  text-align:left;
  font-size:.6em;
  font-weight:700;
  float:left;
  margin-top:270px;
  width:300px;
  color:#fff;
  background-color:transparent;
  padding:10px
}

header #switch a
{
  text-decoration:none;
  color:#fff;
  background-color:#dedece;
  padding:3px
}

header #switch a:hover
{
  background-color:red
}

header #search
{
  position:absolute;
  bottom:20px;
  right:5px;
  text-align:right;
  width:200px;
  color:#fff;
  background-color:rgba(0,0,0,.2);
  padding:10px
}

header #search form
{
  margin:0
}

header #search input
{
  border-style:solid;
  border-width:1px;
  border-color:#52661f
}

header #searchfield
{
  color:#fff;
  border-style:none;
  background-color:transparent
}

footer
{
  padding:2px;
  margin-top:4px;
  font-size:.666em;
  text-align:center
}

#path
{
  margin-top:3px;
  padding-bottom:7px
}

@media print
{
  #path
  {
    display:none
  }
}

nav#topmenu
{
  width:75%;
  float:right;
  font-size:.8em;
  text-align:right;
  padding-left:0;
  padding-right:10px
}

@media print
{
  nav#topmenu
  {
    display:none
  }
}

nav#topmenu ul
{
  padding:3px;
  border-bottom:1px solid #dedece;
  margin-bottom:8px
}

nav#topmenu li
{
  display:inline
}

nav#topmenu a,nav#topmenu b
{
  display:inline;
  padding:3px 1em;
  margin-right:3px;
  border:1px solid #dedece;
  border-bottom:0;
  border-radius:5px 5px 0 0;
  text-decoration:none
}

nav#topmenu a
{
  color:gray
}

nav#topmenu a:hover
{
  color:#52661f;
  background-color:#fff
}

nav#topmenu b
{
  background-color:#52661f
}

nav
{
  font-size:.9em;
  float:left;
  width:21%;
  color:#52661f;
  background-color:#fff;
  margin-top:0
}

@media print
{
  nav
  {
    display:none
  }
}

nav a:link,nav a:visited
{
  display:block;
  color:gray;
  background-color:inherit;
  font-weight:600
}

nav a:hover
{
  display:block;
  color:#52661f;
  background-color:#fff
}

nav ul
{
  list-style-type:none
}

nav ul ul li
{
  background-image:url(D12.png);
  background-repeat:no-repeat;
  background-position:.3em .6em;
  padding-left:8px;
  margin-left:8px
}
nav ul li a
{
  text-decoration:none;
  display:block;
  padding:2px 2px 2px 6px;
  font-weight:600;
  color:gray;
  background-color:inherit;
  border-top-style:solid;
  border-width:1px;
  border-color:#dedece
}

nav ul ul a,nav ul ul b
{
  margin-left:6px
}

nav ul ul a
{
  padding:2px 2px 2px 6px;
  border-color:#fff
}

nav a.high,nav b
{
  display:block;
  list-style-type:none;
  padding:2px 2px 2px 6px;
  font-weight:600;
  color:#fff;
  background-color:#52661f;
  border-bottom-style:solid;
  border-width:1px;
  border-color:#52661f
}

nav div
{
  line-height:1.1;
  padding-left:6px;
  margin:2px 0 0
}

nav div.anmeldung
{
  margin-left:4px;
  padding:0
}

nav div.anmeldung ul
{
  padding:0;
  margin:0
}

nav div.anmeldung ul li a
{
  padding:2px 4px 4px 2px
}

nav div.rss
{
  line-height:1.1;
  margin:5px
}

main
{
  float:right;
  color:#000;
  width:75%;
  background-color:#fff;
  font-size:.9em;
  line-height:1.45em;
  border-left-width:1px;
  border-left-color:#dedece;
  padding-left:10px;
  padding-right:10px
}

@media print
{
  main
  {
    width:95%
  }
}

@media {
  #footer-cookie {
    padding-top: 150px;
    padding-bottom: 200px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: inherit;
    height: auto;
    display: block;
    vertical-align: middle;
  }

  #footer-cookie #description {
    width: 80%;
    text-align: center;
/*
    padding-left: 10%;
    padding-right: 10%;
*/
  }

  #footer-cookie #accept {
    width: 50%;
    left: 50%;
    right: 50%;
    margin-top: 15px;
  }

  #footer-cookie #accept a {
    width: 100%;
    display: block;
    text-align: center;
  }
}

@media only screen
{
  main
  {
    border-left-style:solid
  }
}

main img
{
  max-width:100%;
  height:auto
}

main h1
{
  font-weight:400;
  font-size:1.4em;
  line-height:1.4;
  margin-top:10px;
  color:#000;
  background-image:url(verlauf.jpg);
  background-repeat:repeat-y;
  margin-bottom:12px
}

main h2
{
  margin-top:15px;
  margin-bottom:6px;
  font-size:1.1em;
  background-image:url(arrow3.png);
  background-repeat:no-repeat;
  padding-left:12px;
  background-position:0 .2em
}

main h3
{
  margin-top:15px;
  margin-bottom:2px;
  font-size:1em
}

main div,main object,main p
{
  margin-top:2px;
  margin-bottom:8px
}

main b,main strong
{
  color:#000
}

main a,main a:link,main a:visited
{
  color:gray
}

main a:hover
{
  color:#52661f
}

main .top-link
{
  margin:0;
  color:red;
  background-image:url(pfeil_o2.png);
  background-repeat:no-repeat;
  padding-left:14px
}

main a.top-link:hover
{
  background-image:url(pfeil_o.png);
  background-color:inherit;
  color:inherit
}

main p a
{
  display:inline;
  padding-left:10px;
  background-image:url(arrow2.png);
  background-repeat:no-repeat
}

main p a.mailto
{
  font-style:italic;
  text-decoration:none;
  padding-left:22px;
  margin-left:2px;
  background-image:url(brief.png);
  background-position:0 5px
}

main p a[id],main p a[name]
{
  background-image:none;
  padding-left:0
}

main p.image
{
  text-align:left
}

main .plugin ul,main ul
{
  list-style-image:url(disk-10-grn.png);
  font-size:1em;
  line-height:1.4;
  padding-left:1.2em;
  margin-left:1.2em;
  margin-bottom:12px
}

main .plugin ul ul,main ul ul
{
  list-style-image:url(circle-10-grn.png);
  margin-bottom:0
}

main .plugin ul ul ul,main ul ul ul
{
  list-style-image:url(square-10-grn.png);
  margin-bottom:0
}

main .plugin ol,main ol
{
  list-style-type:decimal;
  list-style-position:outside;
  padding-left:25px;
  margin-bottom:12px;
  margin-left:12px
}


main .plugin ol ol,main ol ol
{
  list-style-type:lower-alpha;
  padding-left:12px;
  margin-bottom:0
}

main .plugin ol ol ol,main ol ol ol
{
  list-style-type:lower-roman;
  padding-left:12px;
  margin-bottom:0
}

main div.toc
{
  float:right;
  border:1px solid green;
  border-radius:6px;
  padding:6px;
  margin:0 10px 10px
}

main .plugin ul.toc,main ul.toc
{
  list-style-position:inside;
  list-style-image:url(pfeil_u.png);
  padding:0;
  margin:0
}

main .plugin ol.toc,main ol.toc
{
  list-style-position:outside;
  list-style-type:upper-roman
}

main .plugin ol.toc a,main .plugin ul.toc a,main ol.toc a,main ul.toc a
{
  display:block;
  white-space:nowrap;
  text-decoration:none
}

main hr
{
  border:1px dashed #52661f;
  width:95%;
  margin-left:0;
  text-align:left
}

main .mailhinweis
{
  color:#fff;
  background-color:#8b0000;
  border-radius:3px;
  font-size:90%
}

main .kasten
{
  clear:both;
  font-size:.9em;
  margin-top:10px;
  margin-left:3px;
  float:right;
  width:200px;
  border-style:dotted;
  border-width:2px;
  border-color:#52661f;
  padding:3px
}

main .kasten h3
{
  margin-top:0
}

main .kasten h3 a,main .kasten h3 a:active,main .kasten h3 a:link,main .kasten h3 a:visited
{
  color:red;
  background-color:inherit;
  text-decoration:none
}

main .kasten h3 a:hover
{
  color:#b00;
  background-color:inherit
}

main .boxcover
{
  font-size:.9em;
  margin-top:10px;
  margin-left:4px;
  float:right;
  width:200px;
  padding:3px
}

main .box
{
  font-size:.9em;
  margin-top:8px;
  margin-right:3px;
  padding-right:0;
  float:right;
  width:100%;
  border-style:solid;
  border-width:1px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-color:#52661f
}

main .box h3
{
  color:#fff;
  background-color:#52661f;
  padding-left:4px;
  padding-right:4px;
  margin-top:0;
  border-top-left-radius:4px;
  border-top-right-radius:4px
}

main .box h3 a,main .box h3 div.box h3 a:active,main .box h3 div.box h3 a:link,main .box h3 div.box h3 a:visited
{
  color:red;
  background-color:inherit;
  text-decoration:none
}

main .box h3 div.box h3 a:hover
{
  color:#fff;
  background-color:inherit}main .box div{padding-left:4px;
  padding-right:4px
}

main .teaser,main div.lead
{
  font-family:"Source Sans Pro",sans-serif;
  font-size:1em;
  line-height:1.5em;
  font-weight:600;
  color:#52661f;
  margin-top:5px;
  margin-bottom:10px
}

main .lead img
{
  padding:5px
}

main img[align=right]
{
  margin-left:6px;
  margin-bottom:3px
}

main blockquote
{
  font-size:.9em;
  width:90%;
  padding:5px 5px 5px 30px;
  background-image:url(quote.gif);
  background-repeat:no-repeat;
  background-position:0 .9em;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:12px
}

main .image
{
  display:block;
  border:4px solid transparent;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  box-shadow:3px 3px 12px gray
}

main img.bildchen
{
  border:0
}

main img.imgright
{
  float:right;
  padding-left:10px
}

main img.imgleft
{
  float:left;
  padding-right:10px
}

main img.inline
{
  border:0
}

main .meineStileAnfang
{
  font-size:2px
}

main p.rahmen
{
  font-size:1em;
  width:90%;
  background-color:#F1F1F1;
  border-style:solid;
  border-width:1px;
  border-color:#52661f;
  border-radius:5px;
  padding:5px;
  margin-bottom:10px
}

main p.tipp
{
  font-size:1em;
  width:95%;
  border-style:dotted;
  border-width:1px;
  border-color:gray;
  padding:3px;
  margin-top:8px;
  margin-bottom:10px
}

main p.hinweis
{
  font-size:.9em;
  width:90%;
  padding:5px 5px 5px 30px;
  background-image:url(hinweis_grün30.gif);
  background-repeat:no-repeat;
  background-position:0 .9em;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:12px
}

main p.lead
{
  font-family:"Source Sans Pro",sans-serif;
  font-size:1em;
  line-height:1.5em;
  font-weight:600;
  color:#52661f;
  margin-top:5px;
  margin-bottom:10px
}

main a.top-link
{
  margin:0;
  color:red;
  background-image:url(pfeil_o2.png);
  background-repeat:no-repeat;
  padding-left:14px
}

main .bu
{
  margin-top:0;
  font-size:.75em;
  font-weight:700
}

main .code
{
  font-family:'Courier New',Courier,monospace;
  font-size:1em;
  color:#009
}

main .comix
{
  font-family:"Comic Sans MS","Coming Soon",sans-serif
}

main .comic
{
  font-family:"Coming Soon",sans-serif
}

main .status
{
 font-family:"Delius Swash Caps","Comic Sans MS",sans-serif
}

main .handschrift
{
  font-family:"Patrick Hand",sans-serif
}

main .datum
{
  font-size:.8em
}

@media only screen and (max-width:850px)
{
  header img
  {
    max-width:100%;
    height:auto
  }
}

@media only screen and (max-width:600px)
{
  body
  {
    margin:0;
    padding:0;
    background-color:#fff
  }
  
  #wrapper
  {
    border-top-left-radius:0;
    border-top-right-radius:0;
    text-align:left;
    margin:2px 0;
    padding:0;
    border:none;
    box-shadow:none;
    width:100%
  }
  
  header #logo
  {
    width:100%
  }
  
  header #logo div.h1
  {
    font-size:3.2em
  }
  
  header #logo div.h2
  {
    font-size:1.5em
  }
  
  nav#topmenu
  {
    width:100%;
    float:none;
    font-size:1em;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0  
  }

  nav#topmenu ul 
  {
    padding-bottom:3px
  }
  
  nav#topmenu a,nav#topmenu b
  {
    padding:3px;
    margin-right:0
  }
  
  nav#topmenu a
  {
    color:#000;
    background-color:#d9e2c6
  }
  
  nav#topmenu a:hover
  {
    color:#fff;
   background-color:#b4c68e
  }

  nav#topmenu b
  {
    color:#fff;
    background-color:#52661f
  }

  nav
  {
    float:none;
    width:100%;
    font-size:1em;
    margin-left:0;
    margin-right:0
  }

  nav ul
  {
    margin-left:4px;
    margin-right:4px;
    padding-bottom:5px
  }

  nav ul ul
  {
    margin-left:0;
    margin-right:0
  }

  nav a,nav a.high,nav a:link,nav a:visited,nav b
  {
    padding:5px;
    border-radius:6px;
    border:0;
    color:#000;
    background-color:#d9e2c6
  }

  nav a:hover
  {
    background-color:#b4c68e;
    color:#fff
  }

  nav a.high,nav b
  {
    color:#fff;
    background-color:#52661f
  }

  nav li
  {
    margin-top:2px;
    margin-bottom:2px
  }
  
  nav li+li
  {
    margin-top:4px
  }
  
  nav ul ul li+li
  {
    margin-top:2px
  }
  
  nav ul ul li
  {
    padding-left:2px;
    margin-left:6px
  }
  
  nav ul ul a,nav ul ul b
  {
   margin-left:11px
  }
  
  nav ul ul b
  {
    margin-left:11px;
    padding-left:5px
  }

  nav div.anmeldung
  {
    margin-right:4px;
    margin-top:4px
  }
  
  nav div.anmeldung ul li a
  {
    padding:6px 9px
  }
  
  main
  {
    float:none;
    width:100%;
    padding-right:0;
    padding-left:0;
    margin-left:0;
    margin-right:0;
    border-left:0
  }
  
  main p
  {
    margin-left:4px;
    margin-right:4px
  }

  footer
  {
    margin:0
  }
}

@media only screen and (max-width:480px)
{
  nav#topmenu li
  {
    display:block
  }

  nav#topmenu a,nav#topmenu b
  {
    display:block;
    border-radius:6px;
    border-style:none
  }

  nav#topmenu ul
  {
    padding:0
  }

  nav#topmenu li
  {
    margin-top:2px;
    margin-bottom:2px
  }
}

@media only screen and (max-width:360px)
{
  #logo
  {
    top:0
  }

  div.h2
  {
    display:none
  }
}