/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "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-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}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} /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b} /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ body,form{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}@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}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ #wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px !important}.offset2{margin-left:170px !important}.offset3{margin-left:250px !important}.offset4{margin-left:330px !important}.offset5{margin-left:410px !important}.offset6{margin-left:490px !important}.offset7{margin-left:570px !important}.offset8{margin-left:650px !important}.offset9{margin-left:730px !important}.offset10{margin-left:810px !important}.offset11{margin-left:890px !important}.offset12{margin-left:970px !important}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px !important}.offset2{margin-left:134px !important}.offset3{margin-left:196px !important}.offset4{margin-left:258px !important}.offset5{margin-left:320px !important}.offset6{margin-left:382px !important}.offset7{margin-left:444px !important}.offset8{margin-left:506px !important}.offset9{margin-left:568px !important}.offset10{margin-left:630px !important}.offset11{margin-left:692px !important}.offset12{margin-left:754px !important}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:10px !important}} /* --------------------------------------------- FONTS --------------------------------------------- */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff'); } @font-face { font-family: 'Handlee'; font-style: normal; font-weight: 400; src: local('Handlee Regular'), local('Handlee-Regular'), url(http://themes.googleusercontent.com/static/fonts/handlee/v3/lXdgF9zSHTlhzKRElEhHowLUuEpTyoUstqEm5AMlJo4.woff) format('woff'); } @font-face { font-family: 'caviar_dreamsregular'; src: url("../../files/fonts/CaviarDreams-webfont.eot"); src: url("../../files/fonts/CaviarDreams-webfont.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/CaviarDreams-webfont.woff") format('woff'), url("../../files/fonts/CaviarDreams-webfont.ttf") format('truetype'), url("../../files/fonts/CaviarDreams-webfont.svg#caviar_dreamsregular") format('svg'); font-weight: normal; font-style: normal; } /* --------------------------------------------- GLOBAL --------------------------------------------- */ html, body { height: 100%; } body { min-height: 100%; } body { font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #0d0d0d; background-color: #fbfcf4 !important; } :focus { outline: none; } ul, li { margin-bottom: 0; } a { color: #0d0d0d; text-decoration: none; } a:hover { text-decoration: underline; } img { width: 100%; height: auto; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form { margin-bottom: 16px; } /* --------------------------------------------- TYPOGRAPHY --------------------------------------------- */ h1,h2,h3,h4,h5 { font-family: 'Handlee', cursive; } h2 { text-align: center; background: url(../../files/img/layout/h1-bg.png) 0 center repeat-x; } h2 span { background: #fbfcf4; padding-left: 1em; padding-right: 1em; } body.home h2 { margin-top: .250em; } /* --------------------------------------------- HEADER --------------------------------------------- */ #header { width: 100%; height: 46px; position: fixed; left: 0; background: #fff; z-index: 9999; } #header h1.logo a:hover { text-decoration: none; } #header h1.logo { float: left; margin: 0; margin-left: 10px; padding: 0; padding-top: 4px; font-family: 'Handlee'; text-transform: uppercase; letter-spacing: -4px; font-size: 30px; background: none; } #header h1.logo span { background: none; } #mmenutgl { width: 25px; height: 25px; display: block; float: right; margin: 10px; cursor: pointer; background: url(../../files/img/layout/mmenutgl.png) 0 0 no-repeat; background-size: 25px 25px; } #mmenu { display: none; clear: both; } #mmenu > ul > li { background: #fff; border-bottom: 1px solid #f1f1f1; } #mmenu li ul { display: none; background: #fff; transition: all 0.5s ease; } #mmenu li:hover ul { display: block; } #mmenu li ul a, #mmenu li ul span { font-size: 14px; white-space: inherit; } #mmenu li:hover ul { display: block; } #mmenu a, #mmenu span { display: block; padding: 10px 20px; text-align: center; } #mmenu a:hover, #mmenu a.active, #mmenu a.trail, #mmenu a.focus, #mmenu span:hover { text-decoration: underline; } #mmenu span { cursor: pointer; } /* --------------------------------------------- CONTAINER --------------------------------------------- */ #container { padding-top: 80px; padding-bottom: 60px; } #container a { font-style: italic; } #container .ce_text ul { margin-left: 20px; list-style-type: disc; } /* HOME */ body.home #container { text-align: center; } .portrait img { width: 300px; height: 300px; margin-left: auto !important; margin-right: auto !important; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; } .site_title { margin-top: 10px; margin-bottom: 10px; font-family: 'Handlee'; text-transform: uppercase; letter-spacing: -7px; font-size: 70px; } /* --------------------------------------------- FORMS --------------------------------------------- */ form input, form textarea { margin-bottom: 1em; padding: 1em !important; } form input[type="submit"], a.btn { padding: 1em 2em !important; font-size: 12px; font-style: italic; color: #fff; background: #0d0d0d; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } form input[type="submit"] { float: right; } form input[type="submit"]:hover, a.btn:hover { text-decoration: none; background: #333; } textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder { color:transparent; } textarea:focus:-moz-placeholder, input:focus:-moz-placeholder { color:transparent; } textarea:focus::-moz-placeholder, input:focus::-moz-placeholder { color:transparent; } /* --------------------------------------------- FOOTER --------------------------------------------- */ #footer { font-size: 14px; padding-top: 10px; padding-bottom: 20px; border-top: 1px solid #0d0d0d; } #fmenu li { float: none; } #fmenu a, #fmenu span { padding: 6px 10px; padding-left: 0; font-size: 14px; } .gy_banner { width: 285px; margin: 0 auto; } .gy_banner img { width: auto !important; } .google_plus, .facebook { float: right; margin-left: 1rem; } .google_plus img, .facebook img { width: 32px; height: 32px; } #copyright { margin-top: 40px; font-size: 12px; } /* --------------------------------------------- MEDIA QUERIES --------------------------------------------- */ @media all and (max-width: 767px) { body { background-image: none !important; } } @media all and (max-width: 959px) { body { background-size: 50% auto !important; } } @media all and (min-width: 960px) { #header .inside { width: 960px; margin: 0 auto; } #mmenutgl { display: none; } #mmenu { display: block !important; float: right; clear: none; } #mmenu > ul > li { float: left; background: none; border-bottom: none; } #mmenu li.home { font-family: 'Handlee'; text-transform: uppercase; letter-spacing: -3px; font-size: 30px; } #mmenu li.home a, #mmenu li.home span { padding: 4px 20px 0; } #mmenu li ul { width: 200px; } #copyright { float: left; } }