body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * tl_files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (tl_files/tinymce.css). */ .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; } .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} /* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen , MIT-style license */ #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline} /* Slimbox v1.8, (c) 2007-2009 Christophe Beyls , MIT-style license */ #lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer}#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff}.lbLoading{background:#fff url("../../assets/mootools/slimbox/1.8/images/loading.gif") no-repeat center}#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:0}#lbPrevLink{left:0}#lbPrevLink:hover{background:transparent url("../../assets/mootools/slimbox/1.8/images/prevlabel.gif") no-repeat 0 15%}#lbNextLink{right:0}#lbNextLink:hover{background:transparent url("../../assets/mootools/slimbox/1.8/images/nextlabel.gif") no-repeat 100% 15%}#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url("../../assets/mootools/slimbox/1.8/images/closelabel.gif") no-repeat center;margin:5px 0;outline:0}#lbCaption,#lbNumber{margin-right:71px}#lbCaption{font-weight:bold} #wrapper { background-color:#FFF;overflow:hidden; } #header {/*position: relative;*/ padding:0 0;overflow:hidden; } #headerlogo {width: 300px; height: 80px;position:absolute;top: 3px;left: 8px;} #headerlogo img {max-width: 150%; } #main {overflow:hidden;} #right { width: 310px;margin-top: 30px; } #right .inside { background-color: #f8f8f8;margin-right: 20px; } #right .ce_headline {font-size: 1.7em;color: #00b9e9; border: none;margin: 30px 10px 10px 10px} #right .block { padding-top: 0; } #right h1 { margin-top: 10px;; padding:0;font-size: 1.2em;color: #00b9e9;border-bottom: 1px solid #eeeeee } #right p { margin-top:0; padding-top: 3px;margin-bottom:0; padding-bottom: 0; } #right .more {float:right; text-align: right; margin-top: 5px; } /*#right a.more {font-weight: normal;background:transparent url(../../files/themes/bergsport/css/img/more00.gif)no-repeat right center;padding-right: 5px;font-size: .85em;cursor:hand; margin-top:6px;margin-bottom:10px;padding:1px 5px 1px 0; } #right a .hg {background:transparent url(../../files/themes/bergsport/css/img/more01.gif)no-repeat left center;padding:1px 0 1px 16px;cursor:hand; }*/ #right a.more {font-weight: normal;padding-right: 5px;font-size: .85em;cursor:hand; margin-top:6px;margin-bottom:10px;padding:1px 5px 1px 0; } #right a .hg {padding:1px 0 1px 16px;cursor:hand; } #right img {padding-right: 10px;width: 63px; } #container { overflow: hidden;padding-bottom: 20px; } #footer {background-color:#dcddde;} #footer .event { border-bottom:2px dotted #CCCCCC; margin-bottom:5px; padding-bottom:3px; } #footer h2 { font-size: 1.0em;margin-bottom: 8px } /* events Darstellung */ #wandern .block {} .event {position: relative} .event {border-bottom: #CCC dotted 2px;margin-bottom: 5px; padding-bottom:5px; } #alle-touren .event,#wandern .event,#klettern .event,#skitouren .event,#hochtouren .event {padding-right:310px;} /*Damit der Inhalt nicht unter der Infobox verschwindet*/ #alle-touren .event,#wandern .event,#klettern .event,#skitouren .event,#hochtouren .event {background: #fff url(../../files/themes/bergsport/css/img/hg_grey_event.gif);margin-bottom: 5px;padding: 10px 310px 25px 10px;} #eventleser-wandern h1, #eventleser-klettern h1, #eventleser-skitouren .ce_text, #eventleser-hochtouren h1 {padding-right:160px; } /* Damit der#eventleser-wandern .ce_text,#eventleser-klettern .ce_text,#eventleser-skitouren .ce_text,#eventleser-hochtouren .ce_text {padding-right:310px;} /* Damit der Inhalt nicht unter der Infobox verschwindet*/ #eventleser-hochtouren .ce_text, #eventleser-hochtouren h1 {padding-right:160px; } #eventleser-hochtouren h1, #eventleser-klettern h1 {margin-right:160px; } .event table {width: 98%;margin-top: 1px;} .eventjubi table td { padding-top:5px!important; padding-bottom: 5px!important; } .eventjubi .inside { margin-left:0!important; } .eventjubi { margin-right:20px!important; } .event .erstezeile {width: 40px;} .infobox { background-color: #f0f0f1;width: 280px;padding: 15px 10px 0 10px;position: absolute; top: 10px;right:0;border:1px solid #CCC; } .infobox .submit { margin-top:25px; } .infobox stront {color:#8f9da1;} .mod_eventlist .header { background-color: #06C; color: #FFF; width: 300px;} /*.event .info { background-color:#9eafb3;color: #FFF; display:inline;padding: 0 10px 0 3px; }*/ .event .info { background-color:#c3ccce;color: #000; display:inline;padding: 0 10px 0 3px; width: 250px } .event strong {color:#758488;} .event em {color:#F63;font-size:2em;} .tourpreis {margin-top: 22px;} #startseite .infobox, #startseite-1 .infobox { display:none; background-color: #990 } .event h1 {color:#00b9e8;} .small { font-size:.9em;color:#666; } .pagination { margin-bottom:1em;margin-top:1em;padding-top:1em; } .pagination p { float:left; margin-bottom:0; width:30%; } .pagination ul { float:right; margin-bottom:0; text-align:right;width:70%; } .pagination li { display:inline; padding-left:1px; padding-right:1px; } /* Eventkalnder */ .eventkalendergrf { margin-top: 10px;margin-bottom:10px;background: #DCDDDE url(../../files/themes/bergsport/css/img/eventkalender_bg.gif);} .eventkalendergrf a { display:block; padding: 10px 0 10px 10px;color: #FFF; } .eventkalendergrf a:hover { background-color: #778c95; } .eventkalendergrf span{ display:block; font-size:2.2em; } /* formular */ .formbody label{ display: block; width: 140px;float:left;clear:left;margin: 6px; } .formbody input.text { border: #999 solid 1px;margin: 4px 0;padding: 2px;width: 220px;color:#496976; } .formbody select {margin: 4px 0;padding: 2px;width: 80px; } .form-tour { color:#00b9e9; padding-left: 6px; font-size: 16px; font-weight: bold; margin-bottom: 2px!important; } .form-tour p { margin-bottom: 8px!important; } .form-datum { padding-left: 6px; margin-bottom: 10px!important;} .form-datum p { margin-bottom: 18px!important;} textarea { margin-top: 4px; width: 223px;color:#91b6c5; } #lbl_20_0, #lbl_44_0, #lbl_88_0, #lbl_66_0 {float:none!important;display: inline!important; width: 100%!important;} .checkbox { margin: 10px 0 10px 0; } label.checkbox { margin-top: 20px!important; } #ctrl_7, #ctrl_32, #ctrl_76, #ctrl_54 { width: 110px!important; } #ctrl_16, #ctrl_29, #ctrl_51, #ctrl_73 { width: 70px!important; } /* Fehlermeldungen */ error {color: #900;} /* Startseite */ #startseite, #startseite-1 { margin-top:10px; } #startseite h2 a, #startseite h2, #startseite-1 h2 a, #startseite-1 h2 { color: #00b9e9;font-style:normal; font-weight:normal; } #startseite h2 a, #startseite-1 h2 a { font-weight:bold; } #startseite h2 a:hover, #startseite-1 h2 a:hover { color:#14a4c9; } #startseite .ce_text, #startseite-1 .ce_text { } #startseite .ce_text .block, #startseite-1 .ce_text .block { padding-top:4px; } #startseite h2, #startseite-1 h2 { margin-top: ; } #startseite .inside, #startseite-1 .inside { margin:5px 5px 5px 10px; } #startseite .event, #startseite-1 .event {background: #fff url(../../files/themes/bergsport/css/img/hg_grey_event.gif);margin-bottom: 5px;padding: 5px 10px;} #unsere-bergfuehrer { background: #DCDDDE url(../../files/themes/bergsport/css/img/bg_grey.gif); } #unsere-bergfuehrer h1 { display: none; } #unsere-bergfuehrer h1.bergfuehrer { display: block; margin: 0; margin-left: 75px; padding: 0 0 0 0; } .ce_text h2 {margin: 0 0 6px 0!important; padding: 0!important;} #eventleser-klettern .ce_text, #eventleser-wandern .ce_text {padding-right:160px;} /* Accordion */ .blind { display:none; } /* back-Button */ p.back {display: block;padding-top:30px;} .back a { color: #999; margin-left:10px;} .clearthefloats { clear: both; } /* AGB Seite */ .formagb { background-color: #f0f0f1; border:1px solid #CCC;width:368px!important; padding-left:10px; margin-top: 15px;font-size: 0.8em;line-height: 1.5em; } .formagb h2 { font-size: 1.5em;font-weight: bold } .formagb h3 { font-size: 1.2em;font-weight: bold } /* Vorschaubox */ .vorschau1, .vorschau2 { background-color: #CCC;margin-bottom:10px; } .vorschau1 a, .vorschau2 a { padding:10px;display:block; } .vorschau1 a span, .vorschau2 a span{ display:block;font-size:2.2em;font-weight:normal; } .vorschau1 a:hover, .vorschau2 a:hover { color: #999;background-color:#e6e3e3; } .vorschau1 a:hover span, .vorschau2 a:hover span { color: #069;background-color:#e6e3e3; } .vorschau2 h2, .vorschau2 p { padding-left:10px; } .vorschau2 a { padding-left:0; } .vorschau2 span { display:block;font-size:1.8em;font-weight:normal;line-height:1.2em; } .vorschau2 a:hover { color: #999;background-color:transparent; } /* Accordion */ .toggler { cursor:pointer; } .container_16 { margin-left: auto; margin-right: auto; width: 960px; } .grid_16 { display: inline; float: left; margin-left: 11px!important; margin-right: 10px; } p.hinweis { font-size:12px; margin-top:15px; margin-bottom:15px; line-height:1.6em; } p.hinweis strong { color:#F00; } /* Divers */ h1.hoechster-gipfel { margin:0; padding:0; padding-right:40px!important; } .ausverkauft { background:#ff3d1d; color:#FFF; font-size:12px; padding:4px 10px; width:100px; text-align:center; } .vorschau p.info { display:none; } /* ------ hide mobilmenue ---- ------------------------------------------------- */ .selectnav {display: none;} @media (min-width:768px) and (max-width:979px) { /* body { } #header .inside { width: 760px; margin: 0 auto; } #container .inside { width: 760px; margin: 0 auto; } #footer .inside { width: 760px; margin: 0 auto; } .image_container img { width:240px; } .mod_newslist .layout_latest h2, .mod_newslist .layout_latest .teaser, .mod_newslist p.more { padding-left:0; margin-left:0; } .mod_newslist .layout_latest { background:transparent url(../../files/bauwerk/template/images/newslisthg.gif) no-repeat -60px -10px; padding-top:10px; } .mod_newslist .first { background:transparent url(../../files/bauwerk/template/images/newslisthg.gif) no-repeat -60px -6px; padding-top:12px; } .ce_image_platzhalter { padding-bottom: 100px; } */ } @media (max-width:767px) { #mobnav {display: none;} .selectnav { width:95%; margin-left: 10px; } .js #nav { display: none; } .js .selectnav { display: block; } #headerlogo { margin-bottom: 20px; float:left; } #headerlogo img {max-width: 80%; } .selectnav { margin-top: 30px; } #header { height: 90px; } #kwick-box, #upcoming-events { display: none; } #right { width: 100%; } .mod_article .g8 { width:98%; } /* Infobox */ .infobox {position:relative; width: 95%; padding-bottom: 10px!Important; margin-bottom: 10px!important; } #alle-touren .event, #wandern .event, #klettern .event, #skitouren .event, #hochtouren .event { background: #fff url(../../files/themes/files/themes/bergsport/css/img/hg_grey_event.gif); margin-bottom: 5px; padding: 10px 10px 25px 10px; } form { padding-top: 10px!Important; } /* Formular */ .formbody label { display: block; width: 100%; float: left; clear: left; margin: 6px; } fieldset { width: 94%; padding: 10px 0!important; position: relative; margin-bottom: 0; border-left: none!important; border-right: none!important; } textarea { width: 99%; } .g7 {width: 100%!important} .formbody input.text { border: #999 solid 1px; margin: 2px 0; padding: 4px; width: 98%; color: #496976; } .formagb { border: 1px solid #CCC; width: 92%!important; } } /* basic.css */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}caption,th,td{vertical-align:top;text-align:left}abbr,acronym{border-bottom:1px dotted #666;font-variant:normal;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}li{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}a{color:#00f}:focus{outline:0}body{font:12px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font:12px "Lucida Console",Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}table{font-size:inherit}caption,th{font-weight:bold}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* gridpx.css */ .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{float:left;display:inline;margin-right:10px;margin-left:10px}.g1{width:60px}.g2{width:140px}.g3{width:220px}.g4{width:300px}.g5{width:380px}.g6{width:460px}.g7{width:540px}.g8{width:620px}.g9{width:700px}.g10{width:780px}.g11{width:860px}.g12{width:940px}.mod_article>.block{margin-right:10px;margin-left:10px}.g1 .block,.g2 .block,.g3 .block,.g4 .block,.g5 .block,.g6 .block,.g7 .block,.g8 .block,.g9 .block,.g10 .block,.g11 .block,.g12 .block{margin-right:0;margin-left:0}.gr{margin-right:20px !important}