/************************************************
 * CSS by Kent Pettersson, Cybercom  
 * 
 * Comment annotation:
 * "<--" means that the specific block starts
 * "--/>"  means that the specific block ends
 * 
 ************************************************/

/*  <-- "Top level" css */
/* declared specific elements instead of using * to reset behaviour */
p, pre, blockquote, address, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, form, label, fieldset, legend, a, div, th, td, table, tbody {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #0a0a0a;
}
body {
    margin: 0px;
	padding: 0px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #0a0a0a;
}	
div#outerPage {
	background-image: url('/ClientUI/Images/bkg_top_gradient.gif');
	background-repeat:repeat-x;		
	width:100%;
	text-align:center;
	float:left;
}
div#centeredPage {
	margin:0px auto 0px auto;
	width:961px;
	text-align:left;
}	
.Teaser {
    padding-bottom: 20px;
    float:left;
    /* hide text if it doesn´t linebreak correctly (too long words in links or in other text) */
    overflow: hidden;
}	
.ExtraLargeTeaser {
    width:684px;
}
.LargeTeaser {
    width:522px;
}
.MediumTeaser {
    width:252px;
}    
.SmallTeaser {
    width:144px;
}     
input, textarea, select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
	color: #0a0a0a;
}
/* remove borders around images in links */
a img {
    border-style:none;
}
/*  "Top level" css --/>  */
/* <-- header css  */
#pageHeader {
	padding-left: 7px; /*compensate menu that goes "out of the box" */
}
.printHeader {
    display: none;
}
#pageHeader #sidaLogo {
	border-style:none;
}
#pageHeader #topHeaderArea {
	height:80px;
}
#topHeaderArea #logo {
	padding-top: 21px;
	padding-left: 9px;
	float:left;
}
#topHeaderArea #logo img {
    border: 0px;
}
#topHeaderArea #logoText {
	padding-top: 25px;
	padding-left: 12px;
	float:left;
}
#topMenu {
	background-image:url("/ClientUI/Images/topmenu/bkg_gradient.gif");
	background-repeat: repeat-x;	
	background-position: left bottom;	
	float:right;	
}
#topMenu div.outer {
	background-image:url("/ClientUI/Images/topmenu/bottom_left_corner.gif");	
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 4px;
	float:left;
}
#topMenu div.inner {
	background-image:url("/ClientUI/Images/topmenu/bottom_right_corner.gif");	
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 4px;
	float:left;
}	
#topMenu ul {
	list-style:none;
}
#topMenu a {
	display:block;
	text-decoration: none;
	line-height: 24px;
	font-size: 11px;
	font-weight:normal;
}	
#topMenu li {
	float:left;	    
	padding-left:7px;
	padding-right:7px;
    font-size:11px;
    line-height:24px;
}
#topMenu li.menuItemSubscribe a {
	background-image:url("/ClientUI/Images/topmenu/icon_subscribe.gif");
	background-repeat: no-repeat;
	background-position: left center;		
	padding-left: 19px;
}
#topMenu li.menuItemAdapt a {
	background-image:url("/ClientUI/Images/topmenu/icon_adapt.gif");
	background-repeat: no-repeat;
	background-position: left center;		
	padding-left: 23px;
}
#topMenu li.menuItemSitemap a {
	background-image:url("/ClientUI/Images/topmenu/icon_sitemap.gif");
	background-repeat: no-repeat;
	background-position: left center;		
	padding-left: 23px;
}
#topMenu li.menuItemLanguageEn a, #topMenu li.menuItemLanguageSv a {
	background-repeat: no-repeat;
	background-position: left center;		
	padding-left: 24px;
}
#topMenu li.menuItemLanguageEn a {
	background-image:url("/ClientUI/Images/topmenu/icon_language_en.gif");
}
#topMenu li.menuItemLanguageSv a {
	background-image:url("/ClientUI/Images/topmenu/icon_language_sv.gif");
}
#mainMenu {
	background-image:url("/ClientUI/Images/mainmenu/norm_bkg.gif");
	background-repeat: repeat-x;
	background-position: right top;		
	width:954px;
	float:left;
}
#mainMenu div.outerMenu {
	display: block;
	float:left;	
	background:url("/ClientUI/Images/mainmenu/norm_farright.gif") no-repeat right top;
	width:954px;
}	
#mainMenu div.innerMenu {
	background:url("/ClientUI/Images/mainmenu/norm_farleft.gif") no-repeat left top;
	float:left;
	width:954px;
}
#mainMenu ul {
	list-style: none;
	padding-left: 4px;
	padding-right: 4px;	
}
#mainMenu li {
	float:left;
}	
#mainMenu a {
	display:block;
	background:url("/ClientUI/Images/mainmenu/norm_divider.gif") no-repeat left top;
	padding:7px 14px 4px 16px;
	text-decoration: none;
	line-height: 29px;
	font-size: 12px;
	font-weight:bold;
	color:#ffffff;
}	
#mainMenu li.firstMenuItem a {
	background-image: none;
}	
#mainMenu .currentMenuItem {
	background-image:url("/ClientUI/Images/mainmenu/active_right.gif");
	background-repeat: no-repeat;
	background-position: right top;
}
#mainMenu .currentMenuItem a {
	background-image:url("/ClientUI/Images/mainmenu/active_right_corner.gif");	
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #0a0a0a;
	padding:7px 19px 4px 19px;
}
#mainMenu .currentRight a {		
    background-image:none;
}		
#mainMenu li.currentMenuItem div.outer {	
	background-image:url("/ClientUI/Images/mainmenu/active_left.gif");	
	background-repeat: no-repeat;
	background-position: left top;	
}	
#mainMenu li.currentMenuItem div.inner {	
	background-image:url("/ClientUI/Images/mainmenu/active_left_corner.gif");	
	background-repeat: no-repeat;
	background-position: left bottom;	
}
#mainMenu li.lastMenuItem {
	background:url("/ClientUI/Images/mainmenu/norm_divider.gif")
	  no-repeat right top;
}
#mainMenu div#searchTextContainer {
	float:left;		
	background-image:url("/ClientUI/Images/mainmenu/search_field_bkg.gif");	
	background-repeat: no-repeat;
	background-position: left top;		
	height:22px;
	width:169px;		
	padding-left:11px;
	padding-top:4px;		
	margin-top:11px;
}
#mainMenu div#searchButtonContainer {
	float:left;
	margin-top:10px;
	padding-left:3px;
}
#mainMenu div#searchTextContainer .searchText {
    margin: 0px;
    padding:0px;
	border-width:0px;
	border-style:none;
	background-color:inherit;
	font-size:12px;
	font-weight:bold;
	line-height:18px;		
	height:18px;
	width:168px;
	float:left;
	outline: none; /* Safari fix - removes the blue outline on focus */
}	
#mainMenu div#searchButtonContainer .searchButton {
	background-image:url("/ClientUI/Images/mainmenu/search_button.gif");	
	background-repeat: no-repeat;
	background-position: left center;		
	border-width: 0px;
	border-style: none;
	height: 25px;
	width: 58px;
	font-weight:bold;
	font-size:11px;
	padding:0px 3px 2px 0px;
	line-height:25px;
	float:left;
}	
#mainMenu #searchForm {
	float:right;
	padding-right:8px;
}
#mainMenu #searchForm .searchLabel {
    display:none; /* Label not used for ordinary browsers */
}
/* header css --/>  */
/* <-- Fullpage styles  */
#FullPageBody {
    width:522px;
    font-size: 12px;
    float: left;
    /* hide text if it doesn´t linebreak correctly (too long words in links or in other text) */
    overflow: hidden;    
}
#FullPageBody .PageIntroduction {
    float: left;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    width: 522px;
}
#FullPageBody .PageIntroduction h1 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 7px;
}
.Teaser .middleHeading,
#StandardPageBody .middleHeading,
#FullPageBody .middleHeading,
#SubStartPageBody .middleHeading,
#pageFooter .middleHeading {
    font-size: 12px;
    font-weight: bold;
}
#FullPageBody p {
    padding-bottom: 13px;
    font-size: 12px; /* kommer ev. bytas mot em */    
}
.Teaser .TeaserBodyContainer ul,
#StandardPageBody .ArticleText ul,
#FullPageBody ul {
    padding-left: 20px;
    padding-bottom: 13px;
}
#StandardPageBody .ArticleText a,
#StandardPageBody #ArticleBody a,
#FullPageBody a {
    color: #009db5;    
}
ul#sharePageList li a:hover {
    text-decoration: underline;
}
.Teaser .TeaserBodyContainer ol,
#FullPageBody ol,
#StandardPageBody ol {
    list-style-position: inside;
    padding-bottom:13px;
}
.epicodeview ul {
    padding-left: 20px;
}
#StandardPageBody img.rightAlignedImage {
    float: right;
    padding-left: 18px;
    padding-bottom:10px;
}
#StandardPageBody img.leftAlignedImage {
    float: left;
    padding-right: 18px;
    padding-bottom:10px;    
}
#StandardPageBody div.imageWithText,
#StandardPageBody p.imageWithText {
    float: none;
    padding-bottom: 6px;
}
#StandardPageBody div.imageWithTextLeft,
#StandardPageBody p.imageWithTextLeft {
    float: left;
    padding-right: 18px;
    padding-bottom: 0px;   
}
#StandardPageBody div.imageWithTextRight,
#StandardPageBody p.imageWithTextRight {
    float: right;
    padding-left: 18px;
    padding-bottom: 0px;       
}
#StandardPageBody div.imageWithText img,
#StandardPageBody div.imageWithTextLeft img, 
#StandardPageBody div.imageWithTextRight img,
#StandardPageBody p.imageWithText img,
#StandardPageBody p.imageWithTextLeft img, 
#StandardPageBody p.imageWithTextRight img {
    float: left;
    padding-bottom: 2px;
}
#StandardPageBody div.imageWithText p,
#StandardPageBody div.imageWithTextLeft p,
#StandardPageBody div.imageWithTextRight p,
#StandardPageBody p.imageWithText span.imageText,
#StandardPageBody p.imageWithTextLeft span.imageText,
#StandardPageBody p.imageWithTextRight span.imageText {
    clear: left;
    font-size: 11px;  
    padding-bottom: 3px;
    display: block;
} 
/* This removes the quotation marks. The default behaviour in firefox and other browsers but not in IE is to sourounds the q tag with q-marks.  
This means that the person editing the text has to add the quotationmarks manually him/herself. */
#StandardPageBody q:before, #StandardPageBody q:after {
    content: ""; 
}
#StandardPageBody blockquote {
    padding-left: 1.6em;
    font-size: 11px;
    color: #4d4d4d;
}
#StandardPageBody blockquote p {
    text-indent: 1em;
    color: #6d6d6d;
}
/*  Fullpage styles --/>  */
/* <-- StandardPage styles  */
#StandardPageBody  {
    font-size: 12px;
    /* hide text if it doesn´t linebreak correctly (too long words in links or in other text) */
    overflow: hidden;   
    width: 522px;  
}
/*  StandardPage styles --/>  */
/* <-- middle part css  */
#pageMiddlePart {
	width:961px;
}
#pageMiddlePart #verticalMenu {
	width: 151px;
	overflow: hidden;
}
#pageMiddlePart #verticalMenuHeader {
	padding-left: 7px;
}
#pageMiddlePart #verticalMenuHeader div.outer {
	background-image: url("/ClientUI/Images/gradients/blue_head.gif");
	background-repeat: repeat-x;		
	background-position: left top;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	float:left;
	width:144px;	
}
#pageMiddlePart #verticalMenuHeader div.inner {
	padding-left: 9px;
	float:left;	
	color: #ffffff;	
}
#pageMiddlePart #verticalMenu ul {
	list-style:none;
	width:151px;
}
#pageMiddlePart #verticalMenu li {
	float:left;
	width:151px;
}
#pageMiddlePart #verticalMenu li a {
	display:block;	
	float:left;
	font-size:12px;
	text-decoration:none;
	padding-top:8px;
	padding-bottom: 8px;		
}
#pageMiddlePart #verticalMenu li a span.inner {
	float:left;
	cursor:pointer;	
	display:block;
	padding-right:3px;
}
/* All except level 2 expanded and level 2 on (not expanded) should have 7px padding */
#pageMiddlePart #verticalMenu li div.off,
#pageMiddlePart #verticalMenu li div.on,
#pageMiddlePart #verticalMenu li div.expanded {
	padding-left: 7px;
	float:left;
}
#pageMiddlePart #verticalMenu li.lvl2 div.on, 
#pageMiddlePart #verticalMenu li.lvl2 div.expanded {
	padding-left: 0px;
	background-color:#d3edf0;
}
#pageMiddlePart #verticalMenu li.lvl2 div.on a,
#pageMiddlePart #verticalMenu li.lvl2 div.expanded a {
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level2_on.gif");
	background-repeat: no-repeat;		
	background-position: left top;
	border-bottom: 1px solid #ffffff;			
	width:151px;	
}
#pageMiddlePart #verticalMenu li.lvl2 div.expanded a  {
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level2_on_expanded.gif");
}
#pageMiddlePart #verticalMenu li.lvl2 div.on span.inner,
#pageMiddlePart #verticalMenu li.lvl2 div.expanded span.inner {
	padding-left:18px;
}
#pageMiddlePart #verticalMenu li.lvl2 div.off a {
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level2_off.gif");
	background-repeat: no-repeat;		
	background-position: 2px 11px;	
	background-color:#ffffff;
	border-bottom: 1px solid #cccccc;
	width:144px;
}
#pageMiddlePart #verticalMenu li.lvl2 div.off span.inner {
	padding-left:11px;	
}
/* level 3 */
#pageMiddlePart #verticalMenu li.lvl3 div.on a,
#pageMiddlePart #verticalMenu li.lvl3 div.expanded a {
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level3_off.gif");
	background-repeat: no-repeat;
	background-position: 10px 12px;
	background-color:#e5f4f6;
	border-bottom: 1px solid #ffffff;
	width:144px;
}
#pageMiddlePart #verticalMenu li.lvl3 div.expanded a {
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level3_on.gif");
}
#pageMiddlePart #verticalMenu li.lvl3 div.on a span.inner,
#pageMiddlePart #verticalMenu li.lvl3 div.expanded a span.inner {
	padding-left:20px;
}
/* level 4 */
#pageMiddlePart #verticalMenu li.lvl4 div.on a,
#pageMiddlePart #verticalMenu li.lvl4 div.expanded a {
	background-repeat: no-repeat;
	background-position: 21px 12px;	
	background-color:#f2f9fa;
	border-bottom: 1px solid #ffffff;
	width:144px;
}
#pageMiddlePart #verticalMenu li.lvl4 div.on a {
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level4_off.gif");	
}
#pageMiddlePart #verticalMenu li.lvl4 div.expanded a{
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level4_on.gif");	
}
#pageMiddlePart #verticalMenu li.lvl4 div.on a span.inner,
#pageMiddlePart #verticalMenu li.lvl4 div.expanded a span.inner {
	padding-left:31px;
}
/* level 5 */
#pageMiddlePart #verticalMenu li.lvl5 div.on a,
#pageMiddlePart #verticalMenu li.lvl5 div.expanded a {
	background-repeat: no-repeat;
	background-position: 32px 12px;	
	background-color:#ffffff;
	border-bottom: 1px solid #d3edf0;
	width:144px;	
}
#pageMiddlePart #verticalMenu li.lvl5 div.on a {
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level5_off.gif");	
}
#pageMiddlePart #verticalMenu li.lvl5 div.expanded a {
	background-image: url("/ClientUI/Images/verticalmenu/arrow_level5_on.gif");
}
#pageMiddlePart #verticalMenu li.lvl5 div.on a span.inner,
#pageMiddlePart #verticalMenu li.lvl5 div.expanded a span.inner {
	padding-left:42px;
}
/* level 6 */
#pageMiddlePart #verticalMenu li.lvl6 div.on a {
	background-color:#ffffff;
	border-bottom: 1px solid #d3edf0;
	width:144px;	
}
/* var tänkt att on OCH expanded skulle användas men är inte så i dagsläget (bara expanded används) */
#pageMiddlePart #verticalMenu li.lvl6 div.on a span.inner,
#pageMiddlePart #verticalMenu li.lvl6 div.expanded a span.inner { 
	padding-left:44px;
}
/* current vertical menu item choosen */
#pageMiddlePart #verticalMenu .currentVerticalMenuItem div a {
	font-weight:bold;
	text-decoration:underline;
}
/* fix bottom border */
#pageMiddlePart #verticalMenu li.whiteBottomBorder div.on a,
#pageMiddlePart #verticalMenu li.whiteBottomBorder div.off a,
#pageMiddlePart #verticalMenu li.whiteBottomBorder div.expanded a {
	border-bottom: 1px solid #ffffff;
}
#pageMiddlePart #notFoundContainer {	
	margin-top: 40px;
	padding-top: 20px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 20px;
	font-size: 14px;
	width: 522px;
	float:left;
}
#pageMiddlePart #notFoundContainer .languageDiv {
    float: left;
}
#pageMiddlePart #notFoundContainer p {
    float: left;
    clear: left;
    padding-bottom: 7px;
    width: 522px;
}
#pageMiddlePart #notFoundContainer h1 {
	font-size: 26px;
    font-weight: bold;
    padding-bottom: 7px;
    float: left;
}
#pageMiddlePart #notFoundContainer div.TeaserLinks {
    float: left;
    clear: left;
    width: 522px;
}
#pageMiddlePart #notFoundContainer ul {	
	padding-top: 0px;
	padding-bottom: 10px;
    list-style-position: outside;
    list-style-type: none;
    float: left;
    clear: both;
}
#pageMiddlePart #notFoundContainer ul li a {
	background-image:url(/ClientUI/Images/teasers/arrow_right_blue_on_white.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	color:#009DB5;
	padding-left:11px;
	text-decoration:none;
}
#pageMiddlePart #notFoundContainer a {	
    text-decoration: none; 
    color: #009db5; 
    padding-left: 0.35em;
}
#pageMiddlePart #notFoundContainer a:hover {	
    text-decoration: underline;
}
#pageMiddlePart #notFoundContainer hr {	
	height: 1px;
	margin-top: 28px;
    margin-bottom: 28px;
    clear: both;
    display:block;
    float:left;
    width:522px;
    border: none 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
/* Column headings */
#tipAFriend .HeadingContainerOuter,
#sharePage .HeadingContainerOuter,
#comments .HeadingContainerOuter,
#pageMiddlePart .HeadingContainerOuter {
    float:left;
    background-position: left top;
    background-repeat: repeat-x;
    line-height:20px;
    width: 252px;
}
#pageMiddlePart .CenterSmallColumn .HeadingContainerOuter {
    width: 144px;
}
#tipAFriend .HeadingContainerOuter,
#sharePage .HeadingContainerOuter,
#comments .HeadingContainerOuter {
    width: 522px;
}
#tipAFriend .HeadingContainer,
#sharePage .HeadingContainer,
#comments .HeadingContainer,
#pageMiddlePart .HeadingContainer {
    float:left;
    padding-left: 9px;
    padding-right: 9px;
}
#tipAFriend .HeadingContainer div.HeadingContainerInner,
#sharePage .HeadingContainer div.HeadingContainerInner,
#comments .HeadingContainer div.HeadingContainerInner,
#pageMiddlePart .HeadingContainer h2 {
    float:left;
    width:100%;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    padding:4px 0 5px;
    line-height: 16px;
}
#pageMiddlePart .LimeHeader {
    background-image: url('/ClientUI/Images/gradients/lime_head.gif');
}
#tipAFriend .SteelHeader,
#sharePage .SteelHeader,
#comments .SteelHeader,
#pageMiddlePart .SteelHeader {
    background-image: url('/ClientUI/Images/gradients/steel_head.gif');
}
/* middle part css --/>  */
/* <-- Teaser css  */
/* MediumStoryTeaser */
.MediumStoryTeaserContainer {
    float:left;
    padding-bottom: 20px;
}
.MediumStoryTeaserContainer .MediumStoryTeaserImg {
    float:left;
    width: 252px;
    border-style: none;
}
.MediumStoryTeaserContainer .MediumStoryTeaserImgDiv {
    float:left;
}
.MediumStoryTeaserContainer .MediumStoryTeaserSmallHeadingDiv {
    float:left;
    width:252px;
    position: relative; 
    margin-top: -20px;
    height: 20px;
    opacity:.60;
    filter: alpha(opacity=60); 
    -moz-opacity: 0.6;
}
.MediumStoryTeaserContainer .MediumStoryTeaserSmallHeadingDiv2 {
    float:left;
    position: relative; 
    margin-top: -20px;
    height: 20px; 
    padding-left: 9px; 
    line-height:20px;
    overflow: hidden;
    width: 243px;
}
.MediumStoryTeaserContainer .MediumStoryTeaserSmallHeading {
    float:left;
    font-size: 11px; 
    color: #ffffff;
    font-weight:normal;
}
.MediumStoryTeaserContainer .MediumStoryTeaserMediumContainer {
    float:left;
    position: relative;    
    width:243px;
    padding-bottom:4px;
    padding-top:7px;
    padding-left: 9px;
}
.MediumStoryTeaserContainer .MediumStoryTeaserLargeHeading {
    float:left;
    font-weight: bold;
    font-size: 14px; 
    color:#ffffff; 
    line-height:16px;
    padding-bottom: 4px;
}
.MediumStoryTeaserContainer .MediumStoryTeaserTextDiv {
    clear:both;
    float:left;
}
.MediumStoryTeaserContainer .MediumStoryTeaserTextDiv p {
    float:left;
    font-size: 12px; 
    color:#ffffff;
    line-height:15px;
    width:234px;
}
.LargeQbrickTeaserContainer .LinkDiv,
.MediumStoryTeaserContainer .MediumStoryTeaserLinkDiv {
    float:left; 
    margin-top: 7px;
    clear:both;
    width:212px;
    display:block;
    font-size:12px;
    line-height:16px;
    padding-bottom: 2px;
}
.LargeQbrickTeaserContainer .LinkDiv {
     width:464px;
}
.LargeQbrickTeaserContainer .LinkDiv a,
.MediumStoryTeaserContainer .MediumStoryTeaserLinkDiv a {
    float:none;
    color:#ffffff; 
    text-decoration: none; 
    background-position:left 0px;
    background-repeat: no-repeat;
    padding-left: 22px;
    display:block;
    font-size:12px;
    line-height:16px;
    padding-bottom:5px;    
}
.LargeQbrickTeaserContainer .LinkDiv a:hover,
.MediumStoryTeaserContainer .MediumStoryTeaserLinkDiv a:hover {
    text-decoration: underline;
}
.MediumStoryTeaserContainer .MediumStoryTeaserLargeHeadingDiv {
    float:left;
    clear:both;
    width:234px;
}
.LargeQbrickTeaserContainer .Lime a,
.MediumStoryTeaserContainer .Lime a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_lime.gif');
}
.LargeQbrickTeaserContainer .Steel a,
.MediumStoryTeaserContainer .Steel a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_steel.gif');
}
.LargeQbrickTeaserContainer .Purple a,
.MediumStoryTeaserContainer .Purple a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_purple.gif');
}
.LargeQbrickTeaserContainer .Blue a,
.MediumStoryTeaserContainer .Blue a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_blue.gif');
}
.LargeQbrickTeaserContainer .Orange a,
.MediumStoryTeaserContainer .Orange a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_orange.gif');
}
.LargeQbrickTeaserContainer .Sand a,
.MediumStoryTeaserContainer .Sand a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_sand.gif');
}
/* SmallStoryTeaser */
.SmallStoryTeaserContainer .SmallStoryTeaserImg {
    float:left;
    width: 144px;
    border-style: none;
}
.SmallStoryTeaserContainer .SmallStoryTeaserImgDiv {
    float:left;
}
.SmallStoryTeaserContainer .SmallStoryTeaserSmallHeadingDiv {
    float:left;
    width: 144px;
    position: relative; 
    margin-top: -20px;
    height: 20px;
    opacity:.60;
    filter: alpha(opacity=60); 
    -moz-opacity: 0.6;
}
.SmallStoryTeaserContainer .SmallStoryTeaserSmallHeadingDiv2 {
    float:left;
    position: relative; 
    margin-top: -20px;
    height: 20px; 
    padding-left: 9px; 
    line-height:20px;
    overflow: hidden;
}
.SmallStoryTeaserContainer .SmallStoryTeaserSmallHeading {
    float:left;
    font-size: 11px; 
    color: #ffffff;
    font-weight:normal;
}
.SmallStoryTeaserContainer .SmallStoryTeaserSmallContainer {
    float:left;
    position: relative;    
    width: 144px;
    padding-bottom:4px;
    padding-top:5px;    
}
.SmallStoryTeaserContainer .SmallStoryTeaserSmallContainer .inner {
    float:left;
    padding-left:9px;
    padding-right:9px;
}
.SmallStoryTeaserContainer .SmallStoryTeaserLargeHeading {
    float:left;
    font-weight: bold;
    font-size: 14px; 
    color:#ffffff; 
    line-height:15px;
    padding:2px 0px 3px 0px;
}
.SmallStoryTeaserContainer .SmallStoryTeaserTextDiv {
    width:100%;
    clear:both;
    float:left;
}
.SmallStoryTeaserContainer .SmallStoryTeaserTextDiv p {
    float:left;
    font-size: 12px; 
    color:#ffffff;
    line-height:15px;
}
.SmallStoryTeaserContainer .SmallStoryTeaserLinkDiv {
    clear: both;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin-top: 6px;
    width: 126px;
    padding-bottom: 2px;
}
.SmallStoryTeaserContainer .SmallStoryTeaserLinkDiv a {
    color: #ffffff; 
    text-decoration: none; 
    background-position: left 0px;
    background-repeat: no-repeat;
    padding-left: 22px;
    display: block;
    float: none;
    font-size: 12px;
    line-height: 15px;
    padding-bottom: 5px;    
}
.SmallStoryTeaserContainer .SmallStoryTeaserLinkDiv a:hover  {
    text-decoration: underline; 
}
.SmallStoryTeaserContainer .SmallStoryTeaserLargeHeadingDiv  {
    float:left;
    width:100%;    
    clear:both;
}
.MediumStoryTeaserContainer .Lime,
.SmallStoryTeaserContainer .Lime,
.Teaser .Lime  {
    background-color:#9AB228;
}
.MediumStoryTeaserContainer .Steel,
.SmallStoryTeaserContainer .Steel,
.Teaser .Steel   {
    background-color:#58646C;
}
.MediumStoryTeaserContainer .Purple,
.SmallStoryTeaserContainer .Purple,
.Teaser .Purple {
    background-color:#A44C8A;
}
.MediumStoryTeaserContainer .Blue,
.SmallStoryTeaserContainer .Blue,
.Teaser .Blue {
    background-color:#009DB5;
}
.MediumStoryTeaserContainer .Orange,
.SmallStoryTeaserContainer .Orange,
.Teaser .Orange {
    background-color:#E0821B;
}
.MediumStoryTeaserContainer .Sand,
.SmallStoryTeaserContainer .Sand,
.Teaser .Sand {
    background-color:#AAA468;
}
.MediumStoryTeaserContainer .LimeDark,
.SmallStoryTeaserContainer .LimeDark  {
    background-color:#232a00;
}
.MediumStoryTeaserContainer .SteelDark,
.SmallStoryTeaserContainer .SteelDark {
    background-color:#181c1e;
}
.MediumStoryTeaserContainer .PurpleDark,
.SmallStoryTeaserContainer .PurpleDark {
    background-color:#340016;
}
.MediumStoryTeaserContainer .BlueDark,
.SmallStoryTeaserContainer .BlueDark {
    background-color:#00404a;
}
.MediumStoryTeaserContainer .OrangeDark,
.SmallStoryTeaserContainer .OrangeDark {
    background-color:#4b2700;
}
.MediumStoryTeaserContainer .SandDark,
.SmallStoryTeaserContainer .SandDark {
    background-color:#353213;
}
.SmallStoryTeaserContainer .Lime a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_lime.gif');
}
.SmallStoryTeaserContainer .Steel a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_steel.gif');
}
.SmallStoryTeaserContainer .Purple a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_purple.gif');
}
.SmallStoryTeaserContainer .Blue a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_blue.gif');
}
.SmallStoryTeaserContainer .Orange a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_orange.gif');
}
.SmallStoryTeaserContainer .Sand a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_sand.gif');
}
/* SmallStandardTeaserContainer (and SmallToolBox) */
.SmallStandardTeaserContainer  {
    padding-bottom: 13px;
}
.SmallStandardTeaserContainer .SubHeadingContainer  {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-top: 7px;
}
.SmallStandardTeaserContainer .TeaserContent .TextPart  {
    padding-top: 5px;
    float: left;
}
.SmallStandardTeaserContainer .ImageContainer  {
    display: block;
    float: left;
}
.quotation 	{
    padding:0 0 0 41px;  
    background:url(/ClientUI/Images/teasers/big_quote_lime.gif) no-repeat left 3px;  
    min-height: 32px;
    float: left;
}
.Lime .quotation {    background:url(/ClientUI/Images/teasers/big_quote_lime.gif) no-repeat left 3px;  }
.Steel .quotation {    background:url(/ClientUI/Images/teasers/big_quote_steel.gif) no-repeat left 3px;  }
.Purple .quotation {    background:url(/ClientUI/Images/teasers/big_quote_purple.gif) no-repeat left 3px;  }
.Blue .quotation {    background:url(/ClientUI/Images/teasers/big_quote_blue.gif) no-repeat left 3px;  }
.Orange .quotation {    background:url(/ClientUI/Images/teasers/big_quote_orange.gif) no-repeat left 3px;  }
.Sand .quotation {    background:url(/ClientUI/Images/teasers/big_quote_sand.gif) no-repeat left 3px;  }
.Black .quotation {    background:url(/ClientUI/Images/teasers/big_quote_black.gif) no-repeat left 3px;  }
.Red .quotation {    background:url(/ClientUI/Images/teasers/big_quote_red.gif) no-repeat left 3px;  }
.MediumStandardTeaserContainer h2.quotation  {
    width: 211px;
}
.MediumStandardTeaserContainer .quotationPreamble  {
    clear: both;
}
.ThreeColumnPageBody .SmallToolBox .HeadingDiv,
.SmallStandardTeaserContainer .TeaserHeadingDiv,
.MediumStandardTeaserContainer .TeaserHeadingDiv,
.MediumYoutubeTeaserContainer .TeaserHeadingDiv,
.Teaser .TeaserHeadingDiv {
    float:left;
    background-image: url('/ClientUI/Images/gradients/lime_head.gif');
    background-position: left top;
    background-repeat: repeat-x;
    line-height:20px;
    width: 144px;
}
.MediumTeaser .TeaserHeadingDiv  {
    width: 252px;
}
.SmallTeaser .TeaserContent  {
    width: 144px;
}
.MediumTeaser .TeaserContent  {
    width: 252px;
}
.Purple .TeaserHeadingDiv {
    background-image: url('/ClientUI/Images/gradients/purple_head.gif');
}
.Sand .TeaserHeadingDiv {
    background-image: url('/ClientUI/Images/gradients/sand_head.gif');
}
.Steel .TeaserHeadingDiv {
    background-image: url('/ClientUI/Images/gradients/steel_head.gif');
}
.Lime .TeaserHeadingDiv {
    background-image: url('/ClientUI/Images/gradients/lime_head.gif');
}
.Blue .TeaserHeadingDiv {
    background-image: url('/ClientUI/Images/gradients/blue_head.gif');
}
.Orange .TeaserHeadingDiv {
    background-image: url('/ClientUI/Images/gradients/orange_head.gif');
}
.Black .TeaserHeadingDiv {
    background-image: url('/ClientUI/Images/gradients/black_head.gif');
}
.Red .TeaserHeadingDiv {
    background-image: url('/ClientUI/Images/gradients/red_head.gif');
}
.SpeechBalloonArrow  {
    height: 7px;
    width: 13px;
    margin-bottom: -7px;
    left: 14px;
    z-index: 400;
    position:relative;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    font-size: 4px;
    line-height: 4px;
}
.Purple .SpeechBalloonArrow { background-image: url('/ClientUI/Images/teasers/speech_arrow_purple.png'); }
.Sand .SpeechBalloonArrow { background-image: url('/ClientUI/Images/teasers/speech_arrow_sand.png'); }
.Steel .SpeechBalloonArrow { background-image: url('/ClientUI/Images/teasers/speech_arrow_steel.png'); }
.Lime .SpeechBalloonArrow { background-image: url('/ClientUI/Images/teasers/speech_arrow_lime.png'); }
.Blue .SpeechBalloonArrow { background-image: url('/ClientUI/Images/teasers/speech_arrow_blue.png'); }
.Orange .SpeechBalloonArrow { background-image: url('/ClientUI/Images/teasers/speech_arrow_orange.png'); }
.Black .SpeechBalloonArrow { background-image: url('/ClientUI/Images/teasers/speech_arrow_black.png'); }
.Red .SpeechBalloonArrow { background-image: url('/ClientUI/Images/teasers/speech_arrow_red.png'); }
.OmVarldenTeaser .TeaserHeadingDiv {
    background: url('/ClientUI/Images/gradients/black_head.gif') repeat-x left top;
}
.OmVarldenTeaser .TeaserHeadingDiv .inner {
    background:url(/ClientUI/Images/omvarlden/OmVarldenSmallLogo.gif) no-repeat 10px 7px;
    width: 90px;    
    height: 25px;
}
.OmVarldenTeaser .TeaserHeadingDiv h2  {
    display: none;    
}
.OmVarldenHeaderSubPart  {
    background-color:#e9eeee;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 4px;
}
.OmVarldenTeaser .TeaserLinks li a {
    color: #e5352d;
    background-image: url('/ClientUI/Images/teasers/arrow_right_red_on_white.gif');
    padding: 0px 0px 0px 11px;
}
.OmVarldenTeaser .TeaserLinks ul {
    margin: 0px;
    padding-top: 4px;
}
.OmVarldenTeaser .TeaserContent .TeaserText {
    padding-top: 8px;
}
.ThreeColumnPageBody .SmallToolBox .HeadingDiv .HeadingDivInner ,
.SmallStandardTeaserContainer .TeaserHeadingDiv .inner,
.MediumStandardTeaserContainer .TeaserHeadingDiv .inner,
.MediumYoutubeTeaserContainer .TeaserHeadingDiv .inner,
.Teaser .TeaserHeadingDiv .inner {
    float:left;
    padding-left: 9px;
    padding-right: 9px;
}
.ThreeColumnPageBody .SmallToolBox .HeadingDiv div.Heading,
.MediumStandardTeaserContainer .TeaserHeadingDiv .TopHeading,
.Teaser .TeaserHeadingDiv h2 {
    float:left;
    width:100%;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    line-height:16px;
    padding:4px 0px 5px 0px;
}
.SmallStandardTeaserContainer .TeaserContent, 
.MediumStandardTeaserContainer .TeaserContentImg-medium, 
.MediumStandardTeaserContainer .TeaserContentImg-small {
    float:left;
    padding-top:0px;
}
.MediumStandardTeaserContainer .TeaserContentImg-small  {
    margin-top: -3px;
}
.TeaserContent .source {
	clear:both;
	font-size:11px;
	line-height: 16px;
	margin:0px;
	padding:4px 9px 5px 9px;	
	font-weight: normal;
	color:#000;
	float: left;
}
.MediumTeaser .source  {
    background-color: #efefef;
    border-bottom: 1px solid #CCCCCC;
    width: 234px;
}

.MediumTeaser .source .ImageContainer  {
    display: block;
    float: right;
    font-size:11px;
    line-height: 16px;
}
.MediumTeaser .source .ImageContainer img  {
    vertical-align: middle;
}
.TeaserContent .ExtensionList * {
	color:#999;	
	font-size:11px;
	line-height:14px;
}
.TeaserContent .ExtensionList li {
    padding-bottom: 0px;
    padding-right: 0px;
}
.MediumTeaser .FeedItem .FeedPreambleLiteralContainer  {
    padding-bottom: 2px;
}
.FeedItem .TagsContainer  {
    color:#999;	
	font-size:11px;
	line-height:14px;    	
}
.MediumStandardTeaserContainer .TeaserContentImg-medium, 
.MediumStandardTeaserContainer .TeaserContentImg-small  {
    width:252px;
}
.MediumStandardTeaserContainer .TeaserHeadingDiv-small  {
    margin-bottom:12px;
}
.SmallStandardTeaserContainer .TeaserImg  {
    width: 144px;
    float:left;
}
.SmallStandardTeaserContainer .TeaserImg img {
    width: 144px;
    float:left;
    border-style:none;
    border-width:0px;
}
.SmallStandardTeaserContainer .TeaserText  {
    float:left;
    width: 144px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 4px;
}
.Teaser .TeaserText p  {
    padding-bottom: 6px;
}
/* TeaserLinks */
.SmallStandardTeaserContainer .TeaserLinks {
    width: 144px;
}
.MediumStandardTeaserContainer .TeaserLinks,
.MediumYoutubeTeaserContainer .TeaserLinks {
    width: 252px;    
}
.TeaserLinks ul {
    list-style-type:none;
    float:left;
    padding-top:4px;
}
.TeaserLinks li {
    display:block;
    font-size: 12px;
    line-height:16px;
    padding-bottom:4px;    
}
.TeaserLinks a,
.Teaser .BlogLink a
 {
    background-image:url('/ClientUI/Images/teasers/arrow_right_blue_on_white.gif');
    background-position:left 3px;
    background-repeat:no-repeat;
    padding-left: 11px;
    font-size: 12px;
    line-height:16px;
	display:block;
    color: #009db5;
    text-decoration: none;
}
.TeaserLinks a:hover,
.Teaser .BlogLink a:hover {
    text-decoration: underline;
}
/* TeaserCircleLinks */
.Teaser .TeaserCircleLinks {
    float:left;
}
.SmallTeaser .TeaserCircleLinks {
    width: 144px;
}
.MediumTeaser .TeaserCircleLinks {
    width: 252px;   
}
.Teaser .TeaserCircleLinks ul  {
    list-style-type:none;
    float:left;
    padding-top:1px;
}
.Teaser .TeaserCircleLinks li, 
.TeaserCircleLinkContainer {
    margin-top: 7px;
    display:block;
    font-size: 12px;
    line-height:16px;
    width: 232px;
    display: block;
    float: left;
    clear: left;
}
.MediumBlogTeaserContainer .TeaserCircleLinks li,
.SmallBlogTeaserContainer .TeaserCircleLinks li  {
    margin-top: 0px;
}
.Teaser .TeaserCircleLinks a,
a.TeaserCircleLink {
    background-image: url('/ClientUI/Images/teasers/arrow_right_blue_circle.gif');
    background-position: left 1px;
    background-repeat: no-repeat; 
    color: #009db5;    
    text-decoration: none;
    padding-left: 20px;
    display:block;
    font-size: 12px;
    line-height:16px;
    padding-bottom: 5px;
}
.Teaser a.TeaserCircleLink:hover,
.Teaser .TeaserCircleLinks a:hover {
    text-decoration: underline;
}
/* MediumStandardTeaser and MediumYoutubeTeaser */
.MediumStandardTeaserContainer,
.MediumYoutubeTeaserContainer {
    float:left;
    width: 252px;
    padding-bottom: 13px;
    font-size:12px;
}
.MediumStandardTeaserContainer .ImgDiv,
.MediumYoutubeTeaserContainer .YoutubeDiv  {
    float: left;
    padding-bottom: 8px;
    display:block;
}
.MediumStandardTeaserContainer div.small {
    width: 90px;
    padding-right: 11px;
    padding-bottom: 0px;
    padding-top: 3px;
}
.MediumStandardTeaserContainer div.medium {
    width: 252px;
}
.MediumStandardTeaserContainer .ImgDiv img.small {
    width: 90px;
}
.MediumStandardTeaserContainer .ImgDiv img.medium {
    width: 252px;
}
.MediumStandardTeaserContainer .ImgDiv img  {
    display:inline;
}
.MediumStandardTeaserContainer h2,
.MediumYoutubeTeaserContainer h2 {
    font-weight: bold;
    font-size:14px;
    padding-bottom: 2px;
}
.MediumStandardTeaserContainer .TeaserHeadingDiv,
.MediumBlogTeaserContainer .TeaserHeadingDiv,
.MediumYoutubeTeaserContainer .TeaserHeadingDiv {
    width: 252px;
}
.SmallBlogTeaserContainer, 
.MediumBlogTeaserContainer  {
    padding-bottom: 13px;
}
.SmallBlogTeaserContainer .TeaserHeadingDiv {
    width: 144px;
}
.LargeImageTeaserContainer, 
.LargeLightboxTeaser  {
    float:left;
    padding-bottom:8px;
}
.LargeImageTeaserContainer img, 
.LargeLightboxTeaser img.IntroImage {
    float:left;
    width:522px;
    height:268px;
}
.TeaserImageCaption, .TeaserLightboxCaption{
	overflow:hidden;
	clear:left;
    padding-top: 8px;     
	margin-bottom:6px;
	font-size:11px;
}
.TopImageCaption {
    padding-bottom:8px;
}
.TopImagePhotographer, .TeaserImagePhotographer {
    color: #999999;
	float:none;
	margin:0 0 6px 0px;
}
.TopImageDescription, .TeaserImageDescription  {
    display: block;
    float: none;    
}
.TeaserLightboxCaption .TeaserImageDescription {
    width: 370px;
}
.TeaserLightboxPhotographer,
.TeaserSlideshowPhotographer  {
    display: block;
    color: #999999;
    float: left;
    clear: left;
    width: 360px;
}
.TeaserLightboxLink {
    float: right;
    background: url('/ClientUI/Images/teasers/arrow_right_blue_circle.gif') no-repeat 0px 2px;
    margin:0;
    padding:2px 0 2px 20px;
    text-decoration:none;
    text-indent: 0px;
}
.TeaserLightboxLink, .TeaserLightboxLink a{
    line-height:16px;
    font-size: 12px;
    vertical-align: top;
    display:block;
    font-size:12px;
    height:16px;
    line-height:16px;
}
.LightBoxLinkToHide  {
    display: none;
}
.Teaser .TeaserHeadingDiv  {
    float: left;
}
.EmbedTeaserContainer .TeaserHeadingDiv  {
    float: none;
    width:auto;
}
.EmbedTeaserContainer .TeaserHeadingDiv .inner  {
    float: none;
    width:auto;
}
.EmbedTeaserContainer .TeaserHeadingDiv .inner h2 {
    float: none;
    width:auto;
}
.Teaser .BlogHeading  {
    font-family: Georgia;
    font-size: 14px;
    font-weight: bold;
    text-indent: 15px;
    padding-bottom: 2px;
    background-image: url('/ClientUI/Images/teasers/quote_lime.gif');
    background-repeat: no-repeat;
    background-position:left 4px;
}

.Purple .BlogHeading {
    background-image: url('/ClientUI/Images/teasers/quote_purple.gif');
}
.Sand .BlogHeading {
    background-image: url('/ClientUI/Images/teasers/quote_sand.gif');
}
.Steel .BlogHeading {
    background-image: url('/ClientUI/Images/teasers/quote_steel.gif');
}
.Lime .BlogHeading {
    background-image: url('/ClientUI/Images/teasers/quote_lime.gif');
}
.Blue .BlogHeading {
    background-image: url('/ClientUI/Images/teasers/quote_blue.gif');
}
.Orange .BlogHeading {
    background-image: url('/ClientUI/Images/teasers/quote_orange.gif');
}
.Teaser .BlogCategoryLink  {
    float: left;
    padding-right: 3px;
}
.Teaser .BlogCategoryLink a {
    color: #009db5;
    font-size: 11px;
    text-decoration: none;
    float:left;
}
.Teaser .BlogCategoryLink a:hover {
    text-decoration: underline;
}
.Teaser .BlogDate {
    float: left;
    color: #999999;
    font-size: 11px;
    white-space:nowrap;
}
.Teaser .BlogPreamble {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 2px;
    clear: left;
}
.Teaser .BlogLink  {
    float: left;
    clear: left;
    padding-top:5px;
    font-size: 12px;
    line-height: 16px;
}
.Teaser .TeaserItems ul  {
    list-style-type: none;
    float:left;
    padding-top: 7px;
}
.Teaser .TeaserItems li  {
    float: left;
    clear: left;
    width: 252px;
    padding-bottom: 7px;   
}
.Teaser .TeaserItems li .inner  {
    float: left;
    clear: left;
    width: 252px;
    padding-top: 4px;
    padding-bottom: 9px;
    border-bottom: 1px solid #cccccc;
}
.SmallBlogTeaserContainer .TeaserItems li,
.SmallBlogTeaserContainer .TeaserItems li .inner,
.SmallBlogTeaserContainer .TeaserCircleLinks {
    float:left;
    width: 144px;
}
/* Article Dynamic List - Can be shown on startpage for example */
ul.ArticleDynamicList  {
    float: left;
    list-style-type:none;    
    padding-top:1px;
}
ul.ArticleDynamicList li {
    font-size: 12px;
}
.LargeCategoryListingTeaser ul.LargeArticleList a  {
    text-decoration: none;
    background-image:url('/ClientUI/Images/teasers/arrow_right_blue_on_white.gif');
    background-position:left 3px;
    background-repeat:no-repeat;
    color: #0a0a0a;
    font-size: 14px;
    line-height:16px;  
    font-weight: bold;
    padding-left: 11px;
    padding-bottom: 1px;
    display: inline;
}
.LargeCategoryListingTeaser .LargeArticleList .ArticleHyperLink {
    display: block;
    font-size: 14px;
    line-height:16px;  
}
.LargeCategoryListingTeaser .RssLink {
    float: right;
    background-image: url('/ClientUI/Images/icons/blue_feed.gif');
    background-repeat: no-repeat;
    background-position:left 4px;
    color:#009DB5;
    display:block;
    font-size:12px;
    line-height:16px;
    padding-bottom:5px;
    padding-top: 3px;
    padding-left:20px;
    text-decoration: none;
}
.LargeCategoryListingTeaser .RssLink:hover  {
    text-decoration: underline;
}

.LargeCategoryListingTeaser .LargeArticleList li  {
    overflow:hidden;   
}
.LargeArticleList li .ImageContainer {
    width:90px;
	height:90px;
	margin:0 10px 0 0;
	float: left;
	position:relative;
	display:block;
}
.LargeArticleList li .ImageContainer img  {
    margin-top: 3px;
}
.LargeArticleList li .ImageContainer img,
.LargeArticleList li img.ImageWrapperCenter {
    position: absolute;
	top:0;
	left:-42px;
	height:90px;
	clip:rect(0px 132px 90px 42px);
	/* without commas above it is not valid CSS
       but works in all browsers */
	overflow:hidden;
}
.LargeArticleList li img.ImageWrapperLeft {
    position: absolute;
	top:0;
	left:0;
	height: 90px;
	clip:rect(0px 90px 90px 0);
	overflow:hidden;
}
.LargeArticleList li img.ImageWrapperRight {
    position: absolute;
	top:0;
	left:-85px;
	height: 90px;
	clip:rect(0px 175px 90px 85px);
	overflow:hidden;
}
.LargeCategoryListingTeaser .LargeArticleList .FirstRowContainer  {
    color: #999999;
    font-size:11px;     
    padding-top: 0px;
    padding-bottom: 1px;
    /*width:522px;*/
    float: none;
} 
.LargeCategoryListingTeaser .LargeArticleList .FirstRowContainer .CategoryHeadingLiteralContainer {
    color: #58646c;
    text-transform:uppercase;
    font-weight: bold;
    float:left;
    padding-right: 4px;
}
.LargeCategoryListingTeaser .vignette {
	font-size:11px;
	margin-bottom:0px;
	float: none;
	color: #58646c;
    text-transform:uppercase;
    font-weight: bold;	
    padding-top: 0px;
}
.LargeCategoryListingTeaser .LargeArticleList .FeedSyndicationEntrySourceContainer,
.MediumFeedSyndicationListingTeaser .FeedSyndicationEntrySourceContainer,
.MediumFeedSyndicationListingTeaser .FirstRowContainer  {    
    color: #999999;
    font-size: 11px;
}
.MediumFeedSyndicationListingTeaser .ArticleDynamicList h3  {
    padding-bottom: 3px;  
    padding-top: 3px;  
}
.MediumFeedSyndicationListingTeaser .ArticleDynamicList a {
    text-decoration: none;
    background-image:url('/ClientUI/Images/teasers/arrow_right_blue_on_white.gif');
    background-position:left 3px;
    background-repeat:no-repeat;
    line-height:16px;        
    color: #0a0a0a;
    font-size: 14px;
    font-weight: bold;
    padding-left: 11px;
    display: inline;
}
.MediumFeedSyndicationListingTeaser .ArticleDynamicList a:hover {
    text-decoration: underline;
}
.MediumFeedSyndicationListingTeaser .ArticleDynamicList li.FeedItem {
    border-bottom:1px solid #CCCCCC;
    float:left;
    padding-bottom: 8px;
    margin-bottom: 8px;
    width:252px;    
}
.MediumFeedSyndicationListingTeaser ul.ArticleDynamicList {
    padding-top:8px;
    margin-bottom: -2px;
}
.MediumFeedSyndicationListingTeaser  {
    padding-bottom: 14px;
}
/* Large Article List  */
ul.LargeArticleList  {
    float: left;
    list-style-type:none; 
    padding-bottom: 14px;
    border-bottom: 1px solid #cccccc;    
}
ul.LargeArticleList li  {
    padding-right: 65px;
    padding-bottom: 13px;
    font-size: 12px;
    line-height: normal;
    width:457px;
}
ul.LargeArticleList li a  {
    color: #009db5;
    font-size: 12px;
    line-height:normal;
    font-weight: bold;
    text-decoration: none;
    
}
ul.LargeArticleList li p  {
    padding-top: 2px;
}
ul.LargeArticleList li a:hover {
   text-decoration: underline;    
}
ul.LargeArticleList hr  {
    display:none;
}
ul.LargeArticleList div.separator  {
    border-bottom: 1px solid #cccccc;
    margin: 6px -65px 16px 0;
}
.LargeFeedSyndicationListingTeaser ul.LargeArticleList div.separator  {
    margin-bottom: 6px;
}
.LargeTeaser h1.TeaserHeading {
    font-size: 26px;
    font-weight: bold;
    padding:1px 0 7px;
    line-height:27px;
}
.LargeTeaser .TeaserPreamble  {
    font-size: 14px;
    padding-bottom: 23px;
    font-weight: bold;
}
/* emailnotification and form teasers uses this */
.Teaser .PageIntroduction  {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
/* Teaser css --/>  */
/* <-- Article css  */
#ArticleTop  {
    width: 522px;
    float:left;
    padding-top:0px;
}
#ArticleTop #ArticleBody {
    width: 522px;
    float:left;
    padding-bottom:25px;
}
#ArticleTop #ArticleBody .CategoryHeading  {
    color: #58646c;
    text-transform: uppercase;
    font-size: 12px; /* kommer ev. bytas mot em */
    font-weight: bold;
    line-height: normal;
    padding-bottom:2px;
}
#ArticleTop #ArticleBody h1  {
    font-size: 26px; /* kommer ev. bytas mot em */
    font-weight: bold;
    color: #0a0a0a;
    line-height: 27px;
    padding-top:0px;
}
#ArticleTop #ArticleBody .DateContainer  {
    float: left; 
    width: 522px;
    padding-top:8px;
    padding-bottom: 10px;
}
#ArticleTop #ArticleBody .ArticlePublishDate  {
    float: left; 
    font-size: 11px; /* kommer ev. bytas mot em */
    color: #999999;
}
#ArticleTop #ArticleBody .ArticleChangeDate  {
    float:left;
    font-size: 11px; /* kommer ev. bytas mot em */
    padding-left:10px;
    color: #999999;
}
#ArticleTop #ArticleBody .ArticlePreamble {
    float:left;
    font-weight: bold;
    font-size: 14px; /* kommer ev. bytas mot em */
    width: 522px;
}
.ThreeColumnPageBody  {
    float:left; 
    padding: 0px 0px 0px 18px; 
    width:522px;
}
.TwoColumnPageBody {
    float:left; 
    padding: 0px 0px 18px 18px; 
    width:792px;
}
.ThreeColumnPageBody .ColumnLeft  {
    float: left;
    width: 360px; /* Does not fill the entire width (522px) because of readability. was: 414px */
    padding-bottom: 16px;
    overflow: visible;
}
.ThreeColumnPageBody .ColumnRight  {
    position: relative;
    float: left; 
    width: 162px;    
    /* margin-right: -108px; Placed it "out of the box" (when the text from columnleft was wrapped around it). */
}
.ThreeColumnPageBody .ColumnRight .ColumnRightInner  {
    padding-left: 18px;
}
.ThreeColumnPageBody .ToolBox {
    float: left;
    width: 414px;
}
.ThreeColumnPageBody .ArticleText p {
    padding-bottom: 13px;
    font-size: 12px; /* kommer ev. bytas mot em */
    
    
}
.ThreeColumnPageBody .ColumnLeft p.PageOwnerParagraph  {
    float: left; 
    font-size: 11px; /* kommer ev. bytas mot em */
    font-weight:bold;
}
.ThreeColumnPageBody .ColumnLeft a.PageOwnerLink  {
    float: left; 
    font-size: 11px; /* kommer ev. bytas mot em */
    text-decoration: none; 
    color: #009db5; 
    padding-left: 0.35em;
}
.ThreeColumnPageBody .ColumnLeft a.PageOwnerLink:hover  {
    text-decoration: underline;
}
.ThreeColumnLeftColumn  {
    float:left;
}
.ThreeColumnRightColumn  {
    float:right; 
    width: 252px;
}
.ThreeColumnPageBody .SmallToolBox  {
    padding-bottom: 14px;
    float:left;
}
/* ToolBoxList - Shown on articlepage */
ul.ToolBoxList  {
    float: left;
    list-style-type:none;    
    padding-top:8px;
    font-size: 12px;
    line-height: 18px;
}
ul.ToolBoxList li {

    color: #009db5;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 4px;
}
ul.ToolBoxList a  {
    background-position: left 3px;
    background-repeat: no-repeat;
    color: #009db5;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    padding-left: 21px;    
    padding-top:2px;
    padding-bottom:2px;
}
ul.ToolBoxList a:hover  {
    text-decoration: underline;
} 
ul.ToolBoxList li.print a {
    background-image: url('/ClientUI/Images/toolbox/print.gif');
}
ul.ToolBoxList li.mail a {
    background-position: left 3px;
    background-image: url('/ClientUI/Images/toolbox/mail.gif');
}
ul.ToolBoxList li.share a {
    background-image: url('/ClientUI/Images/toolbox/share.gif');
}
ul.ToolBoxList li.comment a {
    background-image: url('/ClientUI/Images/toolbox/comment.gif');
}
/* ********* Tab control styles starts ***************** */
div.tabs {
    width: 522px;
	background-image: url("/ClientUI/Images/toolbox/tabs_bkg.gif");
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
}
div.tabs > div {
    float:left;
}
div.tabs > div h2 {
    margin-top: 0;
}
ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
}
ul.tabNavigation li {
    float:left;
}
ul.tabNavigation li.active {
	background-image: url("/ClientUI/Images/toolbox/tabs_active_bkg.gif");
	background-repeat: repeat-x;
	background-position: left top;
}
ul.tabNavigation li a.selected {

}
ul.tabNavigation li a:hover  {
    text-decoration: underline;
}
ul.tabNavigation li a:focus {
    outline: 0;
}
ul.tabNavigation li a  {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 0px;    
    padding-top:2px;
    padding-bottom:2px;  
    padding-right: 5px;
    display:block;
    float:left; 
    text-decoration: none;
    line-height:16px;
}
ul.tabNavigation li a img  {
    border-style:none;
    margin-right:6px;
    margin-top:2px;
    vertical-align:top;
}
ul.tabNavigation li div.inner  {
    float:left;
    padding: 10px 5px 1px 5px;
}
ul.tabNavigation li.active div.inner  {
    padding: 7px 0px 1px 2px;
}
ul.tabNavigation li.activeLeft {
    background-image: url("/ClientUI/Images/toolbox/tabs_left_bottom.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}
ul.tabNavigation li.activeRight  {
    background-image: url("/ClientUI/Images/toolbox/tabs_right_bottom.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
ul.tabNavigation li.activeLeft div.inner  {
    background-image: url("/ClientUI/Images/toolbox/tabs_left_top.gif");
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 8px;
}
ul.tabNavigation li.activeRight div.inner  {
    background-image: url("/ClientUI/Images/toolbox/tabs_right_top.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
}
/* We use inline images instead of background-images for the tabs (png and gif), 
 because of the ie6 png fix that works better with such images */
ul.tabNavigation div#rightTabFix  {
    float:left;
    line-height:16px;
    padding:2px 5px 2px 21px;
    width:31px;
}
/* ********* Tab control styles ends ***************** */
/* comment styling */
#comments, #tipAFriend, #sharePage {   
    padding-top: 19px;
    float:left;
}
#comments #CommentContainer  {
    float:left;
    width: 522px;
    background-color: #efefef;
}
#comments #CommentContainer ul.commentList  {
    list-style-type:none;
}
#comments #CommentContainer ul.commentList li  {
    border-bottom: 1px solid white;
    padding:10px;    
}
#comments #CommentContainer .commentDate  {
    color: #999999;
    font-size: 11px;
}
#comments #CommentContainer .commentText {
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 7px;
    overflow: hidden;
}
#comments #CommentContainer .commentSenderRow {
    font-size: 11px;
}
#comments #CommentContainer .commentSenderRow a {
    color: #009db5;
    text-decoration: none;      
}
#comments #CommentContainer .commentSenderRow a:hover {
    text-decoration: underline;
}
#comments #CommentContainer .commentPager  {
    padding:10px;
    font-size: 12px;
}
#comments #CommentContainer .commentPager a  {
    color: #009db5;
    text-decoration: none;       
}
#comments #CommentContainer .commentPager a:hover {
    text-decoration: underline;
}

#comments #CommentContainer .commentPager a.PreviousPageLink  {
    margin-right: 10px;
}
/* comment and tip a friend forms */
#tipAFriend fieldset, 
#comments fieldset  {
    border-style: none;
    width: 414px;
    font-size: 12px;
    padding-top: 20px;
    float:left;
}
#tipAFriend fieldset textarea,
#comments fieldset textarea  {
    width:410px;
    padding:2px;
}
#tipAFriend fieldset .YourNameContainer,
#tipAFriend fieldset .FriendNameContainer,
#comments fieldset .commentNameField  {
    float:left;
    
}
#tipAFriend fieldset .FriendEmailContainer,
#comments fieldset .commentEmailField  {
    float: right;
}
#tipAFriend fieldset .YourNameContainer input,
#tipAFriend fieldset .FriendNameContainer input,
#tipAFriend fieldset .FriendEmailContainer input,
#comments fieldset .commentNameField input,
#comments fieldset .commentEmailField input  {
    display: block;
    width:198px;
}
#tipAFriend fieldset .inlineHeading,
#comments fieldset .commentNameHeading,
#comments fieldset .commentEMailHeading, 
#comments fieldset .commentTextHeading {
    display: inline;
}
#comments fieldset .commentTextHeading  {
    float:left;
}
#comments fieldset .commentTextBoxCounter  {
    float:right;
}
#tipAFriend fieldset .MessageContainer,
#comments fieldset .commentTextField  {
    float: left;
    padding-top: 20px;
    width: 414px;
}
#comments fieldset .commentCheckbox  {
    float: left;
    padding-top: 20px;
}
#comments fieldset .commentCheckbox input {
    margin-left: 0px;
    margin-top:2px;
    vertical-align:middle;
}
#comments fieldset .commentTermsLink  {
    float: left;
    display:block;
    clear:both;
}
#comments fieldset .commentTermsLink a {
    color: #009db5;
    text-decoration: none;       
}
#comments fieldset .commentTermsLink a:hover {
    text-decoration: underline;
}           
#tipAFriend fieldset .buttonContainer,    
#comments fieldset .commentSendButton  {
    float: left;
    display:block;
    clear:both;
    padding-top: 20px;
    padding-bottom: 20px;
}
#tipAFriend fieldset .YourNameContainer  {
    padding-top:10px;
}
#comments fieldset .validationSummary,
#tipAFriend fieldset .validationSummary  {
    width: 414px;
}
/* ******** Share page styles starts **************** */
ul#sharePageList {
    list-style: none;
    font-size: 11px;
    float:left;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 414px;
}
ul#sharePageList li {
    display: block;
    float:left;
    padding-right: 10px;
}
ul#sharePageList li a {
    text-decoration: none;
    color: #009db5;    
}
ul#sharePageList li a:hover {
    text-decoration: underline;
}
.shareToFacebook {
    background-image: url(/ClientUI/Images/sharepage/facebook_share_icon.gif?8:26981);
    padding-left: 19px;
    background-repeat: no-repeat;
    background-position: left;
}
.shareToTwitter {
    background-image: url(/ClientUI/Images/sharepage/twitter.gif);
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: left;
}
.shareToDigg {
    background-image: url(/ClientUI/Images/sharepage/16x16-digg-guy.gif);
    padding-left: 21px;
    background-repeat: no-repeat;
    background-position: left;
}
/* ******** Share page styles ends ****************** */
/* ******** Tip a friend styles starts ************** */
.tipAFriendSent {
    margin-bottom: 8px;
    color: Red;
    font-size: small;
    font-weight: bold;
}
/* ******** Tip a friend styles ends **************** */
/* form related styles */
.validationAsterisk  {
    color: red;
    padding-left: 2px;
}
a.commentFormBaseline  {
    float:right;
}
.validationSummary {
    padding-top: 20px;
    float: left;
    display:block;
    clear:both;
}
.validationSummary ul {
    list-style-type:none;
}
.validationSummary ul li span  {
    color: red;
}
/* Article css --/>  */
/* <-- StartPage css  */
#StartPageContainer .LeftColumn  {
    float:left;
    width: 252px;
    padding-right: 18px;
}
#StartPageContainer .RightColumn  {
    float:right;
    width: 252px;
}
#StartPageContainer  {
    float:left; 
    padding-left: 7px;
    padding-top: 22px;
}
#StartPageContainer .LeftLargeColumn {
    width: 522px; float: left; padding-right: 18px;
}
#StartPageContainer .LeftExtraLargeColumn {
    float: left;
    width: 702px;
}
#StartPageContainer .LeftRow {
    width: 522px; float: left;
}
#StartPageContainer .CenterSmallColumn {
    width: 144px; float: left; padding-right: 18px;
}
#StartPageContainer .RightMediumColumn {
    width: 252px; float: left;
}
/* StartPage css --/>  */
.LargeGoogleMapsTeaserContainerInner {
    float:left;
    width:522px;
}
.LargeGoogleMapsTeaserContainerInner .inner  {
    padding-top:11px;
    padding-bottom:14px;
    padding-left: 19px;
    padding-right: 19px;    
}
.LargeGoogleMapsTeaserContainer {
    /*
     By default the Google Maps control are hidden and then showed by jQuery,
     this cause the maps will not work with out JavaScript and therefore 
     should be deactivated.
     */
    display: none;
}
.LargeGoogleMapsTeaserContainer h1 {
	font-size:22px;
	color: #ffffff;
	font-weight:normal;
}
.LargeGoogleMapsTeaserContainer .Preamble  {
    padding-top: 2px;
    font-size:10pt;
	color: #ffffff;
	width:100%;
}
/*  Google Map Teaser  --/>  */
/* <-- LargeFormTeaser */
.LargeFormTeaser .FormIntroduction  {
    font-size: 12px;
}
.LargeFormTeaser .FormContent  {
    font-size: 12px;
    float:left;
}
.LargeFormTeaser .FormIntroduction h2 {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 3px;
}
.LargeFormTeaser .FormIntroduction p  {
    padding-bottom: 13px;
}
.LargeFormTeaser .FormContent fieldset  {
    width: 488px; /* 500 - 4 (borders) - 8 (padding) = 488  */
    padding: 4px;
    margin-bottom: 0px;
    float: left;
}
.LargeFormTeaser .FormContent legend {
    font-size: 12px;
    padding-left: 3px;
    padding-right: 5px;
}
.LargeFormTeaser .FormContent input, 
.LargeFormTeaser .FormContent textarea,
.LargeFormTeaser .FormContent select {
    float:left;
    clear:left;
    margin-bottom: 0px;
    margin-top: 3px;
    width: 496px; /* 500 - 4 (borders) */
}
.LargeFormTeaser .FormContent select  {
    width: 500px; /* for some reason not the same box model (ie7 + firefox)*/
}
.LargeFormTeaser .FormContent input.submit  {
    width: auto; 
} 
/* IE6 sadly doesnt support attribute selectors:
input[type="checkbox"] */
.LargeFormTeaser .FormContent fieldset input {
    float:none;
    clear:none;
    margin: 0px;
    padding-left: 6px;
    width:auto;
}
.LargeFormTeaser .FormContent fieldset label {   
    margin: 0px;
    padding-left: 6px;
    padding-right: 12px;    
}
.LargeFormTeaser .FormContent table  {
    border-spacing: 0px;
    border-collapse: collapse;
    float: left;
}
.LargeFormTeaser .FormContent table td  {
    padding-bottom: 17px;
    overflow: hidden; /* if someone enters a too long legend value it´s simply hidden */
}
.LargeFormTeaser .FormContent span.xformvalidator  {
    font-size:12px;
    float: left;
    display: block;
    color: red;
    padding-left: 5px;
    width:10px;
    padding-top:4px;
}
.LargeFormTeaser .FormContent .validationSummary  {
    padding-top: 0px;
    padding-bottom: 20px;
    float:left;    
}
.LargeFormTeaser .FormContent .validationSummary ul  {
    list-style-type: none;
    float:left;
}
/* LargeFormTeaser --/>  */
/* <-- Sub Start Page  */
#SubStartPageBody  {
    float: left;
    clear: both;
    /* hide text if it doesn´t linebreak correctly (too long words in links or in other text) */
    overflow: hidden;
    width: 522px; /*ie6 fix - ie6 needs a width for the overflow: hidden to work */
}
#SubStartPageBody .PageIntroduction  {
    float: left;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    width: 522px;
}
#SubStartPageBody .PageIntroduction h1  {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 7px;
}
#SubStartPageBody div.LeftColumn  {
    width: 252px; 
    float: left; 
    margin-right: 18px;
    overflow: hidden;
}
#SubStartPageBody div.RightColumn  {
    width: 252px; 
    float: left;
    overflow: hidden;
}
#SubStartPageBody .LeftColumnContentContainer,
#SubStartPageBody .RightColumnContentContainer {
    float: left;
    padding-bottom: 20px;
    font-size: 12px;
    width: 252px;
}
.Teaser .TeaserBodyContainer p,
#SubStartPageBody .PageIntroduction p,
#SubStartPageBody .LeftColumnContentContainer p,
#SubStartPageBody .RightColumnContentContainer p {
    padding-bottom: 13px;
}
.Teaser .TeaserBodyContainer a,
#SubStartPageBody .PageIntroduction a,
#SubStartPageBody .LeftColumnContentContainer a,
#SubStartPageBody .RightColumnContentContainer a {
    text-decoration: underline;
    color: #009db5;   
}
/*  Sub Start Page  --/>  */
/* <-- Table styles  */
/* decision for now - tables only pre-styled on fullpage and standardpage */
#FullPageBody table,
#StandardPageBody table  {
    width: 360px;
    font-size: 12px;
    margin-bottom: 8px;
    border-collapse: collapse;
    display:inline-table;
}
#FullPageBody table {
    width: 522px;
}
#FullPageBody table tr.even ,
#StandardPageBody table tr.even  {
    background-color: #efefef;
}
#FullPageBody table tr.odd,
#StandardPageBody table tr.odd  { 
    background-color: #ffffff;
}
#FullPageBody table.inverted tr.even ,
#StandardPageBody table.inverted tr.even  {
    background-color: #fff;
}
#FullPageBody table.inverted tr.odd,
#StandardPageBody table.inverted tr.odd  { 
    background-color: #efefef;
}
#FullPageBody table p, 
#StandardPageBody table p  {
    padding-bottom: 7px; /* In tables there sould be some padding below paragraphs also! */
}
#FullPageBody table td,
#FullPageBody table th,
#StandardPageBody table td,
#StandardPageBody table th {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#FullPageBody table th,
#StandardPageBody table th  {
    background-color: #cccccc;
}
#FullPageBody table.noStripes th,
#FullPageBody table.noStripes tr.odd,
#FullPageBody table.noStripes tr.even,
#StandardPageBody table.noStripes th,
#StandardPageBody table.noStripes tr.odd,
#StandardPageBody table.noStripes tr.even {
    background-color: Transparent;
}
/* Table styles --/>  */
/* <-- Search result */
#SearchContainer #SearchArea  {
    background-color: #efefef;
    padding: 14px 11px 14px 11px;
    font-size:12px;
}
#SearchContainer #ResultArea  {
    font-size: 12px;
}
#SearchContainer #SearchArea #AdvancedArea  {
    padding-top: 5px;
    padding-bottom: 5px;
}
#SearchContainer #SearchArea .FirstCheckbox input {
    margin-left: 0px;
    margin-top:0px;
    vertical-align:middle;
}
#SearchContainer #SearchArea .Checkbox input  {
    margin-left: 15px;
    margin-top:0px;
    vertical-align:middle;    
}
#SearchContainer #SearchArea .SearchResultsPagingInfo  {
    color: #999999;    
}
#SearchContainer #SearchArea .SearchSynonym {
    color: #999999;    
}
#SearchContainer #SearchArea .SearchDuration  {
    color: #999999;    
}
#SearchContainer #SearchArea h1 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
}
#SearchContainer #SearchArea input.SearchText  {
    width:320px;
}
#SearchContainer #SearchArea input.SearchButton  {
    font-size: 11px;
    font-weight: bold;
}
#SearchContainer #ResultArea .SearchResultHeading  {
    color: #999999;
}
#SearchContainer #ResultArea ul.SearchResultList li  {
    padding-top: 14px;
    padding-bottom:17px;
}
#SearchContainer #ResultArea ul.SearchResultList  {
        padding-top: 2px;
    padding-bottom: 27px;
    border-bottom: 1px solid #cccccc;    
}
ul.SearchResultList ul {
	margin-left: 28px;
}
ul.SearchResultList li.lvl1 {
	margin-left: 0px;
}
ul.SearchResultList li.lvl2 {
	margin-left: 39px;
}
#SearchContainer #ResultArea p  {
    padding-bottom: 2px;
    padding-top: 2px;
}
#SearchContainer #ResultArea .SearchResultHeading a  {
    background-image:url(/ClientUI/Images/teasers/arrow_right_blue_on_white.gif);
    background-position:left 3px;
    background-repeat:no-repeat;
    color:#0A0A0A;
    display:inline;
    font-size:13px;
    font-weight:bold;
    line-height:16px;
    padding-bottom:1px;
    padding-left:11px;
    text-decoration:none;    
}
#SearchContainer #ResultArea a.FriendlyURL  {
    color: #999999;
    font-weight: normal;
    text-decoration: none;    
}
#SearchContainer #ResultArea .SearchResultHeading a:hover,
#SearchContainer #ResultArea a.FriendlyURL:hover {
    text-decoration: underline;
}
#SearchContainer #ResultArea .MessageLabel,
.MissingFlashPluginText,
.LargeImageSearchTeaserContainer .MessageLabel {
	width: 494px;
	float: left;
    clear: both;
    display: block;
    padding:14px 14px 14px 36px;
    background-color: #efefef;
    background-image: url('/ClientUI/Images/notification/notification.gif');
    background-repeat: no-repeat;
    background-position: 13px 13px; 
    margin-top: 18px;
    font-size: 12px;
}
.MediumYoutubeTeaserContainer .MissingFlashPluginText,
.MediumQbrickTeaserContainer .MissingFlashPluginText  {
    margin-top: 8px;
    width: 202px;
}
.MediumYoutubeTeaserContainer .PreambleContainer,
.MediumQbrickTeaserContainer .PreambleContainer  {
    padding-bottom: 4px;
}
.MediumYoutubeTeaserContainer .TeaserLinks ul,
.MediumQbrickTeaserContainer .TeaserLinks ul,
SmallStandardTeaserContainer .TeaserLinks ul {
    padding-top: 0px;
}
.LargeQbrickMovieContainer .MissingFlashPluginText  {
    margin-top: 0px;
    margin-bottom: 8px;
}
.MovieDiv a,
.LargeQbrickMovieContainer .MissingFlashPluginText a {
    color: #009db5;
}
.LargeQbrickMovieContainer {
    height: 314px;
}
.MediumQbrickTeaserMovie  {
    height: 162px;
}
#SearchContainer ul,
#SearchContainer ol {
    list-style-type:none;
}
#SearchContainer .SearchTextLabel  {
    display:none;
}
#SearchContainer .synonymContainer  {
    padding: 6px 0px 3px 0px;
}
#SearchContainer .synonymContainer span  {
    font-style:italic;
}
#SearchContainer .synonymContainer a  {
    font-weight: bold;
}
#SearchContainer #ResultArea ul.SearchResultList li.separator, 
#SearchContainer li.separator {
    border-bottom:1px solid #CCCCCC;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    clear: both;
    padding: 0px 0px 0px 0px;
    margin-bottom: 5px;
}
#SearchContainer li.separator hr {
    display: none;
}
/* Pager control */
.PagerContainer ul,
.PagerContainer ol {
    list-style-type:none;
}
.PagerContainer  {
    font-size: 12px;
    float: left;
    padding-top: 16px;
    padding-bottom: 46px;
}
.PagerContainer li  {
    float: left;
}
.PagerContainer li div.SelectedPage  {
    display: block;
    width: 19px;
    line-height: 19px;
    color: #ffffff;
    font-weight: bold;
    background-color: #009db5;    
    font-weight: bold;
    text-align: center;  
}
.PagerContainer li a  {
    border-right: 1px solid #cccccc;
    display: block;
    width: 24px;
    line-height: 19px;
    text-align: center;  
    font-size: 12px;
    color: #009db5;
    text-decoration: none;
    font-weight: bold;
}
.PagerContainer li a:hover {
    text-decoration: underline;
}
.PagerContainer ol  {
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('/ClientUI/Images/search/pager_bkg_left.gif');
    background-repeat: repeat-y;
    background-position: left top;
    float: left;
    
}
.PagerContainer li.leftOfSelected a {
    border-right-style: none;
}
.PagerContainer div.prevInactive,
.PagerContainer div.nextInactive {
    display: block;
    line-height: 19px;  
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    font-weight: bold;
    float: left;
    padding-left: 11px;
    padding-right: 11px;    
}
.PagerContainer a.prevActive,
.PagerContainer a.nextActive {
    display: block;
    line-height: 19px;  
    font-size: 12px;
    color: #009db5;
    text-decoration: none;
    font-weight: bold;
    float: left;
    padding-left: 11px;
    padding-right: 11px;
}
.PagerContainer a.prevActive:hover,
.PagerContainer a.nextActive:hover  {
    text-decoration: underline;
}
.PagerContainer div.prevInactive,
.PagerContainer a.prevActive  {
    padding-left: 0px;
}
/*  Search result  --/>  */
/* <-- Email notifications */
.LargeEmailNotificationTeaser .PageTop  {
    font-size: 12px;
}
.LargeEmailNotificationTeaser .PageBody {
    font-size: 12px;
    width: 522px;
} 
.LargeEmailNotificationTeaser .PageBody label.EmailLabel  {
    float: left;
    clear: both;
    display: block;
    font-weight: bold;
}
.LargeEmailNotificationTeaser .PageBody .EmailForm {
    float: left;
    clear: both;
    padding-top: 2px;
    width: 522px;
}
.LargeEmailNotificationTeaser .PageBody input.EmailTextBox  {
    width: 360px;
}
.LargeEmailNotificationTeaser .PageBody .GroupsPanel  {
    float: left;
    padding-top: 15px;
    clear: both;
    width: 522px;
    padding-bottom: 11px;
}
.LargeEmailNotificationTeaser .PageBody .GroupsPanel span  {
    display: block; 
    float: left; 
    clear: left;
    font-weight: bold;    
}
.LargeEmailNotificationTeaser .PageBody .ValidationMessages  {
    float: left;
}
.LargeEmailNotificationTeaser .PageBody table  {
    border-collapse: collapse;
    padding-top: 3px;
    display: block;
    float: left; 
    clear: both;
    width: 522px;
}
.LargeEmailNotificationTeaser .PageBody td, 
.LargeEmailNotificationTeaser .PageBody tr  {
    padding: 0px; 
    margin: 0px;
}
.LargeEmailNotificationTeaser .PageBody table input  {
    margin-left: 0px;    
    vertical-align:middle;
}
.LargeEmailNotificationTeaser .PageBody input.SaveButton  {
    float: left; 
    clear: both;
    margin-top: 15px;
    margin-bottom: 0px;
}
.LargeEmailNotificationTeaser .PageBody .MessageLabel  {
    float: left;
    clear: both;
    display: block;
    padding: 14px;
    text-indent: 23px;
    background-color: #efefef;
    background-image: url('/ClientUI/Images/notification/notification.gif');
    background-repeat: no-repeat;
    background-position: 13px 13px;  
}
.LargeEmailNotificationTeaser .PageBody .MessageContainer  {
    float: left;
    width: 522px;
}
/* Email notifications  --/>  */
/* <-- movie teasers */
.MovieDiv  {
    float: left;
    padding-bottom: 8px;
    width:100%;
}
/* flash message/link */
.MovieDiv a  {
    margin-top: 8px;
    float:left;
}
.LargeQbrickTeaserContainer h1 {
    color:#FFFFFF;
    font-size:22px;
    font-weight:normal;
}
.LargeQbrickTeaserContainer .Preamble  {
    color:#FFFFFF;
    font-size:12px;
    padding-top: 3px;
}
.LargeQbrickTeaserContainerInner  {
    float:left;
    width: 522px;
}
.LargeQbrickTeaserContainerInner .inner  {
    padding: 13px 18px 14px 18px; 
    float: left;
}
.LargeQbrickTeaserContainer a  {
    display:block;
}
/*  movie teasers  --/>  */
/* <-- Site Map */
.LargeSiteMapTeaser .SiteMapIntroduction  {
    font-size: 12px;
    float: left;
}
.LargeSiteMapTeaser .SiteMapIntroduction p {
    float: left;
    padding-bottom: 13px;
}
#SiteMap   {
    font-size: 12px;
    float:left;
    width:522px;
}
#SiteMap ul {
    padding-left: 0px;
    float:left;
    clear:left;
    width:100%;
}
#SiteMap ul li  {
    background-color: Transparent;
    background-image: url('/ClientUI/Images/sitemap/rounded_corner.gif');
    background-repeat: no-repeat;
    background-position: left top;  
    display: block;
    float:left;
    clear:left;
    width: 100%;
}
#SiteMap ul li div  {
    display: block;
    background-color: Transparent;
    background-image: url('/ClientUI/Images/sitemap/ul_background.gif');
    background-repeat: repeat-y;
    background-position: left top;
    float:left;
    padding-left:25px;
}
#SiteMap ul li div a  {
    float: left;
    display:block;
    padding-bottom:10px;
    width:100%;
    color:#009DB5;
    font-size:12px;
    text-decoration:underline;
}
#SiteMap ul li div.lastItem  {
    background-image: none;
    display: block;
}
/*  Site Map  --/>  */
/* used in episerver editor mode */
#Container {
    float: left;
    width: 684px;
}
/* used for faulty teasers in epiServer edit mode */
.teaserErrorContainerLarge, .teaserErrorContainerMedium, .teaserErrorContainerSmall {
    background-color: #a91010;
    color: #ffffff;
    float: left;
    padding: 15px 10px 15px 10px;
    margin-bottom: 14px;
    font-size: 12px;
}
.teaserErrorContainerLarge {
    width: 502px;
}
.teaserErrorContainerMedium  {
    width: 232px;
}
.teaserErrorContainerSmall {
    width: 124px;
}
/*** Slideshow Styles Starts ***/
.SlideshowContainer {
    float: left;
    padding-bottom: 5px;
}
.SlideshowContainer .Slideshow {
    position: relative;
    width: 522px;
    /*height: 268px;*/
    z-index:1;
}
.SlideshowContainer .SlideshowItem img  {
    width: 522px;
    height: 268px;
}
.SlideshowContainer .SlideshowImageContainer  {
    width: 522px;
    height: 268px;
}
/* LargeLightboxTeaser slideshow */
.SlideshowContainer .SlideshowPagerLinks,
.LargeLightboxTeaser .SlideshowPagerLinks {
    display: inline;
    padding-left: 6px;
    font-size: 11px;
}
.SlideshowContainer .SlideshowPager,
.LargeLightboxTeaser .SlideshowPager {
    display: inline;
    padding-left: 4px;
}
.SlideshowContainer .SlideshowPagerDiv,
.LargeLightboxTeaser .SlideshowPagerDiv {
    position:relative;
    float: right;
    top: 275px;
    font-size: 12px;
    line-height: 14px;
    height: 45px;
    margin-bottom: -45px;
    z-index: 500;
    text-align: right;
}
.LargeLightboxTeaser .SlideshowPagerDiv  {
    top: 337px;
}
.SlideshowImageDescription,
.LargeLightboxTeaser .SlideshowImageDescription  {
    width: 360px;
    padding-top:8px;
    font-size: 11px;
    overflow:hidden;
	padding-bottom:10px;
}
.LargeLightboxTeaser .btnB,
.SlideshowContainer .btnB {
    vertical-align: top;
}
.LargeLightboxTeaser .btnF,
.SlideshowContainer .btnF {
    vertical-align: top;
    padding-left: 4px;
}
.LargeLightboxTeaser .SlideshowPagerDiv .TeaserLightboxLink  {
    margin-top: 6px;
}
.LargeLightboxTeaser .SlideshowImageContainer   {
    width: 522px;
    height: 330px;
    background-color: Black;
    border-collapse: collapse;
    display: table;
    float:left;
}
.LargeLightboxTeaser .SlideshowImageContainer .outer  {
    display: table-cell;
    vertical-align: middle;    
}
.LargeLightboxTeaser .SlideshowImageContainer span.ImageContainer   {
    display: block;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    line-height: 0px;
    width: 522px;
}
/*** Slideshow Styles Ends ***/
/*** Large (and XL) Story Teaser Styles Starts ***/
.LargeTopstoryTeaserContainer,
.LargeYoutubeTeaserContainer {
    padding-bottom: 20px;
    float: left;
    position: relative;
}
.LargeTopstoryTeaserContainer {
    height: 392px;
}
.LargeYoutubeTeaserContainer .YoutubeDiv{
    height: 268px;
}
.MediumYoutubeTeaserContainer .YoutubeDiv{
    height: 204px;
}
.LargeTopstoryTeaserContainer .LargeTopstoryTeaserContainerInner,
.LargeYoutubeTeaserContainer .LargeTopstoryTeaserContainerInner {
    float: left;
}
.LargeTopstoryTeaserContainer .SlideshowCard, .LargeTopstoryTeaserContainer .SlideshowCardFirst {
    width: 522px;
    height: 392px;
    opacity: 0.99;
    filter: alpha(opacity=99);
    -moz-opacity: 0.99;
}
.ExtraLargeStoryTeaserContainer{
	overflow:hidden;
}
.SlideshowCard {
    display: none;
}
.SilhouetteImage{
	float:right;
}
.LargeTopstoryTeaserContainer .SlideshowImage {
    width: 522px;
	height: 268px;
    float: left;
}
.ExtraLargeStoryTeaserContainer .SlideshowImage {
    width: 684px;
    height: 330px;
}
.LargeTopstoryTeaserContainer .imgDiv {
    float: left;
}
.StoryTeaserContainer .transparentDiv {
    float: left;
    height: 35px;
    width: 522px;
    background-repeat: repeat;
    position: relative;
    margin-top: -35px;
}
.ExtraLargeStoryTeaserContainer .transparentDiv {
    width: 684px;
}    
.StoryTeaserContainer .Lime .transparentDiv {
    background-image: url("/ClientUI/Images/slideshow/transparent_lime.png");
}
.StoryTeaserContainer .Steel .transparentDiv {
    background-image: url("/ClientUI/Images/slideshow/transparent_steel.png");
}
.StoryTeaserContainer .Purple .transparentDiv {
    background-image: url("/ClientUI/Images/slideshow/transparent_purple.png");
}
.StoryTeaserContainer .Blue .transparentDiv {
    background-image: url("/ClientUI/Images/slideshow/transparent_blue.png");
}
.StoryTeaserContainer .Orange .transparentDiv {
    background-image: url("/ClientUI/Images/slideshow/transparent_orange.png");
}
.StoryTeaserContainer .Sand .transparentDiv {
    background-image: url("/ClientUI/Images/slideshow/transparent_sand.png");
}
.StoryTeaserContainer .Black .transparentDiv,
.StoryTeaserContainer .Red .transparentDiv,
.StoryTeaserContainer .LightBlue .transparentDiv {
    background-image: url("/ClientUI/Images/slideshow/transparent_black.png");
}
.StoryTeaserContainer .miniRubrikDiv {
    float: left;
    margin-top: -35px;
    height: 35px;
    width: 522px;
    color: #ffffff;
    position: relative;
}
.LargeYoutubeTeaserContainer .miniRubrikDiv {
    float: left;
    height: 35px;
    width: 522px;
    color: #ffffff;
    position: relative;
}
.ExtraLargeStoryTeaserContainer .miniRubrikDiv {
    width: 684px;
}  
.StoryTeaserContainer .miniRubrikDiv .miniRubrik,
.LargeYoutubeTeaserContainer .miniRubrikDiv .miniRubrik {
    font-size: 11px;
    color: #ffffff;
    line-height: 35px;
    font-weight: normal;
    padding-left: 19px;
}
.StoryTeaserContainer .pagerDiv {
    visibility: hidden; /* for those that dont have js enabled */
	left:410px;
	position:absolute;
	top:243px;
}
.StoryTeaserContainer .pager {
    position: relative;
    z-index: 100;
    float: left;
    font-size: 11px;
    line-height: 17px;
    padding-left: 8px;
}
.StoryTeaserContainer p  {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}
.StoryTeaserContainer .pager a {
    font-size: 11px;
    line-height: 17px;
    color: #ffffff;
    padding-right: 8px;
    text-decoration: none;
    z-index: 100;
}
.StoryTeaserContainer .pager a.activeSlide {
    text-decoration: underline;
    z-index: 100;
}
.StoryTeaserContainer .btnBack {
    position: relative;
    z-index: 100;
    cursor: pointer;
    float: left;
}
.StoryTeaserContainer .btnForward {
    position: relative;
    z-index: 100;
    cursor: pointer;
    float: left;
}
.StoryTeaserContainer .textDiv {
    color: #ffffff;
}
.LargeTopstoryTeaserContainer .textDiv,
.LargeYoutubeTeaserContainer .textDiv {
    font-family: Arial;
    width: 522px;
    float: left;
}
.LargeTopstoryTeaserContainer .textDiv {
    height: 124px;    
}
.StoryTeaserContainer .Lime .textDiv,
.LargeYoutubeTeaserContainer .Lime .textDiv {
    background-color: #9AB228;
}
.StoryTeaserContainer .Steel .textDiv,
.LargeYoutubeTeaserContainer .Steel .textDiv {
    background-color: #58646C;
}
.StoryTeaserContainer .Purple .textDiv,
.LargeYoutubeTeaserContainer .Purple .textDiv {
    background-color: #A44C8A;
}
.StoryTeaserContainer .Blue .textDiv,
.LargeYoutubeTeaserContainer .Blue .textDiv {
    background-color: #009DB5;
}
.StoryTeaserContainer .Orange .textDiv,
.LargeYoutubeTeaserContainer .Orange .textDiv {
    background-color: #E0821B;
}
.StoryTeaserContainer .Sand .textDiv,
.LargeYoutubeTeaserContainer .Sand .textDiv {
    background-color: #AAA468;
}
.StoryTeaserContainer .Black .textDiv,
.LargeYoutubeTeaserContainer .Black .textDiv {
    background-color: #000;
}
.StoryTeaserContainer .Red .textDiv,
.LargeYoutubeTeaserContainer .Red .textDiv,
.StoryTeaserContainer .LightBlue .textDiv,
.LargeYoutubeTeaserContainer .LightBlue .textDiv {
    background-color: #000; /* Some colors not allowed, sets it to black */
}
.LargeTopstoryTeaserContainer .textDiv h1,
.LargeTopstoryTeaserContainer .textDiv h2,
.LargeYoutubeTeaserContainer .textDiv h1 {
    font-size: 22px;
    color: #ffffff;
    font-weight: normal;
}
.LargeTopstoryTeaserContainer .textDiv h1,
.LargeTopstoryTeaserContainer .textDiv h2 {
    height: 25px;
    overflow: hidden;    
}
.StoryTeaserContainer .textDiv .inner {
    padding: 13px 19px 0px 19px;
}
.LargeYoutubeTeaserContainer .textDiv .inner {
    padding: 13px 19px 14px 19px;
    float:left;
}
.ExtraLargeStoryTeaserContainer .textDiv .inner {
    padding: 13px 19px 13px 19px;    
}
.StoryTeaserContainer .textDiv .paraDivOuter,
.LargeYoutubeTeaserContainer .textDiv .paraDivOuter {
    padding-top: 3px;
    padding-bottom: 5px;
}
.LargeTopstoryTeaserContainer .textDiv .paraDiv,
.LargeYoutubeTeaserContainer .textDiv .paraDiv {
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
}
.LargeTopstoryTeaserContainer .textDiv .paraDiv  {
    overflow: hidden;
    height: 44px;    
}
.ExtraLargeStoryTeaserContainer .textDiv .paraDiv {
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    overflow: hidden;
}
.LargeTopstoryTeaserContainer .linkContainer, 
.LargeYoutubeTeaserContainer .linkContainer  {
    font-size: 12px;
    line-height: 18px;
    display:block;
    padding-top: 2px;
}
.LargeTopstoryTeaserContainer .linkContainer {
    height: 20px;
    overflow: hidden;    
} 
.LargeTopstoryTeaserContainer .textDiv a,
.LargeYoutubeTeaserContainer .textDiv a {
    color: #ffffff;
    text-decoration: none;
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left 2px;
    font-size: 12px;
    line-height: 18px;
    float:left;
}
.ExtraLargeStoryTeaserContainer .linkContainer {
	margin: 5px 0px 0px 0px;
	font-size: 12px;
}
.ExtraLargeStoryTeaserContainer .linkContainer a {
	color:white;
	background:url(../Images/omvarlden/arrow.black.on.white.png) no-repeat left;
	padding:3px 0 3px 25px;
	text-decoration: none;
}
.ExtraLargeStoryTeaserContainer .linkContainer a:hover {
    text-decoration: underline;    
}
.ExtraLargeStoryTeaserContainer .ImageContainer img {
	vertical-align:bottom;
}

.StoryTeaserContainer .textDiv a:hover, 
.LargeYoutubeTeaserContainer .textDiv a:hover  {
    text-decoration: underline;
}
.StoryTeaserContainer .Lime a,
.LargeYoutubeTeaserContainer .Lime a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_lime.gif');
}
.StoryTeaserContainer .Steel a,
.LargeYoutubeTeaserContainer .Steel a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_steel.gif');
}
.StoryTeaserContainer .Purple a,
.LargeYoutubeTeaserContainer .Purple a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_purple.gif');
}
.StoryTeaserContainer .Blue a,
.LargeYoutubeTeaserContainer .Blue a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_blue.gif');
}
.StoryTeaserContainer .Orange a,
.LargeYoutubeTeaserContainer .Orange a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_orange.gif');
}
.StoryTeaserContainer .Sand a,
.LargeYoutubeTeaserContainer .Sand a {
    background-image: url('/ClientUI/Images/teasers/arrow_right_sand.gif');
}
/*** Large Story Teaser Styles Ends ***/
/*** Embed Teaser Styles Starts ***/
.EmbedTeaserContainer {
	clear: both;
	width: 100%;
}
/*** Embed Teaser Styles Ends ***/
/*** Large Press Image Listing Teaser Styles Starts ***/
.LargePressImageListingTeaserContainer h2 {
	font-size:26px;
	font-weight:bold;
	padding-bottom:7px;
}
.LargePressImageListingTeaserContainer a {
	font-size: 12px;
	color:#009DB5;
	text-decoration: none;	
}
.LargePressImageListingTeaserContainer a:hover {
	text-decoration: underline;	
}
.LargePressImageListingTeaserContainer p {
	font-size: 12px;
	padding-bottom: 13px;
	padding-bottom: 5px;
}
.LargePressImageListingTeaserContainer .LoginForm  {
	background-color:#EFEFEF;
    font-size:12px;
    padding:14px 11px;
    margin-top: 0px;
}
.LargePressImageListingTeaserContainer input  {
   margin-left: 5px; 
}
.LargePressImageListingTeaserContainer .SubmitButton  {
    margin-left: 15px;
}
.LargePressImageListingTeaserContainer .LoginFormHeading  {
    font-weight: bold;
}
.LargePressImageListingTeaserContainer .LoginErrorContainer  {
    color:#999999;
    padding-top: 6px;
}
/*** Large Press Image Listing Teaser Styles Ends ***/
/*** Large Image Search Teaser Styles Starts ***/
.LargeImageSearchTeaserContainer h2 {
	font-size:26px;
	font-weight:bold;
	padding-bottom:7px;
}
.LargeImageSearchTeaserContainer a {
	font-size: 12px;
	color:#009DB5;
	text-decoration:underline;
}
.LargeImageSearchTeaserContainer p {
	font-size: 12px;
	padding-bottom: 13px;
}
.LargeImageSearchTeaserContainer #SearchArea {
	background-color:#EFEFEF;
	font-size:12px;
	padding:14px 11px;	
}
.LargeImageSearchTeaserContainer #ResultArea  {
    float: left; 
    margin-top: 7px;
    width: 522px;
}
.LargeImageSearchTeaserContainer #SearchArea .SearchTextBox {
	width:320px;
}
.LargeImageSearchTeaserContainer .SearchLabel {
	font-size: 12px;
	display: none;
}
.LargeImageSearchTeaserContainer .SearchHeading  {
    font-weight: bold;
    padding-bottom: 5px;
}
.LargeImageSearchTeaserContainer #AdvancedArea {
    color:#999999;
    padding-top: 5px;
}
.LargeImageSearchTeaserContainer .SearchButton  {
    margin-left: 8px;
}
/*** Large Image Search Teaser Styles Ends ***/
/*** Image Listing Styles Starts ***/
.ImageListing {
	margin-top: 13px;
}
.ImageListing a.download {
	background-image: url('/ClientUI/Images/icons/download_gray.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}
.ImageListing .left {
	float: left;
	width: 252px;
	text-align: center;
	vertical-align: middle;
	height: 167px;
	background-color: #EFEFEF;
}
.ImageListing .right {
	float: right;
	width: 250px;
	clear: right;
}
.ImageListing .clear {
	float: none;
	clear: both;
	height: 20px;
}
.ImageListing .left img {
	font-size: 12px;
}
.ImageListing .full {
	width: 100%;
	float: none;
	clear: both;
}
.ImageListing ul {
	list-style-type: none;
}
.ImageListing ul li {
	vertical-align: middle;
	padding-bottom: 5px;
}
.ImageListing .ImageInfoTable {
	width: 100%;
}
.ImageListing .ImageInfoTable,
.ImageListing .ImageInfoTable tr,
.ImageListing .ImageInfoTable th,
.ImageListing .ImageInfoTable td {
	border-collapse: collapse;
}
.ImageListing .ImageInfoTable td, 
.ImageListing .ImageInfoTable th {
	font-size: 12px;
	padding-bottom: 13px;
	padding-bottom: 5px;
}
.ImageListing .ImageInfoTable a {
	font-size: 12px;
	text-decoration: none;
}
.ImageListing .ImageInfoTable a:hover {
	text-decoration: underline;
}
.ImageListing .ImageInfoTable th,
.ImageListing .ImageInfoTable td {
	vertical-align: middle;
	padding-top: 4px;
	padding:5px 10px;
}
.ImageListing .ImageInfoTable th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.ImageListing .ImageInfoTable tr.even {
	background-color: #EFEFEF;
}
.ImageListing .ImageContainer  {
    display: block;
    font-size: 0px;
}
/*** Image Listing Styles Ends ***/
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
img .floatRight {
	margin:0 0 0 2em;
}
img .floatLeft {
	margin:0 2em 0 0;
}
/* <-- Google Map Teaser  */
.googleMap /* has inline styling */ {
    width: 522px; 
    height: 268px; 
}
.googleMapContainer  { 
    float:left;
}
.googleMapPopup {
	color: #FFFFFF; 
	/*background-color: #A44C8A;*/
	font-size: 12px;
	padding: 4px 12px 4px 5px;
}
.SandLeft .googleMapPopup {
	color: #FFFFFF; 
	/*background-color: #A44C8A;*/
	font-size: 12px;
	padding: 4px 20px 4px 0px;
}
.googleMapPopup img {
	float:left;
	margin:0 6px 0 0;
	width:60px;
	height:60px;
}
.googleMapPopup .closeMe img {
	float:none;
	margin:0;
	width:auto;
	height:auto;
}
.googleMapPopup p {
	white-space: nowrap;
}
.googleMapPopup *  {
	color: #FFFFFF; 
}
.googleMapContainer .Lime {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.lime.png);
}
.googleMapContainer .LimeLeft {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.lime.left.png);
}
.googleMapContainer .Steel {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.steel.png);
}
.googleMapContainer .SteelLeft {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.steel.left.png);
}
.googleMapContainer .Purple {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.purple.png);
}
.googleMapContainer .PurpleLeft {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.purple.left.png);
}
.googleMapContainer .Blue {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.blue.png);
}
.googleMapContainer .BlueLeft {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.blue.left.png);
}
.googleMapContainer .Orange {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.orange.png);
}
.googleMapContainer .OrangeLeft {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.orange.left.png);
}
.googleMapContainer .Sand {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.sand.png);
}
.googleMapContainer .SandLeft {
	background-color:transparent;
	background-image:url(/ClientUI/Images/maps/bg.infobox.sand.left.png);
}
.googleMapContainer .upLeft {
	background-position:top left;
}
.googleMapContainer .downRight {
	background-position:bottom right;
	position:relative;
	top:10px;
	left:14px;
}
.googleMapContainer .upRight {
	background-position:top right;
	position:relative;
	top:-10px;
	left:0;
}
.googleMapContainer .downLeft {
	background-position:bottom left;
	position:relative;
	top:10px;
	left:-14px;
	padding:0 5px 0 7px;
}
.googleMapContainer .googleMapPopup  {
	background-position:center;
	position:relative;
	top:-5px;
	left:5px;
}
.googleMapContainer .closeMe  {
	position:absolute;
	top:0;
	right:-8px;
}
.googleMapContainer .LimeLeft .googleMapPopup,
.googleMapContainer .SteelLeft .googleMapPopup,
.googleMapContainer .PurpleLeft .googleMapPopup,
.googleMapContainer .BlueLeft .googleMapPopup,
.googleMapContainer .OrangeLeft .googleMapPopup,
.googleMapContainer .SandLeft .googleMapPopup  {
	left:-3px;
}
.RightExtraMediumColumn{
	width:414px;
	float:right;
	margin:0 0 20px auto;
}
.RightExtraMediumColumn .EmbedTeaserContainer {
	width:414px !important;
}
#insertOVwidget{
	width:414px;
	clear:right;
	float:right;
	overflow:hidden;
}
#TeaserTestPageContainer .TeaserContainer  {
    float:left;
    clear: both;
}

div.DivStartpageLook h3.ArticleHyperLink a.FeedTeaserStartpageContainer  {
	background-image:url('/ClientUI/Images/teasers/arrow_right_blue_on_white.gif');
	background-position:left 3px;
	background-repeat:no-repeat;
	color:#009DB5;
	display:inline;
	font-size:12px;
	line-height:16px;
	padding-left:11px;
	text-decoration:none;
	font-weight:normal;
}