﻿ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,p
{
	margin: 0;
}

html
{
	background: #F3F3F3 url("/grafik/oestrogen/html.bg.png") no-repeat top center;
}

body
{
	background: url("/grafik/oestrogen/body.bg.png") no-repeat top center;
	color: #000;
	font: normal 12px "Arial", "Sans serif";
}

a
{
	color: #333;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1,h2,h3,h4,h5
{
	font-family: Tahoma;
}

div.masterDiv
{
	background: url("/grafik/oestrogen/master.bottom.bg.png") no-repeat bottom;
	padding-bottom: 20px;
	width: 950px;
}

div.masterDivInner
{
	background: #fff;
	margin: 0 1px;
	width: auto;
}

div.masterDivInner div.masterContent
{
	width: auto;
}

div.footerHolder
{
	background: url("/grafik/oestrogen/footer.bg.png") no-repeat bottom;
	height: 200px;
	width: 950px;
}

div.footerHolder .footerContent
{
	padding: 7px 38px 0;
	text-transform: none !important;
}

div.footerLinksHolder
{
	margin-top: -170px;
	padding-bottom: 150px;
}

div.footerLinksHolder .footerLinksHead,
div.footerLinksHolder .footerLinksHead span
{
	border: none;
	color: #333;
	font: 16px arial;
}

div.footerLinksInner ul li h4 a,
div.footerLinksInner ul li h4 a:visited
{
	color: #333;
}

/* header */
div.masterHeader div.topBannerHolder
{
	height: 180px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	width: 950px;
}

div.masterHeader div.topLogoHolder
{
	background: url("/grafik/oestrogen/OE topheader 2011.jpg") no-repeat top;
	padding-bottom: 12px;
	position: relative;
}

div.masterHeader div.topLogo,
div.masterHeader div.topLogo a
{
	display: block;
	height: 80px;
	width: 310px;
}

div.masterHeader .topGlobalMenu2
{
	display: none;
}

div.masterHeader div.topGlobalMenu
{
	right: 10px;
	position: absolute;
	top: 5px;
}

div.masterHeader div.topGlobalMenu li
{
	display: inline;
	padding: 0 4px;
}

div.masterHeader div.topGlobalMenu li a
{
	background-position: left 1px;
	font: 11px arial;
	text-transform: uppercase;
}

div.masterHeader div.topSearch
{
	padding-right: 17px;
	right: 10px;
	position: absolute;
	top: 99px;
}

div.masterHeader div.topSearch .searchText
{
	background: #fff;
	border: none;
	width: 80px;
}

div.masterHeader div.topSearch .searchBtn
{
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	font: 12px arial;
	padding: 0;
	width: 33px;
}

div.masterHeader div.topSearch .search-help
{
	top: 1px;
}

div.masterHeader div.common_completion_debug,
div.masterHeader div.topGlobalMenu2,
{
	display: none;
}

div.masterHeader div.topText
{	
    position: absolute;    
    top: 30px;
    right: 0px;
    height: 60px;
    width: 260px;	
}

div.masterHeader div.topText div.topTextInner a img
{	
    height: 60px;
    width: 260px;	
}

div.masterHeader div.topMenu
{
	margin: 11px 8px 0;
}

div.masterHeader div.topMenu #menuParent
{
	height: 34px;
	margin-bottom: 1px;
	overflow: hidden;
}

div.masterHeader div.topMenu li
{
	display: inline;
}

div.masterHeader div.topMenu li a
{
	color: #fff;
	font: 15px/34px arial;
	padding: 8px;
}

div.masterHeader div.topMenu #menuSub li a
{
	color: #000;
	font: 13px/30px arial;
	padding: 8px;
}

div.masterHeader div.topMenu #menuParent li.menuItemSelected a,
div.masterHeader div.topMenu #menuParent li a:hover
{
	background: url("/grafik/oestrogen/menu.selected.png") no-repeat center 29px;
	text-decoration: none;
}

div.masterHeader div.topMenu #menuSub li.menuItemSelected a,
div.masterHeader div.topMenu #menuSub li a:hover
{
	background: url("/grafik/oestrogen/menu.selected.png") no-repeat center -4px;
	text-decoration: none;
}

div.masterHeader div.topMenu #menuParent li.menuItemSelected a,
div.masterHeader div.topMenu #menuSub li.menuItemSelected a
{
	font-weight: bold;
}

ul.newswitchlarge
{
	height: 380px;
	margin-bottom: 20px;
	position: relative;
}

ul.newswitchlarge li div.image
{
	height: 380px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 340px;
}

ul.newswitchlarge li div.image img
{
	display: none;
}

ul.newswitchlarge li div.menu
{
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	float: right;
	height: 70px;
	margin-left: 340px;
	padding: 5px 10px 0;
	position: relative;
	overflow: hidden;
	width: 251px;
}

ul.newswitchlarge li div.menu:hover,
ul.newswitchlarge li.active div.menu
{
	background: url("/grafik/oestrogen/newsswitch.item.bg.png") no-repeat right 1px;
}

ul.newswitchlarge li:last-child div.menu
{
	border: none;
}

ul.newswitchlarge li div.menu h1 a
{
	font: 18px/18px tahoma;
	text-decoration: none;
}

ul.newswitchlarge li div.menu p a
{
	font-size: 11px;
	line-height: 11px;
	margin: 4px 0 0;
	text-decoration: none;
}

ul.newswitchlarge li div.menu:hover h1 a,
ul.newswitchlarge li.active div.menu h1 a
{
	color: #942A4A;
}

.ulistTopStoryCategoryArticleSmall
{
	border-bottom: 2px solid #942A4A;
	margin-bottom: 12px;
	padding-bottom: 12px;
	width: 630px;
}

.ulistTopStoryCategoryArticleSmall li
{
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	overflow: hidden;
	width: 197px;
	.float: left;
}

.ulistTopStoryCategoryArticleSmall li .content .cat,
.ulistTopStoryCategoryArticleSmall li .content .readmore,
.ulistTopStoryCategoryArticleSmall li .content .parentcatname,
.ulistTopStoryCategoryArticleSmall li .content .parentcatnameseperator
{
	display: none;
}

.ulistTopStoryCategoryArticleSmall li .content h3
{
	font: 18px/20px tahoma;
	padding: 5px 0 2px;
}

.ulistTopStoryCategoryArticleSmall li .content h3 a
{
	color: #000;
}

.ulistTopStoryCategoryArticleSmall li .image
{
	height: 111px;
	overflow: hidden;
}

.ulistTopStoryCategoryArticleSmaller
{
	margin-bottom: 12px;
	padding-bottom: 12px;
	width: 630px;
}

.ulistTopStoryCategoryArticleSmaller li
{
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	overflow: hidden;
	width: 145px;
	.float: left;
}

.ulistTopStoryCategoryArticleSmaller li .content .cat,
.ulistTopStoryCategoryArticleSmaller li .content .readmore,
.ulistTopStoryCategoryArticleSmaller li .content .parentcatname,
.ulistTopStoryCategoryArticleSmaller li .content .parentcatnameseperator
{
	display: none;
}

.ulistTopStoryCategoryArticleSmaller li .content h3
{
	font: 16px tahoma;
	padding: 3px 0;
}

.ulistTopStoryCategoryArticleSmaller li .content h3 a
{
	color: #000;
}

.ulistTopStoryCategoryArticleSmaller li .image
{
	height: 82px;
	overflow: hidden;
}

div.pollHolder
{
	background: #000 url("/grafik/oestrogen/poll.bg.png") no-repeat top;
	color: #fff;
	padding: 10px;
	margin-bottom: 12px;
}

div.pollHolder div.pollHeadline
{
	color: #fff;
	font: bold 14px/15px Arial;
	padding-bottom: 6px;
}

div.pollHolder div.PollImage
{
	overflow: hidden;
	text-align: center;
	padding-bottom: 4px;
}

div.pollHolder div.description,
div.pollHolder div.questionAnswerHolder,
div.pollHolder div.questionHolder div.headline
{
	padding: 6px 0;
}

div.pollHolder div.questionAnswer
{
	font-weight: bold;
	line-height: 23px;
	.height: 23px;
	margin-bottom: 5px;
	padding-left: 26px;
	position: relative;
}

div.pollHolder div.questionAnswer input
{
	margin: 0 5px 0 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 5px;
	.top: 1px;
	.left: 1px;
}

div.pollHolder div.submit input
{
	background: none;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	height: 25px;
}

div.pollHolder div.questionAnswer img,
div.pollHolder hr
{
	display: none;
}

div.pollHolder li
{
	margin-bottom: 8px;
}

div.pollHolder li p
{
	float: right;
}

div.pollHolder li p.pollVoteText
{
	float: left;
	padding-right: 10px;
	width: 110px;
}

div.pollHolder li div.pollVoteHolder
{
	background: #fff;
	float: left;
	height: 10px;
	margin-top: 3px;
	padding: 0 5px;
	width: 111px;
}

div.pollHolder li div.pollVoteHolder div.pollVote
{
	background: #333;
	height: 3px;
	margin-top: 3px;
}

div.latestNewsLarge
{
	background: #E6E6E6 url("/grafik/oestrogen/articlelist.bg.png") no-repeat top;
	clear: both;
	margin-bottom: 12px;
	padding: 0 0 10px;
	position: relative;
	width: 612px;
}

div.latestNewsLarge h3
{
	color: #fff;
	font: normal 16px/16px tahoma;
	padding: 8px 10px;
}

div.latestNewsLarge div.readMoreArchive
{
	position: absolute;
	top: 8px;
	right: 12px;
}

div.latestNewsLarge div.readMoreArchive a
{
	color: #fff;
	font: normal 12px tahoma;
	text-decoration: underline;
}

div.latestNewsLarge ul
{
	float: left;
	margin: 10px;
	width: 280px;
}

div.latestNewsLarge ul li
{
	border-bottom: 1px solid #fff;
	padding: 4px 8px;
}

div.latestNewsLarge ul li h3
{
	padding: 0;
}

div.latestNewsLarge ul li h3 a
{
	font: normal 14px arial;
}

div.latestNewsLarge ul li .date a
{
	color: #666;
	font: normal 10px arial;
}

.ulistArticelExtraLarge
{
	clear: both;
	float: none !important;
	margin-bottom: 12px;
	width: 630px;
}

.ulistArticelExtraLarge li
{
	background: #E6E6E6 url("/grafik/oestrogen/extralargelist.bg.png") no-repeat top;
	float: left;
	height: 370px;
	margin: 0 12px 12px 0;
	position: relative;
	overflow: hidden;
	width: 300px;
}

.ulistArticelExtraLarge li div.image
{
	bottom: 2px;
	left: 2px;
	overflow: hidden;
	position: absolute;
	width: 296px;
}

.ulistArticelExtraLarge li div.content
{
	padding: 10px 10px 5px;
}

.ulistArticelExtraLarge li div.content h3 a
{
	color: #000;
	font: bold 16px tahoma;
}

.ulistArticelExtraLarge li div.content p
{
	margin: 5px 0 8px;
}

.ulistArticelExtraLarge li div.readmore
{
	padding: 0 10px 8px;
}

.ulistArticelExtraLarge li div.readmore a
{
	background: url("/grafik/oestrogen/icon.quiz.png") no-repeat top;
	display: block;
	height: 19px;
	text-indent: -500px;
	width: 76px;
}

.ulistArticelExtraLarge.QuizList li div.readmore a
{
	background: url("/grafik/oestrogen/icon.quiz.png") no-repeat bottom;
}

.ulistArticelExtraLarge li .cat
{
	display: none;
}

.ulistArticelExtraLarge li .date
{
	color: #000;
	font: italic 12px tahoma;
	margin: 0 0 4px;
	position: absolute;
	right: 10px;
	top: 98px;
}

div.grayBoxHolder
{
	background: #E6E6E6 url("/grafik/oestrogen/extralargelist.bg.png") repeat-x top;
	clear: both;
	margin-bottom: 12px;
	padding: 12px 15px;
}

div.grayBoxHolder div.content div.item
{
	border-bottom: 1px solid #F5F5F5;
	padding-bottom: 10px;
}

div.grayBoxHolder div.content p.headline
{
	color: #000;
	font: bold 13px arial;
	margin: 10px 0 5px;
}

div.grayBoxHolder div.content p.question
{
	color: #000;
	margin-bottom: 10px;
}

div.grayBoxHolder div.content div.radStandard
{
	color: #000;
	line-height: 23px;
	margin-bottom: 5px;
	padding-left: 26px;
	position: relative;
}

div.grayBoxHolder div.content div.radStandard input
{
	margin: 0 5px 0 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 6px;
	.top: -3px;
	.left: 2px;
}

div.grayBoxHolder .btnStandardSmall
{
	background: none;
	border: none;
	color: #000;
	cursor: pointer;
	font: bold 12px arial;
	margin-top: 21px;
	padding: 0;
	text-decoration: underline;
}

div.grayBoxHolder div.bottom
{
	padding-bottom: 25px;
}

div.grayBoxHolder div.content div.txtStandard
{
	margin-bottom: 5px;
}

div.grayBoxHolder div.content div.txtStandard input
{
	background: #fff;
	border: none;
	color: #000;
	font: bold 14px arial;
	padding: 6px 8px;
	width: 300px;
}

div.grayBoxHolder div.ThermsAndConditions p
{
	color: #666;
	font-size: 10px;
}

div.grayBoxHolder div.newsletter
{
	font-weight: bold;
}

div.grayBoxHolder div.ThermsAndConditionsAccept
{
	display: none;
}

div.grayBoxHolder .btnRedSmall
{
	background: #942A4A;
	border: none;
	color: #fff;
	cursor: pointer;
	font: bold 14px arial;
	margin-top: 10px;
	padding: 3px 7px;
}

div.archiveContainer
{
	background: #E6E6E6 url("/grafik/oestrogen/articlelist.bg.png") no-repeat left -31px;
	clear: both;
	margin: 0 0 12px;
	padding: 0 10px;
}

div.archiveContainer li
{
	clear: both;
	margin: 0 0 12px;
}

div.archiveContainer ul
{
	display: inline-block;
	.float: left;
	margin: 8px;
	width: 280px;
}

div.archiveContainer ul li
{
	border-bottom: 1px solid #fff;
	padding: 4px 8px;
}

div.archiveContainer ul li .ResultElementImage,
div.archiveContainer ul li .ResultElementTeaser
{
	display: none;
}

div.archiveContainer ul li a
{
	font: normal 12px arial;
}

div.archiveContainer ul li a .ResultElementTitleDate
{
	color: #666;
	font: normal 12px arial;
}

div.archivePaging
{
	background: #E6E6E6;
	clear: both;
	padding: 5px 10px;
	margin-bottom: 12px;
	text-align: center;
}

/* SEARCH */
div.TabContainer
{
	border: 1px solid #DED8CF !important;
	margin-bottom: 20px;
}

div.TabNavigation ul li a,
div.TabNavigation ul li a:visited,
div.TabNavigation ul li a span
{
	background-image: url('/grafik/oestrogen/search.tabs.png') !important;
	color: #615B51 !important;
	font-size: 10px;
}

div.TabNavigation ul li a.active,
div.TabNavigation ul li a.active span
{
	color: #393530 !important;
}

div.shortcutinnerTop div.shortcutinnertopmainCenter div.shortcutinnertopmaincenterTop
{
	border-bottom: 2px solid #C1147C !important;
	color: #C1147C !important;
}

/* topic */
div.topicArticleTop 
{
	background: transparent url('/grafik/oestrogen/topic.article.back.gif') repeat-x top;
}

div.topicArticleTop img 
{
	float: left;
	margin: 0 13px 13px 0;
}

div.topicArticleList ul li 
{
	background: transparent url('/grafik/oestrogen/topic.teaser.back.gif') repeat-x top;	
}

div.topicArticleList ul li div.content h1 a
{
	color: Black;	
}

div.topicArticleList ul li div.content h1
{
	margin-top: 4px;	
}

div.topicArticleList ul li p.teaser
{
	margin-top: 0px;	
}

div.topicArticleList ul li div.readmore a
{
	background: transparent url('/grafik/oestrogen/topic.teaser.readmore.gif') no-repeat top;
	font-size: 0px;
	width: 45px;
	height: 16px;	
}

div.topicArticleListSmall ul li 
{
	background: none;	
}

div.topicSectionHeading
{
	clear: both;
	color: Black;
	font-style: italic;
	font-weight: normal;	
}

div.topicSectionHeading strong
{
	color: #45c8c1;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
}

/* slanknu microsite */
body.slanknu
{
	background: #A5DAE2 url('/grafik/microsite/slanknu/body.bg.jpg') repeat-x center top;
}

body.slanknu div.masterDiv,
body.slanknu div.masterDivInner,
body.slanknu div.masterHeader
{
	width: 980px;
}

body.slanknu div.masterHeader
{
	background: url('/grafik/microsite/slanknu/header.oes.bg.png') no-repeat center bottom;
}

body.slanknu div.masterContent
{
	background: url('/grafik/microsite/slanknu/master.bg.png') repeat-y center;
	padding: 0 15px 10px;
	width: 950px;
}

body.slanknu div.footerHolder
{
	background: #fff url('/grafik/microsite/slanknu/footer.jpg') no-repeat center top;
	height: 85px;
	width: 979px;
}

body.slanknu div.footerLinksHead
{
	border-bottom: 1px solid #fff;
}

body.slanknu div.footerLinksInner span,
body.slanknu div.footerLinksInner ul li h4 a,
body.slanknu div.footerLinksInner ul li h4 a:visited
{
	color: #fff;
}

body.slanknu div.footerLinksInner ul li
{
	background: none;
	padding-left: 0;
}

body.slanknu #micrositeBackToSiteLink
{
	display: none;
}

.drfront-news
{
	margin-bottom: 12px;
}
