/* Theme Name: miro-fassaden Theme url: www.team-work.lu Description: personalized theme by teamkWork 2013 Version: 1.0 Author: TeamWork Author URL: www.team-work.lu */ /* Fonts */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://webfonts.fonts.com */ @import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=fc154bd8-18bd-4213-a7fa-f90a00d55795"); @font-face{ font-family:"DIN Next W01 Light"; src:url("Fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix"); src:url("Fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"),url("Fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("Fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"),url("Fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg"); } @font-face{ font-family:"DIN Next W01 Regular"; src:url("Fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix"); src:url("Fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"),url("Fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("Fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("Fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg"); } /* Plugins */ /* Slider startsite */ .twssh-slider * { font-family: 'DIN Next W01 Regular' !important; } .twssh_slide_title { font-size: 19px;} /* Contact formular */ .wpcf7 {width: 400px;} .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { border: solid 1px #aaa; } /* configurations / Reset */ * { color: #474747; font-family: Arial, Helvetica, sans-serif; } a { color: #474747; } a img { border: none; } ul, li { padding: 0; margin: 0; } body { background-image: url("images/hg_kachel.jpg"); background-repeat: repeat; margin: 0; } .page-wrapper { padding: 0px; width: 950px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #ffffdf;} .header { margin: 0px; padding: 0px; width: 950px; height: 100px; background-repeat: no-repeat; background-image: url(images/hg_kopf.jpg);} .header-wrapper { position: relative; } .content h1 { font-family: 'DIN Next W01 Regular'; white-space: nowrap; font-size: 40px; } .content h2 { color: #484848; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; } .content p { color: #474747; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 22px; width: 90%; } .content ul { padding: 0 0 0 40px; margin: 0; } .content ul li { color: #474747; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 20px; list-style-type: circle; margin: 0; padding: 0; } /* menu */ .menu-wrapper { padding: 20px 0 0 180px; width: 770px; height: 80px; } ul.menu { list-style: none; position: relative; } ul.menu li { float: left; display: block; position: relative; } ul.menu li a { display: block; color: #FFFFFF; cursor: pointer; font: 12px/100% Arial,Helvetica,sans-serif; text-align: center; text-decoration: none; padding: 10px 8px; text-transform: uppercase;} ul.menu li a:hover { background-color: #D6CB9A; color: #555; } ul.menu li:hover a {background-color: #D6CB9A; color: #555; } ul.menu li.current_page_item a { background-color: #D6CB9A; color: #555; } ul.menu li.current_page_item ul li a { background-color: #BFB68D; } ul.menu li ul { display: none; position: absolute; top: 32px; left: 0px; z-index: 1000; padding-top: 13px; } ul.menu li:hover ul { display: block;} ul.menu li:hover a {background-color: #D6CB9A; display: block;} ul.menu li:hover ul li { display: block; clear: both; border-bottom: 1px solid #FFF; } ul.menu li:hover ul li a { color: #555; width: 125px; text-align: left; background-color: #D6CB9A; text-transform: capitalize; } ul.menu li:hover ul li a:hover { color: #333; background-color: #BFB68D; } /* content */ .content-wrapper { position: relative; overflow: hidden; } .content { height: auto; width: 950px; margin: 0px; padding: 0px; min-height: 700px; } .home { background-image: url(images/hg_content.jpg); background-repeat: no-repeat; background-color: #FFFFDF; height: 220px; padding: 60px 0 0 50px; } .home .box { float: left; margin: 0 20px 0 0; padding: 0; width: 280px; } .home .box h1 { font-size: 20px; color: #474747; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: Arial,Helvetica,sans-serif; } .home .box p { font-size: 12px; color: #474747; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 20px; width: 100%; } .home .box h2 { font-size: 14px; color: #474747; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;} .col-main { float: left; margin: 0; padding: 0 0 0 130px; width: 820px; } .col-main.full-size { padding: 0 130px; clear: both; width: 690px; } .col-main.full-size p { width: 100%; } .col-right { float: right; width: 380px; margin: 100px 0 0 50px; } .col-right img { width: 100%; margin-top: 50px; margin-bottom: 50px; } /* footer */ .footer-wrapper { position: relative; } .footer { background-color: #ffffdf; width: 950px; margin: 10px auto; height: 40px } .created-by { color: #BFB68D; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 20px; margin: 0; padding: 10px 20px 0 0; width: 200px; } .created-by a { color: #BFB68D; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bolder; text-decoration: none; } .created-by a:hover {color: #474747;} .copyright { color: #BFB68D; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 20px; margin: 0; padding: 10px 0 0 20px; width: 200px; }