/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de
                    */
                    
                    
 :root {
     --rot: #94c112;
     --gruen: #cff7af;
     --trans: .3s;
     --trans2: .5s;
 }
                    
html,blockquote,body,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,
table,tr,td,th,thead,tbody,tfoot,caption  {
margin:0;
padding:0;
border:0 none;
font-size: 13px;
box-sizing: border-box; 
}
div,p,ul {
 display: block
}
body {
    color: #6A4102;
    /* background: #f3fade url(/img/bg/bg-querstreifen.gif) center 101px no-repeat; */
    background-color: #f3fade;
    font-family:Arial, sans-serif;
}
a{
    color: #6A4102;
}

h1,h2, 
h2 a,
.titleright,
.head  {
font-family: Georgia, "Times New Roman", times, sans-serif;
font-weight: normal;
font-size: 18px;
margin: 0 0 1em 0;
padding: 20px 0 0 0;
color: #6a4102;
line-height: 140%
}
.head a {
	display: block;
	height: 60px;
	width: 250px;
}

h1,
h2.erster {
	padding-top: 0;
font-size: 24px;

}
h1.erster {
margin-top: -40px
}
p.head span {
font-size: 16px
}
div {
position: relative;

}
div.none{
border: 1px solid #aeb1ff
}
td {
width: auto;
padding: 0 15px 15px 0;
vertical-align:top
}

p,ul,ol{
margin: 0 0 1em 0
}
ul {
padding-left: 16px
}
li {
vertical-align:middle;
margin-bottom: .5em;
line-height: normal;
}
img {
border:0 none;
height: auto
}
hr {
clear: both; 
height: 1px; 
background-color: #a4b574;
margin: 1em 0 
}

.clear {
clear: both
}
.floatleft,
.bildlinks {
float: left;
margin: 0 10px 5px 0
}
.floatright,
.bildrechts {
float: right;
margin: 0 0 5px 10px
}
.hide {
display: none;
}
.klein {
font-size: 11px;
}
.big, 
.big a {
font-size: 25px;
line-height: normal;
}
.rot,
.rot a {
color: #ff0000;
}
.kasten{
	padding: 10px;
	border: 1px solid #BEC4A7;
	background-color: #F3FADE;
	text-align: center;
	margin-bottom: 1em 
}
.kasten p {
	
	text-align: center
}


/* DIVS */

div.mitte,
footer#footer {
margin: 0 auto;
width: 100%;
max-width: 950px;
height: auto;
clear: both
}

div.kopf {
display: flow-root; 
height: 100px;
background: #b5d950 url('/img/style/signet.png') 0 -6px no-repeat;
padding: 0;
}

img.kopfimg {
display: inline-block;
margin-left: 220px; 
top: 0 ; 
border-left: 2px solid white
}
.titleright {
float:right;
width: 140px;
height: 60px;
color: white;
margin: 10px 20px 0 ;
z-index: 3;
clear:both;
font-size:20px;
font-weight: bold;
line-height: 140%
}
.titleright span {
color: #6a4102;
display:block;
font-size:16px;
}

div.mitte {
box-shadow: 5px 5px 25px #3f4824;
background: white url(/img/bg/bg-links.gif) 0 0 repeat-y;
margin-bottom: 10px;
}
div.inhalte {
position: relative; 
width: calc(100% - 220px); 
min-height: 500px;
line-height: 140%;
float: left; 
padding: 30px 30px 20px 20px
}
div.inhalte h2 {
}
div.inhalte img {
max-width: 450px
}
div.rechts {
float:right;
width: 170px;
height: auto;
margin: 4px 30px 0 0px
}

.rechts h3 {
margin: 1em 0 0.5em 0
}
.rechts h3 a {
font-weight: bold
}
.inhalte a {
text-decoration: underline
}
.inhalte .gruen {
 color: #00FF00;
 font-weight: bold;
 
}
h2.gruen span {
 display: block;
 line-height: 120%;
 
}

/* Programmübersicht */
div.textno_0,
div.textno_1{
font-weight: bold;

}
div.textno_0{
float:right;
width: 120px;
text-align:right
}
.rechts h3,.rechts h3 a {
margin: 0.5em 0 0 0
}
.rechts div.textno_0 {
float:none;
font-weight: normal;
text-align:left
}
.rechts img {
 max-width: 100%; 
margin-bottom: 0.5em;
}
footer#footer {
height: 15px;
max-width:930px;
width: 100%;
padding: 0 0 0 20px;
background: #E4E9D5 url(/img/bg/bottom.gif) 0 0 no-repeat;
}
footer.unten a {
 text-decoration: none;
 font-size: 12px;
 padding-top: 1px
}
/* sliding content */
.slidequestion{
font-size: 15px;
margin: 0 0 0.5em 0;
font-weight: bold;
cursor:pointer;
	overflow:hidden;
}
div.slideanswer{
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
div.progitem {
padding: 8px;
margin: 4px 0;
background-color: #F8D97F;
border: 1px solid #fff
}
div.page {
margin-top: 1.5em;
text-align:center;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
}
div.page a {
text-decoration: none;
font-weight: normal;
font-size: 11px;
}

.termintab td {
padding: 0 15px 0.5em 0;
border-top: 1px solid #b5d950;
}
.termintab td.noborder {
border: none
}

.imglist {
text-align: justify;
line-height: 70px
}
.imglist img {
display: block;
float:left;
margin: 0 10px 10px 0
}

@media screen and (max-width: 450px){
body, div.inhalte, p,li,#footer a  { 
font-size: 16px;
}
}
@media screen and (max-width: 950px){
div.kopf {
 width: 100%;
 overflow: hidden;
 
}
footer#footer{
 width: calc(100% - 40px);
 padding: 20px;
 overflow: hidden;
 background-position: 0 19px;
}
div.mitte {
background-image: none; 
}
div.inhalte,
div.rechts,
p,li {
 font-size: 18px
}
div.inhalte {
width: 100%; 
float: none; 
background-color: white;
}
div.inhalte img {
 max-width: 100%
}
.bildlinks,
.bildrechts {
 display: block; 
 float: none;
 margin: 0 0 20px
}
h2 {
hyphens: auto;
white-space: wrap
} 
}

/* PRINT */
@media print {
body,div{
background-color: white;
background-image: none; 
}
div,p,li{
color:black;
}
.oben,
.kopf,
.nav,
.links,
.unten {
display: none
}
div.rechts {
float:none;
width: 90%;
background-color: white;
background-image: none; 
}
div.oben,
div.mitte,
footer.unten {
width: 90%;
background-color: white;
background-image: none; 
}
div.inhalte {
margin-left: 0;
background-color: white;
background-image: none; 
}
.rechts{
display:block
}
.druck {
display: inline;
}  
}