@charset "utf-8";
/*CSS Document */

/*25-04-13 Geldddarstellung auf der Seite Leistungen*/
.money {
    font-weight: bold;
    color: #009688;
  }


/*tblend 23-11-05 - beginn*/
#image-container2 {
	text-align: left;
	height: 400px;
}

#image-container2 img {
	max-width: 100%;
	max-height: 400px; /* Adjust the maximum height as needed */
	position: absolute;
	transition: opacity 1s ease-in-out;
}

.red-frame {
	border: 0px solid red; /* Set the border style for the active image */
}
/*tblend 23-11-05 - end*/



/* für die Breite der Logobilder in den Überschriften wie Ueberlandberechtigung.*/
img.h4 {
  width: 60px;
  height: 40px;
}


span.nowrap {
  white-space: nowrap;
}

div.formular, div.block, div.webcam_image_copy {
	/*border: 1px solid;*/
	background: rgba(153,204,255,0.25);
}

div.formular{
	padding-top: 5px;
	padding-bottom: 10px;
}

div.block {
	/*distance between to adjacent blocks*/
	margin-top: 10px;
	margin-bottom: 10px;
	
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px; /*0, because we don't want to have an indent compared to the rest of the text on the page*/
}

.money {
	font-weight: bold;
}

.borderbox {
	border-style: dotted;
	border: 1px solid;
}

li.button, ol.button{
	margin: 11px 0;
}

abbr.top_of_page {
	border-bottom: none;
}


#select_R_code{
	width: 60%;
}

textarea#input_form_textarea{
	width: 80%;
}

input#tag_des_beschenkten{
	width: 3em;
}

label {
  display: inline-block;
  width: 140px;
  /*text-align: right;*/
}​

/*
.body {
	zoom: 0.9; /*Old IE only
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}*/

.bold{
	font-weight: bold;
}

.form_label{
	font-weight: bold;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.submit {
  color: #900;
  font-weight: bold;
  font-size: 100%;
  border: 1px solid #900;
}

.submit:hover {
  color: #FFF;
  background: #900;
}

/*derived from class submit*/
.button_style a{ 
  color: #900;
  font-weight: bold;
  font-size: 100%;
  border: 1px solid #900;
  overflow: hidden;
  background: #F0F0F0;
  padding-left:6px;
  padding-right:6px;
  padding-top:1px;
  padding-bottom:1px;
  width: fit-content;
  white-space: nowrap;
}

/*derived from class submit:hover*/
.button_style:hover a{	
  color: #FFF;
  font-color: #FFFFFF;
  background: #900;
  overflow:hidden;
  white-space: nowrap;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	}

.strong {
		font-weight:bold;		
	}
	
.obligat { /*Formularpflichtfeld*/
	color: #ff0000;
}

div.foto_text {
	font-size: 1.2em;
	color: #8b4442;
	font-family: verdana;
}

/* letzte Neuigkeiten*/
h1{
	font-family: tahoma, arial;
	font-size: 18px;
	color: #257979;
	line-height: 1.2em;
}

h2{
	font-family: tahoma, arial;
	font-size: 16px;
	color: #257979;
	line-height: 1.2em;
}

h3{
	font-family: tahoma, arial;
	font-size: 6px;
	color: #000000;
}

/*Seitenüberschrift z.B. Schriftzug: "Die letzten Neuigkeiten"*/
h4{
	font-family:  arial;
	font-size: 18px;
	color: #257979;
	line-height: 1.2em;
	padding-top: 0.3em;
	padding-bottom: 0em;
}

/*z.B. Datum*/
h5{
	font-family: arial;
	font-size: 16px;
	color: #257979;
	line-height: 1.2em;
	padding-top: 0.3em;
	padding-bottom: 0em;
}


/*Unterüberschrift*/
h6{
	font-family: arial;
	font-size: 14px;
	color: #257979;
	line-height: 1.2em;
	padding-top: 0.3em;
	padding-bottom: 0em;
}

p, td{
	font-family: 'Segoe UI', arial, sans-serif; 
	color: #000000;
    font-weight:500;
}

p.spruch {
    color: #993399;
    font-size: 18px;
    font-style: italic;
    font-weight: bolder;
    text-align: center;
}

/*Verweise*/
a:link, a:visited, a:active, a:focus{
    text-decoration:none;
    /*color:#1133AA;*/
	color:#005b99;
    font-weight: bold;
}

a:hover, #site_title_container a:hover {color: #3399FF;}


/*Aufzählungen*/
/*Schriftformatierung für den Menübereich*/
#main_nav_menu ul, #main_nav_menu ol{
	font-family: arial;
	color:#444444;
	font-size:13px;
    font-weight:bold;
}

/*Schriftformatierung für den Hauptbereich*/
#content100 ul, #content100 ol{
	font-family: arial;
	color:#444444;
	font-size:16px;
}

#sprueche {
	position: static;
	border-bottom:1px solid #999;
	clear: both;
	text-align: center;
}

.Stil_notok {color: #FF0000; font-size:24px; background: #CCCCCC; }
.Stil_ok {color: #00CC99; font-size:24px; background: #CCCCCC; }

.componentheading{
	display: none;
}

.text ul{
	list-style-image: url('/templates/protostar/images/aufzaehler_1.gif');
	padding-left: 16px;
}

.text ul ul{
	list-style-image: url('/templates/protostar/images/aufzaehler_2.gif');
}

.text ol {
	padding-left: 10px;
}

@media only screen and (max-width: 991px) {
.verknuepfungen table tr td{
	display:block;
	clear:both;
	width: 95%;
}