/*   Design by walter@seibold.co  
	aufgaben Liste der Bilder formatieren
	
	*/
body {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 12pt;
	color: #333333;
	background: #CFE4DB;
	text-align: center;
}
#titel{
	text-align: center;
}

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

a:link {
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}

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

a:hover {
	text-decoration: underline overline;
	color: White;
	font-weight: bold;
	background-color: #C02;
}
#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 #333;
	border-radius: 5px;
}


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

#navi_ls ul{
	width: 171px;
	
}
#navi_ls li{
	margin: 0;
	padding: 2px;
	list-style: none;
}
#navi_quer {
	float: left;
}
#navi_quer ul{
	padding: 0;
	list-style: none;
}
.box{

	clear: both;
}
#navi_quer li{
	width: 320px;
	border: 1.5px solid #333;
	margin: 1.2px;
	border-radius: .4em;
	float: left;
	padding: 2px;
	background-color: #C02C2A;
	color: #cca;
	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 : #cca;
	border: 1pt solid #333366;
	padding: 0 2 1 2;
	color: #333;
}
* 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;
}


#fusszeile{
	clear: both;
}
h1{
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 23px;
	font-weight: bolder;
	color: #C02;
	margin-top: 5px;
	background-color: #333;
	padding: 1px 12px 1px 12px;
	border-bottom: 5px double #cca;
	font-style: italic;
}
h2{
	padding-top: 3px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
}

h3{
	margin: 0 8px 4px 0;
	font-size: 15px;
	font-weight: bold;
	color: #cca;
	background-color: #C02;
	padding: 1px 8px 1px 8px;
	border: 1pt solid #333;
}
h4 {
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background: #cca;
	padding-left: 8px;
	border: 1 solid #c02;
}

hr{
	height: 6px;
	border: 1 solid #333;
	background-color: #C02;
}
/* Formatierung der Inputfelder im Office */
.text_input{
	clear: both;
}
.in{
	width: 70%;
}
.in:hover{
	width: 100%;
	background-color: #cca;
}
input {
	border: 1pt solid #333;
	padding-left : 2px;
	background: #cca;
}

input.muss{
	background : #DDDC44;
}


.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;
	color: #cca;
}
.radius{
	border-radius: 1em;
}