﻿/* NEWSLETTER SIGNUP */
div.newsletterHolder
{
    background-image: url('/grafik/Oestrogen/newsletterBg.jpg');
    background-repeat: no-repeat;
    font-size: 10px;
    height: 81px;
    margin-bottom: 12px;
    position: relative;
}

div.newsletterInner
{
    padding-top: 33px;
}

div.newsletterInner .litTxtMessage
{
    position: absolute;
    left: 15px;
    top: 26px;
}

div.newsletterHolder h3,
div.newsletterHolder p
{
    display: none;
}

div.newsletterHolder p.txtunsubscribe
{
    color: #3e3e3e;
    font-family: Myriad Pro, Trebuchet MS, Arial;
    font-size: 11px;
    font-weight: normal;
    display: block;
    margin: 10px 0 0 28px;
    text-transform: uppercase;
}

div.newsletterHolder p.txtunsubscribe span,
div.newsletterHolder p.txtunsubscribe a,
div.newsletterHolder p.txtunsubscribe a:visited
{
    color: #3e3e3e;
    font-family: Myriad Pro, Trebuchet MS, Arial;
    font-size: 10px;
    text-decoration: none;
}

div.newsletterHolder .txtEmail
{
    border: 0px solid #ccc;
    background: none;
    height: 16px;
    font-size: 11px;
    margin: 2px 0 0 14px;
    outline: none;
    width: 212px;
}

div.newsletterHolder .btnSend
{
    border: none;
    background: none;
    color: #000;
    cursor: pointer;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    height: 18px;
    line-height: 15px;
    margin-left: 0px;
    text-transform: uppercase;
    width: 64px;
}

div.newsletterHolder div.txt
{
    float: left;
    height: 18px;
    width: 231px;
}

div.newsletterHolder div.btn
{
    /*margin: 2px 0 0 2px;*/
    float: left;
}

.adNewsletter
{
    margin-top: -12px;
}



/* SHOP VIEWER */
div.shopViewHolder
{
    background-image: url('/grafik/Oestrogen/shopViewerBg.jpg');
    background-repeat: no-repeat;    
    height: 166px;
    margin-bottom: 12px;
    width: 300px;
}

div.shopViewHolder div
{
    border: 0px solid blue;
}

div.shopViewHolder .top
{
    height: 66px;
}

div.shopViewHolder .top a, div.shopViewHolder .top a:visited
{
    display: block;
    height: 40px;
    margin: 13px 0 0 13px;
    width: 200px;
}

div.shopViewHolder .viewer
{
    height: 100px;
}

div.shopViewHolder .product
{
    float: left;
    height: 100px;
    width: 263px;
}

div.shopViewHolder .info
{
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    line-height: 100%;
    padding-right: 5px;
    text-align: center;
    width: 260px;
}

div.shopViewHolder .info .image
{
    float: left;
    margin-left: 2px;
    width: 80px;
}

div.shopViewHolder .buy
{
    float: right;
    height: 100px;
    width: 37px;
}

div.shopViewHolder .buy a, div.shopViewHolder .buy a:visited
{
    display: block;
    height: 18px;
    margin: 40px 0 0 0px;
    width: 35px;
}



/* POLL VOTE */
div.pollHolder
{
    background-color: #fbcecf;
    background-image: url('/grafik/Oestrogen/pollBottomBg.jpg');
    background-repeat: no-repeat;
    background-position: 0 bottom;
    min-height: 170px;
    margin-bottom: 12px;
    width: 300px;
}

div.pollHolder .pollHeadline
{
    background-image: url('/grafik/Oestrogen/pollTopBg.jpg');
    background-repeat: no-repeat;
    height: 40px;
}

div.pollHolder .pollHeadline
{
    color: #471e2a;
    font-size: 16px;
    line-height: 18px;
    /*margin: 0px 0 0 15px;*/
    padding-top: 17px;
    padding-left: 17px;
}

div.pollHolder .pollHeadline h1.sIFR-replaced
{
    padding-top: 17px;
}

div.pollHolder .description p
{
    color: #471e2a;
    font-size: 11px;
    font-weight: bold;
    padding: 0 12px;
    margin: 0;
}

div.pollHolder .description
{
    margin:0px;
    padding:0px;
}


div.questionHolder .headline
{
    display: none;
}

div.questionHolder .questionHolder
{
    margin: 0x 0 0 15px;
}

div.questionHolder hr
{
    display:none;
}

div.questionHolder .questionAnswerHolder
{
	padding: 0 12px;
}

div.questionHolder .questionAnswerHolder ul
{
	padding:0 0 0 15px;
}

div.questionHolder .questionAnswer
{
    font-family: Trebuchet MS;
    font-size: 11px;
    margin: 8px 0 0 0;
    clear:both;
}

div.questionHolder .questionAnswer input
{
    display: inline-block;
    float: left;
    height: 20px;
    margin: 0px 6px 0 0;
    padding: 0;
}

div.pollHolder .submit
{
    height: 23px;
    margin: 8px 0 0 15px;
    padding-bottom: 5px;
    width: 90px;
}

div.pollHolder .submit input
{
    background: none;
    background-image: url('/grafik/Oestrogen/btnPoll.gif');
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: Trebuchet MS;
    font-size: 11px;
    height: 20px;
    text-transform: uppercase;
    width: 70px;
}


/* POLL RESULT */
div.pollHolder ul
{
    list-style: none;
    padding: 0 !important;
    margin: 10px 0 0 0;
}

div.pollHolder ul li
{
    padding-bottom: 10px;
}

div.pollHolder div.pollCaseHolder
{
    min-height: 15px;
    width: 290px;
}

div.pollVoteHolder
{
    background-image: url('/grafik/Oestrogen/pollVoteBg.jpg');
    background-repeat: no-repeat;
    float: left;
    height: 11px;
    margin-right: 11px;
    overflow: hidden;
    padding-right: 5px;
    width: 100px;
}

div.pollVoteHolder div.pollVote
{
    background-color: #eb70aa;
    height: 2px;
    margin: 5px 2px 3px 2px;
}

div.pollHolder ul li p
{
    color: #471e2a;
    font-size: 10px;
    float: left;
    margin: 0;
}

div.pollHolder ul li p.pollVoteText
{
    min-height: 15px;
    width: 125px;
}

div.pollHolder div.PollImage
{
    margin: 0 10px 5px;
    overflow: hidden;
}



/* LATEST ARTICLE LIST */
div.latestArticleList
{
    background-color: #eff6f7;
    background-image: url('/grafik/Oestrogen/latestArticleListBg.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 324px;
    margin-bottom: 12px;
    width: 300px;
}

div.latestArticleList div.top
{
    background-image: url('/grafik/Oestrogen/latestArticleListTop.jpg');
    height: 40px;
    width: 300px;
}

div.latestArticleList div.menu
{
    background-image: url('/grafik/Oestrogen/latestArticleListMenu.jpg');
    border-bottom: 1px solid #fff;
    height: 19px;
    width: 300px;
    
}

div.latestArticleList div.menu h3
{
    color: #bcbcbc;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    height: 15px;
    margin: 0;
    padding-top: 4px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
}

div.latestArticleList div.menu h3.selected
{
    background-image: url('/grafik/Oestrogen/latestArticleListMenuSelected.jpg');
    color: #fff;
}

div.latestArticleList div.listContent
{
    height: 240px;
    margin-top: 10px;
    position: relative;
    width: 300px;
   
}

div.latestArticleList div.listContent #articleListTrack
{
    background-color: #dedede;
    height: 230px;
    position: absolute;
    /*top: 0;
    right: 0;*/
    width: 9px;
} 
    
div.latestArticleList div.listContent #scrollbar_handle
{
    background-color: #afada6;
    width: 9px;
}
    
div.latestArticleList div.listContent #articleListContent
{
    height: 270px;
    float: left;
    margin-left: 10px;
    overflow: auto;
    width: 290px;
}

div.latestArticleList div.listContent .articleListScroll
{
    float: right;
    margin-right: 5px;
    width: 10px;
    display:none;
}

div.latestArticleList div.listContent .articleListScroll #scroll_down_50,
div.latestArticleList div.listContent .articleListScroll #scroll_up_50
{
    background-image: url('/grafik/Oestrogen/scrollUp.gif');
    background-color: #afada6;
    display: block;
    height: 9px;
    width: 9px;
}

div.latestArticleList div.listContent .articleListScroll #scroll_down_50
{
    background-image: url('/grafik/Oestrogen/scrollDown.gif');
    margin-top: 230px;
}

div.latestArticleList div.listContent ul.ulistArticelList
{
    height: 240px;
    margin: 0;
    list-style: none;
    padding: 0;
    width: 270px;
}

div.latestArticleList div.listContent ul.ulistArticelList li
{
    height: 68px;
    margin-bottom: 10px;
    overflow: hidden;
}

div.latestArticleList div.listContent ul.ulistArticelList div.image
{
    height: 68px;
    float: left;
    margin-right: 7px;
    overflow: hidden;
    width: 65px;
}

div.latestArticleList div.listContent ul.ulistArticelList .content
{
    float: left;
    height: 48px;
    overflow: hidden;
    width: 193px;
}

div.latestArticleList div.listContent ul.ulistArticelList .content p.cat
{
    color: #000;
    font-size: 10px;
    margin: 0;
}

div.latestArticleList div.listContent ul.ulistArticelList .content p.teaser,
div.latestArticleList div.listContent ul.ulistArticelList .content p.teaser a,
div.latestArticleList div.listContent ul.ulistArticelList .content p.teaser a:visited
{
    color: #414141;
    font-size: 10px;
    margin: 0;
}

div.latestArticleList div.listContent ul.ulistArticelList .content h3,
div.latestArticleList div.hidden
{
    display: none;
}



/* MOBIL / SHOP LIST */
div.listMobil, div.listShop
{
    height: 100px;
    padding: 0;
    margin-bottom: 12px;
    padding-top: 79px;
    width: 145px;
}

div.listMobil h3, div.listShop h3
{
    display: none;
}

.listMobil ul.ulistHolder li .content,
.listShop ul.ulistHolder li .content,
.listMobil ul.ulistHolder li .date,
.listShop ul.ulistHolder li .date
{
    margin-left: 15px;
    min-height: 11px;
    width: 130px;
}

div.listMobil
{
    background-image: url('/grafik/Oestrogen/listMobilbg.jpg');
    float: right;
}

div.listShop
{
    background-image: url('/grafik/Oestrogen/listShopbg.jpg');
    float: left;
}

div.listMobil ul.ulistHolder li
{
    background-image: url('/grafik/Oestrogen/mobilBorder.gif');
    background-position: center bottom;
    padding-bottom: 1px;
    border: none;
}

div.listShop ul.ulistHolder li
{
    background-image: url('/grafik/Oestrogen/shopBorder.gif');
    background-position: center bottom;
    padding-bottom: 1px;
    border: none;
}

div.listMobil ul.ulistHolder li.last,
div.listShop ul.ulistHolder li.last
{
    background: none;
}

div.listMobil ul.ulistHolder .content h3,
div.listMobil ul.ulistHolder .content h3 a,
div.listMobil ul.ulistHolder .content h3 a:visited
{
    color: #fff;
    display: block;
    font-size: 10px;
    margin: 0;
}

div.listMobil ul.ulistHolder .date a,
div.listMobil ul.ulistHolder .date a:visited
{
    color: #fff;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}

div.listShop ul.ulistHolder .content h3,
div.listShop ul.ulistHolder .content h3 a,
div.listShop ul.ulistHolder .content h3 a:visited
{
    color: #a54963;
    display: block;
    font-size: 10px;
    margin: 0;
}

div.listShop ul.ulistHolder .date a,
div.listShop ul.ulistHolder .date a:visited
{
    color: #7b2a41;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}
