/* ---------------------------------------- */ /* MAIN STYLE */ /* V 1.0 */ /* ---------------------------------------- */ * { margin:0;padding:0; } html,body { height:100%;width:100%; } body { font-size: 100.01%; margin: 0; padding: 0; width: 100%; background: #fff; color:#000; } #wrapper { width:100%; padding:0; margin:0 auto; font: normal 14px/160% Verdana, Geneva, Tahoma, sans-serif; } h1 {font: 40px/normal Verdana, Geneva, Tahoma, sans-serif; } h2 {font: 36px/normal Verdana, Geneva, Tahoma, sans-serif; } h3 {font: 32px/normal Verdana, Geneva, Tahoma, sans-serif; } h4 {font: 28px/normal Verdana, Geneva, Tahoma, sans-serif; } h5 {font: 22px/normal Verdana, Geneva, Tahoma, sans-serif; } h6 {font: 14px/normal Verdana, Geneva, Tahoma, sans-serif;font-weight:bold; } h1, h2, h3, h4, h5, h6 { padding: 5px 0; margin: 5px 0; color: #000; text-decoration: none; border-bottom: 1px #f0f0f0 solid;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none;} p { color: #222; padding: 5px 5px; margin: 0;} ol, ul { font-size: 100%; margin-left: 25px; padding: 5px; color: #000;} blockquote { margin:12px 8px; padding: 14px 10px 15px 100px; background: #f1f1f1 url('../images/images_t/quote.gif') no-repeat 20px 20px; border: 1px #b9b9b9 solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} blockquote p {font: italic normal normal 120%/160% Georgia, "Times New Roman", Times, serif; color:#222;} a { color: #0ae; text-decoration:none;} a:hover { color: #09f; text-decoration:underline; } li { } li a { } strong { } span, em { } pre { padding: 0 5px; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word;} code { padding: 5px 5px; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word;} address { padding: 0 5px; } p.clr, .clr { clear:both; padding:0; margin:0; background:none;} hr { clear:both; border-top:5px #000 solid; border-bottom:none; border-left:none; border-right:none; padding:0; margin:5px 0; background:none;} /* ---------------------------------------- */ /* HEADER */ /* ---------------------------------------- */ #header_box {padding:0; margin:0 auto; width:1020px; background: url('../images/images_t/header_bg.gif') center top repeat-x;} .header {width:788px; float:right; padding:0; margin-top:50px; } .header span { float:left; font: 20px/50px Verdana, Geneva, Tahoma, sans-serif; margin-left:170px; color: #0ae; text-decoration: none;} /* Logo */ .logo { padding:0; margin:15px 0 0 20px; float:left; background:url('../images/images_t/logo.gif') center center no-repeat; height:192px; width:192px; } .slogan { font: normal normal bold 18px/160% Verdana, Geneva, Tahoma, sans-serif; display: block; margin: 0; padding: 60px 0 50px 5px; float: right; width: 783px;} /* ---------------------------------------- */ /* MENU TOP */ /* ---------------------------------------- */ .menu {padding:0; margin:2px 80px 0 0; width:672px; float:right;} .menu ul {padding:0; margin:0; height:50px; list-style:none;} .menu li {float: left; margin: 0; padding: 0; font: normal 20px/160% Verdana, Geneva, Tahoma, sans-serif; width:33%; border-right:1px #f0f0f0 solid; border-bottom:3px #222 double;} .menu li:last-child {border-right:none;} .menu li ul li { width:100%; border-bottom:none; } .menu li a { color:#222; display:block; line-height:60px; margin:0; padding:0 25px; text-align:center; text-decoration:none; font-weight:normal;} .menu li a:hover, .menu ul li:hover a { background: #f9f9f9; color:#000; text-decoration:none; } /* Submenu */ .menu li ul { background:#fff; display:none; height:auto; width:230px; padding:25px 15px 40px 15px; margin:0; border:none; border-top:3px #222 solid; position:absolute; z-index:200; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);} .menu li:hover ul { display:block; } .menu li li { display:block; float:none; margin:0; padding:0; border-right:none;} .menu li:hover li a { background:none; color:#222; } .menu li ul a { display:block; height:35px; font-size:12px; font-style:normal; font-weight:bold; line-height:35px; margin:0px; padding:0 20px 0 5px; text-align:left; border-bottom:1px #222 dashed; } .menu li ul a:hover, .menu li ul li:hover a { background:#222 url('../images/images_t/menu_sub_next.gif') 210px center no-repeat; border:0; color:#fff; text-decoration:none; border-bottom:1px #222 dashed; } .menu li ul li ul li { display:none;} .menu p { clear:left; } .menu ul li .selected { color:#222; font-weight:normal; background:#fff; } .menu ul li ul li .selected { color:#222; font-weight: bold; background:#f9f9f9; } /* ---------------------------------------- */ /* BODY */ /* ---------------------------------------- */ #body { padding:20px 0; margin:0 auto;width: 1020px;} .body_content {padding:0; width:1020px; margin:0 auto;} /* Content with Sidebar */ .content {width: 570px; margin: 0; padding:0 30px; float: left;} /* Content without Sidebar */ .content_full { width:980px; margin:0; padding:0 20px; float: left;} .module-230 { width:230px; float:left; margin:0 6px 85px 6px; text-align:center; border-bottom: 1px #000 dotted;} .module-230 p { border-top:1px #000 solid; margin-top:1px;} .module-230 img { padding:0 !important; margin:0 !important; border-bottom:1px #000 dotted;} .content img, .content_full img {padding:10px; display:block; margin:0 auto;} .content ul, .content_full ul { list-style-image:url('../images/images_t/list_blue.gif'); } .content ul li, .content_full ul li { padding-left:5px;padding-bottom:10px;} .fehlerText { color:#F00; font-weight:bold; } .inputTable { font-size:13px;} .inputTable td { padding-bottom:5px;padding-top:5px;} .inputTable input { width:120px; } .inputTableText { font-size:13px;} .inputTableText td { padding-bottom:5px;padding-top:5px;} .inputTableText input { width:120px; } } /* ---------------------------------------- */ /* SIDEBAR */ /* ---------------------------------------- */ #sidebar h1 {font: 160%/normal Georgia, "Times New Roman", Times, serif; } #sidebar h2 {font: 150%/normal Georgia, "Times New Roman", Times, serif; } #sidebar h3 {font: 140%/normal Georgia, "Times New Roman", Times, serif; } #sidebar h4 {font: 130%/normal Georgia, "Times New Roman", Times, serif; } #sidebar h5 {font: 125%/normal Georgia, "Times New Roman", Times, serif; } #sidebar h6 {font: 120%/normal Georgia, "Times New Roman", Times, serif; } #sidebar p { font: normal 11px/150% Verdana, Geneva, Tahoma, sans-serif; padding:0; } #sidebar p span { color:#0ae;} #sidebar ol { list-style-type:decimal-leading-zero; font: normal 12px/160% Verdana, Geneva, Tahoma, sans-serif; margin-top:10px; margin-bottom:10px;} #sidebar .selected {color:#f00; font-weight:bold; } #sidebar ul { font: normal 11px/160% Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; } #sidebar ul li.green { background:url('../images/images_t/lights-green.gif') left center no-repeat; padding:3px 0 3px 25px;} #sidebar ul li.yellow { background:url('../images/images_t/lights-yellow.gif') left center no-repeat; padding:3px 0 3px 25px;} #sidebar ul li.red { background:url('../images/images_t/lights-red.gif') left center no-repeat; padding:3px 0 3px 25px;} #sidebar .side-box { margin:20px 0; padding:0 10px 10px 10px; border:#a1a1a1 1px solid; border-radius:10px;} #sidebar .box-title { background: url('../images/images_t/sidebar-top2.gif') center bottom repeat-x; width:174px; color:#575757; font-size:14px; font-weight:bold; text-align:center; padding:5px 0; margin:0 0 15px -10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} #sidebar.left, #sidebar.right { width:176px; margin:0; padding:0px;} #sidebar.left { margin-left:30px;} #sidebar.right { float:right;} #sidebar.left { float:left;} #sidebar.right ul, #sidebar.left ul { list-style-type:none; margin:0;} #sidebar.right a, #sidebar.left a { color:#0ae; text-decoration:none;} #sidebar.right a:hover, #sidebar.left a:hover { color:#09f; text-decoration:underline; } #sidebar.right img, #sidebar.left img { padding:0; max-height:150px; max-width:150px;} #sidebar.left .GPAREA, #sidebar.right .GPAREA { margin:20px 0; padding:30px 10px 10px 10px; border:#a1a1a1 1px solid; border-radius:10px; background: url('../images/images_t/sidebar-top.gif') center top repeat-x;} #sidebar.left div.GPAREA:first-child, #sidebar.right div.GPAREA:first-child, #sidebar .side-box:first-child { margin-top:0;} /* Sidebar Menu*/ #sidebar .menu_top ul {padding:0; margin:0; list-style:none;} #sidebar .menu_top li {padding:0; margin:0; font: 600 16px/160% Verdana, Geneva, Tahoma, sans-serif; border-bottom:1px #f0f0f0 solid;} #sidebar .menu_top li a { color:#222; display:block; padding-left:5px; line-height:40px; margin:0; text-decoration:none;} #sidebar .menu_top li a:hover, #sidebar .menu_top ul li:hover a { background: #f9f9f9; color:#000; text-decoration:none; } /* Submenu */ #sidebar .menu_top li ul { list-style-image:url('../images/images_t/sub.gif'); padding-left:20px; margin:0; border:none; border-top:3px #f0f0f0 solid; } /* SubSubmenu - hidden*/ #sidebar .menu_top li ul li ul li { display:none;} /* ---------------------------------------- */ /* CONTACT FORM */ /* ---------------------------------------- */ .contactform { margin:0; padding:5px 10px; width:570px;} .contactform * { color:#000;} #body input.text, #body textarea {border: 1px #ECECEC solid; margin: 0; padding: 2px; height: 20px; background: #f9f9f9; color: #000;} #sidebar input.text, #sidebar textarea { width:148px;} #body textarea { min-height:50px; background-color:white; font-family:Verdana, Geneva, Tahoma, sans-serif; } #body label { font:normal 100%/120% Verdana, Geneva, Tahoma, sans-serif; } #body .submit { background: #def url('../images/images_t/button.gif') center bottom; float:right; padding: 5px 15px; margin:15px 0px 15px 0; width:200px; font-weight:bold; color: #555; border: 1px #a5a5a5 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #body .submit:hover { color:#000; border-color:#000; } #body .submit: { color:#000; border-color:#000; } input[type="submit"][disabled="disabled"], #body .submit:disabled { color:white; background:#CCC } .myguestbook_form .submit { margin-right: 15px !important; width:130px !important; } .search_results .submit { float:right !important; width:110px !important; margin:0 !important; padding:4px 15px !important;} .contactform label span.title { width:160px;} .contactform input { width:380px;} .contactform textarea { width:96%;} /* ---------------------------------------- */ /* SOCIAL LINKS */ /* ---------------------------------------- */ #footer-social {width:80px; padding:5px; float: right; margin:0 5px 0 0;} #header-social {width:80px; padding:0; float: right; margin:0 5px 0 0;} #footer-social ul, #header-social ul {width:auto !important; float:right !important;} .social-links {width:100%; float:left; margin:4px 0 0 0; list-style:none;} .social-links li {width:32px; height:32px; float:left; margin:0 2px 0 0;} .social-links li a {width:32px; height:32px; float:left; text-indent:-99999px; overflow:hidden;} .social-links li.facebook a {background:url(../images/images_t/social-links.gif) no-repeat 0 0;} .social-links li.facebook a:hover {background:url(../images/images_t/social-links.gif) no-repeat -67px 0;} .social-links li.twitter a {background:url(../images/images_t/social-links.gif) no-repeat 0 -35px;} .social-links li.twitter a:hover {background:url(../images/images_t/social-links.gif) no-repeat -67px -35px;} /* ---------------------------------------- */ /* FOOTER */ /* ---------------------------------------- */ #footer_box {width:100%; padding:0 0 15px 0; float:left; margin:30px 0 0 0; color:#2e2e2e; font:normal 12px/160% Verdana, Geneva, Tahoma, sans-serif; } #container_footer {width:1020px; margin:0px auto; border-top:5px #000 solid;} /* footer menu */ .footer_menu ul { padding:5px; margin:0; list-style:none; color:#2e2e2e; font:normal 12px/160% Verdana, Geneva, Tahoma, sans-serif;} .footer_menu li { float: right; margin:0; padding:0;} .footer_menu li a { background:url('../images/images_t/sep.jpg') center right no-repeat; color:#2e2e2e; display:block; line-height:50px; padding:0 25px; text-align:center; text-decoration:none; } .footer_menu li:first-child a { background:none;} .footer_menu li a:hover { color:#09f; text-decoration:none;} .footer_menu li ul, .footer_menu li ul li ul { display:none;} .copyright p {padding:10px 5px; margin:10px 0 ; float:left;} /* ---------------------------------------- */ /************** IE6 and IE7 FIX *************/ /* ---------------------------------------- */ * html hr { border: 5px #000 solid;} /*ie6 fix */ * +html hr { border:5px #000 solid;} /*ie7 fix */ /* ---------------------------------------- */ /************ IE6 and IE7 FIX end ***********/ /* ---------------------------------------- */ /* ---------------------------------------- */ /************** AMPELFARBEN *************/ /* ---------------------------------------- */ .ampel { padding:10px 25px 10px 10px; border-left:15px solid; border-top:2px dotted; border-bottom:2px dotted; border-right:2px dotted; margin-top:20px; margin-bottom:20px; } .gruen { border-color:#4EF17A; } .gelb{ border-color:#F1F803; } .rot { border-color:#FF0000; } .grau { border-color:#DDDDDD; } .warnBox { padding:10px 25px 10px 10px; border: 2px dotted #FF0000; margin-top:20px; margin-bottom:20px; font-size:11px; line-height:100%; } .fullWidth { width:780px; } .smallFont { font-size:11px;line-height:110%; } .parallel { float:left;margin-right:10px; } /* ---------------------------------------- */ /************** TABELLEN-ZEUGS *************/ /* ---------------------------------------- */ .bgGrau { background-color:#F4F4F4 } .kopfzeileBlau { background-color:#e0f0ff; font-weight:bold; } .kopfzeileGelb { background-color:#ffcc00; font-weight:bold; } .summaryTable td { border-bottom:1px solid #808080; padding-left:5px; } .bottomLine { border-bottom:1px solid black; } .spaceRow td { height:10px; } /* -------------------------------------------------------------------------------------------------------------------- */ /*+++++++++++++++++++++++++++++++++++++++++++++++++ gp|EASY FORMATTING +++++++++++++++++++++++++++++++++++++++++++++++++*/ /* -------------------------------------------------------------------------------------------------------------------- */ /********** gp Gallery **********/ .gp_gallery{ clear:both; margin:25px 0 25px 25px; padding:0; } .gp_gallery p {} .gp_gallery li{ float:left; width:112px; height:112px; overflow:hidden; list-style:none; display:inline-block; margin:0 20px 15px 0; padding:0; border:none; background:#f5f5f5; color:#000; position:relative; } .gp_gallery div { text-align:center; padding:5px; margin:110px 0 0 0; } .gp_gallery div a { text-decoration:none; font:bold 120% Verdana, Geneva, Tahoma, sans-serif; color:#0ae; } .gp_gallery div a:hover { background:#fff; text-decoration:underline; } .gp_gallery img { top: 0; left: 0; background: #CCC; padding: 5px; position: absolute; margin: 0; border: 1px #C0C0C0 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .gp_gallery img:hover { background:#0ae; border: 1px solid #05c; } .gp_gallery .caption { display:none;} .gp_galleries li { width: 112px; height: 195px; background: #F5F5F5;} .gp_galleries img { width:100px; height:100px; } /********** Guestbook **********/ .myguestbook_name { font-size:22px; background:#fcfcfc; padding:5px 10px; border: 1px #ececec solid; margin-top: 25px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;} .myguestbook_info { background:#f9f9f9; padding:0 10px; border-bottom: 1px #ececec solid; border-left: 1px #ececec solid; border-right: 1px #ececec solid; color: #565656;} .myguestbook_text { background:#fff; border:1px #ececec solid; margin:3px 0; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /********** BLOG **********/ .simple_blog_info { color:#000;} .gpArea_Simple_Blog h3 { font: 30px/42px Verdana, Geneva, Tahoma, sans-serif; text-decoration:none; color:#000; border-bottom:1px #f9f9f9 solid; margin:20px 0;} .gpArea_Simple_Blog h3 a { font: 30px/42px Verdana, Geneva, Tahoma, sans-serif; text-decoration:none; color:#000;} .gpArea_Simple_Blog .simple_blog_title, .gpArea_Simple_Blog .simple_blog_title a { background:#f9f9f9; color:#000; font-weight:bold; } .gpArea_Simple_Blog .simple_blog_abbrev { padding-bottom:30px;} .comment_container .comment_area { margin:15px 0; background:#fff; border:1px #ececec solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .comment_container .comment_area .name {background: #F7F7F7; border-bottom:1px #ececec solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .comment_container .comment_area .name a { font-weight:bold; color:#000; } .comment_container .comment_area .name a:hover { color:#09f;} .comment_container .comment_area .name span { float:right;} .comment_container .comment_area .comment { margin:10px 0;} .comment_container h3 { border-bottom:1px #c0c0c0 dashed; margin-top:15px;} /********** Site Map Links **********/ .sitemap_link {display:none;} .sitemap_xml, .powered_by_link, #powered_by_link, .siteinfo {display:none;} /*.login_link a { font: normal 1em Verdana, Geneva, Tahoma, sans-serif; color:#2e2e2e; line-height:1.8em;} .login_link a:hover { color:#09f; text-decoration:underline;} */ /********** gpEasy Admin **********/ #admincontainer, #admincontent, #admincontent .adminlinks { width:570px; } /* -------------------------------------------------------------------------------------------------------------------- */ /*+++++++++++++++++++++++++++++++++++++++++++++++++ gp|EASY FORMATTING END +++++++++++++++++++++++++++++++++++++++++++++++++*/ /* -------------------------------------------------------------------------------------------------------------------- */ .popup { } /*Vorschau*/ .vorschauBackground { background-image:url('../images/Vorschau2.png'); } .vorschauZeigen { display: none; } /*Mobile Tablet*/ @media only screen and (max-width: 1000px) { /* iPad [portrait + landscape] */ /*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {*/ #sidebar.left { display:none; } .body_content { width:820px; } #body {width:820px;} #container_footer { width:820px;} #header_box { width:820px;} .header {width:588px;} .header span { margin-left:0px; } .slogan { width: 583px;} } /*Mobile Smartphone*/ @media only screen and (max-width: 800px) { /* iPhone [portrait + landscape] */ /*@media only screen and (max-device-width: 480px) {*/ #sidebar.left { display:none; } .body_content { width:820px; -webkit-transition: -webkit-transform 0.5s ease ; -moz-transition: -moz-transform 0.5s ease ; -ms-transition: -ms-transform 0.5s ease ; -o-transition: -o-transform 0.5s ease ; transition: transform 0.5s ease ; } #body {overflow: hidden; width:620px;} #container_footer { width:620px;} #header_box { width:620px;} .header {width:388px;} .header span { margin-left:-15px; margin-top:-10px; font: 20px/24px Verdana, Geneva, Tahoma, sans-serif;} .slogan { font: normal normal bold 17px/140% Verdana, Geneva, Tahoma, sans-serif; padding: 30px 0 20px 5px; width: 323px; float:left;} /*383*/ .mMenu { padding:0; margin:20px 0 0 0px; float:right; background:url('../images/images_t/mMenu.png') center center no-repeat; height:70px; width:70px; } .mMenu-open { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .mMenu-close { -webkit-transform: translate3D(0px, 0px, 0px); -moz-transform: translate3D(0px, 0px, 0px); -ms-transform: translate3D(0px, 0px, 0px); -o-transform: translate3D(0px, 0px, 0px); transform: translate3D(0px, 0px, 0px); } #body .submit { font: bold 16px/120% Verdana; width:300px; } .fullWidth { width:590px } .numberInput {font: normal 14px/120% Verdana; width:100px;} .textInput {font: normal 20px/120% Verdana; width:120px;} warnBox { font-size:13px; } .footer_menu ul { font:normal 14px/160% Verdana, Geneva, Tahoma, sans-serif;} #Zustimmen {width:20px; height:20px;} .inputRadio {width:25px; height:25px;} #sidebar p { font: normal 14px/150% Verdana, Geneva, Tahoma, sans-serif; } .inputTable { font-size:18px;} .inputTableText { font-size:24px;} .inputTable input { width:70px; } .inputTableText input { width:120px; } } .filterCheckbox { padding 2px; margin-left: 5px; margin-right: 3px; }