/*
Theme Name: MDv4 - Responsivio
Author: Marco Friedersdorf
Theme URI: http://www.mindsdelight.de/
Author URI: http://www.mindsdelight.de/
Version: 4.0
Tags: two-columns, fluid-width, light, black & white,
License: Gief me Beer!
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

*{margin:0; padding:0}
body{font:62.5% Helvetica,Verdana,Arial,Sans-Serif; color:#444; background-color:#fff;background-repeat:repeat-x;background-attachment:fixed;}
blockquote{border-left:0.4em solid #eee; margin:0 0 0 1.5em; padding:0 0 0 1em}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
pre{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); color:#222; line-height:18px; margin-bottom:18px; padding:1.5em}
address{background:transparent; border:0; margin-bottom:18px; padding:0; vertical-align:baseline}
#content .wp-smiley {margin-bottom: 0px;}
::selection { background: #ADD52E; color: #fff; }
::-moz-selection { background: #ADD52E; color: #fff; }
.sd-gplus {display:none;}


/* FB-Fanbox */
.thethe-comment .comment-title a {color:#84A519;}
.thethe-comment .comment-title a:hover {color:#ADD52E;}
.thethe-comment {border-color: #aaa;}

/* Links */
a img, :link img, :visited img{border:0; outline:none; text-decoration:none}
a{color:#444; text-decoration:none; outline:none}
a:hover{color:#ADD52E; text-decoration:none; outline:0}

/* Heading */
h1, h2, h3, h4{font-family:Helvetica,Verdana,Arial,Sans-Serif;}
h1{font-family:Helvetica,Verdana,Arial,Sans-Serif;font-size:4.5em;}
h1.blogtitle{font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:4em;margin: 0 0 0 0px;}
h1 a{color:#444;}
h1 a:hover{color:#444;background:transparent;}
h1 a:link{color:#444}
h1 a:visited{color:#444}
h2 a,h3 a, h4 a{color:#84A519; font-weight:normal}
.title-entry {border-bottom: 1px dotted; padding-bottom: 5px; color: #BBB;font-family: 'Dosis', Helvetica, sans-serif;}
h2.entry-title{color:#444; font-weight:bold;font-size:28p; }
h2.single-entry-title{color:#444; font-weight:bold;;margin:0 0 0.5em 0;font-size:28px;}
h2.page-title{font-weight:bold !important; text-align:center; margin:0 0 0.5em 0;font-size:28px;}
h3.widgettitle{color:#444; font-size:1.5em !important;text-align: right; padding-right: 10px; font-family: 'Dosis';}
.description{color:#444;font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:1.3em;margin:0.5em 0 0 0px;}
#header a:hover{}

/* header */
div#header{margin:0 0 0 0; padding:0em 1em 1em 0em; background:transparent; width: auto; max-width: 1024px; margin-left: auto; margin-right: auto; text-align: center;}
div#headertop{margin:0 0 0 0; background-color:transparent}
#logo{margin:-3.5em 0 0 -1em; padding:0.3em 0.7em;}
* html #logo{margin:-2.5em 0 0 -1em; padding:0.3em 0.7em;}
#logo a{background-color:transparent}

/* Navigation */
#access{display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;}
#access .menu-header,div.menu{font-size:1.3em;margin-left:10px;}
#access .menu-header ul,div.menu ul{list-style:none;margin:0;}
#access .menu-header li,div.menu li{float:left;position:relative;}
#access a{color:#fff;display:block;line-height:20px;text-decoration:none;padding:0 10px;}
#access ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:180px;z-index:99999;}
#access ul ul li{min-width:180px;}
#access ul ul ul{left:100%;top:0;}
#access ul ul a{background:#f1f2f4;line-height:1em;width:160px;height:auto;padding:10px;}
#access li:hover > a,#access ul ul :hover > a{background:#444;background:rgba(153,153,153,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#access ul li:hover > ul{display:block;}
#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;}
#access #pagelist {float:right;}

.menutopitem {display: inline; float: left;}

#features {width:1000px; height:83px;margin: 0 auto; text-align: center;padding-top:3px; border-top: 4px solid;}
.feature{overflow: hidden; background-position: center center; background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;  width: 250px; height: 80px; float: left;}

.feature img {width:250px; height: auto; margin-top:-7%;}

.feature:hover > img {
/*filter: blur(3px); /* Current draft standard */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\"blur\"><feGaussianBlur stdDeviation=\"3\" /></filter></svg>#blur"); /* Firefox */
filter: blur; /* IE */
-webkit-filter: blur(3px); /* New WebKit */
width:246px;
}



.feature:hover > .featuretitle {z-index:1; display:table-cell;}
.featuretitle { position:absolute; width: 250px; height: 20px; display:none; vertical-align: middle; padding: 20px 0px; font-family: 'Dosis', Helvetica, serif; color: #FFF; text-shadow:black 0.1em 0.1em 0.2em; font-size: 1.2em;font-weight: bold;}


.logobg {max-width: 388px; height: 150px; background-image: url(images/logo-background.png); margin: 0 auto; text-align: center; background-position: center center;}
.logobg img {padding-top: 40px;   
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}

.logobg img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

.logobg img {width: 140px;}


/* Search */
#searchform input {border: 1px solid; float: right; height: 18px;}


/* Layout */
#wrapperpub{margin:0 auto; padding:0 0 0 0; width: 100%; background-color: #222222; position:relative; text-align:left; }
#wrapper{margin: 0 auto;background-color:#FFF; position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px; }
#wrappertop{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; text-align:left}
#container{width: 1024px;}
#containerlarge{margin:0.8em 0 2em 2em; display:inline; clear:both;background-color:#fff;}
* html #containerlarge{margin:2em 0 2em 2em; background-color:#fff;}
#content{background-color:#FFF; padding: 10px 0 0 0px;overflow:hidden;}
#content h1{font-size:2.7em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content h2{font-size:2.9em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0; padding-top: 0.2em;}
#content h3{font-size:1.8em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content h4{font-size:1.5em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content h5{font-size:1.3em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content h6{font-size:1.1em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 11px;} 


/* sidebar */
div.sidebar{overflow:hidden; background-color:#fff}
.sidebar h3{font-size:1.5em; font-weight:normal; letter-spacing:-0.03em}
.sidebar li{margin:0; padding:0;}
.sidebar ul li ul li{padding:0.5em 0 0}
.sidebar ul li ul li li{margin:0 0 0 1em;padding:0.5em 0 0}
.sidebar ul{list-style:none; margin:0; padding:10px 0px 0px 0px;}
div#primary{}
* html #primary{}
div#secondary{clear:right}
* html #secondary{margin:1em 1em 0 1em}

/* Misc */
.clear{clear:both}

/* Post area */
.hentry{font-weight:normal; margin-bottom:2em}
.entry-content{font:1.3em/1.8em 'Roboto'; text-align:justify; color:#444; margin:auto}
.entry-content p{margin:0 0 0.5em 0; font-family: 'Roboto', Helvetica, serif; font-size: 1.04em; padding: 5px 0px;}
* html .entry-content p{margin:0em 0}
.entry-content ol{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;}
.entry-content ol li{margin:0 0 0.2em}
.entry-content ul{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;}
.entry-content ul li{margin:0 0 0.2em}
.entry-content pre{margin:0 0 .5em 2em; padding:0em 1em 1em 0em;}
.entry-content a{color:#84A519; text-decoration: underline;}
.entry-content a:visited{color:#84A519;}
.entry-content a:hover{color:#ADD52E;}
.entry-content h2{font-size:1.8em !important}
.entry-content h3{font-size:1.5em !important}
.entry-content h4{font-size:1.3em !important}
.entry-content h5{font-size:1em !important}
.entry-content h6{font-size:0.9em !important}
.alignleft{float:left}
.alignright{float:right}
.center{text-align:center;margin:0 0 1.5em 0}
.entry-meta{color:#bbb; padding:0em; font-size:1.1em; line-height:1.5em; border-top: 1px dotted; border-bottom: 1px dotted; padding: 3px 0;}
.entry-meta .tag-links a{color:#444; background:#f3f3f3}
.entry-meta .tag-links a:hover{color:#f3f3f3; background:#444}
.sticky{background-color:transparent}
.page-link{clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em}
.page-link a:link, 
.page-link a:visited{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5); font-weight:normal; padding:0.5em 0.75em; text-decoration:none;color:#444}
.page-link a{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);color:#444}
.page-link a:active, 
.page-link a:hover{background:#f3f3f3; color:#0299FF; text-decoration:none; outline:0}

.p-time {padding-left: 0px; width: 80px; margin:10px 20px 10px 0;float: left; border-right:3px solid #000000; height:100%;}
.p-time strong { letter-spacing: -1px; float: left;}
.p-time .day { font: normal 34px/30px "Helvetica"; color:#000; padding-right: 7px; font-family: 'Dosis'}
.p-time .month-year { font: bold 14px/15px 'Arial'; text-transform: lowercase; color:#999;}

.commentbubble {height: 35px; float: right;margin-top: 5px;}
.commentbubble .commentcount {width: 30px; height: 25px;  background-color: #222222; line-height: 25px; text-align: center; line-height: 25px;}
.commentbubble .commentcount {color: white; font-weight: bold; font-family: Helvetica, Verdana, sans-serif;}
.commentbubble .commentspitze {width: 0px; height: 0px; border-top: 10px solid #222222; border-right: 10px solid transparent;}

.commentbubble:hover .commentcount {background-color: #999;}
.commentbubble:hover .commentspitze {border-top-color: #999;}

/* Page navigation */
.navigation{margin: 0 auto; height: 1em; width: auto; max-width: 400px;font-size: 21px;padding: 10px 0px;}
.navigation a{color:#777}
.navigation a:hover{text-decoration:none; color: #ADD52E;}
.nav-next{float:right}
.nav-previous{float:left}
.navigation_mobile{display:none}
#nav-below {max-width:100% !important;}

/* Comments */
.comments-title { text-align: center; font: bold 22px "Trebuchet MS", Helvetica, Arial, Geneva; }
#comments {font-family: 'Roboto', Helvetica, serif; font-size: 1.4em; width: 100%;}
.commentauthor {font: bold 12px Arial, Helvetica, sans-serif; }
.commentauthor a { color: #84A519; text-decoration: none;}
.commentauthor a:hover { color: #ADD52E; text-decoration: none;}
.comment-date {font: bold 12px Arial, Helvetica, sans-serif; }
#comments .comment {overflow: hidden; width: 100%; padding: 5px 0px;}
#comments .comment .comment-avatar { float: left; width: 50px;}
.comment-content { background: #efefef; min-height: 60px; padding: 10px 15px 10px 10px; overflow: hidden;}
#comments .comment .commentavatarbubble { background-color: white; float: left ;width: auto;}
#comments .comment .trackback-content { float: left; padding: 10px 15px; margin: 5px 5px 0 0; width: 536px; background: #d6ded4;}
#comments .comment .trackback-info { color: #777; margin-bottom: 5px; font: 12px "Trebuchet MS", Helvetica, Arial, Geneva;}
#comments .comment .trackback-info a { color: #000000; font: bold 12px "Trebuchet MS", Helvetica, Arial, Geneva;}
.EditableComments a{ color: #84A519; text-decoration: bold; align:right;}
.EditableComments a:hover { color: #ADD52E; }
#comments .comment .commentspitze {width: 0px; height: 0px; border-top: 15px solid #efefef; border-left: 15px solid transparent; float:left; }
 .authordate {border-bottom: 1px solid #cccccc; padding-bottom: 5px;}
.commentnumber {float: left; font: bold 1.3em 'Dosis'; padding: 0px 10px 0px 0px;}
.comment-content p {padding: 10px 0px;}

#comments .comment-author .comment-avatar { float: right; width: 50px;}
#comments .comment-author .commentspitze {width: 0px; height: 0px; border-top: 15px solid #efefef; border-right: 15px solid transparent; float:right; }
#comments .comment-author {overflow: hidden; width: 100%; padding: 5px 0px;}
#comments .comment-author .commentavatarbubble {background-color: white; float: right;width: auto;}

.comment-content a {color: #84A519;}
.comment-content a :hover{color: #ADD52E;}

.comment-info { font-size: 11px; color: #777; margin-bottom: 5px; }
.comment-info a { color: #84A519; text-decoration: none;}
.comment-info a:hover { color: #ADD52E; text-decoration: none;}
.antworten {float: right;}
.comment-info span { font: bold 11px "Trebuchet MS", Helvetica, Arial, Geneva; padding-right: 10px; margin-bottom: 5px;}

/* Trackbacks
-------------------------------------------------------------------*/
.comments-title { text-align: left; font: bold 22px "Dosis", Helvetica, Arial, Geneva; color: #414d4c; }
#trackbacks .trackback { background: #ffffff; margin-bottom: 10px; overflow: hidden; width: 635px; padding-bottom: 5px;}
#trackbacks .trackback .comment-avatar { float: left; width: 50px; padding: 5px 7px; }
#trackbacks .trackback .comment-content { float: left; padding: 10px 15px; margin: 5px 5px 0 0; width: 536px; background: #d6ded4;}
#trackbacks .trackback .trackback-content { float: left; padding: 10px 15px; margin: 5px 5px 0 0; width: 536px; background: #ffffff; }
#trackbacks .trackback .trackback-info { color: #777; margin-bottom: 5px; font: 12px "Trebuchet MS", Helvetica, Arial, Geneva;}
#trackbacks .trackback .trackback-info a { color: #cccccc; font: bold 12px "Trebuchet MS", Helvetica, Arial, Geneva; text-decoration: none;}
#trackbacks .trackback .trackback-info a:hover { color: #ADD52E; font: bold 12px "Trebuchet MS", Helvetica, Arial, Geneva;}
#trackbacks .trackback .comment-content a { color: #cccccc; }
#trackbacks .trackback .comment-info { font-size: 11px; color: #777; margin-bottom: 5px; }
#trackbacks .trackback .comment-info span { font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva; padding-right: 10px; margin-bottom: 5px;}
#trackbacks .trackback .comment-info a { color: #444; text-decoration: none;}

/* Comment Form
-------------------------------------------------------------------*/
#commentform { background: #ffffff; padding: 10px; color: #555; width: 100%;}
#commentform p { margin-bottom: 7px; }
#commentform textarea { width: 80%; background: #efefef; border: 1px solid #cccccc; height: 240px;}
#commentform input.text { width: 200px; border: 1px solid #cccccc; margin-right: 5px; padding: 3px 3px; background: #efefef;}
#commentform input#submit { width: auto; height: 30px; vertical-align: top; align:right; background: #cccccc; text-shadow: 0 -1px 0 #000; text-shadow:0 0 0 #000000;}
#commentform input#submit:hover { background: #84A519;}
#commentform input#submit:active{ background: #ADD52E; border:5px;}


/* Comment navigation */
.comments-navigation{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;margin:1em 0;clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em;}
.comments-navigation a{background:#f3f3f3; padding: 5px 7px;color:#0299FF; text-decoration:none; outline:0}
.comments-navigation a:active{color:#0299FF; text-decoration:none; outline:0} 
.comments-navigation a:hover{background:#444; color:#FFF; text-decoration:none; outline:0}

/* Error page */
.four04 #content p{font-size:1.2em}
.four04 .sidebar{clear:right; display:block}
.four04 #content{width:590px; text-align:left}

/*widget*/
.widget {}
.widgetblock{font-size:1.2em;background: transparent;margin:0 0 0.5em 0;padding:0.5em 0 0 0;}
.widgettitleb{color:#444;border-bottom:2px solid;}
.screen-reader-text{display:none}
.widgettitlespitze{border-bottom: 10px solid;border-left: 10px solid transparent;height: 0px;width: 0px; float:right; margin-top: -10px;}

/*Gallery Shorcode*/
.gallery{margin:0 auto;padding:10px 0}
.attachment-medium{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}
.gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px}
.gallery br+br{display:none}
.attachment-thumbnail{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}

/*line break style*/
.linebreak {padding :1em 0 0.5em 0; border-top:2px solid #f1f2f4;}
.linebreaktop {float: right; font-size:0.8em; }


/*Gravatar*/
img.avatar {float:left; margin-right:5px;padding: 0 0.5em 0 0;}

/*Caption and images*/
#content .wp-caption{background:#edebe0;line-height:18px;margin-left:auto !important;margin-right:auto !important;margin-bottom:20px;text-align:center;padding:0px;max-width: 100%;}
#content .wp-caption img{margin:10px 10px;max-width: 90%;height: auto;}
#content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px 0;}
#content .attachment img{max-width: 100%;height: auto; }
#content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
#content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
#content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:4px;}
#content img,img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;max-width: 100%;height: auto; }
#content .attachment img {display: block;margin: 0 auto;max-width: 100%;height: auto; }
iframe, object, embed{max-width: 100%;}


/*form box*/
#formbox label{font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;display:block;font-weight:400;font-size:1.3em;margin-bottom:6px;}
#formbox{position:relative;margin-right:1px;font-size:12px;padding:16px 18px;}
#formbox .avatar{margin-top:16px;float:left;border:0;}
#formbox .avatar img{border:1px solid #ccc;padding:0;}
#formbox .inputarea{padding-left:66px;height:100%;font-size:12px;}
#formbox textarea#posttext#posttitle{width:98%;margin-bottom:10px;background:#fafafa;border:1px solid #d1d1d1;color:#666;font-size:13px;padding:1%;}
/*#wrapper form input[type="text"]{border:1px solid #d1d1d1;background:#fafafa;color:#666;font-size:13px;line-height:16px;padding:5px 7px;}*/
#sidebar form input[type="text"]{background:#fff;}
#formbox input#tags#display-name#m-address#home-page{width:75%;float:left;}
#formbox input#submit{margin-left:6px;float:right;padding:0 20px;}
#formbox .postrow{height:28px;}
#wrapper button,#wrapper input[type="submit"]{margin-left:10px;border:1px solid #ccc;line-height:27px;height:28px;background:#F2F2F2;text-shadow:0 1px 0 #fff;font-size:13px;font-weight:700;color:#333;padding:0 10px;}
#wrapper button{margin:10px 10px 0 0;}
#wrapper button:active,#wrapper input[type="submit"]:active{background:#eee;}

/*searchbox*/
#search fieldset {border: none;position: relative;}
#search input[type="text"]{border:1px solid #CCCCCC;color:#516064;font-family: Helvetica,arial,sans-serif;font-size:14px;margin-bottom:20px;padding:8px;width:275px;text-indent:0px;}
#search label{font-family: Helvetica,arial,sans-serif;font-size: 15px;font-weight: bold;color: #FFFFFF;right:6px;top:6px;position:absolute;background:#dad8d8;padding: 4px 6px 2px 6px;-moz-border-radius:3px;border-radius:3px;}
#search input.button{background-color:transparent;background-position:0 -27px;cursor:pointer;background-repeat:no-repeat;border:none;height:27px;position:absolute;text-indent:-9999px;top:3px;padding:0;}
#search input.button:hover{background-position:0 0px;}
#search input.button {background-position:0 -27px;}
input#searchsubmitbutton{right:10px;width:100px;}

/*category color*/
span.cat-links a {color: #FFF;text-transform: uppercase;line-height:3em;background:#444;padding: 4px 6px 4px 6px;-moz-border-radius:3px;border-radius:3px;}

/*Image sur homepage*/
.imgshadow img{-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}

/*Table*/
table {border-collapse:collapse;margin:0 0 0.5em 0}
th {font-size:1.2em;padding:4px 6px;border-width:1px;border-style:solid}
td {padding:4px;border-width:1px;border-style:solid}

/*definition*/
dl{margin:0 0 24px 0}
dt{font-weight:bold}
dd{margin-bottom:18px}

.mobileon{display:none}

/*Comicreviews */

.comicreviews{width: 100%; padding-top: 35px;}
.comicreviews .singlecomicreview{width: 240px; float: left; text-align: center; height: 200px; padding: 10px 5px 40px 5px;} 
.comicreviews .singlecomicreview .commentbubble {height: 35px; margin-left: 200px; margin-top: 5px; position: absolute; z-index: 1;} 
.comicreviews .singlecomicreview .comicreviewtitle{text-align: center; font-size: 1.3em; font-weight: bold;}
.comicreviews .singlecomicreview .comicreviewcover{width: 200px; overflow: hidden; height: 160px; margin: 0 auto; border: 3px solid;} 
.comicreviews .singlecomicreview:hover .comicreviewcover img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */} 
.comicreviewlink {font-family: 'Dosis';font-size: 2em;padding-bottom: 8px;}

/* Related Articles */

#relatedarticles{
width: 100%;
float:left;
text-align: center;
padding-bottom: 40px;
}

#relatedarticles #relatedheadline {
font-size: 32px;
line-height: 35px;
font-family: 'Robot', sans-serif;
font-weight: normal;
padding: 20px;
}

.relatedthumb {
width: 33%; 
height: 220px;
float:left;
}

.relatedimage {width: 133px; height: 133px; overflow: hidden; margin: 0 auto; border: solid 3px;}

.relatedthumb img {
margin-left: auto;
margin-right: auto;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
min-height: 133px;}

.relatedthumb img:hover { 
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}

.relatedtitle {width: 100%; margin: 0 auto;}

/* Sidebar Comicreviews */

.sidebarcomicreviews{width: 100%; padding-top: 35px;}
.sidebarcomicreviews .sidebarsinglecomicreview{width: 240px; margin: 0 auto; text-align: center; height: 165px;} 
.sidebarcomicreviews .sidebarsinglecomicreview .commentbubble {height: 35px; margin-left: 200px; margin-top: 5px; position: absolute; z-index: 1;} 
.sidebarcomicreviews .sidebarsinglecomicreview .sidebarcomicreviewtitle{text-align: center; font-size: 1.3em; font-weight: bold;}
.sidebarcomicreviews .sidebarsinglecomicreview .sidebarcomicreviewcover{width: 200px; overflow: hidden; height: 100px; margin: 0 auto; border: 3px solid;} 
.sidebarcomicreviews .sidebarsinglecomicreview .sidebarcomicreviewcover img{ width:100%; height: auto;}
.sidebarcomicreviews .sidebarsinglecomicreview:hover .sidebarcomicreviewcover img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */} 

/* Footer */
#footer{background-color:#222222; clear:both; width: 100%; float:left}
#footer a{color:#bbb; text-decoration:none; outline:none;}
#footer a:hover{background:#f3f3f3; color:#444; text-decoration:none; outline:0}
#footer p{color:#bbb; padding: 5px 0px;}
#footer #footerbar {max-width: 1024px; margin: 0 auto;}
#footer #footerbar .widgetblock{float: left; width: 30%; min-width: 200px; padding: 10px;}
#footer #footerbar li {list-style: none; margin: 0; padding: 0;}

.widgetblock .blogroll li {float: left; padding: 8px !important;}
.widgetblock ul li {padding: 5px 5px !important;}

.socialkrams {width: 100%; padding: 20px 0px;}
.socialkrams .socialitem {width: 50px; float: left; text-align: center; padding: 20px;}
.socialkrams .socialitem .sociallogo {width:50px; height: 50px;margin: 0 auto; border-radius: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;line-height: 50px; vertical-align: middle; display: table-cell;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.socialkrams .socialitem .fb {background-color: #444;}
.socialkrams .socialitem .fb:hover {background-color: #3b5998;}
.socialkrams .socialitem .tw  {background-color: #444;}
.socialkrams .socialitem .tw:hover {background-color: #33ccff;}
.socialkrams .socialitem .rss {background-color: #444;}
.socialkrams .socialitem .rss:hover {background-color: orange;}

/* Fancybox Videokrimskrams */

a.fancybox-video {
    position:relative; display: block; overflow: hidden;
    margin: 0;padding: 0;
	/*height: 420px;*/
	background-color: black;
}

.fancybox-video img {/*height: 420px !important;*/ width: auto;margin-top: 0px !important;margin-bottom: 0px !important;}
a.fancybox-video span.preview {
    background: url(fancybox/fancybox-play-off.png) center no-repeat;
    display: block;
    position: absolute;
    left: 0; bottom: 7px;
    vertical-align: top;
    margin: 0; padding: 0;
    width: 100%; height: 100%;
}
a.fancybox-video span.vid {
    display: block;
    position: absolute;
    bottom: 0px; left: 0;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-style: normal;
}

.vid iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
a:hover.fancybox-video span.preview {
    background: url(fancybox/fancybox-play.png) center no-repeat;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.15) inset;
}

small.direct {
    text-transform: uppercase; height: 10px; position:relative; top: 0px;}
    small.direct:before {content:"/ ";}
    small.direct:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Falls der CineMode nicht gebraucht, das hier weglassen */
a.cine-video {
	/* ich verwende ein kleines icon, falls du das auch benötigst bitte anlegen*/
    background: url(fancybox/play-on-small.png) 0px 2px no-repeat;
    display:block;
    width: 60px;
    height: 14px;
    position: relative;
    top: 0px;
    padding-top: 0px;
    padding-left: 16px;
    right: 0px;
    cursor: pointer;
    float:left;
}





/* #Base 1200 Grid
================================================== */

    .container                                  { position: relative; width: 1024px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-top: 10px; margin-bottom: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */ 
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; float:right; }
    .container .two-thirds.column               { width: 700px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

	#searchform imput {margin-top: 10px;}
	
	
/* 801-1023
================================================== */
   @media only screen and (min-width: 801px) and (max-width: 1023px) {
   .container {width: auto; padding: 5px;}
   #container {width: auto;}
   #content {width: 66%;}
   #primary {width: 33%;}
   #features {width: 100%;}
   .feature {width:25%;}
   .head {width:auto;}
   .featuretitle {width: 25%;}
   .comicreviews {width: 100% !important;}
   }
   
   
   /* 601-800
================================================== */
   @media only screen and (min-width: 601px) and (max-width: 800px) {
   .container {width: auto; padding: 5px;}
   #container {width: auto;}
   #content {width: 100%;}
   #primary {width: 100%;}
   #features {width: 100%;}
   .feature {width:25%;}
   .head {width:auto;}
   .featuretitle {width:25%;}
   .comicreviews {width: 100% !important;}
   }
   
   /* -600
================================================== */
   @media only screen and (max-width: 600px) {
   .container {width: auto; overflow-x:hidden; padding: 5px;}
   #container {width: auto;}
   #content {width: 100%;}
   #primary {width: 100%;}
   #features {display: none}
   .sidebar li {margin: 0; width: 40%; min-width: 280px; float: left; padding: 0px 10px;}
   
   #access,.wp-pagenavi,.mobileoff{display:none;}
	#accessmobile{background:#f1f2f4;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;}
	#accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;}
	#accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;}
	#accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;}
	#accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;}
	#accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:100%;;z-index:99999;}
	#accessmobile ul ul li{min-width:100%;;}
	#accessmobile ul ul ul{left:100%;top:0;}
	#accessmobile ul ul a{background:#f1f2f4;line-height:1em;height:auto;padding:10px 0 10px 10px;}
	#accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
	#accessmobile ul li:hover > ul{display:block;}
	#accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;}
		
	.mobileon{width:auto;}
	
	.navigation_mobile{display:inline;}
	
	.comicreviews {width: 100% !important;}
	
	.sidebarcomicreviews {display:none;}
	
	.relatedthumb img {border: none; min-height: 133px;}
	
   }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }