* {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Geneva, "Lucida Sans Unicode", sans-serif;
  }


/* ab hier allgemeingültig */

body { color:#000000; }

.tohuus {  }

/* clearfix */
.content:after { display: block; clear: both; content: "."; height: 0; visibility: hidden; }

p { margin-bottom:10px; }

td { padding:5px; }

#acontent a:link { color:#0050A0; font-weight:normal; text-decoration:none }
#acontent a:visited { color:#0050A0; font-weight:normal; text-decoration:none }
#acontent a:hover { color:#C00040; font-weight:normal; text-decoration:none }
#acontent a:active { color:#0050A0; font-weight:normal; text-decoration:none }

#aadresse { margin:0px; padding:25px; background: rgb(227,227,187); color:#000000; font-size:12px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; text-align:left;}
#aadresse a:link { color:#0050A0; font-weight:normal; text-decoration:none }
#aadresse a:visited { color:#0050A0; font-weight:normal; text-decoration:none }
#aadresse a:hover { color:#C00040; font-weight:normal; text-decoration:none }
#aadresse a:active { color:#0050A0; font-weight:normal; text-decoration:none }

#afaut a:link { color:#000000; font-weight:normal; text-decoration:none; }
#afaut a:visited { color:#000000; font-weight:normal; text-decoration:none; }
#afaut a:hover { color:#0050A0; font-weight:normal; text-decoration:none; }
#afaut a:active { color:#000000; font-weight:normal; text-decoration:none; }

.texth1 { font-size:18px; font-weight:bold; text-align:left; margin:10px 0px 20px 0px; color:#2F2F2F; border-bottom:1px solid; border-color:rgb(227,208,92); padding-bottom:2px; -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; }

.texth2 { font-size:16px; font-weight:bold; text-align:left; margin-bottom:10px; margin-top:25px; clear:both; }

.texth3 { font-size:14px; font-weight:bold; text-align:left; margin-bottom:10px; margin-top:25px; clear:both; }

#tab { position:absolute; z-index:1; }
#tab1 { position:relative; left:150px; z-index:2; }

/*News*/
.head { font-size:1.1em; color:#EA4600; font-weight:bold; margin-top:0px; margin-bottom:5px; text-align:left; }
.teaser { font-size:1.0em; color:#000000; font-weight:bold; margin-top:0px; text-align:left; }
.teaser_mehr { font-size:1.0em; color:#000000; font-weight:bold; margin-top:0px; margin-bottom:30px }
img.news { margin-bottom:10px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #000000; border-bottom:1px solid #000000; }

textarea { font-size:16px; line-height:18px }

/*Menü*/
ul {
  margin-left: 0.6em;
  padding-left: 0.6em;
}

nav {
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 22px;
  font-weight:bold;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav a {
  display: block;
  color: #000000;
  text-decoration: none;
}

nav ul li {
  position: relative;
  float: left;
  list-style: none;
}

nav ul li a {
  padding: 6px 15px 6px 15px;
}

/*
nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid transparent;
}


nav ul ul li.submenu > a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #FFFFFF;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

*/

nav ul li a:hover {
  color: #000000;
  background: rgb(227,227,187);
}

nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #F9F7DB;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  margin-top: 1px;
}

nav ul ul li {
  float: none;
  width: 200px;
  border-bottom: 1px solid #555;
}

nav ul ul li a {
  color: #4F4F4F;
  padding: 7px 15px 7px 15px;
}

nav ul ul li:last-child {
  border-bottom: 3px;
}

nav ul li:hover > ul {
  top: 100%;
  left: 0;
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}


/* hide the checkbox and the label */
input#responsive-nav,
label.responsive-nav-label {
  display: none;
}


/* Desktop-Layout */
@media screen and (min-width: 800px) {

body { background-color:rgb(255,255,236); background-image:url(../images/bg_balken_oben2026.png); background-repeat:repeat-x; }

.pitch { width:100%; }

.box { width:800px; border:1px solid #2F2F2F; }

.content { min-height:550px; background-color:#FFFFFF; vertical-align:top; padding:15px 30px 30px 30px; font-size:14px; line-height:22px; text-align:justify; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}

.mobile-only { display:none; }

#schatten { -moz-box-shadow:0px 3px 8px #000000; -webkit-box-shadow:0px 3px 8px #000000; box-shadow:0px 3px 8px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#2F2F2F,direction=135); }

.tohuus-desktop { display:all; }
.tohuus-smartphone { display:none; }

.navigation { background: rgb(227,227,187); height:34px; border-top:1px #000000 solid; border-bottom:1px #000000 solid; padding-left:40px; }

.menu { padding:6px 15px 6px 15px; }

img.rechts { float:right; margin-left:10px; margin-bottom:10px; margin-top:5px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #000000; border-bottom:1px solid #000000; }
img.links_rahmenlos { float:left; margin-right:10px; margin-bottom:10px; }
img.rechts_rahmenlos { float:right; margin-left:10px; margin-bottom:10px; }
img.links { float:left; margin-right:10px; margin-bottom:10px; margin-top:5px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #000000; border-bottom:1px solid #000000; }
img.rand { margin:1px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #000000; border-bottom:1px solid #000000; }

.schwarzes_brett { -webkit-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-radius: 10px; margin:15px 0px 0px 0px; width:470px; border:1px solid #EA4600; padding:0px; border-spacing:0px; float:left; background-color:#EA4600; }

.container_rechts { width:250px; float:right; }

.internet-abc { width:235px; float:right; margin:0px 0px 15px 0px; }

.poster { width:235px; float:right; border:1px solid #0090E0; margin:15px 0px 0px 0px; }

.amtsgemeinden { width:235px; float:right; margin:15px 0px 0px 0px; }


.kurstag { width:118px; float:left; font-weight:bold; text-align:center; overflow: hidden; padding:2px; margin:0px; background-color:#F9F7DB; }
.spalte-zeiten { float:left; border: 0px solid #000000; margin:0px; }
.spalte-kurs { float:left; border: 0px solid #000000; margin:0px; }
.zeiten { font-size:11px; font-weight:bold; width:116px; height:120px; vertical-align:left; padding:0px; margin:0px; background-color:#F9F7DB; }
.kurs { font-size:12px;  font-weight:normal; width:116px; height:120px; vertical-align:left; padding:0px; margin:0px; }



/*Terminkalender*/
.termineintrag { width:100%; border:1px #CFCFCF solid; }
.hdatum { float:left; width:274px; background-color:rgb(227,208,92); font-weight:bold; color:#897C50; padding:3px; }
.htermin { float:left; width:454px; background-color:rgb(227,208,92); font-weight:bold; color:#897C50; padding:3px; }

.tag { float:left; width:28px; vertical-align:text-top; border-top:1px #CFCFCF solid; padding:3px; }
.datum { float:left; width:82px; vertical-align:text-top; border-top:1px #CFCFCF solid; padding:3px; }
.bis { float:left; width:13px; vertical-align:text-top; border-top:1px #CFCFCF solid; padding:3px; }
.termin { float:left; width:450px; vertical-align:text-top; border-top:1px #CFCFCF solid; border-left:1px #FFFFFF solid; padding:3px 3px 3px 23px; }

.ende { width:800px; height:20px; font-size:11px; font-weight:normal; text-decoration:none; vertical-align:middle; margin-top:5px;}

}
/* Ende Desktop-Layout */



/* Smartphone-Layout */
@media screen and (max-width: 800px) {

body { background-color:#FFFFFF; }

.box { width:100%; }

.tohuus-desktop { display:none; }
.tohuus-smartphone { display:all; }

.navigation { font-size:;16px; font-weight:bold; background-color:rgb(227,207,97); height:40px; border-top:1px #000000 solid; border-bottom:1px #000000 solid; }

.menu { padding:10px 30px; background:rgb(227,227,187); border-bottom:1px solid #000000; }

.content { min-width:300px; padding:10px; min-height:480px; color:#4B431F; font-size:16px; line-height:22px; background-color:#FFFFFF; text-align:justify; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.desktop-only { display:none; }

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

img.rechts { margin-bottom:10px; margin-top:5px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #000000; border-bottom:1px solid #000000; width:100%; height:auto; }
img.links_rahmenlos { margin-bottom:15px; margin-top:15px; width:100%; height:auto; }
img.rechts_rahmenlos { margin-bottom:15px; margin-top:15px; width:100%; height:auto; }
img.links { margin-bottom:10px; margin-top:5px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #000000; border-bottom:1px solid #000000; width:100%; height:auto; }
img.rand { margin: 5px 0px 10px 0px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #000000; border-bottom:1px solid #000000; width:100%; height:auto; }

.schwarzes_brett { -webkit-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-radius: 10px; margin:15px 0px 0px 0px; border:1px solid #EA4600; padding:0px; border-spacing:0px; float:left; background-color:#EA4600; margin:15px 0px 15px 0px; width:100%; }

.internet-abc { width:100%; margin:15px 0px 0px 0px; }

.poster { width:100%; border:1px solid #0090E0; margin:15px 0px 0px 0px; }

.amtsgemeinden { width:100%; margin:15px 0px 0px 0px; }

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


.kurstag { font-size:20px; font-weight:bold; line-height:30px; width:295px; text-align:center; overflow: hidden;  padding:2px; background-color:#F9F7DB; }
.spalte-zeiten { float:left; }
.spalte-kurs { float:left; }
.zeiten { font-size:14px; font-weight:bold; line-height:18px; width:110px; height:70px; vertical-align:center; background-color:#F9F7DB; }
.kurs { font-size:15px; font-weight:normal; line-height:20px; width:155px; height:70px; vertical-align:center; }






/*Terminkalender*/
.termineintrag { width:100%; }
.hdatum { display:none; float:left; width:254px; background-color:rgb(227,208,92); font-weight:bold; color:#897C50; padding:3px; }
.htermin { display:none; float:left; width:474px; background-color:rgb(227,208,92); font-weight:bold; color:#897C50; padding:3px; }

.tag { float:left; vertical-align:text-top; padding:3px; }
.datum { float:left; vertical-align:text-top; padding:3px; }
.bis { float:left; vertical-align:text-top; padding:3px; }
.termin { vertical-align:text-top; padding:3px; clear:both; padding-bottom:25px; border-bottom:1px solid #DFDFDF;}


.mobile-condensed { letter-spacing:-1px; font-size:92%; }


.ende { width:100%; height:20px; font-size:11px; font-weight:normal; text-decoration:none; vertical-align:middle; margin-top:5px;}

.footer { width:300px; color:#BDB382; font-size:11px; padding:5px; margin-bottom:20px; }
a.faut:link { color:#BDB382; font-size:11px; text-decoration:none; }
a.faut:visited { color:#BDB382; font-size:11px; text-decoration:none; }
a.faut:active { color:#BDB382; font-size:11px; text-decoration:none; }
a.faut:hover { color:#0090E0; font-size:11px; text-decoration:none; }




label.responsive-nav-label {
  position: relative;
  display: block;
  padding: 10px;
  background: none;
  cursor: pointer;
  color: #0070C0;
}

label.responsive-nav-label span {
  margin-right: 10px;
}

nav {
  /*background:#5F5F5F;*/
  position: absolute;
  top: -99999px;
  width: 100%;
  padding: 0px;
  margin-bottom: 20px;
  font-size:16px;
}

input#responsive-nav[type=checkbox]:checked ~ nav {
  position: relative;
  top: 0;
}

nav a:after {
  display: none;
}

nav li {
  float: none !important;
  width: 100% !important;
  border-bottom: none !important;
}

nav li a {
  /*margin-bottom: 10px !important;*/
  border-bottom: 1px solid #000000;
  padding: 10px 30px !important;
  background:rgb(227,207,97);
  font-weight:bold;
}

nav ul li:hover {
  background: none;
}

nav ul li a:hover {
  background:#0070C0;
  color:#FFFFFF;
}

nav ul ul {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  background: none !important;
  box-shadow: none;
  margin:0px;
}

nav ul ul li {
  padding-left: 0px;
}

nav ul ul li a {
  color: #4F4F4F;
  background: #F9F7DB;
}

}
/* Smartphone-Layout */