@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,700); @font-face { font-family: "SanMarco"; src: url(https://oberredensberg.it/fileadmin/template/css/font/SanMarco.otf);} @font-face { font-family: "SanMarco"; src: url(https://www.oberredensberg.it/fileadmin/template/css/font/SanMarco.otf);} /* Grundeinstellungen */ * { margin:0; padding:0; border:0px solid #eee; list-style:none;} html,body,#bg,#bg table,#bg td,#content { } body { font-family:'Raleway', Arial, Helvetiva, sans-serif ; color:#442a19; text-align:center; font-size:12px; background-color:#70743f; background-image:url(../img/bg-oberredensberg.jpg); background-repeat:no-repeat; background-position:center top; } /* fixe breite der Website z-index ist 2 */ div#wrap { position: relative; width:960px; margin:0 auto; border:0px; text-align:left; z-index:2;} /* Nav-Top */ div#nav-top { position: relative; width:960px; margin:0 auto; padding:0px; text-align:right; height:110px; z-index:6; } div#logo { position:relative; float:left; margin:0 auto; padding:0px 0px 0 250px; text-align:center; z-index:6;} /* Sprache */ div#sprache { position:relative; float:right; margin:0 auto; padding:0px 0px 0 0px; width:auto; z-index:6; top:3px;} div#sprache a { font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; color:#986f39; text-decoration:none; font-size:12px; text-decoration:none;} div#sprache a:hover { text-decoration:none; color:#986f39; text-decoration:none; } /* Logo & Expressanfrage */ div#logo-nav { position:absolute; clear:both; left:100px; top:565px; margin:0 auto; padding:0px 0px 0 0px; text-align:center; width:300px; z-index:6;} /* Angebote */ div#angebote { position:absolute; clear:both; left:670px; top:565px; margin:0 auto; padding:0px 0px 0 0px; text-align:center; width:300px; z-index:6;} div#angebote a { color:#442a18;} div#expressanfrage, div#angebote-w { position:relative; float:left; top:-25px; margin:0 auto; padding:20px 0px 0 25px; z-index:6; background-image:url(../img/hg-angebot-expressanfrage.png); background-repeat:no-repeat; height:146px; width:231px; } div#expressanfrage { background-image:url(../img/hg-angebot-expressanfrage-200.png); background-repeat:no-repeat; height:200px; width:231px; top:-80px; } div#expressanfrage h1, div#angebote-w h1 { font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; padding-bottom:10px; color:#986f39; text-align:left;} div#expressanfrage p, div#angebote-w p { font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#442a18; text-align:left; padding-bottom:10px; } div#expressanfrage input, div#angebote-w input { background-color:transparent; width:100px; color:#442a18; font-size:11px; border-bottom-width:1px; border-right-style:solid; border-color:#442a18; padding-left:2px;} div#expressanfrage #abschicken, div#angebote-w #abschicken { width:158px; height:53px; cursor:pointer; border-bottom-width:0px; margin-left:20px; clear:both;} div#expressanfrage .button, div#angebote-w .button {color:#FFFFFF; width:158px; height:53px; background-image:url(../img/expressanfrage-schaltflaeche.png); padding-top:20px; text-transform:uppercase;} div#expressanfrage .button:hover, div#angebote-w .button:hover {color:#FFFFFF; width:158px; height:53px; } /* Bilder oben */ div#bilder { position: relative; width:800px; float:left; height:600px; padding:0px 0 0px 0px; margin:0px; margin-left:103px; overflow:hidden; z-index:2; } div#bilder img { width:800px; height:600px;} .slideshow { position:relative; height: 600px; width: 800px; float:right; overflow:hidden; margin:0 0px 0 0; z-index:2;} #imagenav { position:absolute; top:585px; z-index:500; height:15px; overflow:hidden; text-align:right; left:280px; z-index:9;} #imagenav a { color:#442a18; padding:2px 4px; margin:2px; text-decoration:none; background-image:url(../img/bg-bilder.png); } #imagenav a:hover { color:#442a18; text-decoration:none; background-image:url(../img/bg-bilder.png); } /*********************************** * Navi 3 - Hauptnavigation ************************************/ div#nav {position: absolute; width:200px; float:left; height:350px; margin:0; padding:0; z-index:50; top:128px; left:120px; } div#nav-list {position: relative; width:200px; float:left; } div#nav-list li { display:block; background-image:url(../img/hg-hauptnavi.png); background-repeat:no-repeat; margin:0px; padding:0px; } div#nav-list li:hover { text-decoration:none; background-image:url(../img/hg-hauptnavi-o.png); } div#nav-list a {font-family:"SanMarco", Arial, Helvetica, sans-serif; color:#442a18; text-decoration:none; font-size:18px; font-weight:400; } .n3 { z-index: 5000; } a.a3 { line-height:32px; padding: 0px 10px 0px 25px; text-decoration: none; margin:0px; } /******************** * Navi 3 - Submenu *********************/ .n3 div { position: relative; z-index: 5000;} .n3 div ul { display: none; margin: 0; padding: 0; } .n3:hover div ul { position: absolute; display:block; bottom: -50px; left:195px; } * html .n3:hover div ul { margin-bottom: -50px; } .n3 div ul li { /* margin-bottom: 1px; */ list-style-type: none; position:relative; width:180px; margin: 2px 0; } .n3 div ul li a:hover { font-weight:400; position:relative; } .n3 div ul li a { font-size:18px; font-weight:400; text-decoration: none; display:block; padding: 0px 12px 0px 25px; line-height:32px; } div#main_wrap { position:relative; float:left; margin:0 auto; width:960px; padding:0px; z-index:6; background-image:url(../img/bg-oberredensberg-teil2.jpg); background-repeat:repeat-y; } div#main_wrap_detail { position:relative; float:left; margin:0 auto; width:960px; padding:0px; z-index:6; background-image:url(../img/bg-oberredensberg-detail.jpg); background-repeat:repeat-y; } div#main_wrap_left { position:relative; float:left; margin:0 auto; width:320px; padding:90px 0 0 20px; } div#main_wrap_left h1 { font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; color:#986f39; text-align:left;} div#main_wrap_left p { color:#986f39; } div#main_wrap_left a { color:#986f39; } div#main_wrap_left a:hover { color:#986f39; text-decoration:none; } div#main_wrap_content { position:relative; float:left; margin:0 auto; width:600px; height:auto; padding:20px 20px 20px 0px; z-index:6; } div#main_wrap_content_100 { position:relative; float:left; width:600px; line-height:18px; font-size:12px; font-weight:700; padding:0px 0 0px 20px; } div#main_wrap_content_detail { position:relative; float:left; width:860px; line-height:18px; font-size:12px; font-weight:700; padding:20px 50px 0px 50px; } div#main_wrap_content h1, div#main_wrap_content_detail h1 { font-family:"SanMarco", Arial, Helvetica, sans-serif; font-size: 36px; font-weight:normal; line-height:30px; } div#main_wrap_content h2, div#main_wrap_content_detail h2 { font-size: 14px; font-weight:normal; font-weight:400; padding-bottom:17px; } div#main_wrap_content p, div#main_wrap_content_detail p { font-size:12px; font-weight:400; line-height:20px; padding-bottom:5px; text-align:justify; padding-right:40px;} div#main_wrap_content a, div#main_wrap_content_detail a { color:#442a18; text-decoration:underline; font-size:14px;} div#main_wrap_content hr, div#main_wrap_content_detail hr { color: #442a18; background-color: #442a18; height: 1px; margin:20px 0;} div#main_wrap_content li, div#main_wrap_content_detail li { list-style-type:square; font-weight:normal; margin-left:20px; font-size:12px; font-weight:400; } div#main_wrap_content ul, div#main_wrap_content_detail ul { padding-bottom:17px; } div#main_wrap_content a.button, div#main_wrap_content_detail a.button { color:#FFFFFF; background-image:url(../img/expressanfrage-schaltflaeche.png); background-repeat:no-repeat; padding:28px 50px 10px 40px; text-transform:uppercase; clear:both; text-decoration:none; font-size:12px; font-weight:400;} div#main_wrap_content a.button:hover, div#main_wrap_content_detail a.button:hover {color:#FFFFFF; width:158px; height:53px; background-repeat:no-repeat;} div#c29 {margin-top:20px;} div#rootline { position:relative; float:left; width:540px; line-height:18px; margin:0; padding:0; font-size:11px; font-weight:700; } div#rootline_detail { position:relative; float:left; width:820px; line-height:18px; margin:0; padding:0; font-size:11px; font-weight:700; } div#rootline p, div#rootline_detail p {color:#442a18; text-decoration:none; font-size:10px; text-align:right;} div#rootline a, div#rootline_detail a {color:#442a18; text-decoration:underline; font-size:10px; text-transform:uppercase;} div#rootline a:hover, div#rootline_detail a:hover {color:#442a18; text-decoration:none;} div#footer2 { position:relative; clear:both; height:237px; text-align:left; width:960px; margin:0 auto; padding:10px 0px 0 0px; line-height:18px; font-size:11px; } div#footer2 a {color:#442a18; text-decoration:none;} div#footer2 a:hover {color:#442a18; text-decoration:underline;} div#footer2 img { border-color:#FFF; border-style:solid; border-width:9px; margin:0px; padding:0px;} div#footer2 h1 { font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; margin:0px; padding-left:15px; color:#986f39; margin-right:9px; margin-top:0px; text-align:left; } div#footer2_col1 {position:relative; float:left; width:231px; margin-right:12px; background-image:url(../img/footer-hg.png); height:227px; } div#footer2_col2 {position:relative; float:left; width:231px; margin-right:12px; background-image:url(../img/footer-hg.png); height:227px;} div#footer2_col3 {position:relative; float:left; width:231px; margin-right:12px; background-image:url(../img/footer-hg.png); height:227px; } div#footer2_col4 {position:relative; float:left; width:231px; background-image:url(../img/footer-hg.png); height:227px;} div#footer { position:relative; clear:both; height:120px; color:#FFFFFF; font-size:10px; width:960px; margin:0 auto; text-align:center; padding:5px 0 0 0; line-height:20px; } div#footer a {color:#FFFFFF; } div#footer a:hover {color:#FFFFFF; text-decoration:none;} div#footer img {margin: 10px 2px;} div#main_angebote { position:relative; float:left; padding:20px 10px 20px 10px; margin:20px 10px 0px 10px; background-color:#e7e7e8; width:234px; min-height:100px; } div#main_angebote h1 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-transform:uppercase; color:#58585a; padding-bottom:8px; text-align:center;} div#main_angebote h2 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#58585a; padding-bottom:5px;} div#main_angebote p { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#58585a; line-height:14px; padding-bottom:9px;} div#main_angebote img { padding-right:10px;} div#main_angebote .button_angebote { font-family:Arial, "Times New Roman", Times, serif; font-size:12px; color:#58585a; font-weight:400; background-color:#FFFFFF; padding:5px 5px; text-decoration:none;} div#trenner { position:relative; clear:both; height:auto; padding:0; height:20px; z-index:6; } div#main_wrap_content .divider { clear:both;} .news-latest-item { } .news-latest-item h1 { } .news-latest-item h2 { } .news-latest-item p { } .news-latest-item img { text-align:left; float:left;} .news-latest-item a { font-family:Arial, "Times New Roman", Times, serif; font-size:12px; color:#58585a; font-weight:400; background-color:#FFFFFF; padding:5px 5px; text-decoration:none;} .news-latest-item a:hover { text-decoration:underline;} div#main_wrap_content .news-list-item { position:relative; float:left; width:185px; margin:0; margin-right:5px; margin-bottom:10px; padding:5px 5px; background-color:#e7e2df; } div#main_wrap_content .news-list-item h1 { font-size: 18px; font-weight:normal; padding-bottom:10px; text-transform:uppercase; line-height:18px; } div#main_wrap_content .news-list-item h2 { font-size: 14px; font-weight:normal; padding-bottom:3px; } div#main_wrap_content .news-list-item img { width:185px; height:140px;} div#main_wrap_content .news-list-item a { text-decoration:none;} div#main_wrap_content .news-list-item .button { color:#000000; background-image:url(../img/expressanfrage-schaltflaeche.png); background-repeat:no-repeat; cursor:pointer; text-decoration:none; margin:10px 0 0 25px; padding:6px 20px; background-color:#e7e2df;} div#main_wrap_content .news-list-item .button:hover {color:#FFFFFF; background-image:url(../img/expressanfrage-schaltflaeche-over.png); background-repeat:no-repeat; padding:6px 20px; background-color:#e7e2df; background-repeat:no-repeat;} /*input { background-color:#fdd0a0; color:#58585a; height:25px; margin:5px; width:160px; padding-left:15px} */ input[type="checkbox"] { border:4px solid #58585a; width:15px; height:15px; background-color:#fdd0a0; padding:0px;} input[type="button"] {color:#a03d22; width:125px; height:29; background-image:url(../img/expressanfrage-schaltflaeche.png);} /* UPLOADS */ .csc-uploads csc-uploads-0 td { vertical-align:top;} .csc-uploads-fileSize {font-size:12px; font-weight:normal;} /*------------------------------------------------------------------------------------------------------*/ /* PREISLISTE */ .preisliste { width:410px; margin:10px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:14px; } .preisliste caption { text-align:left; font-size: 18px; font-weight:normal; padding-bottom:15px; } .preisliste thead .tr-even { background-color:#70733f; color:#f2eebf; height:28px; padding:5px; text-align:left; font-size:14px; } .preisliste thead th { text-align:left; font-family:'Raleway', Arial, Helvetica, sans-serif; padding-left:5px; height:40px; font-weight:400; } .preisliste h1 { font-size:14px; text-transform:uppercase; color:#FFF;} .preisliste thead th { padding-left:5px; border-right-width:1px; border-right-style:solid; border-color:#f2eebf; margin:0; text-align:center;} .preisliste tr { width:410px; margin:0; padding:0px; color:#442a18;} .preisliste .tr-even { height:31px; background-color:#f3eed9; padding:0px; color:#54351d; font-size:13px; font-weight:normal;} .preisliste .tr-odd { height:31px; background-color:#f3eed9; padding:0px; border:0; color:#54351d; font-size:13px; font-weight:normal;} .preisliste td { padding-left:5px; border-right-width:1px; border-right-style:solid; border-top-width:1px; border-top-style:solid; border-color:#70733f; margin:0; text-align:center;} .preisliste .td-last { border-right-width:0px; width:95px; } /*------------------------------------------------------------------------------------------------------ WETTER */ #meteoprovbz_widget1 {width:200px; background:#e7e2df; } #meteoprovbz_widget1 .meteoprovbz_icon img {width:60px; background:#e7e2df;} .c50l, .c25l, .c25r, .c33l, .c38l, .c66l, .c75l, .c62l, .c33r {float: left; } .c50r, .c38r, .c66r, .c75r, .c62r, .c25r {float: right; } .c25l { position:relative; width: 350px; } .c75r { position:relative; width: 510px;} .c50l { position:relative; width:410px; padding:0 20px 20px 0 } .c50r { position:relative; width:410px; padding:0 0px 20px 20px;} .csc-textpic-imagerow { padding:0px; margin:0;} .csc-textpic-image img{ padding:0; margin:0px; background-position:top left; } .csc-textpic-imagecolumn{ padding:0px; margin:0;} .csc-textpic-imagewrap{ padding:0px; margin:0;} .lightbox{ padding:0px; margin:0;} /* Anfrageformular */ div#main_wrap_content_100_a .label { width:100px; text-align:right; position:relative; float:left; font-size:12px; padding: 5px 10px 5px 0px;} div#main_wrap_content_100_a .label-n { width:20px; text-align:right; position:relative; font-size:12px; } div#main_wrap_content_100_a .clear {clear:both; } div#main_wrap_content_100_a form { padding:20px 10px 10px 15px; background-color:#d0c6c0; color:#442a18; } div#main_wrap_content_100_a input { width:120px; height:20px; background-color:#bcada4; color:#442a18; } div#main_wrap_content_100_a select { width: 200px; border-width: 1px; background-color:#bcada4; border-style:solid; border-color:#CCC; margin:2px 5px; color:#442a18; } div#main_wrap_content_100_a select.small { width: 94px; color:#442a18; } div#main_wrap_content_100_a textarea { width: 200px; border-width: 1px; background-color:#bcada4; color:#442a18; border-style:solid; border-color:#CCC; margin:2px 5px;} div#main_wrap_content_100_a input#privacy, div#main_wrap_content_100_a input#newsletter { width: auto; margin-bottom: 0px; margin-left:100px; width: 16px; height: 16px; vertical-align: middle; border-style: none; background-color:#bcada4; color:#442a18; } div#main_wrap_content_100_a #abschicken { width:160px; padding-right:5px; margin-left:50px; color:#442a18; background-color:#d0c6c0; } div#main_wrap_content_100_a .button2 { color:#000000; width:125px; height:29px; background-image:url(../img/expressanfrage-schaltflaeche.png); margin-left:50px; cursor:pointer; background-color:#d0c6c0; } div#main_wrap_content_100_a .button2:hover {color:#FFFFFF; width:125px; height:29px; background-image:url(../img/expressanfrage-schaltflaeche-over.png); background-color:#d0c6c0;} div#main_wrap_content_100_a a { font-size:12px;}