@charset "utf-8";
html{box-sizing:border-box}

/*   Design by walter@seibold.co  
	
	fenstermessen.js
	
	*/
body {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 14pt;
	color: #333;
	background: linear-gradient(#ff9, #fb4);

}
#titel{
	text-align: center;
}

p {
  font-family:  arial, helvetica, geneva, sans-serif;
  font-size: 12pt;
  color: #333;
}

.bild-box{
	margin-bottom: 1em;
	margin-top: 1em;
	}
a:link {
	text-decoration: underline;
	color: Yellow;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: Yellow;
	font-weight: bold;
}

a:hover {
	text-decoration: underline overline;
	color: #fff;
	font-weight: bold;
	background-color: #498;
}
#rahmen {
	width: 825px;
	margin: 0 auto;
}
.logo{
	float: left;
	/** enthält Tabelle mit Bildern und Navigation **/
	box-sizing:border-box;  
	width:338px;
	height: 150px;
	margin: 1px;
	border: 1pt solid #336;
	border-radius: 5px;
}


#navi_ls {
	float: left;
	width: 210px;
	list-style: none;
}

#navi_ls ul{
	width: 161px;
	padding: 0 0 0 0;
}
#navi_ls li{
	margin: 0;
	padding: 2px 2px 2px 2px;
	list-style: none;
}
#navi_quer {
	float: left;
}
#navi_quer ul{
	padding: 0;
	list-style: none;
}
#navi_quer li{
width: 161px;
	border: 1.5px solid Black;
	margin: 1.2px;
	border-radius: .4em;
	float: left;
	padding: 2px;
	background-color: #237071; /* #C02C2A; */
	color: Yellow;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}
#navi_quer li:hover{
	background: #1a1011 url(pum.jpg) no-repeat -20px -15px;
	/* background: #1E1E1E; */
}
#navi_quer li.contrast{
	background: #237071;
}
.link{
	/* cursor : pointer; */
	background : #DCD048;
	border: 1pt solid #333366;
	padding: 0 2 1 2;
	color: Yellow;
}
* html #navi_quer a:hover {
	height: 1px; 
}

#box_lang{
	z-index: auto;
	height: 36px;
	background : #237071; /* #C02C2A; */
	font-size: 14px;
}

#lang selected {
	border: 1pt solid #333366;
}
#lang selected option{
	border: 1pt solid #333366;
	}
/** Auflistung des Inhalts links Bild 450px rechts Text  **/
#content {
	overflow: auto;
	width: 100%;
	}
	/* austesten .bild-box{ } */
#content.bild-box{
	display: inline-block;
	width: 100%;
	margin-bottom: 2em;
	}
#content.bild{
	float: left;
	width: 100%;
	}
#content.text-box{
	font-weight: bold;
	width: 100%;
	float: left;
	padding: 8px 8px;
	}

#content.text-input{
	width: 250px;
	float: left;
	padding: 8px 8px;
	display: inline;
	}
#start1 {
	text-align: center;
	}
#fusszeile{
	clear: both;
	}
h1{
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 23px;
	font-weight: bolder;
	color: #C02C2A;
	margin-top: 5px;
	background-color: #333;
	padding: 1px 12px 1px 12px;
	border-bottom: 5px double #DCB14B;
	font-style: italic;
	}
h2{
	padding-top: 3px;
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	}

h3{
	margin: 1.5em 0 8px 0;
	font-size: 1em;
	font-weight: bold;
	color: #fcf;
	background : #237071; /* #C02C2A; */
	padding: 5px 8px;
	border-radius: 5px;
	}
h4 {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background: #DCB14B;
	padding-left: 8px;
	border: 1 solid #D51734;
	}

hr{
	height: 6px;
	border: 1 solid #333333;
	background-color: #C02C2A;
	}
/* Formatierung der Inputfelder im Office */
.text_input{
	clear: both;
	}

input {
	border: 1pt solid #336;
	padding-left : 2px;
	background: #DCB14B;
	}

input.muss{
	background : #dd4;
	}
.in{
	width: 70%;
	}
.in:hover{
	background-color: yellow;
	}

selected {
	font-size: 14pt;
	border: 1pt solid #336;
	background : #dd4;
	}
option{
	font-size: 14pt;
	border: 1pt solid #336;
	background : #dd4;
	}
 
textarea {
	border: 1pt solid #336;
	background: #dd4;
	width: 330px;
	}
.k_form{
	background-color: Aqua;
	}
#k_kontakt{
	clear: both;
	}
.h3-input{
	background-color: fuchsia;
	font-size: large;
	}

.button{
	cursor: pointer;
	background-color: #f000b5;
	border: 1pt solid #336;
	padding: 5px 10px 5px 10px;
	}
#Ordner_x input{
	margin-top: 12px;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	background: transparent;
	}
#Ordner_x .button{
	font-size: 12px;
	font-weight: bold;
	color:	Yellow;
	background:	#C02C2A;
	}
#Ordner_x .in{
	border: 1pt solid #333366;
	padding-left : 2px;
	background: #DCB14B;
	font-size: smaller;
	}

.link{
 font-size: 11px;
 font-weight: bold;
	cursor : pointer;
	background : #DCD048;
	border: 1pt solid #333366;
	padding: 0 2 0 2;
	margin-bottom: 1px;
	width: 165px;
	}

.rb{        /* Design entspricht dem Scrollbalken */
	border : 2pt double #333366;
	}
.r1 {
	border : 1pt solid #333366;
	}
.rr{
	border : 2px solid #C02C2A;
	}
.rg{
	border : 2px solid #D1E1D6;
	}
.pink{
	background-color: #ca0065;
	}
.orange{
	background-color: #e91;
	}
.gruen{
	background: #366C78;
	}
.radius{
	border-radius: 5px;
	}