/*

Theme Name: MEIKO

Theme URI: http://richwp.com/themes/masterblog/

Author: RichWP

Author URI: http://richwp.com

Description: MasterBlog live demo: http://richwp.com/themes/masterblog/

Version: 1.0.0

Tags: custom-menu, threaded-comments, translation-ready, full-width-template, theme-options



License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html



Copyright 2012 by RichWP

Changelog:	V1.0.0 - 2013-01-08 Release of - RichWP MasterBlog

*/


@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

mark {
display: none;
}

#headertext {
    float: left;
    font-size: 100%;
    line-height: 20px;
    color: rgb(62, 61, 64);
    margin: 42px 0px 0px 25px;
   
}

.wpcf7-list-item { margin-left:50px; }

.info, .success, .warning, .error, .validation {

border: 1px solid;

margin: 10px 0px;

padding:15px 10px 15px 50px;

background-repeat: no-repeat;

background-position: 10px center;

}

.info {

color: #00529B;

background-color: #BDE5F8;



}

.success {

color: #4F8A10;

background-color: #DFF2BF;



}

.warning {

color: #9F6000;

background-color: #FEEFB3;

background-image: url('http://suppal.ch/warning.png');





}

.error {

color: #D8000C;

background-color: #FFBABA;



}

span.wpcf7-list-item { display: block; }



/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;} audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none; height: 0;} [hidden] {display: none;} html {font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */} html, button, input, select, textarea {font-family: sans-serif;} body {margin: 0;} a:focus {outline: thin dotted;} a:active, a:hover {outline: 0;} h1 {font-size: 2em; margin: 0.67em 0;} h2 {font-size: 1.5em; margin: 0.83em 0;} h3 {font-size: 1.17em; margin: 1em 0;} h4 {font-size: 1em; margin: 1.33em 0;} h5 {font-size: 0.83em; margin: 1.67em 0;} h6 {font-size: 0.75em; margin: 2.33em 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} blockquote {margin: 1em 0 1em 0;} dfn {font-style: italic;} mark {background: #ff0; color: #000;} p, pre { margin: 0 0 2em 0;} code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;} pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} q { quotes: none;} q:before, q:after { content: ''; content: none;} small { font-size: 80%;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup { top: -0.5em;} sub { bottom: -0.25em;} dl, menu, ol, ul { margin: 1em 0;} dd { margin: 0 0 0 40px;} menu, ol, ul { padding: 0 0 0 0px;} nav ul, nav ol { list-style: none; list-style-image: none;} img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */} svg:not(:root) { overflow: hidden;} figure {margin: 0;} form { margin: 0;} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */} button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */} button, input { line-height: normal;} button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */} button[disabled], input[disabled] { cursor: default;} input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */} input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */} table { border-collapse: collapse; border-spacing: 0;}



/* RichCSS Grid V1.0 | Copyright 2011, Felix Krusch |http://richwp.com | Free to use under the MIT license http://www.opensource.org/licenses/mit-license.php | Based on: Skeleton V1.1, Copyright 2011, Dave Gamache, www.getskeleton.com | Variable Grid System, http://www.spry-soft.com/grids/ | 960 Grid System, http://960.gs/ | Montreal, 2011-11-26 */

.container_16 {position: relative; width: 1200px;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .container_16 .grid_one-fifth{ float: left; display: inline; margin-left: 10px; margin-right: 10px;} .alpha { margin-left: 0; margin-right: 10px;} .omega { margin-right: 0; margin-left: 10px;} .container_16 .grid_1 {width:55px;} .container_16 .grid_2 {width:130px;} .container_16 .grid_3 {width:205px;} .container_16 .grid_4 {width:280px;} .container_16 .grid_5 {width:355px;} .container_16 .grid_6 {width:430px;} .container_16 .grid_7 {width:505px;} .container_16 .grid_8 {width:580px;} .container_16 .grid_9 {width:655px;} .container_16 .grid_10 {width:730px;} .container_16 .grid_11 {width:805px;} .container_16 .grid_12 {width:880px;} .container_16 .grid_13 {width:955px;} .container_16 .grid_14 {width:1030px;} .container_16 .grid_15 {width:1105px;} .container_16 .grid_16 {width:1180px;} .container_16 .grid_one-third{width: 390px;} .container_16 .grid_two-thirds{width: 620px;} .container_16 .grid_one-fifth{width: 220px;}



@media only screen and (min-width: 960px) and (max-width: 1199px) {

.container_16 { position: relative; width: 960px;}.container_16 .grid_1 {width: 40px;  } .container_16 .grid_2 {width: 100px;} .container_16 .grid_3 {width: 160px;} .container_16 .grid_4 {width: 220px;} .container_16 .grid_5 {width: 280px;} .container_16 .grid_6 {width: 340px;} .container_16 .grid_7 {width: 400px;} .container_16 .grid_8 {width: 460px;} .container_16 .grid_9 {width: 520px;} .container_16 .grid_10 {width:580px;} .container_16 .grid_11 {width: 640px;} .container_16 .grid_12 {width: 700px;} .container_16 .grid_13 {width: 760px;} .container_16 .grid_14 {width:820px;} .container_16 .grid_15 {width: 880px;} .container_16 .grid_16 {width: 940px;} .container_16 .grid_one-third{width: 300px;} .container_16 .grid_two-thirds{width: 620px;}

}



@media only screen and (min-width: 768px) and (max-width: 959px) {

.container_16{width: 768px;} .container_16 .grid_1 {width: 28px;}.container_16 .grid_2 {width: 76px;}.container_16 .grid_3 {width: 124px;} .container_16 .grid_4 {width: 172px;} .container_16 .grid_5 {width: 220px;} .container_16 .grid_6 {width: 268px;} .container_16 .grid_7 {width: 316px;} .container_16 .grid_8 {width: 364px;} .container_16 .grid_9 {width: 412px;} .container_16 .grid_10 {width: 460px;} .container_16 .grid_11 {width: 508px;} .container_16 .grid_12 {width: 556px;} .container_16 .grid_13 {width: 604px;} .container_16 .grid_14 {width: 652px;} .container_16 .grid_15 {width: 700px;} .container_16 .grid_16 {width: 748px;} .container_16 .grid_one-third	{width: 236px;} .container_16 .grid_two-thirds{width: 492px;}

}



@media only screen and (max-width: 767px) {.container_16  {width: 300px;}.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{ margin:0;}.container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16, .container_16 .grid_one-third, .container_16 .grid_two-thirds{width: 300px;}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

.container_16  {width:420px;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { margin: 0;} .container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16, .container_16 .grid_one-third, .container_16 .grid_two-thirds{width: 420px;}    

}





/* RichWP Specific */

body{height:100%;}

.bg{margin: 0px 0 0px 0; background:url("http://tergobon.ch/wp-content/uploads/2014/03/bg.png") repeat-y scroll center top rgb(205, 210, 213);font-family: 'Open Sans',sans-serif; font-size: 16px; color: #4b4b4c;}


/* Text elements */

a{text-decoration: none;}

a:hover, .hover{text-decoration: underline;}	

p {margin-bottom: 15px;}

h1 { font-size: 36px;}

h2, h3#reply-title {font-size: 31px;}

h3 { font-size: 28px;}

h4, h5, h6 {font-size:24px;}

h1, h2, h3, h4, h5, h6{ font-family: 'Roboto', sans-serif; font-weight:400; color:#000000;  line-height: 1.25; margin: 30px 0 10px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#000000;}

h1.entry-title {font-family: 'Roboto', sans-serif; font-weight:400; color: #000000; font-size:40px; font-style:normal; line-height:45px; padding-bottom:10px;}

h1.entry-title a{color: #000000;}

h2.entry-title {color: #000000;}

code, hr, ins, pre { background:#F7F7F7;}	

code { color:#545454; margin: 30px; padding: 0 15px; display:block; border-left:3px solid #545454;}pre{color:#545454;}

hr {background:#E7E7E7;}

#entry-author-info { min-height:80px; background: #F5F4F7; padding: 15px; margin: 20px 0 0 0; overflow: hidden; clear: both; border:1px solid #dfdde0;}	

abbr,acronym { border-bottom: 1px dotted #E7E7E7; cursor: help;}

small, .entry-meta, .entry-utility, .comment-meta, #entry-author-info, #entry-author-info-archive, .logged-in-as, .navigation, #respond label, .wp-caption-text, .archive-meta, entry-preview {font-size: 90%; line-height:20px;}

ul {list-style: square; margin: 0 0 18px 1.5em;}

ol {list-style: decimal; margin: 0 0 18px 1.5em;}

ol ol {list-style:upper-alpha;}

ol ol ol {list-style:lower-roman;}

ol ol ol ol {list-style:lower-alpha;}

ul ul, ol ol, ul ol, ol ul {margin-bottom:0;}

dl {margin:0 0 0 0;}

dt {font-weight: bold;}

dd {margin-bottom: 18px;}

strong, b {font-weight: bold;}

cite, em, i {font-style: italic;}

big {font-size: 131.25%;}

blockquote{font-style: italic; font-size:130%;}

blockquote cite, blockquote em, blockquote i {font-style: italic;}

pre {margin-bottom: 18px; padding: 1.5em;}

ins { text-decoration: none;}

sup, sub {height: 0; line-height: 1; vertical-align: baseline; position: relative;}

sup {bottom: 1ex;}

sub {top: .5ex;}

pre {font-family: "Courier 10 Pitch", Courier, monospace;}

code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}

input, textarea {color: #666; font-size: 14px; line-height:20px;}

hr {border:0; height: 1px; margin-bottom: 18px; clear:both;}

input[type="text"], textarea {padding: 0 0 0 3px;}

.screen-reader-text {position: absolute;left: -9000px;}

.advertising {min-width:100px;}



/* Container */

.containermargin { margin: 0 auto 0 auto;}



/* Header */

#header { width: 100%;}

#masthead {padding: 15px 0 15px 0;}

#logo{min-width: 100px; margin: 5px 0px 5px 10px; min-width:5px; float: left; }

h1#sitetitle{font-weight:400; text-transform: uppercase; color:#000000;  margin:0; font-size: 46px;line-height: 46px; text-shadow: 1px 1px #F7F7F7;}

p#sitedescription{font-size:18px; font-weight:bold; margin: 0 0 3px 0; text-shadow: 0 1px #F7F7F7;}

.headerright{width:350px;float:right;}

#logo a, #logo a:hover{text-decoration: none;}



/* Navigation */
.nav1 {background: rgb(91,91,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(91,91,91,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,91,91,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(91,91,91,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

#navigation {z-index:9999; width:100%;}

.stickyNav{top:0;position:fixed;}

.nav1{ margin: 0 10px 0 10px}

.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}

.sf-menu {line-height:1.0;}

.sf-menu ul {position:absolute; top:-999em;	width:10em;}

.sf-menu ul li {width: 100%;}

.sf-menu li:hover {visibility: inherit;}

.sf-menu li {float: left; position: relative;}

.sf-menu a {display:block; position:relative;}

#access .sf-menu li:hover ul li ul, #access .sf-menu li.sfHover ul li ul, #access2 .sf-menu li:hover ul li ul, #access2 .sf-menu li.sfHover ul li ul {left:0; top:0px; z-index:99;}

#access .sf-menu a.sf-with-ul, #access2 .sf-menu a.sf-with-ul {padding-right:2.25em; min-width:1px;}

#access a > .sf-sub-indicator, #access2 a > .sf-sub-indicator {background-position:0 -100px;}

#access a:focus > .sf-sub-indicator, #access2 a:focus > .sf-sub-indicator, #access a:hover > .sf-sub-indicator, #access2 a:hover > .sf-sub-indicator, #access a:active > .sf-sub-indicator, #access2 a:active > .sf-sub-indicator, #access li:hover > a > .sf-sub-indicator, #access2 li:hover > a > .sf-sub-indicator, #access li.sfHover > a > .sf-sub-indicator, #access2 li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}

#access .sf-menu ul .sf-sub-indicator, #access2 .sf-menu ul .sf-sub-indicator {background-position:-10px 0;}

#access .sf-menu ul a > .sf-sub-indicator, #access2 .sf-menu ul a > .sf-sub-indicator { background-position:0 0;}

#access .sf-menu ul a:focus > .sf-sub-indicator, #access2 .sf-menu ul a:focus > .sf-sub-indicator, #access .sf-menu ul a:hover > .sf-sub-indicator, #access2 .sf-menu ul a:hover > .sf-sub-indicator, #access .sf-menu ul a:active > .sf-sub-indicator, #access2 .sf-menu ul a:active > .sf-sub-indicator, #access .sf-menu ul li:hover > a > .sf-sub-indicator, #access2 .sf-menu ul li:hover > a > .sf-sub-indicator, #access .sf-menu ul li.sfHover > a > .sf-sub-indicator, #access2 .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}

.sf-shadow ul {-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);}

#access {position:relative; z-index:300;}

#access .sf-menu li:hover ul, #access .sf-menu li.sfHover ul { left: 0; top: 42px; z-index: 99;}

#access .sf-menu { float:left;  margin: 0px 20px  0px 0px; font-family: 'Open Sans',sans-serif;  font-size: 14px;}

#access .sf-menu a {padding:15px 15px 14px 16px;text-decoration:none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}

#access .sf-menu a:hover, #access li.current-menu-item a {background:#f9f8fb;  border-color:#f9f8fb;}

#access .sf-menu li {margin:0 0px 0 0px;}

#access .sf-menu ul .sf-sub-indicator { top: 11px;}

#access .sf-sub-indicator { top:16px;}#access .sf-menu li li{margin:0; border-bottom: 1px solid #f0eff2;}

#access .sf-menu li li a{ color: #525252; background:#f9f8fb; padding: 10px; border:none;opacity: .96; filter: alpha(opacity=96);  }

#access .sf-sub-indicator, #access2 .sf-sub-indicator {position: absolute; display: block; right: .75em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('img/white.png') no-repeat -10px -100px;}

.navsearch{float:right;}

.searchbox{ min-width: 180px; float:right; font-size:14px; width:180px; margin:10px 0px 0 0; border:none;}

input[type="text"].searchbox{padding:6px 6px 2px 6px;}



/* Content */

#contentcontainer {padding: 10px 0 30px 0;}

#featuredcontainer {padding: 10px 0 0 0;}

.boxes, .widget-container { background: #FFFFFF;padding: 15px 15px 15px 15px;margin: 20px 0 0px 0; position:relative;}
.footerboxes { padding: 15px 15px 15px 15px;margin: 20px 0 0px 0; position:relative;}

#main {overflow: hidden; padding: 40px 0 0 0;}

.archive-meta p {margin-bottom:0;}

.entry-content ol li, .entry-content ul li {margin: 0 0 0 25px;}

.hentry {margin: 20px 0 20px 0;}

.single .hentry {margin: 0 0 36px 0;}

.entry-title a:link, .entry-title a:visited {text-decoration: none;}

.entry-content fieldset {border: 1px solid #E7E7E7;	margin: 0 0 24px 0;	padding: 70px;}

.entry-content fieldset legend {background: #fff; font-weight: bold;padding: 0 24px;}

.entry-content input {margin: 0 0 24px 0;}

.entry-content input.file, .entry-content input.button { margin-right: 24px;}

#contentcontainer label {font-weight:normal; font-size: 90%; line-height: 20px; }

.entry-content select {	margin: 0 0 24px 0;}

.suboverview  img{float:left; margin: 0 15px 0 0;}

.suboverviewtitle{margin: 0 0 5px 0;}

.entry-content sup, .entry-content sub {font-size: 10px;}

.entry-content blockquote.left {float: left; margin-left: 0; 	width: 33%;}

.entry-content blockquote.right { float: right; margin-left: 0px; width: 33%;}

#infscr-loading{background:#202834; position: fixed;  z-index: 102;  top:50%;  left:50%; border: 1px solid #202834; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: .90; filter: alpha(opacity=90);}

#infscr-loading img{padding:3px;}

.page-link {font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em;}

.page-link a:link,

.page-link a:visited {background: #f1f1f1; color:#444; font-weight:normal; padding:0.5em 0.75em; text-decoration:none;}

.home .sticky .page-link a {background: #D9E8F7;}

#entry-author-info #author-avatar, #entry-author-info-archive #author-avatar {float: left; margin: 0 -94px 0 0; height: 80px;}

#entry-author-info #author-description, #entry-author-info-archive #author-description {float: left; margin: 0 0 0 94px;}

#entry-author-info h2 {margin: 0 0 10px 0;}

.box-status .statuscontent .author{padding-bottom:20px;}

#author-link{margin-top: 5px;}

.entry-utility{clear:both; padding-top:10px;}

.entry-utility h3 {padding-bottom:10px;}

.entry-relatedthumbs, .entry-utility h2, .nav-above{margin-bottom:10px;}

#nav-below {padding-top:30px;}

.entry-tags, .att-title, .slack{margin-bottom: 5px;}

.emm-paginate {} .emm-paginate .emm-page {} .emm-paginate .emm-prev, .emm-paginate .emm-next {}

.entry-content, .postlistexcerpt p {line-height:27px;}

.entry-content, {clear: both; padding: 25px 0 25px 0;}

.entry-summary {padding: 25px 0 25px 0;}

.navigationboxes{margin-top:10px;}

.meta-nav {color:#4b4b4c; font-size: 90%;}

.meta-nav a{text-decoration:none;}

.meta-nav a:hover{text-decoration:underline;}

.xoxo {margin:0 0 1px 1.5em;}

#contentcontainer input[type=text], #contentcontainer input[type=password], #contentcontainer input[type="email"]  {clear:both; padding:4px 4px 4px 4px; margin:0 0 30px 0; width:95%; color: #000000; background: #F5F4F7; border: 1px solid  #dbd9dc;}



/* Featured */

.featured {width: 248px; height: 160px; overflow: hidden; position: relative; text-align: center; cursor: default;}

.featured .overlay, .featured .content {width: 248px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0;}

.featured img {display: block; position: relative; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}

.featured .overlay {background-color: rgba(219, 217, 220, 0.3); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }

.featured:hover img {-webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

.featured:hover .overlay {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}

.overlay h5 {margin:20px 15px; }

.featured .styledbutton {float:none; margin: 10px auto;}





/* Postlist */

.articlebox{padding-bottom:10px; margin-top:20px;}

.postlistbox{background:#FFFFFF; }

.postlistboximage{position:relative;}

.postlisttitle{padding:10px 15px 5px 15px;}

.postlistbox .entry-meta{padding:3px 15px 5px;}

.postlistexcerpt{padding:15px;}

.styledbutton, .more-link {float:right; padding: 5px 15px; margin: 35px 0px 15px 0px; line-height:23px;}

a.styledbutton, a.more-link{color:#FFFFFF; text-decoration:none; font-weight:normal;}

a:hover.styledbutton, a:hover.more-link{color:#F5F5F5; text-decoration:none;}

.loop-image a.more-link {margin-top:5px;}



/* Attachment pages */

.entry-content .attachment img {margin-bottom: 0;}

.attachment .entry-content .entry-caption {font-size: 140%; margin-top: 24px;}

.att-thumbs img{margin:1px;}



/* Images */

.alignleft, img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}

.alignright, img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}

.aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

img.alignleft, img.alignright, img.aligncenter {margin-bottom: 12px;}

.wp-caption { background: #F3F3F3; color: #424242; margin-bottom: 12px; max-width: 96%; padding: 15px 10px 10px 10px; font-size: 12px; text-align: center; border: 1px solid #DDDDDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.wp-caption img {display: block; margin: 0 auto; max-width: 98%;}

.wp-caption .wp-caption-text, .gallery-caption {font-size: 14px;}

.wp-caption .wp-caption-text {padding: 10px 0 5px 10px; position: relative;}

.wp-caption .wp-caption-text:before {color: #666; font-size: 14px;}

p.wp-caption-text{margin-bottom:0;}



/* Comments */

.commentlist li.comment { line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; border-bottom: 1px dotted #dbd9dc;}

.commentlist .children {list-style: none; margin: 0;}

.commentlist .children li {border: none; margin: 0;}

#comments .pingback {margin-bottom: 18px; padding-bottom: 18px;border-bottom: 1px solid #dbd9dc;}

#respond textarea, #contentcontainer textarea, textarea {width:95%; padding: 6px; color: #000000; background: #F5F4F7; border: 1px solid  #dbd9dc;}

#comments .navigation {	padding: 0 0 18px 0;}

h2#comments-title, h2#reply-title {	margin-bottom: 15px;}

.commentlist {list-style: none; margin: 0;}

#comments .comment-body ul, #comments .comment-body ol {margin-bottom: 18px;}

#comments .comment-body p:last-child {margin-bottom: 6px;}

#comments .comment-body blockquote p:last-child {margin-bottom: 20px;}

.commentlist ol {list-style: decimal;}

.commentlist .avatar {position: absolute; top: 4px; left: 0;}

.comment-author cite {font-style: normal; font-weight: bold;}

.comment-author .says {font-style: italic;}

.comment-meta {margin: 0 0 18px 0;}

.comment-meta a:link, .comment-meta a:visited {text-decoration: none;}

.reply {font-size: 12px;padding: 0 0 20px 0;}

.nocomments { display: none;}

#comments .pingback {margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;}

.commentlist li.comment+li.pingback {margin-top: -6px;}

#comments .pingback p {color: #888;	font-size: 12px; display:block; margin: 0;}

#comments .pingback .url {font-style: italic; font-size: 13px;}

#respond {overflow: hidden;	position: relative;}

#respond p {margin: 0;}

#respond .comment-notes {margin-bottom: 1em;}

.children #respond {margin: 0 48px 0 0;}

h3#reply-title {margin: 0 0 15px 0;}

.comment-form-author {padding-top:15px;}

#comments-list #respond {margin: 0 0 18px 0;}

#comments-list ul #respond {margin: 0;}

#cancel-comment-reply-link, .logged-in-as {	padding-bottom:15px;}

#respond dd code {font-size: 11px;}

input[type="submit"]#submit, input[type="submit"]{color:#FFFFFF; width:auto; margin: 20px 0 24px; padding:9px 11px; border:none; font-size:14px;}

#respond dl {margin: 0 0 10px;}

#respond dt { display: inline; font-weight: normal;}

#respond dd {display: inline;}

#cancel-comment-reply-link{font-size:14px; font-weight:normal; margin-left:25px;}



/* Pagination*/

.paginate a {font-size:110%; background:#FFFFFF; color:#5d5d5e; margin-right:8px; padding:8px 11px 6px 11px; text-align:center; text-decoration:none;}

.paginate a:hover, .paginate a:active, .paginate .current {font-size:110%; background:#FFFFFF; margin-right:8px; padding:8px 11px 6px 11px; text-align:center; text-decoration:none;}

.paginate .gap {color:#4b4b4c; margin-right:8px;}



/* Widgets#989799 */

.widget-container{background:#F7F7F7;}

.widget-area, .footer-widget-area { font-family: 'Open Sans',sans-serif; font-size: 15px; line-height: 22px;}

.widget-area ul li, .footer-widget-area ul li {margin-bottom:6px;}

.widget-area a, .footer-widget-area a{color: #98999D; text-decoration: none;}

.widget-area a:hover, .footer-widget-area a:hover{text-decoration: underline;}

.widget-title, .widget-title a, .widget-title-bottom, .widget-title-bottom a {max-width: 100%; font-family: 'Open Sans',sans-serif; font-size: 20px; color: #5d5d5e; margin: 0px 0 8px 0;	line-height:26px;}

.widget-title-bottom{color:#000000;}

.widget_rss .widget-title img {height: 14px; width: 14px;}

#wp-calendar tbody td, #wp-calendar thead tr, #wp-calendar .pad {padding: 3px 0 2px; border:1px solid #000000; text-align: center;}

#next, #prev {border:1px solid #000000; padding: 0 3px 0 3px;}

.widget-area ul, .footer-widget-area ul, .widget-area ul ul, .footer-widget-area  ul ul, ul.headerwidget {list-style: none; margin-left: 0;}

.widget-area ul ul ul, .footer-widget-area ul ul ul{list-style: none; margin-left: 1.3em;}

.widget_search #s {width: 60%;}

.widget_search label {font-size: 14px; font-weight: bold; display: block;}

#wp_tag_cloud div {line-height: 1.6em;}

#wp-calendar {width:100%;}

#wp-calendar caption {font-weight: bold; text-align: left; padding-bottom: 4px;}

#wp-calendar tfoot #next {text-align: right;}

.widget-title a.rsswidget, .widget-title a.rsswidget:hover, .widget-title-bottom a.rsswidget, .widget-title-bottom a.rsswidget:hover{background:none;}

#headerwidgets{ max-width: 728px; float:right; margin: 5px 10px 0 4px;}

ul.headerwidget{margin:0;}

#headerwidgets .widget-container{background-color: transparent; margin:0; padding:0; border:none;}

#sidebar input[type=text], #sidebar input[type=password], #sidebar input[type="email"]  {clear:both; padding:4px; margin:5px 0 10px 0; width:95%; color: #000000; background: #FFF; border: 1px solid  #dbd9dc;}

#sidebar input[type="submit"]{margin:0 0 5px 0;}

#sidebar form p {margin:10px 0 0 0;}





/* Footer */

#footer { clear: both;  width: 100%; background: #e1e0e3; display:none; }

#footer-widget-area {overflow: hidden; padding-top: 0px; padding-bottom: 20px;}	

.footer-widget-area {color: #98999D;}	

#colophon {font-family: 'Open Sans',sans-serif; font-size: 14px; color: #696969;}	

#colophon a{color: #5d5d5e;	text-decoration: none;}

#colophon a:hover{text-decoration: underline;}

#footer-info{padding: 20px 10px 0px 10px;}

#copyright, .footernav {float: left;}

.footernav ul{margin-bottom:15px;border-left: 1px solid #696969;}

.footernav ul li {padding: 0 8px 0 18px; list-style:none; display:inline;}



/* Responsive Goodness */

#access, .entry-meta, .entry-utility, .widget_search label, .navigation, .widget-area {-webkit-text-size-adjust: 100%;}

#site-description {-webkit-text-size-adjust: none;}

img, object, embed {height: auto; max-width: 100%;} img{ -ms-interpolation-mode: bicubic;} .notonscreen, .notonscreenblock{display:none;}



@media only screen and (min-width: 960px) and (max-width: 1199px) {

.postlistboximage{}

.postlistexcerpt{}

.postlist-gallery-thumb img{width:170px;}

.statuscontent{width:400px;}

.featured, .featured .overlay, .featured .content {width: 188px; height: 130px;}

.overlay h5 {font-size:18px; margin:15px 10px 20px 10px;}

}



@media only screen and (min-width: 768px) and (max-width: 959px) {

#logo{max-width:450px;} .headerright{max-width:280px;} .noton768, .postformatlabel {display:none;} 

.postlistboximage{}

h2.postlisttitle{font-size:24px;}

.postlistbox .entry-content{padding-top:10px;}

.postlistexcerpt {}

.postlistexcerpt p {}

.more-link, .morelink, .styledbutton{padding: 4px 7px; font-size:90%; margin-top: 30px;}

.postlist-gallery-thumb img{width:130px;}

#headerwidgets{ max-width: 468px;}

.featured, .featured .overlay, .featured .content {width: 140px; height: 90px;}

.overlay h5 {font-size:12px; margin:15px 10px 10px 10px;}

.overlay .styledbutton {font-size: 12px; margin-top:0px;}

}



@media only screen and (max-width: 767px) {

.bg{font-size:90%;}

#logo{margin:5px 0;}

h1.postlisttitle, #contentcontainer h1{font-size:26px; line-height:32px;}

 h2.postlisttitle{font-size:22px;}

.entry-content, .postlistexcerpt p {line-height:23px;}

.entry-content, .entry-summary{padding-top:15px;}

.notonmobile, .postformatlabel, .more-link {display:none;} .notonscreen{display:inline;} .notonscreenblock{display:block;} img{max-width: 100%;} #logo img{max-width: 285px;}	

#navigation{padding-top: 15px;}

#access .sf-menu, #access2 .sf-menu{margin:0;} 

.nav1, .nav2 {margin:0;} .headerright, .sf-menu li {width: 300px;} 

#access .sf-menu a, #access2 .sf-menu a{margin:0; padding: 10px;} 

.searchbox{float:left; margin:10px 0 10px 0; width:290px; padding:0 10px 0 10px;}

.styledbutton{display:block; float:none; text-align:center; margin: 10px 0 0;}

.articlebox{padding-bottom:0px;}

.postlistbox{}

.postlistboximage{width:86px; padding:15px 0 15px 15px; float:left;}

.postlistbox header{float:right; width:197px; padding-bottom:15px;}

#footer-info{padding:10px 0;}

#footer-info, .footernav{text-align:center; width:100%}

.footernav ul li {padding:0 10px;}

#copyright{width:100%;}

.footernav ul{margin-bottom:15px;border-left: none;  line-height: 26px; margin: 10px 0;}
#headertext {
    margin: 0px 0px 0px 0px;
   
}


}



@media only screen and (min-width: 480px) and (max-width: 767px) {

img{max-width: 100%;} #logo img{max-width: 405px;} .headerright, .sf-menu li {width: 420px;} .searchbox{width:410px;}

.postlistboximage, .statusauthor{width:119px;}

.postlistbox header{width:280px;}

.postlisttop, .statuscontent{width: 253px; float:right;}

.postlist-gallery-thumb img{width:119px; margin:10px 10px 0 0;}

#headertext {
    margin: 0px 0px 0px 0px;
   
}

}



/* Misc */

.entry-meta, .entry-utility{color: #989799;}

.next-previous_nav{position:fixed; display:none; bottom:200px; width: 32px;}

.next-previous_nav_previous{left:0px;}

.next-previous_nav_next {right:0px;}

.nav-previous{width:auto; height:64px; background:url(img/next-previous.png) no-repeat scroll left center transparent; background-position: 0px -74px; float:left;}

.nav-next{width:auto; height:64px; background:url(img/next-previous.png) no-repeat scroll right center transparent; background-position: 0px 0px; text-align:right; float:right;}

.nav-previous a, .nav-next a{display:block; width:32px; height:64px; text-decoration:none;}

.nav-previous a span, .nav-next a span{margin-top:13px; padding:10px; display:none; min-width:140px; background-color:#f0eff2; border:1px solid #dfdde0;}

.nav-previous a:hover span, .nav-next a:hover span{display:block; color:#000000; font-size:90%; line-height:18px; text-decoration:none; text-align:center;}

.nav-next a span{float:right;}

.relatedpost{margin-top: 15px;}

.relatedpost img{float:left; margin-right:20px;}

h4.relatedposth3{font-size:18px; line-height:24px;}

.relatedpostsbox{background-color:#F5F5F5;}

h1.entry-title, h2.related-title, h2.entry-title{margin:0px;}

.searchheader, .archiveheader{background: #F5F4F7;}

#footerwidgets{background: url("footer_bg.png") repeat scroll 0% 0% transparent; postition:fixed; width=100%; bottom=0; margin: 0 auto;  }



.board img  {

backround-color:red;

box-shadow: 0px 10px 10px black;

transform:rotate(-3deg);

--webkit-transform:rotate(-3deg);

float:left;

padding:10px;

margin-right:20px;

margin-bottom:20px;



}



.rahmen img  {

backround-color:red;

box-shadow: 0px 10px 10px black;

transform:rotate(-3deg);

--webkit-transform:rotate(-3deg);

padding:10px;





}