@charset "utf-8";

/*
Theme Name: Shopping WordPress-Edition
Description: Wordpress Theme für blog.shopping.de
Version: 1.0
Theme URI: http://blog.shopping.de
Author: Anna Hiller
*/

/* Begin Typography & Colors */
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #000; text-align: center; margin: 0; padding: 0;}

.flt {float:left;}
.flr {float:right;}
.floatfix { overflow: hidden;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

#wrapper { text-align: left; width: 850px;  margin: 0 auto;}
#center_column_wrapper { background: url(images/sidebar_border_left.gif) repeat-y right; width: 848px; border-left: 1px solid #aeaeae; border-right: 1px solid #aeaeae; float: left;}
#container { width: 647px; float: left;}
#content { font-size: 12px; padding: 0 18px 0 18px;}


.widecolumn .entry p { font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em;}
.widecolumn { line-height: 1.6em;}
.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

small { color: #999999; font-size: 0.9em; line-height: 1.5em; margin: 0 0 18px 0;}

em.moderated { color: #999; padding: 0 5px 0 5px;}

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
h1 { text-align: center;}
.description { font-size: 1.2em; text-align: center;}
h2 { font-size: 18px; text-align: left;}
h2.pagetitle { font-size: 1.6em;}
h2.widgettitle { padding-top: 6px; height: 27px;margin-bottom:8px;}
h2.single { color: #449208;}
#sidebar h2 { text-align: center; font-size: 13px; font-weight: bold;}
h3 { font-size: 1.3em;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none;}

.entry p a:visited { color: #A367B1;}
.commentlist li, #commentform input, #commentform textarea { font: 0.9em;}
.commentlist li { font-weight: bold;}
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none;}
#commentform p {}

code {}
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;}

a { color: #459208;}
a:hover { color: #459208; text-decoration: none;}
ul.footer_menu { text-align: center; margin: 0; color: #FFF; text-align: center; padding-top: 16px;}
li.footer_menu { display: inline; color: #fff; list-style: none; font-size: 12px;}
li.footer_menu a { color: #fff; text-decoration: none;}
li.footer_menu a:hover { color: #fff;text-decoration: underline;}
li.widget_tag_cloud a { color: #449208; text-decoration: none;}

#wp-calendar #prev a { font-size: 9pt;}
#wp-calendar a { text-decoration: none;}
#wp-calendar caption { text-align: center;}

#wp-calendar th { font-style: normal; text-transform: capitalize;}

/* Begin Structure */

.narrowcolumn { float: left; padding: 0 0 20px 0;}
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px;}
.post { text-align: justify; position: relative;}
.widecolumn .post { margin: 0;}
.narrowcolumn .postmetadata { margin: 0px; display: inline; color: #999999;}
.narrowcolumn .postmetadata a { font-weight: normal;}

#footer_wrapper { background: url(images/footer.gif) repeat-x; padding: 0 0 0 0px; margin: auto; height: 48px; clear: both; border-left: 1px solid #626262; border-right: 1px solid #626262;}
#footer p { margin: 0; padding: 20px; text-align: center; color: #fff; font-size: 12px;}

/*	Begin Headers */

.description { text-align: center;}
h2 { margin: 0px;}
h2.pagetitle { margin-top: 30px; text-align: center;}
h3 { padding: 0;}
h3.comments { padding: 0; margin: 40px auto 20px ;}

/* Begin Images */

p img { max-width: 100%;}
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 12px 12px 0; display: inline; border: 1px solid #AEAEAE; float: left;}
img.avatar { width: 27px; height: 27px; padding-right: 15px;}

.pagebar_list {height: 28px;padding: 0 15px 0 15px;}
.pagebar_list_footer {height: 30px; padding: 0 15px 0 15px;margin:15px -18px 0 -18px;}
.pagebar { height: 30px;padding-top:3px;}
.pagebar_footer {}
.pagebar a,.this-page { text-decoration: none; border: 1px solid #0155D2;padding:3px 8px 3px 8px;text-align:center;font-size: 12px; display:block; background:#FFF;float:left;margin-right:5px;}
.pagebar a:hover { text-decoration: none; color: #459208; border: 1px solid #459208;}
.pagebar .this-page { border: 1px solid #B3B3B3; color: #B3B3B3; font-size: 12px;margin-top:-10px;}

.navigation {margin:5px 0;}
.navigation .alignright{float:right;}
.navigation .alignleft{float:left}

/* Begin Lists*/

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;}
html>body .entry li { margin: 7px 0 8px 10px;}

.entry ol { padding: 0 0 0 35px; margin: 0;}
.entry ol li, .entry ul li{ padding: 0; margin: 0px; padding-right: 15px; padding-left: 15px;}
.entry ul li { background: url("images/bullet.jpg") no-repeat left center; padding-left: 25px;}
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none;}

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0;clear:both;}
#sidebar ul li { list-style: none; margin-bottom: 10px; color: #000; background: url(images/sidebar_li_bg.gif) top repeat-x; clear: both;}
#sidebar ul.icons_widget li { background: none; margin:10px 0 10px 19px;}
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol { margin: 0 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px;}
ol li, #sidebar ul ol li { list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0 10px; padding: 0 0 5px 15px; background: url(images/sidebar_li.gif) no-repeat left center; font-size: 12px;}
#sidebar ul ul li, #sidebar ul ol li a { font-weight: bold;}

/* Beginn Form Elements */

#sidebar #searchform #s { width: 115px; padding: 2px;}
#sidebar #searchsubmit { padding: 1px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
select { width: 130px;}
#commentform {margin-bottom:23px;}
#commentform .textform { background: url("images/input_bg.gif") repeat-x; padding: 2px; margin: 5px 5px 1px 0; font-size: 14px; border: 1px solid #2177DE; border-width: 1px;}
#commentform .textform:hover { border: 1px solid #80C0E4;}
#commentform .textform:active { border: 1px solid #626262;}
#commentform textarea { width: 400px; font-size: 14px; padding: 1px;}
#commentform #submit { width: 88px; height: 25px; background: url(images/submit.jpg) no-repeat; padding: 1px 0 4px 18px; cursor: pointer; margin: 12px 0 0 0; border: 0; color: #FFF; font-weight: bold;}
#commentform #submit:hover { background-position: 0 -25px;}
#commentform #submit:active { background-position: 0 -50px;}
#comments{ padding: 10px 0 0 0;}

/* Begin Comments*/

.alt { margin: 0; padding: 10px;}
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p { margin: 5px 0;}
ol li, #sidebar ul ol li { list-style: decimal outside;}
.nocomments { text-align: center; margin: 0; padding: 0;}
.commentmetadata { margin: 0; padding: 0 0 5px 10px; height: 30px;}
.comment_head { width: 610px; height: 23px; background: url(images/comment_count_bg.gif) repeat-x; border: 1px solid #cccccc; margin: 15px 0 21px; clear: both;}
span.comment_name { margin-top: 2px;}

/* Begin Sidebar */

#sidebar { float: right; width: 200px;}
#sidebar form { margin: 0;}

/* Begin Calendar */

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a { font-size: 100%; padding-right: 10px; text-align: right;}
#wp-calendar #prev a { font-size: 100%; padding-left: 10px; text-align: left;}
#wp-calendar a { display: block;}
#wp-calendar caption { text-align: center; width: 100%;}
#wp-calendar th { padding: 3px 0; text-align: center;}
#wp-calendar td { padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }

/* Begin Various Tags & Classes */

acronym, abbr, span.caps { cursor: help;}
acronym, abbr { border-bottom: 1px dashed #999;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none;}
a img { border: none;}
.tags { color: #289de4; padding-bottom: 12px; clear: both;}
.page_list { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}

/* Tag Cloud */

li#tag_cloud { color: #449208;}
li#text-5 { border-bottom: 1px solid #bbb; padding-bottom: 10px;}

/* Blockquote style and the nice background image */

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; background: url(images/quote.gif) no-repeat left top;}

/* This is the nice box all the entries are posted in */

.post-top, .title, .entry, .post-bottom { width:  610px;}
.post-top {}
.title { padding: 0;}
.entry { margin-bottom: 25px; display: block; clear: both; height: auto;}
.post-bottom { padding: 15px 0px 0px 0px; position: relative; top: 6px;}

/* This is the horizontal rule that appeals on the sidebar */

.post p{ margin:  0px; padding: 15px;}

/* Edit this to change the two-column background */	

#page { bottom: 21px; background: url(images/sidebar_border_left.gif) right repeat-y; width: 848px; clear: both; margin: auto;}

/* End of two-column background */

.title h2 { padding: 10px 0 5px 0; margin: 0;font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif" , "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;font-size:18px;font-weight:200;letter-spacing:-1px;text-transform:uppercase;}
.title h2 a {color: #000; text-decoration: none;}
.title h2 a:hover {color: #459208;}
	
/* Change the header image here */

#header { margin: auto;}
a#central_header { height: 63px; background:url(images/central_header.jpg) no-repeat;display:block;text-indent:-20000px;border-bottom: 1px dotted #BBBBBB;margin:0 18px} 


/* This is the nav bar on top of the page.*/

#topbar { height: 82px; color: #fff;}
#logo { width: 322px; float: left;}
#logo h1 { margin: 0; padding: 0;}
#logo h1 a { background: url(images/logo.png) no-repeat scroll left top; width: 322px; height: 82px; text-indent: -10000px; display: block; clear: both;}
#menu_bar { color: #fff; float: right; width: 528px; height: 82px; background: url(images/bars_bg.gif) bottom repeat-x;}
ul#main_menu { float: right; margin: 60px 10px 0 0; font-size: 12px; list-style: none;}
ul#main_menu a, ul#main_menu a:hover {color:#fff}

#topbar form { margin: 0px;}

label#labelform { width: 27px; height: 25px; float: left; background: url("images/label.jpg") no-repeat; cursor: pointer; margin: 4px 0 0 4px; clear: both;text-indent:-20000px}
label.author_data { margin-left: 12px; padding-right: 20px;}
label.required { background: url(images/required.gif) no-repeat right center;}
#search {  height: 33px; background: url(images/search_bg.gif) repeat-x bottom; border: 1px solid #626262;}
#searchform { float: right; margin: 4px 2px 0 0;}
input#s { width: 709px; height: 19px; background: url("images/input_bg.gif") repeat-x; border: 1px solid #2177de; padding: 2px 4px; position: relative; clear: both; font-size: 14px;}
input#s:hover { border: 1px solid #80c0e4;}
input#s:active { border: 1px solid #626262;}
input#searchsubmit { width: 88px; height: 25px; background: url("images/searchsubmit.jpg"); cursor: pointer; border: 0; color: #fff; font-weight: bold; padding: 1px 0 4px 18px;}
input#searchsubmit:hover { background-position: 0 -25px;}
input#searchsubmit:active { background-position: 0 -50px;}

ul.nav { color: #FFF; list-style: none; font-size: 12px; padding: 0; margin-left: 15px;}
ul.letzte_beitraege { list-style: none; font-weight: bold; font-size: 12px; }
ul.letzte_beitraege li { border-bottom: 1px solid #BBB; }
ul.letzte_beitraege li a { display: block; padding: 7px;}

a.sidebar_icon{ width: 43px; height: 43px; display: block; background: url(images/rss_icon.gif) no-repeat; float: left; margin: 0 15px 15px 0;text-indent:-20000px}
a:hover.sidebar_icon { background-position: 0 -43px;}

a.rss_icon { background: url(images/rss_icon.gif) no-repeat;}
a.twitter_icon {background: url(images/twitter_icon.gif) no-repeat;}
a.facebook_icon {background: url(images/facebook_icon.gif) no-repeat;}

/* Comment box (both styles) */

h3.comment_count { background: url(images/comment_count_icon.gif) no-repeat left center; text-align: left; font-size: 12px; font-weight: normal; padding-left: 20px; margin: 4px 0 0 6px;}
h3.author_icon { background: url(images/author_icon.gif) no-repeat left center; text-align: left; font-size: 12px; font-weight: bold; padding-left: 20px; margin: 4px 0 0 6px;}
h3.write_comment { background: url(images/write_comment_icon.gif) no-repeat left center;}
h3.info { background: url(images/info.gif) no-repeat left center; text-align: left; font-size: 12px; font-weight: bold; padding: 0 0 0 20px; margin: 4px 0 0 6px;}
.comment-top { background: #e7f0fd; border: 1px solid #CCC; margin: 0 0px 21px 0; padding: 10px 0 0 0; width: 580px; float: right;}
.comment-body { background: #FFF;}
.comment-body p { margin: 0px; padding: 10px;}

.respond { margin-bottom: 0px;}

/* For those of you who use Ryan's WP-ContactForm plug-in. Go to wp-contactform.php and comment out the line add_filter('wp_head', 'wpcf_css'); at the bottom. */
.contactform form { width: 80%; position: relative; margin: 0px; padding: 5px}
.entry .contactleft { text-align: left; clear: both; float: left; margin: 0px; padding-top: 5px; padding-left: 10px;}
.entry .contactright { width: 250px; float: right; margin: 0px; padding-top: 5px; padding-right: 10px;}
/* End of ContactForm Styles */

.entry p { margin:  0px; padding: 15px 0 0 0;}
.abscission_1 { border-bottom: 1px dashed #bbb; margin: 15px 0 0 0; padding-bottom: 10px;}
.abscission_2 { border-bottom: 1px dotted #bbb; margin-top: 20px;}

/*Tooltips*/
.bubbleInfo {position: relative;width:43px; height:43px;margin-right:15px;}
.popup {position:absolute;display: none;background:#fff;width:80px;height:40px;padding:6px;border:1px solid #bbb;text-align:center;color:#186BBB;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

/*Adventskalender*/
#advent span { display:block;text-indent:-100000px;}

td.fenster1 span, td.fenster1 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_61.jpg) no-repeat;}
td.fenster1 a:hover span , td.fenster1 a span{ background:url(advent/images/fenster1.jpg) no-repeat;display:block;}

td.fenster2 span, td.fenster2 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_18.jpg) no-repeat;}
td.fenster2 a:hover span, td.fenster2 a span { background:url(advent/images/fenster2.jpg) no-repeat;}

td.fenster3 span, td.fenster3 a.current span { width:69px;height:82px;background:url(advent/images/adventskalender_77.jpg) no-repeat;}
td.fenster3 a:hover span, td.fenster3 a span { background:url(advent/images/fenster3.jpg) no-repeat;}

td.fenster4 span, td.fenster4 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_07.jpg) no-repeat;}
td.fenster4 a:hover span, td.fenster4 a span { background:url(advent/images/fenster4.jpg) no-repeat;}

td.fenster5 span, td.fenster5 a.current span { width:67px;height:79px;background:url(advent/images/adventskalender_79.jpg) no-repeat;}
td.fenster5 a:hover span, td.fenster5 a span { background:url(advent/images/fenster5.jpg) no-repeat;}

td.fenster6 span, td.fenster6 a.current span { width:84px;height:100px;background:url(advent/images/adventskalender_56.jpg) no-repeat;}
td.fenster6 a:hover span, td.fenster6 a span { background:url(advent/images/fenster6.jpg) no-repeat;}

td.fenster7 span, td.fenster7 a.current span { width:69px;height:83px;background:url(advent/images/adventskalender_39.jpg) no-repeat;}
td.fenster7 a:hover span, td.fenster7 a span { background:url(advent/images/fenster7.jpg) no-repeat;}

td.fenster8 span, td.fenster8 a.current span { width:80px;height:95px;background:url(advent/images/adventskalender_37.jpg) no-repeat;}
td.fenster8 a:hover span, td.fenster8 a span { background:url(advent/images/fenster8.jpg) no-repeat;}

td.fenster9 span, td.fenster9 a.current span { width:74px;height:89px;background:url(advent/images/adventskalender_47.jpg) no-repeat;}
td.fenster9 a:hover span, td.fenster9 a span { background:url(advent/images/fenster9.jpg) no-repeat;}

td.fenster10 span, td.fenster10 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_27.jpg) no-repeat;}
td.fenster10 a:hover span, td.fenster10 a span { background:url(advent/images/fenster10.jpg) no-repeat;}

td.fenster11 span, td.fenster11 a.current span { width:75px;height:90px;background:url(advent/images/adventskalender_74.jpg) no-repeat;}
td.fenster11 a:hover span, td.fenster11 a span { background:url(advent/images/fenster11.jpg) no-repeat;}

td.fenster12 span, td.fenster12 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_20.jpg) no-repeat;}
td.fenster12 a:hover span, td.fenster12 a span { background:url(advent/images/fenster12.jpg) no-repeat;}

td.fenster13 span, td.fenster13 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_35.jpg) no-repeat;}
td.fenster13 a:hover span, td.fenster13 a span { background:url(advent/images/fenster13.jpg) no-repeat;}

td.fenster14 span, td.fenster14 a.current span { width:79px;height:95px;background:url(advent/images/adventskalender_11.jpg) no-repeat;}
td.fenster14 a:hover span, td.fenster14 a span { background:url(advent/images/fenster14.jpg) no-repeat;}

td.fenster15 span, td.fenster15 a.current span { width:80px;height:95px;background:url(advent/images/adventskalender_52.jpg) no-repeat;}
td.fenster15 a:hover span, td.fenster15 a span { background:url(advent/images/fenster15.jpg) no-repeat;}

td.fenster16 span, td.fenster16 a.current span { width:68px;height:81px;background:url(advent/images/adventskalender_64.jpg) no-repeat;}
td.fenster16 a:hover span, td.fenster16 a span { background:url(advent/images/fenster16.jpg) no-repeat;}

td.fenster17 span, td.fenster17 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_33.jpg) no-repeat;}
td.fenster17 a:hover span, td.fenster17 a span { background:url(advent/images/fenster17.jpg) no-repeat;}

td.fenster18 span, td.fenster18 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_58.jpg) no-repeat;}
td.fenster18 a:hover span, td.fenster18 a span { background:url(advent/images/fenster18.jpg) no-repeat;}

td.fenster19 span, td.fenster19 a.current span { width:72px;height:86px;background:url(advent/images/adventskalender_44.jpg) no-repeat;}
td.fenster19 a:hover span, td.fenster19 a span { background:url(advent/images/fenster19.jpg) no-repeat;}

td.fenster20 span, td.fenster20 a.current span { width:85px;height:101px;background:url(advent/images/adventskalender_70.jpg) no-repeat;}
td.fenster20 a:hover span, td.fenster20 a span { background:url(advent/images/fenster20.jpg) no-repeat;}

td.fenster21 span, td.fenster21 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_09.jpg) no-repeat;}
td.fenster21 a:hover span, td.fenster21 a span { background:url(advent/images/fenster21.jpg) no-repeat;}

td.fenster22 span, td.fenster22 a.current span { width:72px;height:86px;background:url(advent/images/adventskalender_24.jpg) no-repeat;}
td.fenster22 a:hover span, td.fenster22 a span { background:url(advent/images/fenster22.jpg) no-repeat;}

td.fenster23 span, td.fenster23 a.current span { width:63px;height:75px;background:url(advent/images/adventskalender_82.jpg) no-repeat;}
td.fenster23 a:hover span, td.fenster23 a span { background:url(advent/images/fenster23.jpg) no-repeat;}

td.fenster24 span, td.fenster24 a.current span { width:128px;height:126px;background:url(advent/images/adventskalender_14.jpg) no-repeat;}
td.fenster24 a:hover span, td.fenster24 a span { background:url(advent/images/fenster24.jpg) no-repeat;}

/*Formular zu Adventartikeln*/
	#winwin {margin-top:10px;width:612px}
	#winwin h4 {font-weight:bold;color:#000;font-size:14px;margin-bottom:6px;}
	#winwin fieldset {background:#DEF4FF}
	#winwin ul {list-style:none;padding:0;margin:10px 0 10px 43px;}
	#winwin ul li {margin:5px 5px 5px 0;padding:0;}
	#winwin ul li.cll {clear:left;}
	#winwin label {display:block}
	#winwin label span {color:#f00;margin-bottom:4px;}
	#winwin button {margin-top:5px;padding:0;width:250px;height:50px;cursor:pointer;border:0;background:url(advent/images/signup.png) no-repeat;}
	#winwin button:hover {background-position:0 -50px;}
	#winwin button span {display:block;text-indent:-20000px;}