/* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ /*änderung eingefügt am 08.01.15*/ #main .inside .ce_form input,#main .inside .ce_form textarea{ width: 280px!important; } #wrapper { position: relative; width: 960px; margin: 0 auto; padding: 0; } #wrapper:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .block { margin-bottom: 20px; } .block:before, .block:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .block:after { clear: both; } .block { zoom: 1; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } body {background: url('../images/bg_page.png') center top repeat-x;} body.homepage {background: url('../images/bg_home.png') center top repeat-x;} #container {min-height: 390px;} /*änderung 24.01.2014 #left .inside {padding-right: 60px;}*/ #left .inside {padding-right: 0px;} #left .inside .block { overflow:visible!important; } /*änderung ende*/ #logo {float: right;margin-top: 11px;} .mod_breadcrumb {clear: both;margin-left: 270px;} .mod_breadcrumb a {text-decoration: none;} /* dropdown menu */ #header .mod_navigation{float: left;margin-top: 11px;} #header .mod_navigation ul{list-style: none;padding: 0;} #header .mod_navigation li{margin: 0;float: left;} #header .mod_navigation a, #header .mod_navigation span{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; display:block;padding:25px 18px 20px 0;text-decoration:none;font-size:14px;text-transform: uppercase;color:#4E546A;font-weight: bold;} #header .mod_navigation span{cursor:default;} #header .mod_navigation li:hover,#header .mod_navigation li.active,#header .mod_navigation li.trail{} #header .mod_navigation li:hover a, #header .mod_navigation li.active span, #header .mod_navigation li.trail a{color:#dc3455;} #header .mod_navigation ul.level_2{width:210px;left:-999em;position:absolute;margin: 0;padding-bottom:5px;background:#fff;border: 1px solid #ddd;border-width: 0 1px 2px 1px;z-index:1000;} #header .mod_navigation ul.level_2 li{position:relative;float:none;padding:0;background-color:#fff;border: 0;} #header .mod_navigation ul.level_2 a, #header .mod_navigation ul.level_2 span{width: 190px;text-align: left;padding:10px 5px 9px 15px;font-size:12px;background:#fff;color:#4E546A;} #header .mod_navigation ul.level_2 li:hover, #header .mod_navigation ul.level_2 li.active, #header .mod_navigation ul.level_2 li.trail{background-image:none;} #header .mod_navigation ul.level_2 li:hover a, #header .mod_navigation ul.level_2 li.active a, #header .mod_navigation ul.level_2 li.trail a, #header .mod_navigation ul.level_2 li:hover span, #header .mod_navigation ul.level_2 li.active span, #header .mod_navigation ul.level_2 li.trail span{color:#dc3455;} #header .mod_navigation ul.level_2 li.first{padding-top:6px;background:#fff;} #header .mod_navigation li:hover ul.level_2{left:auto;} #header .inside .mod_breadcrumb li { float: left; background-image: none; padding: 0px; padding-right: 5px; } #header .inside .mod_breadcrumb li:after { content: " > "; } #header .mod_breadcrumb li.active:after { display:none; } #left .mod_navigation {position: fixed;} .memberpages #left .mod_navigation {position: relative;} #left .mod_navigation ul {width:240px;} #left .mod_navigation h3 {margin-bottom: 15px;} #left .mod_navigation ul li {padding: 0 0 10px 5px; border-bottom: 1px solid #ddd;} #left .mod_navigation a {font-size: 14px;color:#555;text-decoration: none;} #left .mod_navigation a:hover, #left .mod_navigation span {font-size: 14px;color:#000;} #left .mod_navigation ul.level_2 {padding: 10px 0 0 5px; margin: 0;display:none;} #left .mod_navigation li.active ul.level_2, #left .mod_navigation li.trail ul.level_2{display: block;} #left .mod_navigation ul.level_2 li {border: none;margin: 0;} #left .mod_navigation ul.level_2 a, #left .mod_navigation ul.level_2 span {} #left .mod_navigation ul.level_3 {padding: 10px 0 0 5px; margin: 0;} #left .mod_navigation ul.level_2 li.active ul.level_3, #left .mod_navigation ul.level_2 li ul.level_3 li.active {display: block;} #left .mod_navigation ul.level_3 li {padding-bottom: 0;} #footer{ background: #eeece0; background-image: url('../images/bg_footer.png'); background-repeat: repeat-x; } #footer .inside { position: relative; margin: 20px auto; width: 960px; } #footer h2 {margin: 15px 0 30px 0;} #footer .mod_login, #footer .footer-center, #footer .footer-right {width:260px; float: left;} #footer .mod_login label {width: 90px;} #footer .mod_login #username, #footer .mod_login #password {width: 150px;} #footer-m2, #footer-m3 { float: left; width: 90px; height: 320px; background-image: url('../images/footer_sep.gif'); background-repeat: repeat-y; background-position: center; margin-bottom: 20px; } #footer p { font-size: 13px; line-height: 20px; color: #9a9992; } #footer a { color: #dc3455; text-decoration: underline; font-weight: bold; } #footer .mod_subscribe {height: 77px;} #footer .mod_subscribe h3, #footer .mod_subscribe input {float:left;} #footer .mod_subscribe input {margin-top: 8px;} #footer .mod_subscribe h3 {height: 42px;padding: 10px 20px 0 60px; background: url('../images/mail_icon.png') 0 0 no-repeat;} #footer input#username {margin:0;} #maplink {padding: 4px 4px 0 4px; margin-bottom: 5px; background: #fff;border: 1px solid #EAE9DF;} /* #Page Styles ================================================== */ .homepage .mod_rocksolid_slider {height: 300px; /*margin: -20px 0 60px 0;*/ overflow: visible;} .homepage .mod_rocksolid_slider {overflow: visible;} .homepage .mod_rocksolid_slider .rsts-slides {width:960px; height:300px;} .homepage .mod_rocksolid_slider .rsts-crop { border: 1px solid #8BAF2A; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .homepage #index .block, .homepage #news-events-teaser .block {margin: 0;} .homepage #index {width:570px;float: left;background: #f6f5ee;border: 1px solid #D5E1E4;} .homepage #news-events-teaser {width: 270px; float:right; background: #f6f5ee;border: 1px solid #D5E1E4;} .homepage #index h1 { padding-bottom: 5px; background: url('../images/box_dotline_sand.gif') center bottom repeat-x; } .homepage #news-events-teaser h1 { padding-bottom: 5px; background: url('../images/box_dotline_sand.gif') center bottom repeat-x; } .homepage #news-events-teaser h2 { font-size: 16px; line-height: 1.3em; } .homepage #index, .homepage #news-events-teaser, .homepage #video ,.homepage #twitter{ padding: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .homepage #video,.homepage #twitter {width:570px;float: left;background: #e9f2f4;border: 1px solid #D5E1E4;} .homepage #twitter {background: #E9F1F9;border: 1px solid #D5E1E4;} .homepage #video h1, .homepage #video h2 { padding-bottom: 5px; background: url('../images/box_dotline_blue.gif') center bottom repeat-x; } .ce_ce_lightbox4ward a { display: block; margin: 0 0 20px 0; } .floating_images .ce_image {float: left;} /* selective navigation */ .selectnav { display: none; width: 100%; height: 28px; margin: 21px 0;} /* #Media Queries ================================================== */ /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { #wrapper { width: 768px; } .homepage #index {width:370px;float: left;background: #f6f5ee;border: 1px solid #D5E1E4;} #header { padding-bottom:100px;} #header .mod_navigation a , #header .mod_navigation span{font-size:11px;} #header {padding-bottom:0px;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { #wrapper { width: 320px; } #header {width: 100%;} .mod_navigation {width: 180px;} #selectnav1 {width: 180px;margin-left: 5px;} .js #responsive-nav { display: none; } .js .selectnav { display: block; } .homepage #slideshow {display: none;} .homepage #index, .homepage #news-events-teaser, .homepage #video {width: 100%; float:none;} #footer {height: auto; background-image: none;} #footer .inside {width: 320px; padding: 0 5px 0 5px} #footer .mod_login, #footer .footer-center, #footer .footer-right {float: none;} #footer .mod_subscribe, #footer-m2, #footer-m3,#left, .mod_breadcrumb {display: none;} #main {margin: 0;} #main .inside {padding: 0 5px 0 5px;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { #wrapper { width: 420px; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */