/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

/* ----- Standard styles ----- */

* { margin: 0; padding: 0; }
BODY,HTML { height: 100%; }
BODY { width: 100%; margin: 0; background: #ffffff url("Skins/Medeon/images_ny/medeonbg.png") left top repeat-x; font-size: 11px; line-height: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: left; }
.row { position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: left; }
.row .row { display: inline-block; width: auto; margin: 0;}
.column { display: inline; float: left; min-height: 10px; margin: 0 10px; overflow: hidden;}

a, a:link, a:active, a:visited { color: #abca37; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:hover { color: #abca37; text-decoration: underline; }
H1, H2, H3, H4 { font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #ABCA37; line-height: 18px; margin: 10px 0 15px 0; }
H1 { font-size: 18px; margin: 0 0 15px 0; }
H2 { font-size: 16px; }
H3 { font-size: 14px; }
H4 { font-size: 12px; }

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0 15px;
}

HR { width: 100%; height: 1px; margin: 0; border: 0; border-top: 1px dashed #ccc; }
IMG { border: none; }

/* ----- Special styles ----- */

.UnderRubrik, .Underrubrik .inka_header1, .brodtext, .Brodtext, .brodtextfet, .Brodtextfet, .BrodtextVit, .BrodtextFetVit, .ingress, .Ingress , .BildIngress {
	font-family: Verdana, Arial;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 11px;
	color: #5B5B5D;	}

.UnderRubrik, .Underrubrik { font-size: 13px; color: #ABCA37; font-weight: bold; }
.brodtext, .Brodtext { font-size: 11px; color: #333333; font-weight: normal; }
.brodtextfet, .Brodtextfet, .BrodtextFet { font-size: 11px; font-weight: bold; color: #333333; }
.ingress, .Ingress { font-size: 12px; font-weight: normal; line-height: 13px; margin: 10px 0 0; display: block; }
.no-margins { margin: 0; }
.inka_header1 { font-size: 12px; font-weight: bold; }
.BrodtextVit { font-weight: normal; color: #ffffff; }
.BrodtextFetVit { font-weight: bold; color: #ffffff; }
.BildIngress { font-size: 9px; font-style: italic; font-weight: normal; }

.Ingress img { padding: 0 10px 10px 0; }

/* ----- List styles ----- */

OL LI { margin: 9px 0 9px 22px; }
UL LI { margin: 9px 0 9px 16px; list-style-type: disc; }
OL OL LI, UL OL LI { list-style-type: lower-alpha; }
OL UL LI, UL UL LI { list-style-type: circle; }

ul.ControlPanelMenu li, ul.ControlPanelMenu ul, .rmItem { margin: 0; }

/* ----- Header styles ----- */

#header .top, #main .top, #main .middle, #main .bottom { background-color: #ffffff; padding: 0 10px; }
#header { min-height: 125px; z-index: 1000; position: relative;}
	#header .shadowbg { width: 991px; background: url("Skins/Medeon/images_ny/shadowbg.png") left top no-repeat; padding: 0 0 0 11px; min-height: 125px; overflow: visible; }
	#header .top { width: 960px; min-height: 125px; background: #ffffff url("Skins/Medeon/images_ny/header_seperator.png") left 100px repeat-x; overflow: visible; }
		#header .top #logotype img { position: absolute; bottom: 50px; left: 20px; }
		#header .top #logotype .byline { position: absolute; bottom: 15px; left: 20px; font-size: 14px; color: #838A8A; }
		#header .top .change_lang { position: absolute; top: 15px; right: 20px; }
			
/* ----- Maincontent styles ----- */

#main { min-height: 620px; width: 100%; margin: 0px; position: relative; text-align: center; z-index: 100; }
	.home #startimage { text-align: left; width: 940px; }
	.home .slidertextlayer { position: absolute; background: url("Skins/Medeon/images_ny/trans-bg-green.png") left top repeat; color: #ffffff; right: 20px; top: 40px; padding: 10px; width: 300px; }
		.home .slidertext { font-size: 24px; font-weight: bold; line-height: 26px; margin: 0; }
	.home .middle, .subpage .middle { margin-top: 20px; margin-bottom: 20px; }
		.home .puffs, .subpage .puffs { width: 220px; }
	#main .start_seperator { background: url("Skins/Medeon/images_ny/avdelare.png") left top repeat-x; height: 2px; width: 940px; }
	#main .bottom { padding: 20px; }
		.home .bigpuffs { width: 300px; }
		.home .bigpuffs .header { background: url("Skins/Medeon/images_ny/puffbg.png") left top repeat-x; width: 300px; padding: 6px 5px 7px; }
		.home .bigpuffs h2 { font-weight: normal; padding: 1px 0 2px 25px; color: #929999; margin: 0; }
		.home .bigpuffs h2.globe { background: url("Skins/Medeon/images_ny/globe.png") left top no-repeat; }
		.home .bigpuffs h2.hand { background: url("Skins/Medeon/images_ny/hand.png") left top no-repeat; }
		.home .bigpuffs h2.book { background: url("Skins/Medeon/images_ny/book.png") left top no-repeat; padding: 0 0 2px 28px; }
		.home .bigpuffs .firstpage_news { border-bottom: 1px solid #CCCCCC; margin: 10px; padding-bottom: 10px; width: 280px; }
		.home .bigpuffs .newslist_firstpage { margin: 10px; }
		.home .bigpuffs .date, .home .bigpuffs .news_link, .home .bigpuffs .news_text { font-family: Verdana, Arial; font-size: 11px; margin: 10px 0 0; }
		.home .bigpuffs .news_link, .home .bigpuffs .news_text { font-family: Verdana, Arial; font-weight: bold; line-height: 17px; margin: 0; display: block; }
		.home .bigpuffs .newslist_firstpage .spec { font-size: 16px; font-weight: normal; margin-bottom: 10px; }
		.home .bigpuffs .news_text { font-weight: normal; }
		.home .bigpuffs .news_text img { padding: 0 10px 10px 0; }
	.subpage #leftcolumn { width: 210px; }
		.subpage .header_subpage { width: 460px; font-size: 13px; padding-bottom: 15px; border-bottom: 2px solid #cccccc; text-transform: uppercase; }
		.subpage #leftcolumn #dnn_NAV2_header { font-size: 18px; font-weight: normal; text-transform: none; color: #ABCA37; line-height: 19px; }
		.subpage #leftcolumn #dnn_NAV2_MenuHeader { padding-bottom: 18px; border-bottom: 2px solid #cccccc; }
	.subpage #contentcolumn { width: 460px; margin: 0 20px; }
		.subpage #contentcolumn .Normal img { padding: 0 15px 15px 0; }
		.subpage .news_header { color: #ABCA37; font-family: Verdana, Arial; font-size: 13px; }
		.subpage .news_seperator { border-bottom: 1px solid #cccccc; padding: 10px 0; }
		.medeontv #contentcolumn { width: 920px; }
		.twocols #contentcolumn { width: 720px; margin: 0; }
	.subpage #rightcolumn { width: 210px; }
		.subpage #rightcolumn .image_padding { padding: 20px 0; }

/* ----- Footer styles ----- */

#footer .top { background: url("Skins/Medeon/images_ny/footerbg.png") left top repeat-x; height: 260px; width: 940px; }
	#footer .top .footerpuff { background: url("Skins/Medeon/images_ny/footerlines.png") right top no-repeat; width: 220px; height: 240px; padding: 20px 10px 0 0; margin: 0 10px 0 0; }
		#footer .footerpuff .medeoninfo, #footer .footerpuff h3 { color: #999999; font-size: 11px; font-family: Verdana, Arial; margin: 0 0 5px;}
		#footer .footerpuff .medeoninfo li { list-style-type: none; padding: 2px 0; margin: 0; }
		#footer .footerpuff h3 { text-transform: uppercase; }
		#footer .footerpuff h3.extrapadding { padding-top: 15px; }
	#footer .top #firstfooterpuff { margin-left: 10px; width: 210px; }
	#footer .top #loginpuff { background: none; width: 210px; margin: 0; }
		#footer .top #loginpuff a.login { color: #999999; float: right; font-weight: normal; margin-top: 20px; }

/* ----- Menu styles ----- */

ul.mainmenu_medeon { position: absolute; bottom: 17px; right: 20px; }
ul.mainmenu_medeon li { background: url("Skins/Medeon/images_ny/menu_seperator.png") left top no-repeat; margin: 0; padding: 32px 10px 13px 10px; float: left; display: inline-block; list-style-type: none; }
	ul.mainmenu_medeon .inkamenutext a.level1 { background: none; padding: 0; color: #999999; }
	ul.mainmenu_medeon ul { position: absolute; display: none; z-index: 100000; margin-top: -4px;background-color: #ffffff; }
	ul.mainmenu_medeon ul ul { margin: 0px 0px 0px -1px; }
	ul.mainmenu_medeon ul li
	{
		display: block;
		float: none;
		clear: both;
		background: none;
		background-color: #ffffff;
		border: solid 1px #cccccc;
		border-bottom: none;
		padding: 10px 30px 10px 10px;
		width: 160px\9;
	}
	ul.mainmenu_medeon ul li.level3 { width: 100px; }
	ul.mainmenu_medeon ul li.first .inkamenutext a, ul.mainmenu_medeon ul li div.inkamenutext a {
		background: none;
		text-align: left;
		color: #666666;
	}
	ul.mainmenu_medeon ul li.last { background: none; background-color: #ffffff; border: solid 1px #cccccc; }
	ul.mainmenu_medeon ul li.last a { color: #666666; }
	ul.mainmenu_medeon ul li.jdm_hover, ul.submenu_medeon li:hover { background-color: #edf0ee; }
	
ul.submenu_medeon li { margin: 0; padding: 10px 0; list-style-type: 0; border-bottom: 1px solid #cccccc; }
	ul.submenu_medeon .inkamenutext a.level1 { color: #666666; padding-left: 10px; }
	ul.submenu_medeon ul li { padding: 15px 0 0	; list-style-type: 0; border-bottom: none; }
	ul.submenu_medeon .inkamenutext a.level2 { color: #666666; padding-left: 25px; }

/* ----- Tidigare portal styles ----- */

BLOCKQUOTE, PRE {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666; }

.LoginContainer { }
	.IngressAreal {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000; }
	.HeaderAreal, .UnderRubrikAreal {
	font-family: Verdana, Arial;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5B5B5D; }
	.UnderRubrikAreal { font-size: 14px; }

.is_text { font-family: Verdana, Arial; font-size: 10px; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #82a515; }
.beskrivning { font-size: 11px; line-height: 16px; color: #666; font-style: italic; }
.inka_textgrey2 { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }