/*////////////////////////////////////////////////////////////////////////*/ /* Farben: */ Hellblau: #65AFFA Dunkelblau: #012C9D /*BODY*/ html,body {height:100%; } body {background:#012C9D;} /*WRAPPER*/ /*#wrapper {background:url(../files/layout/blau.jpg) repeat;min-height:100%;height:auto!important;height:100%;}*/ /*////////////////////////////////////////////////////////////////////////*/ /*HEADER*/ /*#header {width:960px;background-color:#012C9D;margin:auto;}*/ #header {width:960px;margin:auto;} #header .logo {position:absolute;left:0;margin:0;padding:0;background:url(../files/layout/boegli.png) repeat-x;z-index:1000000} #header h1#logo {position:absolute;top:150px;left:0;margin:0;padding:0;background:url(../files/layout/boegli.png) repeat-x;z-index:1000000} #header h1#logo a {display:block;height:100px;width:980px;text-indent:-999em;overflow:hidden;} #header .inside {width:960px;margin:auto;} /*#header .inside {position:absolute;width:960px;margin:auto;background:url(../files/layout/boegli.png) repeat-x;z-index:1000000}*/ #header .mod_randomImage {position:absolute;right:0px;top:35px;z-index:1000} #header .mod_caroufredsel_gallery {position:absolute;right:0px;top:35px;z-index:500} #header .mod_rocksolid_slider {position:absolute;right:0px;top:35px;z-index:500} #headerbild {position:absolute;top:0px;right:50px;margin:0;padding:0;z-index:-5} #headerbogen {position:absolute;top:35px;left:0px;margin:0;padding:0;z-index:5} /*#header #nav {display:block;list-style:none;margin:0;z-index:5;bottom:0px;right:0;left:0;text-align:center;display:block;} /*#header .inside #nav {display:block;position:absolute;list-style:none;margin:0;z-index:5;bottom:-33px;right:0;left:0;text-align:center;display:block;}*/ #header_addition {background:url(../files/layout/header_additional_bg.jpg) repeat-x #eaeaea;border-bottom:1px solid #c9c9c9;} #header_addition .inside {width:800px;margin:auto;} body.page_2 #header_addition .inside {width:500px;margin:auto;padding-right:300px;background:url(../files/layout/header_additional_lense.jpg) no-repeat right center;} /*Startpage styles padding+width=800px*/ #header_addition .inside h1 {line-height:120%;} #header_addition .inside .text {padding:4em 0;} #header_addition .inside .text a.visit {display:inline-block;height:28px;padding:0 1.5em;line-height:2em;color:#656565;font-weight:bold;text-decoration:none;background:url(../files/layout/header_additional_link_bg.jpg);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-right:1px solid #adadad;border-bottom:1px solid #adadad;} #header_addition .inside .text a.visit:hover {color:#0073cb;} body.page_2 #header_addition .inside .mod_breadcrumb {display:none;} /*hide breadcrumb on startpage (page_XX: XX=ID)*/ #header_addition .inside .mod_breadcrumb {padding:1em 0;} #header_addition .inside .mod_breadcrumb:before {content:"You are here: ";} #header_addition .inside .mod_breadcrumb a {color:#0073cb;text-decoration:underline;} #header_addition .inside .mod_breadcrumb a:hover {color:#0073cb;text-decoration:none;} /*#header .submit {background:url(../files/layout/right_submit_bg.jpg) repeat-x;color:#fff;border:none;height:31px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}*/ #header .mod_imageslider {position:absolute;top:25px;right:0px;margin:0;padding:0} #header .mod_ModuleSlideshow2FlexibleImplementation {position:absolute;top:35px;right:0px;margin:0;padding:0} /*////////////////////////////////////////////////////////////////////////*/ /*SUB-HEADER*/ #subheader {position: relative;z-index: 200;background: #fff;width:960px;margin:auto;height:35px;} #subheader .inside {width:960px;margin:auto;height:35px;} /*////////////////////////////////////////////////////////////////////////*/ /*CONTAINER*/ #container {width:525px;margin:auto;background:#fff} /*////////////////////////////////////////////////////////////////////////*/ /*MAIN*/ #main .inside {border-right:2px solid #dedede;border-left:2px solid #dedede} #main .inside {padding-left:1em;padding-right:1em;} /*#main .image_container {background-color:#fff;padding:5px 5px 0 5px !important;margin:5px 10px 0px 5px !important; border:2px solid;border-right-color:#aaaaaa;border-bottom-color:#aaaaaa; border-top-color:#dddddd;border-left-color:#dddddd; }*/ #main .image_container {background-color:#fff;border:1px solid #ddd;padding:5px 5px 0 5px !important;margin:5px 10px 3px 5px !important; box-shadow: 3px 3px 3px #666; -moz-box-shadow: 3px 3px 3px #666;-webkit-box-shadow:3px 3px 3px #666; } h1.ce_headline, .ce_text h1{color:#012c9d !important;text-shadow: #aaaaaa 3px 3px 3px;} /*////////////////////////////////////////////////////////////////////////*/ /*RIGHT*/ /*/#right {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}/*/ /*#right .inside {background:url(../files/layout/poeller.png) repeat-y;background-position:left}*/ #right .inside {padding: 0em 1em 1em 1em;} #right .block {padding-bottom:0.5em;padding-top:0.5em;} #right .submit {background:#012C9D;color:#fff;border:none;height:21px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #right h1 {margin:0!important;padding:0 0 0.5em 0!important;color:#0073cb!important;font-size:1.2em!important;} #right .mod_navigation ul,#right .mod_customnav ul {list-style:none;margin:0;padding:1px 0 0 0;} #right .mod_navigation ul li,#right .mod_customnav ul li {padding-bottom:1px;} #right .mod_navigation ul li a,#right .mod_navigation ul li span,#right .mod_customnav ul li a,#right .mod_customnav ul li span {display:block;background:#f2f2f2;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:0.5em 1em;color:#6c6c6c;text-decoration:none!important;} #right .mod_navigation ul li a.submenu {background:#d4d4d4;} #right .mod_navigation ul li a:hover,#right .mod_navigation ul li span,#right .mod_customnav ul li a:hover,#right .mod_customnav ul li span {background:#dfdfdf!important;} #right .mod_navigation ul li span,#right .mod_customnav ul li span {font-weight:bold;} #right .mod_navigation ul li ul {padding-left:2em;} /*////////////////////////////////////////////////////////////////////////*/ /*LEFT*/ /*/#left {border:1px solid #dedede;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}/*/ /*#left .inside {background:url(../files/layout/poeller.png) repeat-y;background-position:right}*/ #left .inside {padding:0em 1em 1em 1em;} #left .block {padding-bottom:1.2em;} #left .submit {background:url(../files/layout/right_submit_bg.jpg) repeat-x;color:#fff;border:none;height:31px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #left h1 {margin:0!important;padding:0 0 0.5em 0!important;color:#0073cb!important;font-size:1.6em!important;} #left h4 {margin:0!important;padding:0 0 0.5em 0!important;color:#0073cb!important;font-size:1.4em!important;} #left .mod_navigation ul,#left .mod_customnav ul {list-style:none;margin:0;padding:1px 0 0 0;} #left .mod_navigation ul li,#left .mod_customnav ul li {padding-bottom:1px;} #left .mod_navigation ul li a,#left .mod_navigation ul li span,#left .mod_customnav ul li a,#left .mod_customnav ul li span {display:block;background:#65AFFA;padding:0.5em 1em;color:#000; font-size:0.9em;text-decoration:none!important;} #left .mod_navigation ul li a.submenu {background:#d4d4d4;} #left .mod_navigation ul li a:hover,#left .mod_navigation ul li span,#left .mod_customnav ul li a:hover,#left .mod_customnav ul li span {background:#012C9D !important;color:#fff;} #left .mod_navigation ul li span,#left .mod_customnav ul li span {font-weight:bold;} #left .mod_navigation ul li ul {padding-left:2em;} /*////////////////////////////////////////////////////////////////////////*/ /*FOOTER*/ #footer {width:960px;background:#012C9D;margin:auto;overflow:hidden;} #footer .inside {width:830px;margin:auto;color:#969696;padding:0.4em 0;text-transform:lowercase;font-weight:bold;text-align:center;} #footer .inside #copyright a {color:#969696;text-decoration:none;} /*////////////////////////////////////////////////////////////////////////*/ /*Nachrichten*/ /*.mod_newslist .layout_full h1 {font-size:1.2em;color:#000000 !important;background-color:#65affa;padding:0.5em 0.5em 0.5em 0.5em !important; margin-top:1em !important;}*/ .mod_newslist .layout_full h1 {font-size:1.2em;color:#000000 !important;background:url(../files/layout/blauewelle2.png) repeat-x;padding:0.5em 0.5em 0.5em 0.5em !important} .mod_newslist .layout_short h2 {font-size:1.2em;color:#000000 !important;background:url(../files/layout/blauewelle2.png) repeat-x;padding:0.5em 0.5em 0.5em 0.5em !important;margin-top:1.4em !important} .mod_newslist p.info {font-size:0.8em; line-height:0.8em;margin:0.8em 0 0 0.8em} .mod_newsreader .layout_full h1 {font-size:1.2em;color:#000000 !important;background:url(../files/layout/blauewelle2.png) repeat-x;padding:0.5em 0.5em 0.5em 0.5em !important} /*////////////////////////////////////////////////////////////////////////*/ /*Accordion*/ .ce_accordion .toggler {background: #012C9D url(../files/layout/plus.gif) no-repeat left center; color:#fff;padding: 0.25em 0.5em 0.25em 1.5em;} .ce_accordion .toggler.active {background: #012C9D url(../files/layout/minus.gif) no-repeat left center; color:#fff;padding: 0.25em 0.5em 0.25em 1.5em;margin-bottom:0.5em;} /*////////////////////////////////////////////////////////////////////////*/ /*Breadcrumb*/ .mod_breadcrumb a {color: #fff;text-decoration:none;} /*////////////////////////////////////////////////////////////////////////*/ /* ====================================== Sitemap ====================================== */ .mod_sitemap ul ul { margin-bottom: 0; } .mod_sitemap li { list-style-type: none; margin-left: 0; } .mod_sitemap li li { margin-left: 1.5em; } .mod_sitemap .level_1 a { font-weight: bold; } .mod_sitemap .level_2 a { font-weight: normal; color:#012C9D !important; } /*////////////////////////////////////////////////////////////////////////*/ /*Suchformular mit Lupe*/ #header div.mod_form { position:absolute; right: 3px; top: 35px; padding: 5px; } #header form#suchformular {margin: 0 } #header #suchformular .suchfeld { width:80px; padding: 1px 25px 1px 10px; border-radius: 10px; border: none; margin: 0; } #header #suchformular .lupe { position: absolute; right: 12px; top: 7px; padding: 0; margin: 0; } /* ====================================== Kontaktformular gestalten ====================================== */ form#kontaktformular { line-height: 1; background-color: #65AFFA; padding: 0 18px 18px 18px; border-top: 1px solid #89ADCD; border-bottom: 1px solid #89ADCD; margin: 0 0 2em 0; } #kontaktformular label { display: block; cursor: pointer; margin: 18px 0 3px 0; } #kontaktformular .checkbox_container label { display: inline; position: relative; bottom: 2px; } #kontaktformular .checkbox_container { margin-top: 1em; } #kontaktformular input, #kontaktformular textarea { padding: 3px; } #kontaktformular input:focus, #kontaktformular textarea:focus { background-color: #ECECEC; color: #000; } #kontaktformular p.error { background: #FFC0CB; /* pink */ color: #000; max-width: 400px; padding: 3px; border: 1px solid #f00; /* rot */ margin-bottom: 3px; }