/*css reset*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }


body {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #081c25; background: #feffff url(img/pixeldreher_bg.gif) repeat-x; background-position: 50% 100px}

#wrapper {width: 960px; margin: 0 auto; background: url(img/container_bg.gif) no-repeat top right;}

/* allgemeine klassen */
.alignleft {float: left; text-align: left}
.alignright {float: right; text-align: right}
.aligncenter {text-align: center}
.clear {clear: both}
span.strong {font-weight: bold}
.mt {margin-top: 10px}
.mr {margin-right: 10px}
.mrr {margin-right: 60px}
.mrrr {margin-right: 120px}
.mb {margin-bottom: 10px}
.mbb {margin-bottom: 80px}

.ml {margin-left: 10px}

a {color: #479DC5; text-decoration: underline}
a:hover {color: #479DC5; text-decoration: none}

pre {width: 450px; padding: 10px; overflow: auto; height: 40px;margin: 20px 0; background: #f3f3f3; border: 1px solid #ddd}
blockquote {width: 450px; padding: 10px; margin: 20px 0; background: #f3f3f3; border: 1px solid #ddd}

h1 {font-size: 24px; line-height: 1.5em; margin-bottom: .2em}
h2 {font-size: 16px; line-height: 1.5em; margin-bottom: .2em}
h3 {font-size: 14px; line-height: 1.5em; margin-bottom: .2em}
h3.beanie { font-family: 'Reenie Beanie', arial, serif; text-align: right; font-size: 36px; margin-right: 70px}
h4 {font-size: 12px; border-bottom: 1px solid #ddd; padding-bottom: 2px; margin-bottom: 4px}
p,.gform_description {line-height: 1.5em; margin-bottom: 1.5em}

dl {line-height: 1.5em}
dd {width: 90px; float: left}

/* header */
#header {padding-top: 10px;}
a.lgo {background: url(img/pixeldreher_lgo.gif) no-repeat; height: 53px; width: 207px; display: block; margin-top: 9px}
ul.menu {list-style: none; font-size: 13px; font-weight: bold; margin-top: 67px;*margin-top: 66px}
@-moz-document url-prefix() { ul.menu {list-style: none; font-size: 13px; font-weight: bold; margin-top: 67px} }
ul.menu li {float: left; margin-left: 4px;}
ul.menu li a {color: #081c25;padding-bottom: 8px; text-decoration: none}
ul.menu li.current_page_item a {color: #81c7ea; text-decoration: none; background: url(img/pixeldreher_flyer.png) no-repeat; background-position: center bottom}
ul.menu li a:hover {color: #81c7ea; background: url(img/pixeldreher_flyer.png) no-repeat; background-position: center bottom}

* html ul.menu li a {padding-bottom: 9px}

/* Bar */
#bar {text-shadow: 0px 1px 1px #4ea2c9; font-weight: bold; color: #fff; padding-top: 23px;*padding-top: 10px;padding-left: 10px; margin-top: 7px;*margin-top: 8px; padding-bottom: 10px}
#bar h1,#bar p {width: 500px}
#bar a {color: #fff}

/* Pod */
#pod {float: right; margin-top: 60px}
#slider_t {background: url(img/ipixeldreher.png) no-repeat; height: 43px; width: 381px}
#slider_r {background: url(img/ipixeldreher.png) -321px -44px no-repeat; *background: url(img/ipixeldreher.png) -324px -44px no-repeat;height: 353px; width: 60px; margin-left: 321px}
#slider_b {background: url(img/ipixeldreher.png) 0 -396px no-repeat; height: 50px; width: 381px}
#slider_l {background: url(img/ipixeldreher.png) 0 -44px no-repeat; float: left; width: 59px; height: 353px}
#slider {width:265px;height:353px;float: left}
#slider ul{list-style:none;}
#slider li{width:265px;height:353px;overflow:hidden;}
span#prevBtn, span#nextBtn{display: none}

/* container */
#container {width: 960px; background: url(img/bg.png) no-repeat top}
#container ul {list-style:square; margin-left: 15px; list-style-position: inside}
#container ul li {margin-bottom: 10px}
.article {width: 500px; padding-top: 30px; padding-left: 40px}
#container a img.size-full {width: 500px; overflow: hidden}

/* siderbar */
#sidebar {float: right; width: 250px; margin-right: 60px; margin-top: 50px; padding-bottom: 60px; padding-left: 60px; background: url(img/sidebar_hori_bg.png) no-repeat left top;}
#sidebar ul {list-style: none; margin-left: 0}
#sidebar ul li ul{list-style: square; list-style-position: inside}
#sidebar ul li ul li.cat-item, {*margin-left:15px}

/* footer */
#footer {background: #f3f3f3 url(img/footer.gif) repeat-x; border-top: 1px solid #ddd; margin-top: 60px}
#foot {width: 960px; margin: 0 auto; color: #081c25; padding: 30px}
#foot ul {list-style:square; margin-left: 15px; list-style-position: inside}
#foot ul li {margin-bottom: 4px}
#foot a {color: #081c25; text-decoration: underline}
.imp {margin-top: 15px; margin-left: 128px}
a.badge {background: url(img/footer_badge.gif); height: 58px;width: 70px; display: block}
a:hover.badge {background: url(img/footer_badge.gif) 0 -58px;}

/* Kontakt */
.contact {float: right; margin-top: 60px;background:url(img/sidebar.png) no-repeat; width: 380px;}
h3.mt {margin-top: 10px}

/* SOCIAL CONTENT */
.subscribe-to-doi-comments {background:#dafed3; border:1px solid #279a27; padding: 7px}
#footer h3 a.rsswidget {color: #222; text-decoration: none} 
.tca {right: 0; top:0; position: fixed}

.textdreher {direction:rtl; unicode-bidi: bidi-override; text-align: left}
#facebook_like {height: 45px}

#calltoaction a {background: -webkit-gradient(linear, 0 0, 0 100%, from(#63C830), to(#3DA00C));background: -moz-gradient(linear, 0 0, 0 100%, from(#63C830), to(#3DA00C)); color: #fff; font-weight: bold;-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #1A750E; font-family: Arial; padding:5px 10px}
#calltoaction a:hover {background: -webkit-gradient(linear, 0 0, 0 100%, from(#3DA00C), to(#63C830));background:-moz-linear-gradient(linear, 0 0, 0 100%, from(#3DA00C), to(#63C830))}

/*WORDPRESS*/
textarea { width:480px; padding:10px;}
.readonly {width: 100%; border: 1px solid #ccc; padding: 2px; font-size: 13px; margin-bottom: 5px;}
.social {margin-bottom: 20px;}
img.wp-post-image { margin-right:30px; background:#fff;border-bottom:1px solid #D7D7D7;border-left:1px solid #F2F2F2;border-right:1px solid #F2F2F2;
float:left;height:auto;padding:4px; border-top:0 !important }
#toggle {color: #1c6997; text-decoration: underline; float: right}
.underlines {padding: 2px 6px; background: #f3f3f3; margin-top: 25px}


/* KOMENTARE */
#comments {margin-bottom: 20px}
#commentlist p { margin:0px 5px 10px 5px}
.comment_bubble {margin-top:10px; margin-bottom:20px; padding-bottom: 10px; border-bottom: 1px dashed #999}
.comment_bubble img {border:0; padding:0;}
.picker { margin-left:87px; margin-top:-1px; background:url(images/picker.gif) 0 0 no-repeat; height:10px; width:20px; }
.author { margin-top:5px;}
.avatar { float:left; margin-right:5px; }

/* Optimierung */
#opti {margin-top: 40px}
.picker_bottom {margin-top:-1px; background:url(images/picker.gif) 15px 0 no-repeat; height:10px; width:350px; padding-top: 15px;}
.bubble {padding:10px; background:#e6e6e6; border:1px solid #ccc; }
#opti .comment_bubble ul.fbbl {margin-bottom: 0; list-style: none !important; margin-left: 0}
#opti .comment_bubble ul.fbbl li {border-bottom: 1px dotted #ccc}

.navigation {margin-bottom: 40px}
.prli-social-buttons-bar {width: 260px; float: left;}
.content .social_btns img { background-color:#f7f7f7; border:0; padding:0;}
.t3n {padding-top: 15px; float: left; margin-right: 10px}
.delicious {margin:0 10px; padding-top:3px; float: left}

#autor {background-color:#EAEAEA; border:1px solid #DDD; padding:4px;}
img.autor {margin-right: 20px;background:#fff;border-bottom:1px solid #D7D7D7;border-left:1px solid #F2F2F2;border-right:1px solid #D7D7D7;float:left;height:auto;padding:3px; width: 73px}
#autor dl dd {float: left}
#autor dl dt {margin-left: 185px}

#toTop {background:#f1f1f1;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; font-size: 11px}

#tbox {padding-left:40px;padding-top:20px;width:500px}

/* Pagination */
#container ul.paging {
  width: 500px;
  margin-top: 40px;
  margin-left: 0;
  padding-left: 40px;
  height: 30px;
  list-style: none;
}
#container ul.paging li {
  float: left;
  height: 30px;
  text-align: center;
}
#container ul.paging li.prev,
#container ul.paging li.next {
  width: 80px;
}
#container ul.paging li.pages {
  width: 300px;
  margin: 0 20px;
}
#container ul.paging li.pages a {
  margin: 0 5px;
  padding: 5px;
  display: inline-block;
  background: #f3f3f3;
}
#container ul.paging li.pages a.active {
  padding: 4px;
  border: 1px solid #ddd;
  background: #fff;
}

.twitter-share-button  {height: 30px !important}
