/*   Design by walter@seibold.co  
	aufgaben 28.05.2005 Hover farben navi.css abstimmen mit rot schwarz !! 
	2023-03-21 box Kommentarbeschriftung anpassen 
	
	2023-03-22 responsives Layout anpassen
	-> Frage wenn der Browser mobile meldet 
	den Pfad zu den Bilddateien umleiten zum Verzeichnis small
	
	*/
body {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 12pt;
	color: #333333;
	background: #CFE4DB;
	text-align: center;
}
#titel{
	text-align: center;
}
#bild{
	background-image: url(../fotos/monat/basili_003.jpg) ;
	background: no-repeat 2px;
	background-size: auto;
}
p {
  font-family:  arial, helvetica, geneva, sans-serif;
  font-size: 12pt;
  color: #333333;
}

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: White;
	font-weight: bold;
	background-color: #C02C2A;
}
#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 #333366;
	border-radius: 5px;
}


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

#navi_ls ul{
	width: 171px;
	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: 162px;
	border: 1.5px solid Black;
	margin: 1.2px;
	border-radius: .4em;
	float: left;
	padding: 2px;
	background-color: #C02C2A;
	color: Yellow;
	font-size: 12px;
	font-weight: bold;
	text-align: center;

}
#navi_quer li:hover{
	background: #1E1E1E;
}
#navi_quer li.contrast{
	background: #333;
}
.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 : #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 {
	clear: none;
	overflow: auto;
	width: 100%;
	}
#content  .bild_box{
	display: inline-block;
	width: 100%;
	margin-bottom: 2em!important;
	clear: both;
	}
#content .bild{
	float: left;
	width: 515px;
	}
#content .text_box{
	font-weight: bold;
	width: 515px;
	float: left;
	padding: 12px 2px 10px 8px;
}

#content .text_input{
	width: 250px;
	float: left;
	padding: 2px 2px 2px 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: #333333;
	padding: 1px 12px 1px 12px;
	border-bottom: 5px double #DCB14B;
	font-style: italic;
}
h2{
	padding-top: 3px;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
}

h3{
	margin: 0 8px 4px 0;
	font-size: 15px;
	font-weight: bold;
	color: #DCB14B;
	background-color: #C02C2A;
	padding: 1px 8px 1px 8px;
	border: 1pt solid #333333;
}
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;
}
.in{
	width: 70%;
}
.in:hover{
	width: 100%;
	background-color: yellow;
}
input {
	border: 1pt solid #333366;
	padding-left : 2px;
	background: #DCB14B;
}

input.muss{
	background : #DDDC44;
}

option{
	border: 1pt solid #333366;
	background: #DCB14B;
}

selected {
	border: 1pt solid #333366;
	background : #E1E1E1;
}
 
textarea {
	border: 1pt solid #333366;
	background: fuchsia;
	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 #333366;
	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: #e91;
	background-color: orange;
}
.gruen{
	background: #366C78;
}
.radius{
	border-radius: 1em;
}