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


/* umstellen auf alternatives Box-Model */

* {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
  }


/* reset css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

.weBtnMiddle img {height: 15px!important;min-height:15px!important;width:15px!important;min-width:15px!important;}

html,body {
margin:0 auto;
width:100%;
font-family: "Times New Roman", Georgia, Serif;
line-height:140%;
font-size:16px;
text-decoration:none;
font-style:normal;
color: #1a1919;
min-height: 100%;
background-color: #cdd8ec;

height: 100%;
}
html {
min-height: 100%;
}

.clear {
	height:0px;
	width:0px;
	margin:0px;
	padding:0px;
	clear:both;
}

h1 {font-size:120%;line-height:120%;color:#0762bd;}
h2 {font-size:120%;line-height:120%;color:#0762bd;}
h3 {font-size:110%;line-height:120%;color:#0762bd;}
h4 {font-size:110%;line-height:120%;color:#0762bd;}
h5 {font-size:100%;line-height:100%;color:#0762bd;}
h6 {font-size:100%;line-height:100%;color:#0762bd;}


hr {
border-bottom: solid 1px #621019;
width: 100%;
margin-bottom: 10px;
}

a {
color: #0762bd;
text-decoration: none;
}

a:hover {
color: #175390;
}
.wrapper-bg {
position: relative;
width: 100%;
}
.wrapper {
position: relative;
width:100%;
margin: 0 auto;
z-index:9;
max-width: 1500px;
height: 120px;
padding-left: 0px;
margin: 0 auto;
background-image: url("/img/titelbild.jpg");
background-position: left;
}

.wrapper-bg2 {
position: relative;
width: 100%;
}
.wrapper2 {
position: relative;
width:100%;
margin: 0 auto;
z-index:9;
max-width: 1500px;
padding-left: 0px;
margin: 0 auto;
}

#main-content {
position: relative;
width: 100%;
padding: 30px;
z-index:100;
min-height: 560px;
}

.titelbild {
position: relative;
width: 100%;
}
.titelbild img {
width: 100%;
height: auto;
display:block;
}

.titelbild-seite {
position: absolute;
width: 370px;
height: 0px;
z-index: 999;
}
.titelbild-seite img {
width: 100%;
height: auto;
opacity: 0.2;
}
form .titelbild-seite {
z-index: 9999999;
}
.logo {
position: absolute;
width: 100%;
text-align: center;
top: 70px;
right: 0px;
margin-right: 0px;
z-index:9999;
}

.seiteninhalt img {
float: left;
width: 100%;
max-width: 300px;
height: auto;
margin: 0 10px 10px 0;
border: solid 3px #fff;
}

.logo img {
width: auto;
height: 60px;
}
.spalte {
position: relative;
float: left;
width: 33.333333%;
padding: 30px 30px 0 0;
}


/* SEITENLEISTE */

#spalte-rechts {
visibility: visible;
position: relative;
width: 100%;
padding: 30px 30px 30px 30px;
display: block;
z-index: 200;
right: 0px;
top: 0px;
font-size: 90%;
background: #b0c4e9;
}



/* Kontakt - Feld */ 

.kontakt-feld {
width: 100%;
color: #1a1919;
z-index:600;
text-align: center;
}

.kontakt-feld h3 {
color: #1a1919;
font-weight: normal;
font-size: 150%;
}

.kontakt-feld li {
list-style: none !important;
}

.kontakt-icon img {
width: 40px;
height: auto;
margin-right: 5px;
vertical-align: middle;
}
.kontakt-icon {
float: left;
padding-right: 7px;
}
.kontakt-text {
display: inline-block;
height: 50px;
padding-top: 6px;
}



.impressum a, .impressum a:focus, .impressum a:visited, .impressum a:active {
color: #0021f9;
text-decoration: none;
}
.impressum a:hover {
color: #3852ff;
text-decoration: none;
}

.kontakt-btn1 a, .kontakt-btn1 a:link, .kontakt-btn1 a:visited, .kontakt-btn1 a:active, .kontakt-btn1 a:focus {
width: 100%;
position: relative;
display: block;
background: #0021f9;
text-align: center;
padding: 15px 0 15px 0px;
margin: 10px 0;
text-decoration: none; 
color: #fff;
/*background-image:url("/img/add-btn.png");
background-repeat: no-repeat;
background-position: 7px center; */
font-weight: bold;
font-size: 130%;
-webkit-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.3); /* WebKit */
-moz-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.3); /* Firefox */
box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.3); /* Standard */ 
}

.kontakt-btn1 a:hover {
background-color: #3852ff;
color: #fff;
transition: 0.4s;
}

.add-bild {
position: absolute;
top: 11px;
left: 8px;
font-size: 200%;
padding-right: 10px;
font-weight: normal;
}

.seiteninhalt {
padding-left: 0px;
}


 /* galerie */
.u-spalte-galerie {
position: relative;
width: 100%;
padding: 0 20px;
}
.u-spalte-galerie img {
position: relative;
width: 100%;
height: auto;
max-width: 600px;
-webkit-box-shadow: 4px 9px 10px 0px rgba(0, 0, 0, 0.1); /* WebKit */
-moz-box-shadow: 4px 9px 10px 0px rgba(0, 0, 0, 0.1); /* Firefox */
box-shadow: 4px 9px 10px 0px rgba(0, 0, 0, 0.1); /* Standard */ 
}
.u-spalte-galerie table, .u-spalte-galerie tr {
width: 100%;
}
.u-spalte-galerie td > td {
width: 33.333333%;
float: left;
}
.u-spalte-galerie td td a {
display: block;
margin: 0 20px 20px 0;
}
.u-spalte-details img {
width: 100%;
max-width: 600px;
height: auto;
}











/* --------------- Browserbreite über 430px --------------- */
@media screen and (min-width: 430px) {







}
/* --------------- Browserbreite über 550px --------------- */
@media screen and (min-width: 550px) {






}
/* --------------- Browserbreite über 750px --------------- */
@media screen and (min-width: 750px) {


h1 {font-size:180%;line-height:120%;color:#0762bd;}
h2 {font-size:140%;line-height:120%;color:#0762bd;}
h3 {font-size:120%;line-height:120%;color:#0762bd;}
h4 {font-size:120%;line-height:120%;color:#0762bd;}
h5 {font-size:100%;line-height:100%;color:#0762bd;}
h6 {font-size:100%;line-height:100%;color:#0762bd;}

.wrapper {
padding: 0;
}

.wrapper2 {
padding: 0;
}

.logo {
position: absolute;
top: 60px;
right: auto;
width: 400px;
left: 30px;
margin-right: 30px;
}

.logo img {
width: auto;
height: 100px;
}

.wrapper {
height: 180px;
}


}


/* --------------- Browserbreite über 850px --------------- */
@media screen and (min-width: 850px) {

.logo {
position: absolute;
top: 30px;
left: 30px;
right: auto;
}





}
/* --------------- Browserbreite über 1000px --------------- */
@media screen and (min-width: 1000px) {










}
/* --------------- Browserbreite über 1200px --------------- */
@media screen and (min-width: 1200px) {




#spalte-rechts {
visibility: visible;
position: absolute;
width: 300px;
padding: 30px 20px 10px 30px;
display: block;
z-index: 200;
right: 0px;
top: 0px;
font-size: 90%;
}

#main-content {
position: relative;
float: left;
width: 100%;
padding: 30px 330px 30px 410px;
z-index:100;
min-height: 560px;
}

.kontakt-feld {
text-align: left;
}

.titelbild-seite {
position: absolute;
width: 370px;
height: 0px;
z-index: 99999;
}
.titelbild-seite img {
width: 100%;
height: auto;
opacity: 1;
}
.logo {
position: absolute;
top: 30px;
right: 0px;
left: auto;
}

.footer-1
{
font-size:0.7em;
min-height:25px;
height:auto;
background-color:#cdd8ec;
color:#000;
z-index:5;
bottom: 0;
width: 100%;
background: none repeat scroll 0% 0%);
position: fixed;
z-index:9999;
}
body .cc-banner.cc-bottom {
    bottom: 25px;
}