/*
Theme Name: -BLOGUM
Author URI: http://www.wpshower.com
Description: Blogum is a simple, grid based blog Wordpress theme, designed in a modern and minimalist style. The theme has a heavy focus on your content and very clean feel. Theme supports all Wordpress 3.0 features and gives you extra flexibility
Author: WPSHOWER
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, blog, modern, stylish, minimalistic
Copyright: (c) 2010 WPSHOWER
*/

/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

b, strong {font-weight:bold;}


/*** Main ***/
body {font: 62.5% Helvetica, Arial, Helvetica, sans-serif; height: 100%; background: url("images/bg.jpg") repeat fixed center center #fff;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.wrapper {width: 1000px; margin: 0 auto; position: relative; min-height: 100%; padding: 16px 0 0 0; }

::selection {background:#FFFDC6; color:#000;}



/*** FONT **/

* {font-size: 14px;}
h3 {font-size: 24px; text-transform: uppercase; font-weight: normal; font-family: din-1451-engschrift-urw,'Arial Narrow', sans-serif;}


/*** Header ***/

.logo { float: left; width: 148px;}
.header {}
.header h1 {font-size: 85px;/* margin-bottom: 3px; *//* padding-top: 28px; */font-family: din-1451-engschrift-urw, 'Arial Narrow', sans-serif;}
.header h1 a {color: #F4E600;text-decoration: none;letter-spacing: -2px;line-height: 18px;font-size: 18px;}
.header h1 a::selection {color: #000000;}


.header_title {float: left;margin: 43px 40px 0 40px;width: 544px;}
.header_title h1 {text-transform: uppercase; }
.menu {width: 544px;margin-top: 13px;}
.menu ul {overflow: hidden; float: left; padding-left: 1px;}
.menu li {float: left; font-size: 24px; font-weight: normal; background: url("images/menu.png") 0 50% no-repeat; margin: 0 3px 0 0px; padding-left: 9px; font-family: din-1451-engschrift-urw,'Arial Narrow', sans-serif;}
.menu li a {color: #727983; text-decoration: none; text-transform: uppercase; font-family: din-1451-engschrift-urw,'Arial Narrow', sans-serif;}
.menu li a:hover, li.current_menu_parent a, li.current-menu-item a {color: #F4E600; font-family: din-1451-engschrift-urw,'Arial Narrow', sans-serif;}
#menu-header {padding: 10px 0; border-top: 1px solid #999;  }

.search {width: 225px; float: right; position: relative; top: -2px; color: #999; padding-top: 60px;}
.search input {background: none; border: none; font-size: 16px; font-weight: normal; color: #fff; padding: 4px 5px 4px 5px; width: 191px; vertical-align: middle;font-family: din-1451-engschrift-urw,'Arial Narrow', sans-serif;}
.search button {background: url("images/search1.png") 50% 50% no-repeat; border: none; height: 16px; width: 16px; vertical-align: middle; cursor: pointer;}
.search img{padding: 5px 0 19px 0;}
.search p {font-size: 12px;}
#searchform { background: #999999;}
#searchform input { height: 26px; font-size: 24px;}
/*** Middle ***/

.middle {padding-bottom: 0px;}
#content {width: 775px; float: left;}

.post {padding-bottom: 56px; position: relative;}

.post_meta {width: 148px; float: left; border-top: 1px solid #999; padding-top: 21px;}
.post_meta h3 {font-size: 24px; font-weight: normal;  color: #000; text-transform: uppercase; line-height: 24px;}
.post_meta h3 a {color: #000; text-decoration: none;}
.post_meta h3 a:hover {color: #9d9d9d;}
.post_data {color: #999999; font-size: 12px;}
.post_data a {color: #999999; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_data a:hover {border-color: #000;}
.post_author {margin-bottom: 2px;}
.post_date {}
.post_date a {font-weight:bold;}
.post_categories {margin: 5px 0 10px 0; line-height: 20px;}
.post_categories a { border: 1px solid #999999; border-radius: 2px 2px 2px 2px; padding: 0.1em 0.3em; }

.post_share {margin-bottom: 10px;}
.sharethis {padding-top: 10px; background: url("images/dash.png") 0 0 no-repeat; display: inline-block;}
.sharelist {display: none; margin-top: 10px;}
.sharelist li {padding-left: 12px; margin-bottom: 3px;}
.share_fb {background: url("images/facebook.png") 0 2px no-repeat;}
.share_twitter {background: url("images/twitter.png") 0 2px no-repeat;}
.share_digg {background: url("images/digg.png") 0 2px no-repeat;}
.share_su {background: url("images/stumbleupon.png") 0 2px no-repeat;}
.share_deli {background: url("images/delicious.png") 0 2px no-repeat;}

.post_edit {padding-top: 10px; background: url("images/dash.png") 0 0 no-repeat;}

.post_content {width: 544px; float: left; overflow: hidden; border-top: 1px solid #999; padding-top: 21px; margin: 0 40px 0 40px;}
.post_content h2, .post_content h3, .post_content h4, .post_content h5 {font-weight: normal; margin-bottom: 15px; color: #000;}
.post_content h2 {font-size: 18px;}
.post_content h3 {font-size: 16px;}
.post_content h4 {font-size: 14px;}
.post_content h5 {font-size: 13px;}
.post_content p, .post_content li {color: #000; font-size: 14px; line-height: 1.5;}
.post_content p, .post_content ul, .post_content ol {margin-bottom: 15px;}
.post_content ul {margin-left: 0px;}
.post_content ol {margin-left: 10px;}
.post_content ul li {background: url("images/dash.png") 0 9px no-repeat; padding-left: 14px;}
.post_content ol li {list-style: decimal;}
.post_content p a, .post_content li a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5; font-weight:bold;}
.post_content p a:hover, .post_content li a:hover {border-color: #000;}
.post_content blockquote {margin-left: 65px; padding-left: 10px; border-left: 1px solid #999; color: #9d9d9d; font-style: none; line-height: 1.5;}
.post_content blockquote p {color: #9d9d9d; font-style: none;}
.post_content h6 {width: 145px; position: absolute; left: 0; font-size: 12px; font-weight: normal; color: #9d9d9d;}
.post_content h6 img {display: block; margin: 5px 0; max-width: 145px;}
.post_content h6 a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_content h6 a:hover {border-color: #000;}

.more {display: inline-block; font-size: 14px; color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5; background: url("images/dash.png") 0 0 no-repeat; padding-top: 10px;}
.more:hover {border-color: #000;}

.single .post_meta {padding-top: 15px;}
.single .post_content {padding-top: 15px;}
.single .post_content h2 {font-size: 24px; font-weight: normal; margin-bottom: 25px; color: #000;}
.single .post_content h2 a {color: #000; text-decoration: none;}
.single .post_content h2 a:hover {color: #9d9d9d;}

.page .post_data h2 {font-size: 16px;}

.post_tags ul {margin: 0;}
.post_tags li {display: block; float: left; height: 19px; background: url("images/tag.png") 0 0 no-repeat !important; padding-left: 5px !important; margin: 0 10px 5px 0; font-size: 12px;}
.post_tags li a {display: block; float: left; height: 19px; line-height: 19px; background: url("images/tag.png") 100% 0 no-repeat; border-bottom: none; padding-right: 5px; margin-right: -5px;}

.archive_title {padding-bottom: 20px;}
.archive_title_meta {width: 145px; float: left; border-top: 1px solid #999; font-size: 16px; font-weight: normal; padding-top: 15px;}
.archive_title_name {width: 544px; margin: 0 40px 0 42px; float: left; border-top: 1px solid #999; font-size: 31px; font-weight: normal; padding-top: 15px;}

/*
.error404_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; font-size: 89px; font-weight: normal; padding-top: 6px;}
.error404_text {width: 545px; float: left; border-top: 1px solid #e9e9e9; padding-top: 25px;}
.error404_back {font-weight: normal; color: #000; font-size: 12px; background: url("images/dash.png") 0 50% no-repeat; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding-left: 12px;}
*/
.error404_text p {color: #000; font-size: 14px; line-height: 1.5; margin-bottom: 20px;}
.error404_back:hover {border-color: #000;}

/* new styles reflecting changes to 404 page layout */
.error404_meta {
    display:none;
}
.error404_text {
    border-top: 1px solid #E9E9E9;
    float: left;
    margin: 0;
    padding: 25px 0 0 185px;
    width: 545px;
}
.error404_text h2 {
    color: #7EB613;
    font-family: din-1451-engschrift-urw,'Arial Narrow',sans-serif;
    font-size: 85px;
    letter-spacing: -2px;
    line-height: 66px;
    margin-bottom: 18px;
    padding-top: 0;
}
.error404_back {
    border-bottom: 1px solid #606060;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
/* changes end */

/*** Images ***/

.post_content img {margin: 0 0 10px 0; height: auto; max-width: 545px; width: auto;}
.post_content .attachment img {max-width: 545px;}
.post_content .alignleft, .post_content img.alignleft {clear: both; display: inline; float: left; margin-right: 20px; margin-left: -15px; margin-top: 4px; padding:0;} /* margin-right geaendert, clear hinzu; ES 120306 */
.post_content .alignright, .post_content img.alignright {display: inline; float: left; margin-left: 0px; margin-top: 4px; padding:0;}
.post_content .aligncenter, .post_content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; padding:0;}
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter {margin-bottom: 12px; padding:0;}
.post_content .wp-caption {line-height: 18px; margin-bottom: 0px; padding: 0; text-align: center; max-width: 545px;}
.post_content .wp-caption img {margin: 5px 0 0 0; padding:0;}
.post_content .wp-caption p.wp-caption-text {color: #888; font-size: 14px; padding: 15px;}
.post_content .wp-smiley {margin: 0;}
.post_content .gallery {margin: 0 auto 18px;}
.post_content .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 33%;}
.post_content .gallery img {}
.post_content .gallery .gallery-caption {color: #888; font-size: 14px; margin: 0 0 12px;}
.post_content .gallery dl {margin: 0;}
.post_content .gallery img {}
.post_content .gallery br+br {display: none;}
.post_content .attachment img {display: block; margin: 0 auto;}

/*** Pagination ***/

.pagination {padding-left: 191px; padding-bottom: 42px;}
.previouspostslink, .nextpostslink {font-size: 14px; color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.previouspostslink:hover, .nextpostslink:hover {border-color: #000;}
.previouspostslink {}

.disable_postslink {font-size: 14px; color: #999; text-decoration: none; }
.wp-pagenavi .previouspostslink {margin-right: 0; }

/*** Sidebar ***/

.sidebar {width: 225px; float: left; overflow: hidden; margin-bottom: 40px;}

.widget {border-top: 1px solid #999; padding: 18px 0;}
.widget h3 {font-size: 18px;  margin-bottom: 8px;}
.widget_body, .widget_body p, .widget_body li {font-size: 12px; line-height: 1.5; color: #999999;}
.widget_body a {color: #999; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.widget_body a:hover {border-color: #000;}
.widget_body li ul li {background: url("images/dash.png") 0 7px no-repeat; padding-left: 14px;}

.url {font-weight: normal;}
.date {display: block; color: #9d9d9d;}

/*** Comments ***/

#comments {clear: both; width: 775px;}

.comments_heading {padding-bottom: 30px; color: #000; font-size: 16px; font-weight: normal;}
.comment_qty {width: 145px; float: left; border-top: 1px solid #999; padding-top: 15px;}
.add_comment {width: 785px; float: left; border-top: 1px solid #999; padding-top: 15px; text-align: right;}
.add_comment a {color: #000; text-decoration: none;}
.add_comment a:hover {color: #9d9d9d;}


.comment_title { width: 145px; float: left; padding-top: 15px; color: #000; font-size: 16px; font-weight: normal; border-top: 1px solid #999;}
.comment_list {width: 544px; margin: 0 40px;float: left; }
.comment_list a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.comment_list a:hover {border-color: #000;}
.comment_meta {width: 544px;  padding: 15px 0; font-size: 14px; color: #000; border-top: 1px solid #999; text-transform: uppercase;}
.comment_meta span {display: none; font-size: 12px; font-weight: normal; color: #9d9d9d; margin-top: 3px;}
.comment_meta span em {display: block; font-style: normal;}
.comment_meta a {font-size: 24px; text-decoration: none; border:none;}
.comment_text {width: 544px;  padding: 0 0 15px 0; color: #000; font-size: 14px; line-height: 1.5;}
.comment_message {color: #000; font-size: 14px; margin-bottom: 15px;}
.comment_text ul {margin-left: 65px;}
.comment_text ol {margin-left: 85px;}
.comment_text ul li {background: url("images/dash.png") 0 9px no-repeat; padding-left: 14px;}
.comment_text ol li {list-style: decimal;}



#commentform a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
#commentform a:hover {border-color: #000;}

#respond {margin-bottom: 45px;}
.respond_meta {width: 145px; float: left; padding-top: 15px; color: #000; font-size: 16px; font-weight: normal; border-top: 1px solid #999;}
.comment_form {width: 544px; margin: 0 40px; float: left; padding-top: 15px; border-top: 1px solid #999;}
.user_data {width: 250px; float: left; margin-bottom: 10px;}
.user_data input {width: 250px; background-color: #999; border: none; padding: 5px 0 5px 10px; font-size: 24px; color: #fff;}
.user_data input:focus, .comment_field textarea:focus {color: #000; border-color: #000; font-size: 24px;}
#email {margin-left: 32px;}


.comment_field {width: 534px; clear: both; margin-bottom: 10px;}
.comment_field textarea {height: 108px; padding: 5px 0 5px 10px; overflow: auto; width: 534px; border: none; background-color: #999; font-size: 24px;  color: #fff;}
.comment_submit {clear: both;}
#submit {width: 544px; height: 32px; border: none; background: #6BA3C0; color: #fff; font-size: 24px; cursor: pointer;}
#submit:hover {background: #6193AD; color: #fff;}

/*** Footer ***/

.footer {clear: both; color: #999; width: 1000px; height: 42px; padding-top: 10px; position: relative; border-top: 1px solid #999; }
.footer p {font-size: 12px; }
.footer a {color: #999; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.footer a:hover {border-color: #000;}
.copy {float: left;}
.credits {float: left;}

/*** Twitter Widget ***/
.widget_twitter a {color: #000; text-decoration: none;}
.widget_twitter h3 a { background-image: url(images/twitter.gif); background-repeat: no-repeat; padding: 5px 0 0 40px;}
.twitter-item{padding: 5px 0;}
span.twitter-timestamp { display:block;}


/*** FACEBOOK ***/
.facebook_fanbox_with_css h3{display:none;}
#as_facebook_mem_likebox_widgets.widget_as_facebook_mem_likebox.widget .widget_body { left:-10px; position:relative;}

/*** NO BACKGROUND ON IPADS ***/

@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
    body { background-image: none; }
}


/*** Kategorie-Liste fuer Wettbewerb, ES 120116 ***/

h3 a {color:#000;text-decoration:none;}
div.keinpadding .post {padding-bottom:0 !important;position:normal;}
.keinstrich {border-top:0;}
.kategorieliste {margin-left:40px;margin-top:-15px;padding-bottom:15px;}
.kategorieliste {margin-top:-72px \9;padding-bottom: 80px \9;}
.testkategorie img, .testkategorie p {display:none;}
.kategorieliste img {float:left;margin:0 20px 20px 0;}
.abschlussunten {/* border-top:1px solid #999; */ height:20px;width:545px;margin-left:191px;}


/*** Verlinkung Bildunterschriften dezenter, ES 140429 ***/

p.wp-caption-text a {font-weight:normal;color:#999;}


/* ... Farbaenderungen, ES 161125 */

.error404_text h2 {color:#F5E600;}

/* Verlinkte Bilder im Text (vor allem: Vorschaubilder Videos) ohne underline; Versuch ES 180817 */

/* .post_content p a:has(> img)  {text-decoration:none !important;} */ /* noch nicht funktionsfähig, siehe https://developer.mozilla.org/en-US/docs/Web/CSS/:has#Browser_compatibility ... */




/*** Cookie Consent ***/
.has-cookie-bar #catapult-cookie-bar {
    padding: 15px 30px 15px !important;
}

.cookie-bar-bar .ctcc-inner {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: left !important;
    align-items: left !important;
    -webkit-justify-content: left !important;
    justify-content: left !important;
}

.ctcc-left-side {
	font-size: 16px;
	width: 80%;
}

.ctcc-right-side {
	text-align: right;
	width: 20%;
}

button#catapultCookie {
    background: #6F6F6F;
    color: #ffffff;
    border: 0;
    font-size: 16px;
    font-weight: 700 !important;
    padding: 10px 30px !important;
    border-radius: 0 !important;
}