/* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Open Sans Condensed'; src: url('fonts/open_sans_condensed-regular'); /* IE9 Compat Modes */ src: local(''), url('fonts/open_sans_condensed-regular?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open_sans_condensed-regular.woff2') format('woff'), /* Modern Browsers */ url('fonts/open_sans_condensed-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open_sans_condensed-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open_sans_condensed-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Open Sans Condensed Bold'; src: url('fonts/open_sans_condensed-bold'); /* IE9 Compat Modes */ src: local(''), url('fonts/open_sans_condensed-bold?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open_sans_condensed-bold.woff2') format('woff'), /* Modern Browsers */ url('fonts/open_sans_condensed-bold.woff') format('woff'), /* Modern Browsers */ url('fonts/open_sans_condensed-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open_sans_condensed-bold.svg#OpenSans') format('svg'); /* Legacy iOS */ } * {font-family: 'Open Sans', sans-serif; font-size:12px; color:#000000; line-height:16px; margin:0;} body {background-color:#ffffff; padding:0;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} a { background: none; text-decoration: none; color: grey; -webkit-transition: all 0.5s ease-out; } a:hover { background: red; color: black; } a, span {font-size:1.0em;} h1, .titel {font-size:24px; margin-bottom:5px; margin-top:10px; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; color:#333; line-height:30px;} h2, .untertitel {font-size:13px; margin-bottom:4px;} h3, .content {font-size:12px;} h3 {margin:0; margin-bottom:2px;} h2.login {margin-bottom:12px;} h1.maintitle {margin-top:0; margin-bottom:8px;} h2.subtitle {font-size:12px; margin-top:0; margin-bottom:8px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} label {vertical-align:middle;} ol, ul, li {margin:0; padding:0;} ul, ol, form {margin-top:4px; margin-bottom:8px;} form {margin-top:8px;} ul {margin-left:15px;} ol {margin-left:20px;} ul ul, ul.sitemap1 {margin-left:15px;} ul ul {margin-top:1px; margin-bottom:1px;} ol ol {margin-top:1px; margin-bottom:1px;} body.content {margin:0px; padding:0px; background-color:#393939; background-image:url(../images/page/responsiv/bg.jpg); background-attachment:fixed; background-position:center top;} #container {width:1000px; margin:0px; padding:0px; position:absolute; top:40px; left:50%; margin-left:-500px; background-color:#fff; box-shadow:0px 0px 2px #000; z-index:10; margin-bottom:200px; -webkit-transform:scale(1);} #linie_orange {width:1000px; height:4px; margin:0px; padding:0px; background-color:#fdb166; box-shadow:0px 2px 2px #999;} #navcontainer {width:1000px; height:50px; background-color:#fff; margin:0px; padding:0px; box-shadow:0px 2px 2px #999; } #logo {position:absolute; z-index:20; left:50%; margin-left:-450px; top:43px; display:none;} #love {position:absolute; z-index:30; left:50%; margin-left:-350px; top:220px; display:none;} #slider {width:1000px; height:400px; margin:0px; padding:0px; overflow:hidden;} #slider1 img {height:auto !important;} #mainnav {position:absolute; right:30px; top:20px;} #hiddennav {display:none;} #navbutton {display:none;} #text00 {width:33%; float:left; font-weight:300; text-align:justify;} #text01 {width:33%; float:left; font-weight:300; text-align:justify;} #text02 {width:33%; float:left; font-weight:300; text-align:justify;} #text img {width:100%; height:auto; float:left; display:block; padding-right:0px; padding-bottom:10px;} .abstand {padding:20px;} #footer {background-image:url(../images/page/responsiv/bg_footer.jpg);} #footer_l {width:33%; float:left; font-weight:300;} #footer_m {width:33%; float:left; font-weight:300;} #footer_r {width:33%; float:left; font-weight:300;} #footer_m iframe {width:100%; height:300px;} #toolbar {width:100%; height:134px; margin:0px; padding:0px; position:fixed; bottom:-100px; z-index:200; opacity:0.8; display:none;} #anfasser {width:100%; height:34px; margin:0px; padding:0px; text-align:center;} #tools {width:100%; height:100px; margin:0px; padding:0px; background-color:#000000; text-align:center;} #top {position:absolute; top:5px; left:5px; width:920px; height:40px; background-color:#efefef; border-style:solid; border-color:silver; border-width:1px;} #menu {position:absolute; top:55px; left:5px; width:255px; background-color:#efefef; border-style:solid; border-color:silver; border-width:1px;} #content {position:absolute; top:55px; left:275px; width:650px;} #editblock {border-color:silver;} li.activemenu, li.normalmenu {white-space:nowrap; overflow:hidden;} li.activemenu {background-color:#fff001;} div.menupadding {margin:0; padding:0; padding-left:5px;} ul.menusubpagelist {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background-color:#ffffff;} ul.submenu, ul.mainmenu {list-style-type:none; list-style-image:none; margin:0; padding:0;} li.activesubmenulayer3 {} li.normalsubmenulayer3 {} li.mainitem, h2.mainmenu, li.trenner {display:inline;} a.activemenu {color:#343333; font-weight:bold;} a.normalmenu {color:black;} a.activemenu:hover, a.normalmenu:hover {color:red;} a.activemainmenu {color:black; font-weight:500; vertical-align:middle; text-decoration:underline;} a.normalmainmenu {color:black; font-weight:500; vertical-align:middle; text-decoration:none;} a.activemainmenu:hover, a.normalmainmenu:hover {text-decoration:underline;} .myinput, input.text, textarea.text, select {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} .login_input {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} input.loginsubmit {margin-top:10px; margin-bottom:10px;} .login_checkbox {vertical-align:middle;} .login_submit_area {padding-top:5px;} select {background-color:#ffffff;} .galeriethumb {margin-right:5px; margin-bottom:5px;} .captcha {border:solid silver 1px; width:120px;} img.captcha {margin-top:8px; margin-bottom:1px;} input.captcha {margin-bottom:2px;} .social {width:100%; display:block; text-align:center; padding-top:15px; padding-bottom:15px; border:1px solid #ccc; border-bottom:none; font-weight:300;} .last {border:1px solid #ccc;} .list_image {background-image:url(../images/page/responsiv/love_small.png); background-repeat:no-repeat; background-position:center center;} .imagezoom {cursor:pointer;} @media only screen and (max-width:1000px){ #container {width:100%; margin:0px; padding:0px; position:absolute; left:0px; margin-left:0px; top:0px; background-color:#fff; z-index:10;} #linie_orange {width:100%; height:4px; margin:0px; padding:0px; background-color:#fdb166; box-shadow:0px 2px 2px #999;} #navcontainer {width:100%; height:50px; background-color:#fff; margin:0px; padding:0px; box-shadow:0px 2px 2px #999; } #logo {position:absolute; z-index:20; left:50px; margin-left:0px; top:3px;} #love {position:absolute; z-index:30; left:50%; margin-left:-350px; top:180px;} #slider {width:100%; height:400px; margin:0px; padding:0px; overflow:hidden;} #mainnav {display:none;} #hiddennav {position:fixed; display:block; z-index:50; width:230px; padding:20px; height:500px; background-color:#222; right:-270px;} #hiddennav * {list-style-type:none; list-style-image:none; color:#fff; font-size:20px; line-height:26px; font-weight:300;} #navbutton {position:fixed; display:block; height:50px; width:50px; z-index:60; right:0px; cursor:pointer; padding-right:20px; padding-top:20px;} #text00 {width:100%; float:left; font-weight:300;} #text01 {width:50%; float:left; font-weight:300;} #text02 {width:50%; float:left; font-weight:300;} #text img {width:50%; height:auto; float:left; display:block; padding-right:15px; padding-bottom:10px;} #footer_l {width:50%; float:left; font-weight:300;} #footer_m {width:50%; float:left; font-weight:300;} #footer_r {width:100%; float:left; font-weight:300;} #toolbar {display:block;} } @media only screen and (max-width:700px){ #container {width:100%; margin:0px; padding:0px; position:absolute; left:0px; margin-left:0px; top:0px; background-color:#fff; z-index:10;} #linie_orange {width:100%; height:4px; margin:0px; padding:0px; background-color:#fdb166; box-shadow:0px 2px 2px #999;} #navcontainer {width:100%; height:40px; background-color:#fff; margin:0px; padding:0px; box-shadow:0px 2px 2px #999; } #logo {position:absolute; z-index:20; left:20px; margin-left:0px; top:3px;} #logo img {width:80px; height:80px;} #love {position:absolute; z-index:30; left:50%; margin-left:-150px; top:120px;} #love img {width:300px; height:auto;} #slider {width:100%; height:200px; margin:0px; padding:0px; overflow:hidden;} #mainnav {display:none;} #hiddennav {position:fixed; display:block; z-index:50; width:230px; padding:20px; height:500px; background-color:#222; right:-270px;} #hiddennav * {list-style-type:none; list-style-image:none; color:#fff; font-size:20px; line-height:26px; font-weight:300;} #navbutton {position:fixed; display:block; height:50px; width:50px; z-index:60; right:0px; cursor:pointer; padding-right:20px; padding-top:20px;} #text00 {width:100%; float:left; font-weight:300;} #text01 {width:100%; float:left; font-weight:300;} #text02 {width:100%; float:left; font-weight:300;} #footer_l {width:100%; float:left; font-weight:300;} #footer_m {width:100%; float:left; font-weight:300;} #footer_r {width:100%; float:left; font-weight:300;} } @media only screen and (max-width:400px){ #text img {width:100%; height:auto; float:left; display:block; padding-bottom:10px;} .abstand {padding:10px;} } ::selection { background: #fdb166; color: #fff; } /* und hiermit der Firefox >=1 */ ::-moz-selection { background: #fdb166; color: #fff; }