/* colour styles : custom */ @import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic|Raleway); @import url(http://fonts.googleapis.com/css?family=Raleway:400,200,100,300,500,600,700,800,900); @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic,900,700italic,700,600italic,600,400italic,300,200italic,200,300italic); /* font-family: 'Josefin Sans', sans-serif; font-family: 'Raleway', sans-serif; */ body { background: #FFF; font-size:12px; line-height:20px; font-family: 'Source Sans Pro', sans-serif; margin:10px; height:100%; } #wrap { padding:20px 20px 60px 20px; border: 10px solid #000000; height:100%; display:block; overflow:hidden;} /* font styles */ h1,h2,h3,h4,h5,h6 { text-transform:uppercase; font-family: 'Raleway', sans-serif;} h1 { font-size:38px; line-height:45px;letter-spacing:0px; padding:30px; margin:0px 0px !important; font-weight:700; } h2 { font-size:21px; line-height:30px; letter-spacing:2px; padding:0px; margin:0px 0px !important; font-weight:400; margin-bottom:5px; margin-top:30px; font-family: 'Josefin Sans', sans-serif; } h3 { font-size:15px; line-height:20px; color:#000000; padding:0px; margin:0px; font-weight:700; } h4 { font-size:15px; line-height:20px; color:#000000; padding:0px; margin:0px; font-weight:700; } h5 { font-size:13px; line-height:22px; color:#000000; padding:0px; margin:0px; font-weight:normal; } h6 { font-size:12px; line-height:22px; color:#000000; padding:0px; margin:0px; font-weight:normal; } p { font-size:14px; color:#454545; line-height:20px; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight:400; } p strong {font-weight:700;} #intro-content p { font-size:14px; color:#fff; line-height:20px; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight:400; } /* list Styles */ ul { padding:0px; margin:0; margin-left:0px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; margin-top:10px; } ul li { font-size:12px; color:#000; list-style:inside; list-style-type:square;} ol { padding:0px; margin:0; margin-left:25px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; margin-top:10px; } ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style-type: decimal; } /* link styles */ a:link {color:#444444; text-decoration: none;} a:visited {color:#444444; text-decoration: none;} a:hover {color:#000000; text-decoration: none;} a:active {color:#444444; text-decoration: none;} a:focus {outline-style: none;} /* header nav styles */ #header { width:100%; text-align:center; } #header h1 { font-size:36px; line-height:41px; color:#000; padding:0px; margin:0px; font-weight:bold;} #header h2 { font-size:11px; line-height:23px; color:#000; padding:0px; margin:0px 0px 10px 0px !important; font-weight:bold;} #logo { margin-top:0px;} #logo img { max-width:310px; } #nav { width:100%; height:auto; display:block; padding:0px 0 0 0 !important; background-color:#000; } #nav ul { display: block; list-style: none; padding:0px; line-height:40px; clear:both; text-transform:uppercase; font-family: 'Raleway', sans-serif; text-align:center !important; font-weight:bold; } #nav ul li { display: inline-block; font-size: 12px; margin:0px; padding:0px; height:40px; } #nav ul li a { text-decoration:none; margin-top:5px; padding:0px 10px; color:#e5e5e5; } #nav ul li:hover { color:#000 !important; background-color:#ccc; } /* footer styles */ #footer-area { width:100%; height:auto; display:inline; float:left; padding-top:10px; margin-top:20px; clear:both; } #footer-area .widget { width:310px; padding-top:15px; display:inline; float:left; font-size:12px; color:#000; line-height:18px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; } #footer-area .widget h3 { color:#000000;} #footer-area .widget p { color:#000000;} #footer-area .widget ul { margin-left:0px;} #footer-area .widget li { color:#000000; } #footer-area .widget a { color:#000000;} #footer-area .widget a:hover { color:#FFF;} #footer-area .widget-copy { width:280px; overflow:hidden; display:inline; float:left; } #footer-nav { width:100%; height:auto; display:block; padding:0px 0 0 0 !important; float:left; } #footer-nav ul { display: block; list-style: none; padding:0px; text-transform:uppercase; font-family: 'Raleway', sans-serif; text-align:center !important; } #footer-nav ul li { display: inline-block; font-size: 10px; margin:0px; padding:0px; } #footer-nav ul li a { text-decoration:none; padding:0px 10px; color:#000000; } #footer-nav ul li:hover { color:#000 !important; background-color:#ccc; } /* copyright styles */ #copyright { clear:both; width:100%; margin-top:20px; margin-bottom:20px; text-align:center; background-color:rgba(224,224,224,0.71); } #copyright p {color:#000000; font-size:12px; line-height:14px; } #copyright a {color:#222222; text-decoration: none;} #copyright a:hover {color:#FFFF; text-decoration: underline;} /* home filter */ #filters { text-align: center; padding: 10px 0; margin: 10px auto 0px auto; } #filters li { display: inline-block; cursor: pointer; margin: 0 10px; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-size:13px; font-weight:700; } #filters li:hover { color: #ccc; } /* single post style */ body.single .post h1 { font-size:36px; line-height:41px; color:#000000; padding:30px 30px 0 30px; margin:0px; font-weight:700; width:auto;} body.single .post h3 { font-size:26px; line-height:31px; padding:6px 30px; color:#333333; border-top:1px solid #000; border-bottom:1px solid #000; } body.archive .gridly-image {float:left; margin-right:30px;} body.archive .gridly-image img {width:150px; height:auto; } body.archive .float-left {float:; } /* post and page styles */ .type-post, .type-event, .type-gastro, .type-course, .type-page { background-color:rgba(220,220,220,0.45); margin: 15px auto; padding:30px 10px; max-width: 960px; text-align:center; } .type-post h3, .type-event h3, .type-gastro h3, .type-course h3, .type-page h3 { font-size:26px; line-height:31px; } .type-attachment { width:770px; background:#FFF; border-right:1px solid #000000; border-bottom:1px solid #000000; margin-right:10px; margin-top:15px; display:inline; float:left; } #post-area ul#event-list { display: block; list-style: none; padding:0px; text-align:center !important; height:100% !important; width:100%; background-color:rgba(0,0,0,1); } #post-area ul#event-list li { background-color: rgba(0, 0, 0, 0.1); display: none; float: left; list-style: none outside none; margin: 0 7px 10px !important; width: 210px !important; text-align: center; } #post-area ul#event-list li.gastro-spezial { background: rgba(100,140,133,0.7); list-style:none; display:none; margin: 0 7px 10px !important; width: 210px !important /*360px*/; height:325px; } #post-area ul#event-list li.kurse-spezial { list-style:none; display:none; margin: 0 7px 10px !important; width: 284px !important; height:325px; background:#ccc; } #post-area ul#event-list li.gastro-spezial h3, #post-area ul#event-list li.kurse-spezial h3 { display:block; font-size:240% !important; margin:10px 0px 10px 0px;} #post-area ul#event-list li.kurse-spezial h4 { bottom:0px !important; } #post-area ul#event-list li.gastro-spezial h3 a, #post-area ul#event-list li.kurse-spezial h3 a { color:#fff !important;} #post-area ul#event-list li .gridly-copy { overflow:hidden; clear:both; padding:6px; margin:0px;} #post-area ul#event-list li .gridly-date { width:150px !important; color:#8e8e8e; font-size:11px; border-bottom:1px dotted #cccccc; padding-bottom:0; padding-top:0;} #post-area ul#event-list li .gridly-link { width:120px; border-bottom:1px dotted #e8e8e8; margin:10px 0 0 0; line-height:20px; padding:5px 10px;font-style:italic; background-color:#000; } #post-area ul#event-list li a img { margin:0 !important; border:0px !important; } #post-area ul#event-list li a img:hover { margin:0 !important; border:0px !important; } #post-area ul#event-list li .gridly-copy h3 { display:block; font-size:100%; line-height:24px;} #post-area ul#event-list li .gridly-copy h4 { display:block; font-size:100%; line-height:24px;} .gridly-image img { height: 280px; width: ; } .gridly-image {max-width:360px; max-height:435px; margin:0px auto 0px;} .courses, .gastro {font-size:13px; line-height:18px;} /* single post nav styles */ .post-prev a { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; float:left; text-indent:-9999px;} .post-prev a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;} .post-next a { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; margin-top:10px; float:right; clear:both; text-indent:-9999px; } .post-next a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;} /* comment styles */ .comments-area ol { list-style:none; margin:0; padding:0; border-bottom:1px solid #8e8e8e; } .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px; } .avatar { display:none;} .reply { display:none;} .comment-meta { display:none;} .comment-author { font-size:16px; font-weight:bold; font-family: 'Source Sans Pro', sans-serif; } #comment-form { width:50%; } .text-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } .comment-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } .comment-submit { clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e; } /* Page */ .page h1 { font-size:36px; line-height:41px; color:#000000; padding:30px 0px 30px 0px; margin:0px; font-weight:bold;} /* Additional and WordPress styles */ .clear { clear:both;} .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; } .alignright { float: right; margin: 0 0 20px 20px; } .wp-caption { text-align: left; margin-top:5px; margin-bottom:5px; } .wp-caption-text { margin-top:2px; text-align:left; font-style:italic; font-size:11px; color:#999; } .sticky {} .gallery-caption {} .bypostauthor {} blockquote { font-size:2em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; } /* end of css file */ .hide {display:none !important;}