/* ====== allgemein ======  */


/* breite der gesamtkonstruktion  */
#breite {
    width:960px
}

/* breite der linken spalte in pixel */
.breite_hauptspalte_links {
    width:242px;
    margin:0px;
    padding:0px}

body
{
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    background-color: #297ACB;
}

h2{
    color:#1C548D;
    margin-bottom:30px;
    letter-spacing:2px;
    font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    font-size: 22px;
    font-variant:normal;
    font-weight:normal
}
h3 {
    color:#1C548D;
    font-size: 16px;
    text-align: center;
}
h4{
    color:#1C548D;
    margin-bottom:30px;
    letter-spacing:2px;
    font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    font-size: 18px;
    font-variant:normal;
    font-weight:normal
}

.haupt {
    background-color: #;
    border-left:solid 1px #045944;
    border-right:solid 1px #045944;
    border-top:solid 1px #045944;
    border-bottom:solid 1px #045944;
    border:solid 1px #fff;
}

/* Name der Homepage  */
#name {
    letter-spacing:1px;
    color:#fff;
    padding-left:0px;
    font-family: trebuchet ms,tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    font-size:20px;
    font-variant:normal;
    font-weight:normal
}

/* farbige scrolleiste internet explorer ab vers.5.5 */

body {
    scrollbar-arrow-color: #535353;
    scrollbar-base-color: #fff;
    scrollbar-highlight-color : #535353;
    scrollbar-shadow-color : #fff;
    SCROLLBAR-TRACK-COLOR: #EFEFEF;}

/* ====== kopfbereich ======  */

#top1a {
    height:100px;
}

#top2a {
    background-color:#;
    text-align:center;
    vertical-align:middle;
    height:200px;
}

#top2b {
    background-color:#;
    color:#000;
    text-align:center;
    vertical-align:middle;
}

#top3a {
    height:100px;
    background-color:#fff;
    text-align:left;
    vertical-align:top;
    background-image:url(images/fv1.jpg);
    background-repeat:repeat-x;
    background-position:  0% 0%;
    border-top: solid 20px #fff;
}

/* das hintergrundbild wird hier oben (0%) und rechts (100%) angeordnet  */
#logo {
    background-color:#fff;
    background-image:url(images/logo2023.jpg);
    background-repeat:no-repeat;
    background-position:100% 0%;
}

/* ====== inhaltsbereich ====== */

#top3b_inhalt {
    height:100px;
    border-top: solid 20px #fff;
    background-color:#fff;
    text-align:left;
    vertical-align:top;
    height:900px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right:30px;
    letter-spacing:0px;
    width:100%;
    color:#000;
    font-size: 16px;
    line-height: 22px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    background-image:url(images/fv1.jpg);
    background-repeat:repeat-x;
    background-position:  0% 0%;
}

.vorstand{
    text-align: center;
}

/* ====== hauptleiste links für menü und div-boxen ====== */

#leiste {
    background-color:#1C548D;
    color:#7f7f7f;
    text-align:center;
    vertical-align:top;
    text-align:center;
    border-top:solid 1px #fff;
    border-left:solid 1px #fff;
    border-right:solid 1px #fff;
    border-bottom: solid 1px #fff;
    background-image:url(images/fv2.jpg);
    background-repeat:no-repeat;
    background-position:  100% 0%;
    position: relative;
    top: 180px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.box1{
    font-size: 14px;
    line-height: 15px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    height:100px;
    line-height:100px;
    vertical-align:middle;
    text-align:center;
}

.box2{
    font-size: 14px;
    line-height: 15px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    background-color:#;
    margin-top:0px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:0px;
    vertical-align:top;
    color:#7f7f7f;
}

.box3{
    font-size: 14px;
    line-height: 15px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    background-color:#;
    padding:0px;
    margin-top:0px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:0px;
    vertical-align:top;
    color:#7f7f7f;
    text-align:center
}


.box4{
    font-size: 13px;
    line-height: 16px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    background-color:#;
    padding:0px;
    margin-top:0px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:0px;
    vertical-align:top;
    color:#E9E9E9;
    text-align:left;
    border:solid 0px #fff
}

h3.boxheader {
    color:#fff;
    background-color:#;
    font-size: 14px;
    line-height: 18px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    padding-left:0px;
    border-bottom:solid 1px #fff}

#slideshowWrapper {
    position:relative;
    width: 250px;
    margin:auto;
}

/* ====== fussbereich ======  */

#fuss {
    font-size: 15px;
    line-height: 20px;
    color:#fff;
    background-color:#fff;
    letter-spacing:0px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    text-align:center;
    vertical-align:middle;
    width:100%;
    /*background-image:url(images/fuss.jpg);*/
    background-repeat:no-repeat;
    background-position:100% 100%;
}

#fuss1a {
    font-size: 15px;
    line-height: 20px;
    color:#000;
    background-color:#fff;
    height:100px;
    border-bottom:solid 20px #fff;
    /*background-image:url(images/fv1fuss.jpg);*/
    background-repeat:repeat-x;
    background-position:100% 100%;
}

#fuss1b {
    font-size: 12px;
    line-height: 20px;
    color:#fff;
    /*background-color:#1C548D;*/
    letter-spacing:0px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    text-align:center;
    vertical-align:middle;
    border-left:solid 1px #fff;
    border-right:solid 1px #fff;
}

#fuss1c {
    font-size: 15px;
    line-height: 20px;
    color:#4F4F4F;
    background-color:#fff;
    width:100%;
    border-bottom:solid 20px #fff;
    /*background-image:url(images/fv1fuss.jpg);*/
    background-repeat:repeat-x;
    background-position:100% 100%;
    text-align:center;
    vertical-align:middle;
    padding-top:20px;
    z-index: 99;
}

#fuss2a {
    font-size: 15px;
    line-height: 20px;
    color:#fff;
    /*background:transparent;*/
    height:120px;
}

#fuss2b {
    font-size: 12px;
    line-height: 20px;
    color:#fff;
    /*background-color:#1C548D;*/
    letter-spacing:0px;
    font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
    text-align:center;
    vertical-align:middle;
/*        border-left:solid 1px #fff;
        border-right:solid 1px #fff;*/
}

#fuss2c {
    font-size: 15px;
    line-height: 20px;
    color:#fff;
    /*background:transparent;*/
    width:100%;
}

.bildunterschrift {
    font-size:10px;
    line-height:1px;
}

.kontaktformular  {
	width:  100%;
	max-width: 555px;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  
}

a:link, a:visited, a:active{color:#000000;text-decoration:none;}
a:hover{text-decoration: underline;}


.kontaktformular .row{
	padding: 0px 10px;
}
	.kontaktformular label{
		display: inline-block;
		width: 30%;
		vertical-align: top;
		padding-top: 3px;
		font-weight: bold;
	}
	.kontaktformular .field{
		display: inline-block;
		width: 68%;
	}
			  
	.kontaktformular input, .kontaktformular textarea, .kontaktformular select {
		width:100%;
		padding: 2px 3px;
		margin: 2px 0;
	}
	
	.kontaktformular select {
		width:50%;
	}

.kontaktformular .errormsg,
.kontaktformular .errormsg *{
	color: #cc3333;
	padding-bottom: 3px;
	display: inline-block;
}
input.errordesignfields, textarea.errordesignfields, select.errordesignfields { }

.captchareload { padding-left:10px;}

#checkid {
  width: auto;
}
#checkid2 {
  width: auto;
}

.pflichtfeld {
	 color: #ff0000;
}
.neuercode {
	 color: #0066FF;
}
.copyright {
	 color: #000000;
}

	 
.kontaktformular .pflichtfeldhinweis{
	font-size:11px;
	margin-left:2px;
}

.buttons{
}
	.buttons input { 
		width: 40%;
		margin-top: 7px;
		margin-bottom: 20px;
	}

.zurueck {
	color: #6891D1;
}

.kontaktformular .copyright{
	font-size:11px; 
	text-align:center;
}



.kontaktformular input[type="checkbox"] {
				height: calc(0.6rem/16*34);
				width: calc(0.6rem/16*34);
				border: 1px solid #ccc;
				border-radius: .25rem;
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;	
				display: block;
				float: left;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				cursor: pointer;
				margin-left: 0px;
}
.kontaktformular input:checked {
				background: url(../img/check-solid.svg) no-repeat center center;
				background-size: 75%;
}
.form{display:flex; flex-direction:column;}

.checkbox-container{display:flex;}

@media screen and (max-width: 410px) {
	.kontaktformular .row{
		padding: 0px 10px 5px 10px;
	}
		.kontaktformular label{
			display: block;
			width: 100%;
		}
		.kontaktformular .field{
			display: block;
			width: 100%;
		}
		.kontaktformular input, .kontaktformular textarea, .kontaktformular select {
			padding: 6px;
		}
		.buttons{
			margin-top: 20px;
			text-align: center;
		}
}