/*
 * Theme Name: Städel-Blog
 * Theme URI: http://bippesbrandao.de
 * Description: Theme für das Städel-Blog
 * Version: 0.1
 * Author: Zoran Zaric
 * Author URI: http://bippesbrandao.de
 * License: GPL
 * */

/** ALLGEMEINES **/
* { margin: 0; padding: 0; }
img { border: 0; }
body { background: #000000; font-family:Arial, Helvetica, sans-serif; line-height: 150%; font-size: 11px; }
a { color: black; text-decoration: none; }
a:hover { color: red; }
h1 { font-size: 125%; }
h1 a { text-decoration: none; }
h2 { font-size: 115%; }
p { margin-bottom: 10px; }
/** KLASSEN **/
.clearing { clear: both; height: 0; line-height: 0; font-size: 0; }
.sidebar_container { float: left; display: inline; margin-top: 25px; width: 218px; }
#wrapper .sidebar_container a {color:#bbb;}
#wrapper .sidebar_container h2 a {color:#fff;}
#wrapper .sidebar_container a:hover {color:#FF0000;}
.sidebar { color: #bbb; padding: 0px; }
#sidebar_links { padding-left: 0px; padding-right: 20px; width:178px; }
#sidebar_rechts { padding-left: 20px; padding-right: 0px; }
.widget {width: 198px;}
.widget .widgettitle { font-size: 100%; color: #fff; border-bottom: 2px solid black; padding-left: 10px; font-weight: bold; }
/*.widget .widgettitle a { color: #fff; text-decoration: none; display: block; background: transparent url(img/pfeil.gif) no-repeat 180px 4px; }*/
.widget .widgettitle a { color: #fff; text-decoration: none; display: block; }
#wrapper  a.external, #wrapper li.widget_links ul li a { color: #bbb; text-decoration: none; display: block; background: transparent url(img/pfeil_grau.gif) no-repeat 180px 4px; }
#wrapper h2 a.external { background: transparent url(img/pfeil.gif) no-repeat 180px 4px; }
.widget #calendar_wrap { padding-left: 10px; }
.current-cat { background-color: black; }
#wrapper .current-cat a { color: #ED1B2F; }
.cat-item a { display: block; padding: 2px 0px 2px 10px; width: 178px; color: #bbb; text-decoration: none; }
.bdo_spender_widget a { color: #fff; text-decoration: none; display: block; background: transparent url(img/pfeil.gif) no-repeat 180px 4px; }
.sidebar li.widget { background: #4c4d4f; margin-left: 0px; list-style-type: none; margin-bottom: 10px; }
.sidebar li.widget ul li { border-bottom: 2px solid black; padding: 2px 0px 2px 10px; position: relative; list-style: none;}
.sidebar li.widget ul.events_list li {width:auto; padding: 0px;}
.sidebar li.widget ul.events_list li a { display: block; padding: 2px 0px 2px 10px; width: 178px; color: #bbb; text-decoration: none; }
.sidebar li.widget ul li a { color: #bbb; text-decoration: none; }
.sidebar li.widget ul li.cat-item { padding: 0px; }
.sidebar li.widget ul.internal_links li { padding: 0px; }
.sidebar li.widget ul.internal_links li a { display: block; padding: 2px 0px 2px 10px; width: 178px; color: #bbb; text-decoration: none; }
.sidebar li.widget ul li.current-cat a,
.sidebar li.widget ul li.cat-item a:hover, .sidebar li.widget ul.events_list a:hover, .sidebar li.widget ul.internal_links a:hover { display: block; color: red; text-decoration: none; position: relative; left: -16px; padding-left: 26px; background: black url(img/active_mark.png) no-repeat 0 2px; width: 188px;}
.sidebar li.widget ul#bauen_sie_mit a:hover { color: #FFE800; }
.sidebar li.widget ul li.jetzt_spenden { padding:0; margin: 0; }
.sidebar li.widget ul a.jetzt_spenden, .jetzt_spenden { display:block; color: black !important; background: #FFE800 url(img/pfeil_schwarz.gif) no-repeat 190px 4px; text-decoration: none; font-weight: bold; padding-left: 10px; height:16px; line-height:16px; }
.jetzt_spenden img { vertical-align:middle; }
.post { margin-bottom: 20px; }
.textbox h1,
.textbox h2 { margin-bottom: 10px; }
.textbox { margin-bottom: 10px; }
.textbox img { margin: 0px 10px 10px 10px; }
.infos { text-align: right; margin-bottom: 10px; }
.categories_and_tags { background: #d1d2d4; border-top: 1px solid #ED1B2F; border-bottom: 1px solid #ED1B2F; padding: 5px; }
.categories_and_tags th { font-weight: bold; text-align: left; }
.categories_and_tags td,
.categories_and_tags td a { color: #4c4d4f; vertical-align: top; text-decoration: none }
.categories_and_tags td a:hover { color: #FF0000; }
/** IDs **/
#wrapper { width: 900px; margin: 0 auto; padding-top: 20px; }
#header { color: #000000; width: 900px; }
#header h1,
#header h2 { position: absolute; top: -200px; font-size: 1px; }
#header_container { margin-bottom: 20px; }
#navi { background: #4d4d4f; font-size: 125%; font-weight: bold; height: 25px; line-height:25px; }
#navi li { padding: 5px; margin: 0px; display: inline; }
#navi li a { color: #fff; text-decoration: none; }
#navi li.page_item { padding: 5px 10px; }
#navi li.current_page_item { background-color: #fff; }
#navi li.current_page_item a { color: #000; }
#main_container { float: left; display: inline; width: 464px; overflow: hidden; }
#main { color: #000000; background: #ffffff; padding: 20px; }
#footer { color: #ffffff; background: black; font-weight: bold; margin-bottom: 20px; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { color: red; }
#footer #copyright {float: left; font-weight: normal; line-height: 125%; }
#footer #impressum { float: right; }
#wp-calendar { width: 88%; }
#wp-calendar th,
#wp-calendar tbody td { text-align: right; }
#wp-calendar tbody a { font-weight: bold; }
#wp-calendar tfoot a { text-decoration: none; }
#wrapper .sidebar_container #wp-calendar tbody a{color:#eee;}
#wrapper .sidebar_container #wp-calendar tbody a:hover{color:#FF0000;}
#wp-calendar #next {text-align:right;}
#nrs-search-widget-with-title-container {height:18px;}
#nrs-search-widget-with-title-input { display: inline; float:left; height:18px;}
#nrs-search-widget-with-title-input input { background:#fff; border:0; width: 183px; height:18px; margin:0; float:left; }
#nrs-search-widget-with-title-submit { display: inline; height:18px; float:left; width:15px; background:#FFF; }
#nrs-search-widget-with-title-submit input { background: #fff url(img/pfeil_schwarz.gif) no-repeat 5px 5px; border: 0px solid #fff; border-left: 1px solid black; width:15px; float:left; margin:0; padding:0; height:18px; overflow:visible; font-size:1px; line-height:1px; }
li.widget_tag_cloud { padding: 0 10px 10px 10px; width:178px; }
li.widget_tag_cloud h2 { margin: 0px -10px 10px -10px; }
li.widget_tag_cloud a { text-decoration: none;}
div.categories_and_tags div.sociable { margin: 0px !important; }
#bdo_youtube_widget object, #bdo_youtube_widget embed { display:block; }
#bdo_spendenbarometer_widget #spendenbarometer-container, #bdo_spendenbarometer_widget #spendenbarometer-container { border: 1px solid #4c4d4f; background: black; }
.comments-title { font-weight: normal; margin-bottom: 20px; }
.comments h3 { color: #ED1B2F; margin-bottom: 10px; }
ul.commentlist { list-style: none;}
ul.commentlist  li {border-top:1px solid #CCC; margin-bottom:10px;padding-top:10px;}
.comment-text { margin-bottom: 10px; }
.commentlist { border-bottom: 1px solid #ED1B2F; padding-bottom: 10px; margin-bottom: 20px; }
#commentform label { display: block; }
#commentform input { border: none; background: #D1D2D4; width: 260px; padding: 5px; margin-bottom: 10px;}
#captchaInputDiv #captcha_code { width: 60px; display: inline; background: white; border: 1px solid #d1d2d4; margin-right: 5px; vertical-align:middle; margin-bottom:0;}
#captchaInputDiv label { display: inline; vertical-align:middle;}
#commentform textarea { border: none; background: #D1D2D4; width: 95%; padding: 5px; font-family:Arial, Helvetica, sans-serif; font-size: 11px;  }
#commentform #submit { width: 150px; padding: 3px; margin-top: 10px; font-size: 11px; float: right; margin-right: 12px; } 
.wp-caption { background: #d1d2d4; padding-top: 5px; margin: 5px 10px 10px 10px; text-align: center; }
.wp-caption img { margin: 0px; }
.wp-caption-text { color: #4c4d4f; font-style: italic; text-align: left; padding-left: 5px;}
#spendenformular .info { color: #4c4d4f; line-height: 100%; }
#spendenformular .req { color: #ed1b2f; }
#spendenformular .title { font-weight: bold; }
#spendenformular .kontodaten { line-height: 100%; padding-left: 20px }
#spendenformular { line-height: 200%; }
#spendenformular input, #spendenformular select { background: #d1d2d4; border: 1px solid #d1d2d4; padding: 2px; font-size: 11px; }
#spendenformular select { padding: 1px; }
#spendenformular .checkradio { background: white; }
#spendenformular p { margin-bottom: 30px; line-height: 300%; }
#spendenformular #spendenbetrag { width: 150px; }
#spendenformular #vorname, #spendenformular #nachname, #spendenformular #firma, #spendenformular #email, #spendenformular #tel, #spendenformular #kontoinhaber, #spendenformular #kontonummer, #spendenformular #bankleitzahl, #spendenformular #bank, #spendenformular #kreditkarteninhaber, #spendenformular  #kreditkartennummer, #spendenformular #kreditkartensicherheitsziffer { width: 230px; }
#spendenformular #land { width: 236px; }
#spendenformular #nennung-name, #spendenformular #aufmerksam, #spendenformular #grund { width: 395px; }
#spendenformular #anrede, #spendenformular #titel { width: 110px; }
#spendenformular #plz, #spendenformular #nr { width: 45px; }
#spendenformular #ort, #spendenformular #str { width: 173px; }
#spendenformular #nr, #spendenformular #ort { margin-left: 3px; }
#spendenformular #titel { margin-left: 7px; width: 113px; }
#spendenformular #submit, #spendenformular #reset { width: 150px; }
#MailPress { margin-top: 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright  { float: right; }
#datenschutzlink { text-decoration: underline; }
.flickr-photos { padding: 0 10px 5px 10px; width:178px; }
.flickr-photos h2 { margin: 0px -10px 10px -10px; }
.flickr-photos a { text-decoration: none; display:block; float:left; padding:0 5px 3px 0;}
.flickr-photos a img { margin:0; padding:0;}
.flickr-photos a.more-photos {clear:both; float:none;}
div#mp-message span.success small { display: none; }
#main p a { text-decoration: underline; }