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


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
 { 
   width:100%;
   margin:0; 
   padding:0;
   background:#ffffff;     
   
}

.ControlPanel {    
    width:100%;
    height:34px;
}

#fckbody {
	background:#ffffff;	
	background-image:none;
	text-align:left;
}
#__dnn_body{background:#ffffff;}


#Table2, .FCKImageGalleryHeaderContainer, .FCKImageGalleryPathContainer 
{   
   background:#ffffff;
   width:100%;
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {font-family:Arial; font-size:12px; color:#000000; font-weight:normal;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head {
}

/* style of item titles on edit and admin pages */
.SubHead { 
color:#515054;
font-family:Arial;
font-size:12px;
font-weight:normal;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { 
}

/* text style used for most text rendered by modules */
.Normal {
font-family:Arial; 
color:#464548;
font-size: 12px;
font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { 
color: #474751;
font-family: Arial;
font-size: 12px;
font-weight: normal;
 }
 
select.NormalTextBox { 
color: #474751;
font-family: Arial;
font-size: 12px;
font-weight: normal;
border:solid 1px #c6c7c8;
background:#ebecec;
}
input.NormalTextBox { 
color: #474751;
font-family: Arial;
font-size: 12px;
font-weight: normal;
border:solid 1px #c6c7c8;
background:#ebecec;
} 
input.checkbox { 
color: #474751;
font-family: Arial;
font-size: 12px;
font-weight: normal;
border:solid 1px #c6c7c8;
background:#ebecec;
}

.NormalRed
{
}

.NormalBold
{ 
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link { }
A.CommandButton:visited { }
A.CommandButton:hover { }
A.CommandButton:active { }



/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link { color:#000000; }
A:visited { color:#000000; }
A:hover { color:#000000; }
A:active { color:#000000; }

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}
/*========================================================*/
/*     Aktivitetskalender                                 */
/*========================================================*/

/* List */
.ReactEventListEvent { color:#ffffff; background:transparent; font-size:12px; font-weight:normal; font-family:Arial,Helvetica; padding-bottom:5px; padding-top:5px; width:700px; border-bottom:#c6c7c8; 0px dashed; }
.ReactEventListEventDateTime { font-family:Arial,Helvetica; font-size:10px; color:#b2d7fe; text-decoration:none; padding-top:0px; padding-bottom:0px; }
.ReactEventListEventDateTimeLink, .ReactEventListEventDateTimeLink:link { font-family:Arial,Helvetica; font-size:10px; color:#b2d7fe; text-decoration:none; } 
.ReactEventListEventDateTimeLink:visited { font-family:Arial,Helvetica; color:#b2d7fe; text-decoration:none; font-size:10px; }    
.ReactEventListEventDateTimeLink:hover, a.ReactEventListEventDateTimeLink:hover { font-family:Arial,Helvetica; font-size:10px; color:#b2d7fe; text-decoration:underline; }
.ReactEventListEventTitle { font-family:Arial,Helvetica; font-size:13px; color:#ffffff; padding-bottom:2px; }
.ReactEventListEventTitleLink a:link, .ReactEventListEventTitleLink:link, a.ReactEventListEventTitleLink:link { font-family:Arial,Helvetica; font-size:13px; font-weight:normal; color:#ffffff; padding-bottom:2px; }
.ReactEventListEventTitleLink a:visited, .ReactEventListEventTitleLink:visited, a.ReactEventListEventTitleLink:visited { font-family:Arial,Helvetica; font-size:13px; font-weight:normal; color:#ffffff; padding-bottom:2px; }
.ReactEventListEventTitleLink a:hover, .ReactEventListEventTitleLink:hover, a.ReactEventListEventTitleLink:hover { font-family:Arial,Helvetica; font-size:13px; font-weight:normal; color:#ffffff; padding-bottom:2px; text-decoration:underline;  }
.ReactEventListMore { padding-top:10px; font-size:12px; text-align:right; }
.ReactEventListMoreLink a:link, .ReactEventListMoreLink:link, a.ReactEventListMoreLink:link { font-size:13px; font-weight:normal; font-family:Arial,Helvetica; color:#ffffff; text-decoration:none; }    
.ReactEventListMoreLink a:visited, .ReactEventListMoreLink:visited, a.ReactEventListMoreLink:visited { color:#ffffff; text-decoration:none; }
.ReactEventListMoreLink a:hover, .ReactEventListMoreLink:hover, a.ReactEventListMoreLink:hover { color:#ffffff; text-decoration:underline; }
    
/* Event Details */
.ReactEventDetailsMenu { width:730px; height:30px; text-align:right; background:url(Skins/OCC/images/bg_aktkalender.gif) no-repeat top right; padding-top:8px;} 
    html>body .ReactEventDetailsMenu { width:709px; }
.ReactEventDetailsMenuLink a:link, .ReactEventDetailsMenuLink:link, a.ReactEventDetailsMenuLink:link { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color: #7693b1; text-decoration: none; padding-top:12px; margin-right:23px; }
.ReactEventDetailsMenuLink a:visited, .ReactEventDetailsMenuLink:visited, a.ReactEventDetailsMenuLink:visited { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:#7693b1; text-decoration:none; }
.ReactEventDetailsMenuLink a:hover, .ReactEventDetailsMenuLink:hover, a.ReactEventDetailsMenuLink:hover { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:#7693b1; text-decoration:underline;}

.ReactEventDetailsEventDetails{ width:730px; }
    html>body .ReactEventDetailsEventDetails { width:709px; }

.ReactEventDetailsEventTitle { font-family:Arial,Helvetica; font-size:20px; font-weight:bold; color:#515054; }
.ReactEventDetailsEventDateTime { font-family:Arial,Helvetica; font-size:10px; font-weight:normal; padding-top:5px; color:#7693b1; }
.ReactEventDetailsEventImage {padding-top:10px; padding-bottom:0px; }
.ReactEventDetailsEventSummary { font-family:Arial,Helvetica; font-size:12px; font-weight:normal; padding-top:0px; color:#000000; }
.ReactEventDetailsEventText { font-family:Arial,Helvetica; font-size:12px; font-weight:normal; color:#000000; }
.ReactEventDetailsRelatedLinks { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:#000000; }

.ReactEventDetailsLink a:link, .ReactEventDetailsLink:link, a.ReactEventDetailsLink:link { font-family:Arial,Helvetica; font-size:12px; font-weight:normal; color:#7693b1; }
.ReactEventDetailsLink a:visited, .ReactEventDetailsLink:visited, a.ReactEventDetailsLink:visited { font-family:Arial,Helvetica; font-size:12px; font-weight:normal; color:#7693b1; }
.ReactEventDetailsLink a:hover, .ReactEventDetailsLink:hover, a.ReactEventDetailsLink:hover { font-family:Arial,Helvetica; font-size:12px; font-weight:normal; color:#7693b1; text-decoration:none; }

.ReactEventDetailsListItem { font-family:Arial,Helvetica; font-size:12px; font-weight:normal; list-style:square outer; color:#3f8c9c; }

/* Event calendar */
.ReactEventCalendarEventCalendar { padding:0px; margin-top:-1px; margin-bottom:0px; margin-left:-1px; width:730px; }
    html>body .ReactEventCalendarEventCalendar { width:709px; }

.ReactEventCalendarEventCalendarMenu { padding:0px; margin-top:-1px; margin-bottom:0px; width:730px; }
    html>body .ReactEventCalendarEventCalendarMenu { width:709px; }

.ReactEventCalendarMonthLink { font-size:14px; font-weight:bold; font-family:Arial,Helvetica;}
.ReactEventCalendarCategory,.ReactEventCalendarCategory:link,.ReactEventCalendarCategory:active,.ReactEventCalendarCategory:visited,.ReactEventCalendarCategory:hover { font-size:10px; font-weight:bold; font-family:Arial,Helvetica; color:#7693b1; text-decoration:none; }

.ReactEventCalendarMonthLink:link { font-family:Arial,Helvetica; font-size:12px; color:#7693b1; text-decoration:none; }
.ReactEventCalendarMonthLink:visited { font-family:Arial,Helvetica; font-size:12px; color:#7693b1; text-decoration:none; }
.ReactEventCalendarMonthLink:hover, a.ReactEventCalendarMonthLink:hover { font-family:Arial,Helvetica; font-size:12px; color:#7693b1; text-decoration:none; }
.ReactEventCalendarMonth { text-align:center; padding-bottom:5px; }
.ReactEventCalendarActiveMonth { background:#ebecec; padding-bottom:5px; }
.ReactEventCalendarListPane {  }
    
/*Listelement*/
.ReactEventCalendarEvent { margin-left:1px; color:#000000; background:#ebecec; font-size:12px; font-weight:normal; font-family:Arial,Helvetica; padding:10px; width:730px; margin-bottom:0px; }
    html>body .ReactEventCalendarEvent { width:709px; }
.ReactEventCalendarEventDateTime { font-family:Arial,Helvetica; font-size:12px; padding-top:0px; padding-bottom:5px; font-weight:normal; }
    
.ReactEventCalendarEventTitleLink { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:#7693b1; text-decoration:none; }
.ReactEventCalendarEventTitleLink a:link, .ReactEventCalendarEventTitleLink:link, a.ReactEventCalendarEventTitleLink:link { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:#7693b1; text-decoration:none; }
.ReactEventCalendarEventTitleLink a:visited, .ReactEventCalendarEventTitleLink:visited, a.ReactEventCalendarEventTitleLink:visited { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:#7693b1; text-decoration:none; }
.ReactEventCalendarEventTitleLink a:hover, .ReactEventCalendarEventTitleLink:hover, a.ReactEventCalendarEventTitleLink:hover { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; color:#7693b1; text-decoration:underline; }
    
.ReactEventCalendarEventTitle { font-family:Arial,Helvetica; font-size:12px; color:#7693b1; text-decoration:none; padding-bottom:2px; }
.ReactEventCalendarEventSummary  { font-family:Arial,Helvetica; font-size:12px; font-weight:normal; padding-top:5px; height:0px; /*background: #edf3e3;*/}
.ReactEventCalendarMore { padding-top:15px; }
.ReactEventCalendarMoreLink { font-size:12px; font-weight:normal; font-family:Arial,Helvetica; }
.ReactEventCalendarMoreLink a:link, .ReactEventCalendarMoreLink:link, a.ReactEventCalendarMoreLink:link { font-family:Arial,Helvetica; font-size:12px; color:#7693b1; text-decoration:none; }
.ReactEventCalendarMoreLink a:visited, .ReactEventCalendarMoreLink:visited, a.ReactEventCalendarMoreLink:visited { font-family:Arial,Helvetica; font-size:12px; color:#7693b1; text-decoration:none; }
.ReactEventCalendarMoreLink a:hover, .ReactEventCalendarMoreLink:hover, a.ReactEventCalendarMoreLink:hover { font-family:Arial,Helvetica; font-size:12px; color:#7693b1; text-decoration:underline; }
.ReactEventsGridText { font-family:Arial,Helvetica; font-size:12px; color:#000000; }
    
    
.React_EventsEventCalendarEventCell { background-color:#eeeeee;}
.React_EventsEventCalendarContainer { box-sizing:border-box; -moz-box-sizing:border-box;width:560px; height:785px;}
.React_EventsEventDetailsContainerToCalendar { font-family:Arial,Helvetica; font-size:12px; font-weight:bold;	text-decoration:none;}
.React_EventsEventDetailsContainerToCalendar:link, a.React_EventsEventDetailsContainerToCalendar:link, .React_EventsEventDetailsContainerToCalendar a:link { font-family: Arial; font-size:12px; color:#0066cc;	font-weight:bold; text-decoration:none; }
.React_EventsEventDetailsContainerToCalendar:visited, a.React_EventsEventDetailsContainerToCalendar:visited, .React_EventsEventDetailsContainerToCalendar a:visited { font-family:Arial,Helvetica; font-size:12px; color:#0066cc;	font-weight:bold; text-decoration: none; }
a.React_EventsEventDetailsContainerToCalendar:hover, .React_EventsEventDetailsContainerToCalendar a:hover { font-family:Arial,Helvetica;	font-size:12px;	color:#0066cc; font-weight: bold; text-decoration:underline; }
.React_EventsEventCalendarDateElement{ box-sizing:border-box; -moz-box-sizing: border-box;width:200px; float:left;}
.React_EventsEventCalendarAreaElement{ box-sizing:border-box; -moz-box-sizing: border-box;width:200px; float:left;}
.React_EventsEventCalendarNextPrev{ color:#005abb;}
.React_EventsEventCalendarDayHeader{ color:#005abb;}
.React_EventsEventCalendarTitleStyle{ color:#005abb; background-color:#eeeeee; font-weight:bold;}
.React_EventsEventCalendarSelectedDay { color:#005abb; background-color:#eeeeee; }
.React_EventsEventCalendarAreaElement {}
.React_EventsEventCalendarLocationElement { box-sizing:border-box; -moz-box-sizing:border-box; width:150px; float:left;}
.React_EventsEventCalendarPreviousToDayNext{ box-sizing:border-box; -moz-box-sizing:border-box; width:560px; height:500px; padding-top:5px;}
.React_EventsEventCalendarPrevious { box-sizing:border-box; -moz-box-sizing:border-box; width:186px; float:left;}
.React_EventsEventCalendarToDay { box-sizing:border-box; -moz-box-sizing:border-box; width:186px; float:left; text-align:center}
.React_EventsEventCalendarNext { box-sizing: border-box; -moz-box-sizing:border-box; width:186px; float:left; text-align:right;}
.React_EventsEventCalendarSeparatorBorder{ box-sizing:border-box; -moz-box-sizing:border-box; clear:both; height:590px; width:560px; border:#e0dfe3 1px solid;}
.React_EventsEventDetailsContainer { box-sizing:border-box; -moz-box-sizing:border-box; width:560px;}
.ReactEvents_EventCalendarDetailsTitle {font-family:Arial,Helvetica;	font-size:18px; font-weight:normal;	text-decoration:none;}
.ReactEvents_EventCalendarDetailsTimeStart {}
.ReactEvents_EventCalendarDetailsTimeEnd {}
.ReactEvents_EventCalendarDetailsLocation {}
.ReactEvents_EventCalendarDetailsEventManager {}
.ReactEvents_EventCalendarDetailsShortDesc {}
.ReactEvents_EventCalendarDetailsDesc {}
.ReactEvents_EventCalendarDetailsAltInfo {}
.ReactEvents_EventCalendarDetailsExternalLinks {}
.React_EventsEventDetailsExternalLinksItem { font-family:Arial,Helvetica;	font-size:12px; font-weight:bold; text-decoration:none;}
.React_EventsEventDetailsExternalLinksItem:link, a.React_EventsEventDetailsExternalLinksItem:link, .React_EventsEventDetailsExternalLinksItem a:link { font-family:Arial,Helvetica; font-size:12px; color:#0066cc; font-weight:bold;	text-decoration:none; }
.React_EventsEventDetailsExternalLinksItem:visited, a.React_EventsEventDetailsExternalLinksItem:visited, .React_EventsEventDetailsExternalLinksItem a:visited { font-family:Arial,Helvetica; font-size:12px;	color:#0066cc; font-weight:bold; text-decoration:none; }
a.React_EventsEventDetailsExternalLinksItem:hover, .React_EventsEventDetailsExternalLinksItem a:hover { font-family:Arial,Helvetica;	font-size:12px;	color:#0066cc;	font-weight:bold; text-decoration:underline; }
.ReactEvents_EventCalendarDetailsContact {}
.ReactEvents_EventCalendarDetailsContactName {}
.ReactEvents_EventCalendarDetailsContactPhone {}
.ReactEvents_EventCalendarDetailsContactCell {}
.ReactEvents_EventCalendarDetailsContactEmail {}
.ReactEvents_EventCalendarDetailsContactEmailMoreInfo {}
.ReactEvents_EventCalendarDetailsContactEmailOrder {}
.ReactEvents_EventCalendarDetailsOccurrences {}
.ReactEvents_EventCalendarDetailsOccurrencesItem { font-family:Arial,Helvetica; color:#005abb; font-size:12px; font-weight:bold; text-decoration:none;}
.ReactEvents_EventCalendarDetailsOccurrencesItem:link, a.ReactEvents_EventCalendarDetailsOccurrencesItem:link, .ReactEvents_EventCalendarDetailsOccurrencesItem a:link { font-family:Arial,Helvetica; color:#005abb;	font-size:12px;	font-weight:bold; text-decoration:none; }
.ReactEvents_EventCalendarDetailsOccurrencesItem:visited, a.ReactEvents_EventCalendarDetailsOccurrencesItem:visited, .ReactEvents_EventCalendarDetailsOccurrencesItem a:visited { font-family:Arial,Helvetica; color:#005abb;	font-size:12px;	font-weight:bold; text-decoration:none; }
a.ReactEvents_EventCalendarDetailsOccurrencesItem:hover, .ReactEvents_EventCalendarDetailsOccurrencesItem a:hover { font-family:Arial,Helvetica;	font-size:12px; color:#005abb;	font-weight:bold; text-decoration:underline; }
.NormalBold { font-family:Arial,Helvetica; font-size:12px; font-weight:bold;	text-decoration:none; }
.NormalBold:link, a.NormalBold:link, .NormalBold a:link { font-family:Arial,Helvetica; font-size:12px; color:#0066cc;	font-weight:bold; text-decoration:none; }
.NormalBold:visited, a.NormalBold:visited, .NormalBold a:visited { font-family:Arial,Helvetica; font-size:12px; color:#0066cc; font-weight:bold; text-decoration:none; }
a.NormalBold:hover, .NormalBold a:hover { font-family:Arial,Helvetica; font-size:12px; color:#0066cc;	font-weight:bold; text-decoration:underline; }

/*React_EventsFromCalendar*/
.ReactEventsFromCalendar { margin-left: -1px;}
.ReactEventsFromCalendarDateTime {}
.ReactEventsFromCalendarEventTitle {}
.ReactEventsFromCalendarEventTitleLink {}
.ReactEventsFromCalendarEventTitleLink { font-family:Arial,Helvetica;	font-size:12px; color:#0066cc;	font-weight:normal;	text-decoration:none;}
.ReactEventsFromCalendarEventTitleLink:link, a.ReactEventsFromCalendarEventTitleLink:link, .ReactEventsFromCalendarEventTitleLink a:link { font-family:Arial,Helvetica; font-size:12px; color:#0066cc; font-weight:normal;	text-decoration:none; }
.ReactEventsFromCalendarEventTitleLink:visited, a.ReactEventsFromCalendarEventTitleLink:visited, .ReactEventsFromCalendarEventTitleLink a:visited { font-family:Arial,Helvetica;	font-size:12px;	color:#0066cc;	font-weight:normal;	text-decoration:none; }
 a.ReactEventsFromCalendarEventTitleLink:hover, .ReactEventsFromCalendarEventTitleLink a:hover { font-family:Arial,Helvetica;	font-size:12px;	color:#0066cc; font-weight:normal; text-decoration:underline; }
.ReactEventsFromCalendarMore {padding-top: 10px;}
.ReactEventsFromCalendarMoreLink {}

/* React_EventsEventListCalendar module */
.React_EventsEventListCalendarStyle {width:325px;}
.React_EventsEventListCalendarNextPrev {color:#000000; font-weight:bold; height:20px;}
.React_EventsEventListCalendarDayHeader {color:#000000;}
.React_EventsEventListCalendarTitleStyle {color:#000000; font-family:Arial,Helvetica; font-size:18px;}
.React_EventsEventListCalendarSelectedDay {}
.React_EventsEventListCalendarDay {font-size:28px;}
.React_EventsEventListCalendarTodayDay {color:#ff0000;}
.ReactEventListCalendarMoreLink, .ReactEventListCalendarMoreLink:link { font-size:14px; font-weight:normal; font-family:Arial,Helvetica; color:#000000; text-decoration:none; padding-bottom:10px;}    
.ReactEventListCalendarMoreLink:active { color:#000000; text-decoration:none; padding-bottom:10px;}
.ReactEventListCalendarMoreLink:visited { color:#000000; text-decoration:none; padding-bottom:10px;}
.ReactEventListCalendarMoreLink:hover, a.ReactEventListCalendarMoreLink:hover { color:#f36b37; text-decoration:underline; padding-bottom:10px;}
.ReactEventListCalendarMore { padding-top:10px; font-size:12px; padding-bottom:10px;}
.ReactEventListCalendarMore, .ReactEventListCalendarMore:link { font-size:14px; font-weight:normal; font-family:Arial,Helvetica; color:Black; text-decoration:none; }    
.ReactEventListCalendarMore:active { color:#f36b37; text-decoration:none; }
.ReactEventListCalendarMore:visited { color:#f36b37; text-decoration:none; }
.ReactEventListCalendarMore:hover, a.ReactEventListCalendarMore:hover { color:#f36b37; text-decoration:underline; }