body { margin: 0px; padding: 0px; background: #f2f1ec; font-family: 'Arial', sans-serif; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 25px; } #header { height: 120px; background: #fff; } .headerCon { width: 990px; /* margin: auto; text-align: center; */ margin: auto; } .headerLogo { margin-top: 20px; margin-bottom: 0px; max-width: 250px; width: 100%; margin-left: 15px; } #subTitle { max-width: 990px; width: 96%; margin: auto; padding: 1%; text-transform: uppercase; letter-spacing: 1px; color: #aaa; text-shadow: 1px 1px #000; text-align: center; } #subTitle strong { font-size: 16px; margin: 0px; padding: 0px; } .wht { height: 2px; background: #96c11f; } #pan { height: 300px; background: url("../img/panorama1.jpg") no-repeat; background-size: cover; background-position: center; } #trans { height: 20px; background: url("../img/trans.png") } #trans2 { margin-top: 250px; height: 30px; background: url("../img/trans.png") } #page { width: 960px; margin: auto; padding-top: 5px; padding-bottom: 30px; } #topLink { float: right; } #topLink ul { margin: 0px; list-style-type: none; margin-right: 30px; } #topLink li { float: left; margin-left: 5px; margin-right: 5px; } #topLink a:link { font-size: 14px; display: block; text-decoration: none; background: #6b6e6e; padding: 5px 10px 5px 10px; border-radius: 5px; color: #fff; margin-top: 20px; } #topLink a:visited { color: #fff; } #topLink a:hover { background: #96c11f; } .topDesc { width: 960px; margin: auto; } #navTab { width: 250px; float: left; } .teaserDat { font-weight: bold; } nav input[type='checkbox'] { display: none; } .toggle, [id^=drop] { display: none; } .tree li input:checked ~ ul { } .tree li label:after, .tree li label:before, .tree li input ~ ul > li { display: none; } .tree li input:checked ~ ul > li { display: block; } .tree ul { list-style-type: none; margin: 0px; padding: 0px; } .tree li { color: #ddd; display: block; } .tree a:link { color: #eee; text-decoration: none; display: block; padding: 10px 10px 10px 10px; } .tree a:hover { background: #555; } .tree a:visited { color: #eee; } .tree span { /* background: #96c11f; */ background: #6b6e6e; padding: 40px 10px 10px 10px; display: block; cursor: pointer; } .tree span:hover { background: #555; color: #fff; } .sub1 ul { margin: 0px; padding: 0px; } .sub1 a:link { padding-left: 30px; background: #ccc; color: #666; } .sub1 a:visited { background: #ccc; color: #666; } .sub1 a:hover { background: #555; color: #fff; } .sub1 li { padding: 0px; background: #999; border-top: 1px solid #96c11f; } .sub1 span { padding-left: 20px; } .sub2 ul { margin: 0px; padding: 0px; } .sub2 a:link { padding-left: 40px; } .sub2 li { padding: 0px; background: #555; border-top: 1px solid #96c11f; } .navBez { border-bottom: 1px solid #96c11f; } .box { margin-bottom: 20px; background: #fff; /* box-shadow: 0px 0px 5px #999; border-radius: 10px; */ } .boxDAV { font-size: 12px; font-family: arial; background: #f7faf1; color: #fff; padding: 5px; display: inline; letter-spacing: 1px; } .colDAV { background: #a3d519; } .box4DAV { font-size: 12px; font-family: arial; background: #f7faf1; color: #fff; padding: 5px; display: inline; letter-spacing: 1px; } .col4DAV { background: #ce632e; } .boxCon { /* padding: 5px 20px 20px 20px; */ } .boxImg { float: left; width: 200px; height: 200px; overflow: hidden; } .boxTxt { padding: 15px; overflow: hidden; } #pLink { margin-bottom: 50px; } #pLink ul { margin: 0px; padding: 0px; list-style-type: none; } #pLink li { float: left; } #pLink a { padding: 7px; margin: 2px; text-decoration: none; color: #fff; background: #50af31; } #pLink a:hover { color: #fff; background: #555; } .pageLinkNo { padding: 7px; margin: 2px; color: #000; background: #fff; } .calh2 { color: #fff; text-shadow: 2px 1px #555; } .nav1 { } .nav2 { } .nav3 { } .nav4 { } .nav5 { } /* a.boxLink:link { color: #fff; text-decoration: none; background: #b4c4de; border-radius: 0px 0px 10px 0px; display: inline; float: right; padding: 1px; font-size: 12px; font-family: arial; letter-spacing: 1px; } a.boxLink:visited { color: #fff; background: #b4c4de; } a.boxLink:hover { background: #aaa; text-decoration: none; } */ a.boxLink:link { color: #333; text-decoration: none; } a.boxLink:visited { color: #555; } a.boxLink:hover { color: #000: } .box a:link { text-decoration: none; color: #114da4; } .box a:hover { text-decoration: none; color: #fff; } .box a:visited { text-decoration: none; color: #114da4; } /* h2 { margin-top: 0px; font-weight: normal; font-size: 20px; line-height: 25px; margin-bottom: 7px; } */ #con { float: left; margin-left: 20px; width: 690px; padding: 0px; font-size: 14px; line-height: 24px; color: #555;} /* #siteCon h2 { font-weight: normal; font-size: 10px; line-height: 25px; margin: 25px 0px 0px 0px; color: #555; } */ h1 { font-size: 30px; line-height: 40px; margin: 0px 0px 20px 0px; color: #333; } h2 { font-size: 20px; line-height: 25px; margin: 0px 0px 20px 0px; color: #333; } h3 { font-size: 15px; line-height: 20px; margin: 0px 0px 20px 0px; color: #333; } h4 { font-size: 12px; line-height: 20px; margin: 0px 0px 20px 0px; color: #333; } #siteCon img { max-width: 100%; height: auto; } #siteCon { padding: 5px 20px 20px 20px; } a:link { text-decoration: none; color: #114da4; } a:hover { text-decoration: underline; } a:visited { text-decoration: none; color: #114da4; } a[target^="_blank"] { margin-left: 3px; padding-left: 20px; background: url(../img/nw.gif) no-repeat left; } hr { border: none; border-top: 1px solid #ddd; color: #ddd; background-color: #ddd; height: 1px; margin-top: 10px; margin-bottom: 10px; } #siteCal { padding: 0px } #siteCal a:link { text-decoration: none; color: #114da4; } #siteCal a:hover { text-decoration: underline; } #siteCal a:visited { text-decoration: none; color: #114da4; } #footer { height: 450px; background: #333; } #footer ul { margin-top: 10px; padding-left: 0px; /* list-style-image: url("../img/li.png"); */ list-style-type: none; } #footer a { color: #aaaaaa; text-decoration: none; line-height: 25px; } #footer a:hover { color: #eee; } .footerBox { width: 320px; float: left; color: #6b6e6e; line-height: 25px; } .cl { clear: left; } #foot { max-width: 960px; margin: auto; padding-top: 40px; } .footerH1 { color: #fff; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #96c11f; width: 90%; text-shadow: 2px 2px 2px #000; } /* TOP-LINK */ #back-top { position: fixed; bottom: 5px; right: 5px; z-index: 10; } #back-top span { width: 55px; height: 55px; display: block; background: url("../img/top.png") no-repeat; } .thumbIMG { display: inline-block; width: 122px; height: 122px; overflow: hidden; float: left; position: relative; border: 1px solid #ffffff; margin: 2px; } .tIMG { width: 18%; min-height: 125px; float: left; margin: 1%; overflow: hidden; } .image { background-position:center; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .image:hover { transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ } .lIMG { display: block; width: 100%; min-height: 125px; } td { padding: 7px; } .kal_aktueller_tag { background: #e6ffbe; } .kal_standard_tag { background: #ffffff; } .kal_standard_tagH { background: #fbfbfb; } .up { display: block; float: right; } .davLink { background: #fff; padding: 5px; color: #000; margin-bottom: 10px; } .siteTopIMG { width: 100%; margin-bottom: 0px; margin-top: 0px; } #searchbar input[type=checkbox] { position: absolute; top: -9999px; left: -9999px; } #searchbarlabel { -webkit-appearance: push-button; -moz-appearance: button; display: inline-block; margin: 60px 0 10px 0; cursor: pointer; } /* Default State */ #searchbar div { display: none; } /* Toggled State */ #searchbar input[type=checkbox]:checked ~ div { display: block; } .searchBut { height: 30px; margin-top: 13px; } .searchFieldTop { text-align: center; width: 98%; padding: 1%; font-size: 17px; border: 0px; margin-bottom: 0px; } .searchFieldBot { max-width: 220px; width: 98%; padding: 1%; border: 0px; border-radius: 10px; font-size: 15px; padding: 5px; box-shadow: 0px 0px 10px #999; } .text-field { display: block; margin-top: 10px; width: 100%; font-weight: bold; } .tex { width: 93%; font-size: 1.0em; height: 30px; padding-left: 10px; color: #6b6e6e; letter-spacing: 1px; font-family: courier; margin-top: 2px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ftex { width: 93%; font-size: 1.0em; height: 30px; padding-left: 10px; color: #6b6e6e; letter-spacing: 1px; border: 1px solid red; font-family: courier; margin-top: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } textarea.boxT { width: 93%; font-size: 1.0em; height: 200px; padding: 10px; color: #6b6e6e; letter-spacing: 1px; font-family: courier; margin-top: 2px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } textarea.fboxT { width: 93%; font-size: 1.0em; height: 200px; padding: 10px; color: #6b6e6e; letter-spacing: 1px; font-family: courier; margin-top: 2px; border: 1px solid red; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .plz { width: 70px; font-size: 1.0em; height: 30px; padding-left: 10px; color: #6b6e6e; letter-spacing: 1px; font-family: courier; margin-top: 2px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fplz { width: 70px; font-size: 1.0em; height: 30px; padding-left: 10px; color: #6b6e6e; letter-spacing: 1px; border: 1px solid red; font-family: courier; margin-top: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .button { border: none; padding: 10px; margin-top: 30px; background: #a3d519; background:-moz-linear-gradient(bottom,#a3d519,#50af31); /* Firefox */ background:-webkit-gradient(linear,left top,left bottom,from(#50af31),to(#a3d519)); /* Chrome, Safari */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3d519',endColorstr='#50af31'); /* Internet Explorer */ background: linear-gradient(#a3d519, #50af31); color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1em; border: 0px; cursor: pointer; } .mark { color: #ff0000; } .error { background: #de2621; background:-moz-linear-gradient(bottom,#b92c28,#de2621); /* Firefox */ background:-webkit-gradient(linear,left top,left bottom,from(#de2621),to(#b92c28)); /* Chrome, Safari */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b92c28',endColorstr='#de2621'); /* Internet Explorer */ color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1em; text-decoration: none; padding: 5px; margin-bottom: 20px; } .ok { background: #36ca32; background:-moz-linear-gradient(bottom,#37ac34,#36ca32); /* Firefox */ background:-webkit-gradient(linear,left top,left bottom,from(#36ca32),to(#37ac34)); /* Chrome, Safari */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37ac34',endColorstr='#36ca32'); /* Internet Explorer */ background: linear-gradient(#37ac34, #36ca32); color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1em; text-decoration: none; padding: 10px; } /* RespNav */ .ch { display: none; } #toggle-1 { display: none; } @media all and (max-width : 997px) { .ch { display: block; } input[type=checkbox] { #position: absolute; #top: -9999px; #left: -9999px; } div.ca { display: none; } input[type=checkbox]:checked ~ div.ca { display: block; } #con { margin-top: 20px; } .headerCon { width: 100%; } #pageResp { padding: 0px 20px 20px 20px; } #pan { height: 150px; } #trans2 { display: none; } #page { width: 100%; padding-top: 0px;} .boxImg { width: 200px; overflow: hidden; } #navTab { clear: left; width: 100%; padding-bottom: 20px;} #con { clear: left; margin-left: 0px; width: 100%; } #footer { background: #333; height:auto !important; padding: 20px; } .footerBox { width: 100%; float: left; color: #6b6e6e; line-height: 25px; } .tIMG { width: 23%; min-height: 130px; float: left; margin: 1%; } } @media all and (max-width : 776px) { .headerLogo { margin-left: 0px; } .headerCon { width: 100%; text-align: center; } #topLink a:link { display: none; } #subTitle { display: none; } #topLink ul { margin-right: 10px; } #topLink li { margin-left: 5px; margin-right: 5px; } .tIMG { width: 31%; min-height: 130px; float: left; margin: 1%; } } @media all and (max-width : 660px) { .headerLogo { } #topLink a:link { display: none; } .searchBut { height: 20px; margin-top: 5px; } .boxImg { width: 150px; height: 150px; overflow: hidden; } .tIMG { width: 48%; min-height: 130px; float: left; margin: 1%; } .calh2 { color: #fff; text-shadow: 2px 1px #555; font-size: 16px; line-height: 19px; } } @media all and (max-width : 540px) { .headerLogo { } #topLink ul { display: none; } .tIMG { width: 98%; min-height: 130px; float: left; margin: 1%; } } @media all and (max-width : 470px) { .boxImg { width: 100%; height: 100px; overflow: hidden; } }