/*
    Document   : mylayout.css
    Created on : Mar 12, 2010, 10:54:03 AM
    Author     : johannes // raymond
    Description:
    Purpose of the stylesheet follows.
*/
html {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit;font-weight:inherit;}
del,ins {text-decoration:none;}li{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:baseline;}
sub {vertical-align:baseline;}
legend {color:#000;}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select {*font-size:100%;}
body {font:13px/1.231 Arial,Helvetica,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button {font:99% Arial,Helvetica,sans-serif;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
body {text-align:center;}
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {margin:auto;text-align:left;width:57.69em;*width:56.25em;}
#doc2 {width:73.076em;*width:71.25em;}
#doc3 {margin:auto 10px;width:auto;}
#doc4 {width:74.923em;*width:73.05em;}
.yui-b {position:relative;}
.yui-b {_position:static;}
#yui-main .yui-b {position:static;}
#yui-main,.yui-g .yui-u .yui-g {width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main {float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main {float:left;margin-right:-25em;}
.yui-t1 .yui-b {float:left;width:12.30769em;*width:12.00em;}
.yui-t1 #yui-main .yui-b {margin-left:13.30769em;*margin-left:13.05em;}
.yui-t2 .yui-b {float:left;width:13.8461em;*width:13.50em;}
.yui-t2 #yui-main .yui-b {margin-left:14.8461em;*margin-left:14.55em;}
.yui-t3 .yui-b {float:left;width:23.0769em;*width:22.50em;}
.yui-t3 #yui-main .yui-b {margin-left:24.0769em;*margin-left:23.62em;}
.yui-t4 .yui-b {float:right;width:13.8456em;*width:13.50em;}
.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.55em;}
.yui-t5 .yui-b {float:right;width:18.4615em;*width:18.00em;}
.yui-t5 #yui-main .yui-b {margin-right:19.4615em;*margin-right:19.125em;}
.yui-t6 .yui-b {float:right;width:23.0769em;*width:22.50em;}
.yui-t6 #yui-main .yui-b {margin-right:24.0769em;*margin-right:23.62em;}
.yui-t7 #yui-main .yui-b {display:block;margin:0 0 1em 0;}
#yui-main .yui-b {float:none;width:auto;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u {float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u {float:right;}
.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first {float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf {width:49.1%;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u {width:32%;margin-left:1.99%;}
.yui-gb .yui-u {*margin-left:1.9%;*width:31.9%;}
.yui-gc div.first,.yui-gd .yui-u {width:66%;}
.yui-gd div.first {width:32%;}
.yui-ge div.first,.yui-gf .yui-u {width:74.2%;}
.yui-ge .yui-u,.yui-gf div.first {width:24%;}
.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first {margin-left:0;}
.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}
.yui-g .yui-g .yui-u {width:48.1%;}
.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first {*margin-right:0;*width:32%;_width:31.7%;}
.yui-g .yui-gc div.first,.yui-gd .yui-g {width:66%;}
.yui-gb .yui-g div.first {*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first {*margin-right:0;}
.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u {_margin-left:1.0%;}
.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;}
.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u {margin:0;}
.yui-gb .yui-gb .yui-u {_margin-left:.7%;}
.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}
.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u {*width:48.1%;*margin-left:0;}
.yui-gb .yui-gd div.first {width:32%;}
.yui-g .yui-gd div.first {_width:29.9%;}
.yui-ge .yui-g {width:24%;}
.yui-gf .yui-g {width:74.2%;}
.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u {float:right;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first {*width:24%;_width:20%;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u {*width:73.5%;_width:65.5%;}
.yui-ge div.first .yui-gd .yui-u {width:65%;}
.yui-ge div.first .yui-gd div.first {width:32%;}
#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf {zoom:1;}

/* body content */
html, body {font-size:13px; line-height:1.5em; background: #FFFFFF url("/css/images/body-bg.png") no-repeat scroll center top;}
#abo {float:left; overflow:hidden; width:587px;}
#head {height: 89px;}
#doc2{width: 100%;}
#abo-cover-holder{}
#abo p.abo-desc {float: right;width: 355px; margin: 25px 0 0;}
#abo p.abo-desc strong {font-weight: bold;}
.inner-content{margin: 0 auto;width: 950px;overflow: hidden;}
#banner-small {background:url("/css/images/abw-stripe-v.png") repeat-x scroll 0 -23px transparent;  border-top:1px solid #3568A5; height:36px; margin-top:1px; }
#body {color:#000; padding-top:20px; min-height: 600px}
    #body h1, #body h2 { font-size:22px; line-height:1.2em; margin-bottom:10px; padding-bottom:3px; color: #EC7B15;}
    #body a{color:#3568a5; text-decoration:underline;}
    #body #abo h1, #body #abo h2, #body #abo h3, #body .partner h1, #body .partner h2 {border-bottom:1px solid #CCCCCC; margin-bottom:10px; /*color: rgb(236, 123, 21);*/ color: #EC7B15;}
    #body h1 a ,#body h2 a {text-decoration: none; /*color: rgb(236, 123, 21);*/ color: #EC7B15;}
    div.abo h3 {font-size:22px; line-height:1.2em; margin-bottom:10px; padding-bottom:3px; color: #EC7B15;}
footer{background:transparent url("/css/images/abw-stripe-v.png") repeat-x scroll left -59px; height:265px; margin: 1em 0 0;}
    footer div.inner-content {height: 265px; background: transparent url("/css/images/abw-stripe-big.png") no-repeat scroll right -524px;}
    footer div.inner-content {color: white;}
        footer div.inner-content a {color: white; text-decoration: none;}
        footer div.inner-content div.linklist {width: 33%; float: left; margin: 40px 0pt 0pt;}
            footer div.inner-content div.linklist span{font-weight: bold; font-size:1.25em;}
            footer div.inner-content div.copyright{padding:20px 0 0; clear: both; text-align: center;}
            footer div.inner-content div.linklist ul{width:60%;}
                footer div.inner-content div.linklist ul li{line-height: 2em; margin: 0 0 0 15px; border-bottom: 1px dotted;}
                footer div.inner-content div.linklist ul li.last {border-bottom: none;}
#page-bottom {background:#000000 none repeat scroll 0 0; border-top:1px solid #444850; height:30px;}

/* E o YUI */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/** E o COlorbox **/

/** Breadcrump **/
/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
    height: 1%;
    overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
    min-height: 1%;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/
.breadCrumb {padding: 5px;height: 21px;width: 938px;background:#fff;}
.breadCrumb ul {
	/*height: 21px;
	display: block; */
}
.breadCrumb ul li {
	/*display: block;

	position: relative;
        	overflow: hidden;

        */
        float: left;
	height: 21px;

	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url(images/Chevron.gif) no-repeat 100% 0;
}
.breadCrumb ul li div.chevronOverlay {position: absolute;right: 0;top: 0;z-index: 2;}
.breadCrumb ul li span {display: block;overflow: hidden;}
.breadCrumb ul li a {
    /*	display: block;
    position: relative;
            overflow: hidden; */
    height: 21px;
    line-height: 21px;

    float: left;
}
.breadCrumb ul li.first a {
    height: 16px !important;
    text-indent:25px;
    width:55px;
    padding: 0;
    overflow: hidden;
    background:url(images/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover {background-position: 0 -16px;}
.breadCrumb ul li.last, .breadCrumb ul li:last-child {background: none;margin-right: 0;padding-right: 0;}
.chevronOverlay {display: none;background: url(images/ChevronOverlay.png) no-repeat 100% 0;width: 13px;height: 20px;}
/** E o Breadcrump **/

/** Jquery Ketchup **/
.ketchup-error-container {display: none;position: absolute;width: auto;}
.ketchup-error-container ol {
  font-size: 12px;
  color: #111;
  background: red;
  background: rgba(255, 0, 0, 0.6);
  padding: 10px;
  border-radius: 5px;
  list-style: none;
  line-height: 16px;
}
.ketchup-error-container span {
  display: block;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid red;
  border-top: 10px solid rgba(255, 0, 0, 0.6);
  border-bottom: 0;
  margin-left: 10px;
}
/** E o jQuery Ketchup **/

/** basics **/
h1,h2,h3,h4 {color:#767676;}

article, section, aside, footer { display: block;}

article p, article ul, article ol, article img {margin-bottom: 1em;}
article strong{font-weight: bold;}
article ul, article ol {padding-left: 2em; list-style: circle inside none }
article ul li, article ol li{list-style: circle inside none; text-indent:-1em; }
article {overflow:hidden; margin-bottom:1.5em; position: relative;}

/** Default Headings **/
article h1, article h2, article h1 a,article h2 a {margin-bottom:4px; color: rgb(236, 123, 21); text-decoration: none;}
article h1, article h2 {border-bottom:1px solid #CCCCCC;}

/** partner **/
article.partner img.thumb{width: 85px; height: 85px; margin: 0;}
article.partner div.text{width: 490px; float: right;}
article.partner aside.content-left {float: left;}
article.partner div.teaser p{margin: 0 !important;}
article.partner div.teaser a.readon{float: right;}
article.partner a.abo-partner-offers {background:url("/css/images/abw-stripe-big.png") no-repeat scroll -354px -73px transparent; border-bottom:1px dotted #DCDCDC; border-top:1px dotted #DCDCDC; display:block; height:35px; line-height:33px; padding:0 0 0 32px; text-decoration:none !important;}
/** news **/
article.news div.text {float:right; width: 422px; overflow: hidden;}
article.news img.thumb {width: 150px; border: 1px solid #CCCCCC; margin: 0;}
article.news aside.content-left {float: left; width: 150px;}
article.news aside.meta-information {height: 2.5em; margin: 0.5em 0 0 0; overflow: hidden;}
article.news h1.expired,article.news h2.expired {background:url("/css/images/abgelaufen.png") no-repeat scroll 0 8px transparent; color:#D2D2D2 !important; text-indent:90px;}
article.news h2.expired a{color: #D2D2D2 !important;}
article.news aside.meta-information span {color: #767676;}
article.news aside.meta-information div.starvoting {float: right;}
article.news aside.tags {background:#F2F2F2;border: 1px solid #ACACAC; color: #ADADAD; clear: both; padding: 2px;}
article.news aside.tags a {text-decoration: none !important; color: #ADADAD !important;}

/** Abos **/
article.abo div.text {float: right; width: 340px;}
article #abo-cover-holder {margin: 0 20px 35px 0; width: 200px; border: 1px solid rgb(223, 223, 223); padding: 10px; background: rgb(239, 239, 239) none repeat scroll 0pt 0pt; float: left; -moz-border-radius: 5px; text-align: left;}
article #abo-cover-holder span  {display: block; width: 117px;}
article #abo-cover-holder a img {margin: 0 !important;}
article.abo h1 {margin-bottom: 8px !important;}
article.abo social-votes {height: 2.25em !important;}
article.abo div.price-per-valume{background: url("/css/images/bester-preis.png") no-repeat scroll 0% 0% transparent; position: absolute; top: 293px; left: 126px; text-align: center; width: 108px; color: white; font-size: 16px; padding: 44px 0pt 0pt; text-shadow: 1px 1px 1px rgb(85, 85, 85); height: 65px;}
div.abo h2, div.abo h3 {border-bottom: 1px solid #ccc;}

.abo-cover-printout {margin: 0 20px 5px 0; padding-top: 5px; width: 76px; border: 1px solid rgb(223, 223, 223); background: rgb(239, 239, 239) none repeat scroll 0pt 0pt; float: left; -moz-border-radius: 5px; text-align: center;}

/** Sitemap **/
div.sitemap h1, div.sitemap h2 {border-bottom:1px solid #CCCCCC; color: #EC7B15;}
div.sitemap h2 {margin: 20px 0 10px 0;}
div.sitemap ul {margin: 0 0 0 1em;}

/** Gratis Zeitungen Start **/
form#gratis-abos-suche {background: transparent url("/css/images/bg-gratiszeitung.png") no-repeat scroll 0; height:367px;padding: 20px 0 0 0}
    form#gratis-abos-suche h1 {font-size: 22px;border-bottom: 1px solid #CCCCCC;}
        form#gratis-abos-suche h1 span {color: #E57C25;}

    form#gratis-abos-suche div {margin: 50px 0 0 0;}
        form#gratis-abos-suche div input#plz {
            background: none repeat scroll 0 0 #E8EFFF;
            border: 1px solid #81B4ED;
            color: #225294;
            font-size: 13px;
            font-size-adjust: none;
            font-stretch: normal;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            float:left; 
            margin: 0 5px 0 0;  
            height: 25px; 
            line-height: 20px; 
            width: 150px;
        }
        form#gratis-abos-suche div input#searchplz {cursor: pointer; outline: none; background:transparent url("/css/images/14tage-btn-small.png") no-repeat scroll 0; border:medium none; height:27px; text-indent:-9999px; width:40px;}        
        form#gratis-abos-suche div span {color: #4F80A3; font-weight:bold;}
        form#gratis-abos-suche div li.plz {color:#4F80A3; font-size:15px; line-height:1.5em; list-style:square outside none;}
        form#gratis-abos-suche div ul {margin: 25px 0 0 15px; }
        form#gratis-abos-suche div.plz-border{border:1px solid #C0C0C0;padding:20px 15px;width:200px;}
span.fake-heading {border-bottom:1px solid #CCCCCC; color:#EC7B15; margin-bottom:4px; font-size:20px; line-height:1.2em; padding-bottom:3px; display: block;}

/** ABo Vergleich **/
.offer-compare-table{ width: 585px; font-size: 12px; margin-bottom:10px;}
.abo-offer-list-head {
    height: 21px;
    background:url("/css/images/abw-stripe-v.png") repeat-x scroll 0 0 transparent;
    border-left:1px solid #3567a6; border-right:1px solid #3567a6;
    color: white;
    font-weight: bold;
    text-align:center;
}

/** Kommentare **/
#comments div.gravatar {background: url("/css/img/avatar.png") repeat scroll 0% 0% transparent; height: 60px; padding: 7px 0pt 0pt 3px; text-align: center; width: 61px; float:left; margin: 0 10px 0 0;}
#comments div.comment {border-bottom:1px solid #DCDCDC; margin:0 0 1.5em; padding:0 0 0.5em;}
    #comments div.comment .header {overflow: hidden;}
        #comments div.comment .header span {color: #979797;}
        #comments div.comment .header span.autor { font-size:1.125em; font-weight:bold; }
        #comments div.comment .header span.title { font-weight:bold; }
.offer-compare-table tbody {background: #E5F0F6; border:1px solid #c0d1ef; border-top:none;}
.offer-compare-table td { padding:2px 5px;}
#comment-list-heading {font-size: 20px; margin: 1em 0;}
.offer-effectiv {background: #c7d7e0; font-weight:bold;}
.offer-effectiv-img {
    font-weight:bold;
    background: #c7d7e0 url("/css/images/top.png") no-repeat;
    border: medium none;
    height: 20px;
    left: 0;
    top: 0;
    width: 20px;
}
.offer-tip-small {font-size: 10px;}
#bargeld { background: #f88723; color: #fff; font-size: 12px; font-weight: bold; height: 36px;}
#gutschein { background: #a0d24a; color: #fff; font-size: 12px; font-weight: bold; height: 36px;}

#bargeld a {color: #fff; text-decoration: none; text-shadow: #8a5200 1px 1px 1px;}
#gutschein a {color: #fff; text-decoration: none; text-shadow: #4f860e 1px 1px 1px;}
#bargeld:hover {background: #f67605;}
#gutschein:hover {background: #8ed01c;}

/**
    #abo-list-header #socialbutton {float: right;}
    #abo-list-header h1 {float: left; color: #EC7B15; padding: 10px 0 0;}
    #abo-list-header a {height: 41px !important; width: 37px !important;}
        #abo-list-header a.rss {background-position: -431px -24px !important;}
        #abo-list-header a.twitter {background-position: -469px -24px !important;}
        #abo-list-header a.facebook {background-position: -508px -24px !important;}
        #abo-list-header a.newsletter {background-position: -547px -24px !important;}
**/
/** Sidebar **/
 div#socialbutton a{background:url("/css/images/abw-stripe-big.png") no-repeat scroll -431px -24px transparent; display:block; float:right; height:41px; margin:0 10px 0 0; outline:medium none;width:37px;}

 div#socialbutton a.twitter {background-position: -469px -24px;}
 div#socialbutton a.facebook {background-position: -508px -24px;}
 div#socialbutton a.newsletter {background-position: -547px -24px;}
#sidebar {padding: 31px 0 0 14px; overflow: hidden; float: right; width: 331px;}
#sidebar .sidebar-box {margin:0 0 15px; overflow: hidden;}
#sidebar .sidebar-box ul {padding: 0;}
#sidebar .sidebar-box span.line {font-size:22px; line-height:1.2em; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #CCCCCC; display:block; color: rgb(118, 118, 118);}
#sidebar .sidebar-box li {padding: 5px; border-bottom: 1px solid #dcdcdc; cursor:pointer; overflow: hidden;}
    #sidebar .sidebar-box li img.thumb {float: left; width: 66px; height: 89px; margin: 0 1em 0 0;}
    #sidebar .sidebar-box li strong {font-weight:bold;}
    #sidebar .sidebar-box li time {color: #444; display: block;}
#sidebar .sidebar-box li:hover {background: #EFEFEF; }
#sidebar .sidebar-box li:last-child {border: none;}
#abo .commercial-image {margin: 15px 0;}
#sidebar .commercial {padding: 0 10px;}

#like-box-wrapper {height: 260px;margin: 0 0 20px 0;border: 1px solid #C0C0C0;overflow: hidden;}

 /** Abo Tabellen Ansicht **/
.abo-tabelle-big-wrapper {border: 1px solid #ccc;}
.abo-tabelle-big {}
.abo-tabelle-big thead tr th, .abo-tabelle-big tfoot tr th  {background:url("/css/images/abw-stripe-v.png") repeat-x scroll 0 0 transparent; color:white; font-weight:bold; height:30px; text-align:center; border: 1px solid white;}
.abo-tabelle-big thead tr th, .abo-tabelle-big tfoot tr th {border-top: none; border-bottom: none;}
.abo-tabelle-big thead tr th.header, .abo-tabelle-big tfoot tr th.header  {cursor: pointer;}
.abo-tabelle-big thead tr th span, .abo-tabelle-big tfoot tr th span {display: block; width: 99%;}
.abo-tabelle-big thead tr th.headerSortUp span, .abo-tabelle-big tfoot tr th.headerSortUp span {background: url("/css/images/sortieren.gif") no-repeat scroll right 5px transparent;}
.abo-tabelle-big thead tr th.headerSortDown span, .abo-tabelle-big tfoot tr th.headerSortDown span {background: url("/css/images/sortieren.gif") no-repeat scroll right -24px transparent;}
.abo-tabelle-big tbody tr td {background: #E5F0F6; text-align: center; border: 3px solid white;height:25px;}
.abo-tabelle-big tbody tr td.one {background: #f2f2f2;height:25px;}
.abo-tabelle-big tbody tr .td {background: white;height:25px;}
.abo-tabelle-big tbody tr td.name {text-align: left; padding: 0 0 0 5px;}
.abo-tabelle-big tbody tr td.name a {height: 1.5em; overflow: hidden; display: block;}
.abo-tabelle-big tbody tr td.first, .abo-tabelle-big thead tr th.first,.abo-tabelle-big tfoot tr th.first {border-left: none;}
.abo-tabelle-big tbody tr td.last, .abo-tabelle-big thead tr th.last,.abo-tabelle-big tfoot tr th.last {border-right: none;}
.abo-tabelle-big td.extra {text-align:right;padding-right:15px;}

#abo-list-header {overflow: hidden; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px}
    #abo-list-header #socialbutton {float: right;}
    #abo-list-header h1 {float: left; color: #EC7B15; margin-bottom: 0px; padding: 10px 0 0;}
    #abo-list-header a {height: 41px !important; width: 37px !important; float: left !important;}
        #abo-list-header a.rss {background-position: -431px -24px !important;}
        #abo-list-header a.twitter {background-position: -469px -24px !important;}
        #abo-list-header a.facebook {background-position: -508px -24px !important;}
        #abo-list-header a.newsletter {background-position: -547px -24px !important;}

/** paginierung **/

ol#paginierung {overflow: hidden; margin: 1em 0;}
ol#paginierung li {border:1px solid #C7C7C7; display:block; float:left; height:18px; margin:0 2px 2px 2px; text-align:center; width:18px;}
ol#paginierung li a {color:#9C9C9C;  display:block; line-height:18px; text-decoration:none;}
ol#paginierung li a:hover{color: #245598;}
ol#paginierung li.last, ol#paginierung li.first, ol#paginierung li.next, ol#paginierung li.back {text-indent: -999em;}
ol#paginierung li.last {background: url("/css/images/abw-stripe-big.png") no-repeat scroll -247px -68px transparent}
ol#paginierung li.first {background: url("/css/images/abw-stripe-big.png") no-repeat scroll -194px -68px transparent}
ol#paginierung li.next {background: url("/css/images/abw-stripe-big.png") no-repeat scroll -229px -68px transparent}
ol#paginierung li.back {background: url("/css/images/abw-stripe-big.png") no-repeat scroll -212px -68px transparent}
ol#paginierung li a.current {text-decoration: underline;}

/** Startseite **/
div.info{color: gray;border-bottom: 1px solid #CCCCCC;margin: 0 0 1em 0;}
div.info strong{font-weight: bold;display: block;border-bottom: 1px solid #CCCCCC;margin-bottom: 0.75em;padding-bottom: 0.25em;}
div.info p {margin: 0 0 1em 0;}

div.news {overflow: hidden;}
div.news h2 { border-bottom: 1px solid #CCCCCC; color: #EC7B15; margin: 1em 0 10px 0;}
div.news article.news {width: 300px; float: left;}
div.news article.middle {margin: 0 20px;}
div.news article.news p {width: 150px; float: right;}
div.news article.news img {float: left; width: 140px; border: 1px solid #CCCCCC;}
div.news article.news a h3 {color: #3568a5; font-weight: bold; height:4.5em;}

#startseite div.abo-box{width: 465px;}
#startseite div.abo-box.price {margin: 0 0 1.5em;}
#startseite div.abo-box h2 {color: #EC7B15;}
#startseite div.abo-preis-table {overflow: hidden; width: 49%; float: left;}
#startseite div.news-list { margin: 0 0 2em 0;}
#startseite div.news-list a.big {font-size:22px; line-height:1.2em; text-decoration: none;}
#startseite div.news-list h2 { margin-bottom: 3px; float:left; padding: 0 10px 0 0;}
#startseite div.news-list article {background: #eeeeee; border-bottom:1px solid #CCCCCC; margin:0 0 1em; padding: 5px;}
#startseite div.news-list article h3 { font-weight:bold; }
#startseite div.news-list h3.expired {background:url("/css/images/abgelaufen.png") no-repeat scroll 0 0px transparent; color:#D2D2D2 !important; text-indent:90px;}
#startseite div.news-list h3.expired a {color: #D2D2D2 !important;}
#startseite div.news-list article img { border: 1px solid #c9c9c9; }
#startseite div.news-list article div { height: 40px; }
#startseite div.news-list article span.date {color: gray;}
#startseite div.news-list article a.gooffer { background: url(images/btn-zum-angebot.png) no-repeat; display: block; float: left; width: 142px; height: 217px; margin: 0 1em 0 0;}

#startseite .abo-box .abo-tabelle-big-wrapper .abo-tabelle-big thead tr th span {font-size: 10px; width: 90%; padding: 0 0 0 5%; text-align: left; }
#startseite .abo-box .abo-tabelle-big-wrapper .abo-tabelle-big thead tr th.first {width: 190px;}
#startseite .abo-box .abo-tabelle-big-wrapper .abo-tabelle-big td.extra {text-align:right;padding-right:15px;}

#startseite div.partner { clear: both; background:url("/css/images/partner-border.png") no-repeat scroll 0 0 transparent; border-top:1px solid #CFD0D2; height:45px; margin-top:1em; overflow:hidden; padding:16px 70px;}
#startseite div.partner a {display: block; width: 90px; height: 45px; float: left; text-indent: -9999px; margin:0 12px;}

#startseite div.partner a#abo-einfach {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/abo-einfach-sw.png') scroll;}
#startseite div.partner a#abo-einfach:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/abo-einfach.png') scroll;}

#startseite div.partner a#abo-pool {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/abo-pool-sw.png') scroll;}
#startseite div.partner a#abo-pool:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/abo-pool.png') scroll;}

#startseite div.partner a#bauer {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/bauer-sw.png') scroll;}
#startseite div.partner a#bauer:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/bauer.png') scroll;}

#startseite div.partner a#deutsche-post {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/deutsche-post-sw.png') scroll;}
#startseite div.partner a#deutsche-post:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/deutsche-post.png') scroll;}

#startseite div.partner a#dpv-direct {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/dpv-direct-sw.png') scroll;}
#startseite div.partner a#dpv-direct:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/dpv-direct.png') scroll;}

#startseite div.partner a#hobby-freizeit {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/hobby-freizeit-sw.png') scroll;}
#startseite div.partner a#hobby-freizeit:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/hobby-freizeit.png') scroll;}

#startseite div.partner a#kiosk-plus {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/kiosk-plus-sw.png') scroll;}
#startseite div.partner a#kiosk-plus:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/kiosk-plus.png') scroll;}

#startseite div.partner a#mc-abo {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/mc-abo-sw.png') scroll;}
#startseite div.partner a#mc-abo:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/mc-abo.png') scroll;}

#startseite div.partner a#motor-presse-stuttgart {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/motor-presse-stuttgart-sw.png') scroll;}
#startseite div.partner a#motor-presse-stuttgart:hover {background: transparent no-repeat 0 0 url('/css/images/2zu1-logos/motor-presse-stuttgart.png') scroll;}

/** star voting **/
div.starvoting {overflow: hidden;}
div.starvoting span {float: left; display: block; width: 15px; height: 15px; background: url("/css/images/abw-stripe-big.png") no-repeat scroll -321px -66px transparent;}
div.starvoting span.active {background-position: -321px -82px;}
div.staractive span:hover {background-position:-321px -98px;}

div.social-votes div.starvoting {float: left;}

/* forms.css */
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:540px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; padding:4px 0 7px 33px;}
.error span, .notice span, .success span {text-transform:uppercase;}
.error ul, .notice ul, .success ul {margin: 0 0 0 10px;}
.error {background:#FBE3E4 url(img/delete.png) no-repeat scroll 5px 5px;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF url(img/info.png) no-repeat scroll 5px 5px;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2 url(img/accept.png) no-repeat scroll 5px 5px;color:#264409;border-color:#C6D880;}
.success-front {color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.close-notification{height: 20px; width: 20px; position: absolute; top: 2px; right: 0px; background:transparent url(img/close.png) no-repeat scroll 0 0; cursor:pointer;}

.social-votes {overflow:hidden; height: 2em;}
.social-votes .star-voting-base {height: 15px; width: 85px; float: left; background: url("/css/img/voting-stars.gif") repeat scroll 0pt 0pt transparent;}
.editoria-text{}
.editoria-text p {margin: 0 0 0.5em;}
.editoria-text ul {margin: 0 0 0.5em 20px;}
.editoria-text ul li {list-style-image:url(img/images/bullet.png); list-style-position:outside; list-style-type:circle;}

#orderform {}
#orderform input, #orderform div.title, #orderform select {width: 168px; margin: 2px 0; padding:2px 1px;}
#orderform div.title {display:inline-block; width: 170px;}
#orderform select { width: 172px; }
#orderform small {display: block;}
#orderform #agb, #orderform .private, #orderform .company {width: 15px;}
#orderform #geburtsdatum-wrapper { line-height:1.8em; overflow:hidden; width:358px;}
#orderform #geburtsdatum {float: left;}
#orderform #for-geburtsdatum {float: right;}
#orderform #geburtsdatum select.jahr {width: 64px;}
#orderform #geburtsdatum select.monat,#orderform #geburtsdatum select.tag {width: 40px;}

#commentform {}
#commentform input, #commentform div.title, #commentform select {width: 168px; margin: 1px 0; padding:2px 1px;}
#commentform #for-text {line-height:22px; padding:0 0 0 4px;}
#commentform #text {float:left;}
#commentform div {overflow:hidden;}
#commentform textarea {height: 125px;}
   /* #orderform input[type="submit"] {width: 170px;} */

/* nav */
#head #nav {clear:both;height:36px;overflow:hidden;padding-top:53px;}
#head #nav ul {background: transparent url("/css/images/nav-bg.png") repeat scroll left top;float:right;overflow:hidden;height: 36px;}
#head #nav ul li {display:block;float:left;height:36px;list-style:none outside none;}
#head a {outline: none;}
#head #nav a {
    background: transparent url("/css/images/trenn-gruen.gif") no-repeat scroll left;
    color:#FFFFFF;
    display:block;
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    line-height:36px;
    text-decoration:none;
    text-transform:uppercase;
    padding: 0 18px;
}
#head #nav a.cleargreen {background: none;}
#head #nav a:hover, #head #nav a.active {background: #8FBD37 url("/css/images/trenn-gruen.gif") no-repeat scroll left;}
#head #nav a.cleargreen:hover {background: #8FBD37;}
#head #nav a.first {padding:0 5px 0 30px; background: none;}
#head #nav a.first:hover, #head #nav a.first.active {background: transparent url("/css/images/nav-bg-hover.png") no-repeat scroll left;}

div#head div.inner-content.partner-28 {background: transparent url("/css/images/Kooperation-Mitarbeitervorteile.png") no-repeat scroll 220px 13px;}

#news-nav2{display: none;}
#abos-nav2{display: none;}
.nav2, #nav2{float: right; width: 615px; overflow:hidden; height:36px;}
.nav2 li ,#nav2 li{display:block; float:right; height:36px; line-height:36px;}
.nav2 li ,#nav2 li {background: transparent url("/css/images/abw-stripe-v.png") repeat-x scroll 0 -23px; padding-right: 15px;}
.nav2 li  a,#nav2 li a{padding-left:15px; text-decoration: none; color: #fff; font-size: 14px; line-height:36px; display:block; background: transparent url("/css/images/trenn-blau.gif") no-repeat scroll left;}
.nav2 li:hover,.nav2 li.active,#nav2 li:hover, #nav2 li.active{background: #08397C;}
.nav2 li a:first-child, #nav2 li a:first-child{padding-right: 0px;}
/* #nav2 li a:last-child{background: none;} */

#more-gratis, #all-gratis {cursor:pointer;color:#006DA3; text-decoration:underline;}
#more-gratis:active, #all-gratis:active{position: relative; top: 1px;}

.content-column {float:left; width: 587px; overflow: hidden;}
.content-column a.printouts {background:url("/css/images/abw-stripe-big.png") no-repeat scroll -354px -73px transparent; border-bottom:1px dotted #DCDCDC; border-top:1px dotted #DCDCDC; display:block; height:35px; line-height:33px; padding:0 0 0 32px; text-decoration:none !important;}

.news-full {overflow: hidden;}
.news-full div.text {overflow: hidden;}

#banner-small .inner-content {overflow: visible; height: 36px;}

table.abo-offer-compare thead tr th{ background: url("/css/images/abw-stripe-v.png") repeat-x scroll 0 0 transparent; padding: 0 0 0 1em}
table.abo-offer-compare tbody tr th, table.abo-offer-compare tbody tr td {background: #E5F0F6;}

.row1,.row2 {border-left: 1px solid rgb(46,152,166); border-right: 2px solid white; }

/*
table.abo-offer-compare tbody {border-left: 2px solid rgb(46,152,166);  border-right: 2px solid rgb(46,152,166);}

table.abo-offer-compare tbody tr.bottom td {border-bottom: 2px solid rgb(46,152,166);}

table.abo-offer-compare tbody tr th.borderr, table.abo-offer-compare tbody tr td.borderr {border-right:2px solid white;}
*/

/*  background:url("/css/images/abw-stripe-big.png") no-repeat scroll 0 0 transparent;  */
/*x-mas logo  background:url("/css/images/Abowelt_Weihnachtslogo.png") no-repeat scroll 0 0 transparent; */
#logo {background:url("/css/images/abw-stripe-big.png") no-repeat scroll 0 0 transparent;  height:61px; outline:medium none; position:absolute; text-indent:-9999px; top:7px; width:210px;}
#birthday {background:url("/css/images/torte.png") no-repeat scroll 0 0 transparent;  height:69px; outline:medium none; position:absolute; margin-left:240px; top:5px; width:75px;}

/* Suchseite */
div.search h1 {border-bottom:1px solid #CCCCCC; }
div.search h2 {font-size: 16px !important;}
div.search div.head {margin-bottom: 2em;}
div.search div.result small:before {content:'(';}
div.search div.result small:after {content:')';}
div.search div.result {font-size: 12px;border-bottom: 1px solid #d2d2d2;overflow: hidden;padding: 10px 5px 5px 5px;}
div.search div.result img {float: left; margin: 0 1em 40px 0;}

div.search div.result:hover {background: #efefef;}
div.search time {color: #444; display: block;font-size: 10px;}

#siteSearch {background-color:#FFFFFF;border: 1px solid #08397c;width:200px;overflow: hidden;margin-top:3px;float: left;}
#siteSearchQuery {background:none repeat scroll 0 0 #FFFFFF;border:0 none;color:#000000;font-size:1.3em;height:21px;width:166px;float: left;margin: 2px 2px !important;}
#lupie {
    background:#FFFFFF url("/css/images/magnifying_glass_16x16.png") center center no-repeat;
    border-left:1px solid #CCCCCC;
    border-width:0 0 0 1px;
    cursor:pointer;
    height:21px;
    width:26px;
    float: right;
    opacity:0.3;
    margin: 2px 0 !important;
}
#siteSearchQuery-label{
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    display: block;
    width: 70px;
    text-align: center;
    float: left;
    margin: 4px 0 0 5px;
    text-transform: uppercase;
    color: white;
    padding: 5px 5px 1px 5px;
}
#siteSearchQuery-label:hover{text-decoration: underline;}
iframe.twitter-share-button {float:right;}

#AboFlow {height:238px;overflow:hidden;position:relative;width:948px;background: url(/css/images/coverflow-bg.png);border-left: solid 1px #DEDEDE;border-right: solid 1px #DEDEDE;}
#AboFlow a{display: block;line-height: 0;bottom:20px;position:absolute;-moz-user-select: none;-khtml-user-select: none;user-select: none;width:159px;}
#AboFlow a img { display:block;margin:0 auto; }
#AboFlow #aboSlider{left: 1px;position:absolute;display: block;text-indent: -9999px;width: 108px;height: 13px;cursor: pointer;background: url("/css/images/coverflow-handle.png");bottom: 2px;}
#aboSliderHolder {bottom:0;height:18px;position:absolute;width:949px;}

/*  Gratis PLZ  */
div.gratis { margin-bottom: 10px;}
div.gratis h2 { border-bottom: 1px solid #CCCCCC; color: #EC7B15; margin: 10px 0 10px 0;}

/*jScrollPane  skins */
div.holder {margin-bottom: 5px;clear: both;z-index: 1;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #aaa;}
.jScrollPaneDrag {position: absolute;background: #666;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;background-color: #666;height: 15px;}
a.jScrollArrowUp:hover {background-color: #f60;}
a.jScrollArrowDown {display: block;position: absolute;z-index: 9997;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;background-color: #666;height: 15px;}
a.jScrollArrowDown:hover {background-color: #f60;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-color: #f00;}
.orange-bar .jScrollPaneTrack {background: #f60;}
.orange-bar .jScrollPaneDrag {background: #00f;}
.orange-bar .scroll-pane {background: #69f;}
.scroll-pane {width: 330px;height: 400px;overflow: auto;background: #f2f1f0;}
.wide {width: 330px;}
.super-wide {width: 700px;}
.tall {height: 400px;}

div.contest-finish {padding: 30px 0 0 0;text-align:center;}

/* CSS for Shade Tabs. Remove if not using */
#abotabs a {text-decoration: none;color: #fff;}
.shadetabs {margin-left: 0;margin-bottom: 0px;height: 29px;width: 329px;list-style-type: none;text-align: left;border: 1px solid #c0c0c0;border-bottom: none;}
.shadetabs li {display: block;margin: 0;}
.shadetabs li a.last {border: none;}
.shadetabs li a {float: left;display: block;font: bold 12px Arial;color: white;text-decoration: none;padding: 8px 0 7px 0;background-color: #3668a5;width: 109px;outline: none;line-height:20px;}
.shadetabs li img {padding: 0 10px 0 5px; top:2px;vertical-align: middle;display:block; float:left;}
.shadetabs li a:visited {color: white;}
.shadetabs li a:hover {text-decoration: underline;color: white;}
#abotabs li a.selected {position: relative;color: #3668a5;background: white;color: #3668a5;border-bottom-color: white;}
.shadetabs li a.selected:hover {text-decoration: none;}
div.contentbox {border:1px solid #c0c0c0;border-top: none;width:309px;margin-bottom: 10px;padding: 15px 10px 10px 10px;height: 100px;}
.abo-sozial-twitter {background: white url(/css/images/twitter_button.jpg) no-repeat top center;height: 40px;margin: 5px;}
input.newsletter {background: #e8efff;border: 1px solid #81b4ed;color: #225294;font-size: 13px;font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: normal;height: 16px;line-height: normal;margin: 6px 0 0 7px;padding: 6px 6px 3px 6px;width: 190px;}
input.newsletter-submit {background: url(/css/images/confirm.png);height: 27px;width: 25px;border: medium none;box-shadow: none;position: relative;top: -1px;cursor: pointer;}

/* Tabs Content*/
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive {margin-bottom: 10px;border: 1px solid #c0c0c0;width: 329px;}
.tabberlive .tabbertab span {font-size: 12px !important; color: #3668a5 !important;}
ul.tabbernav {margin-left: 0;margin-bottom: 0px;height: 35px;width: 330px;list-style-type: none;}
ul.tabbernav li {list-style: none;margin: 0;display: inline;}
ul.tabbernav li a {background: #3668a5;float: left;display: block;color: white;text-decoration: none;padding: 8px 0;width: 33.3%;outline: none;line-height:20px;}
ul.tabbernav li a:link {color: white !important;text-align: center;text-decoration: none !important;font-weight: bold;}
ul.tabbernav li a:visited {color: white;}
ul.tabbernav li a:hover {color: white;background: #3e6fac;}
ul.tabbernav li.tabberactive a {background-color: white;text-align: center;color: #3668a5 !important;text-decoration: none !important;font-weight: bold;}
ul.tabbernav li.tabberactive a:hover {color: #3668a5;background: white;}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding: 20px 10px 5px 10px;height: 90px;}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab span {display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive #tab2 {border-right: 1px solid #fff;}

/*  search  */
img.search-cover{width: 46px;height: 62px;}
