﻿html .calMenu, html .calContent
{ 
	font-size: 100%;
} 

body .calMenu, body .calContent
{
    font-family: inherit;
    font-size: inherit;
}
body .calMenu table, body .calContent table 
{
	font-size: 100%;
}
.calMenu .bold, .calConent .bold
{
	font-weight:bold;
}

/* ************ FILTERBOX ************| */
.calMenu
{
    width: 16em;
    padding: 0.5em 0 1em 0;
    margin: 0;
    float: left;
    border: 1px solid #c9c9c9;
    background-color: White;
}
.calMenu h3
{
    padding: 0 1em 0.5em 1em;
    margin: 0;
}
.calMenu ul
{
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
}
.calMenu ul.filter
{
    border-bottom: 1px solid #c9c9c9;
}
.calMenu ul.filter li
{
    border-top: 1px solid #c9c9c9;
}
.calMenu ul.filter a
{
    color: #000000;
    text-decoration: none;
    padding: 0.5em 1em;
    display: block;
}
.calMenu ul.filter a.selected
{
    background: $DesignMeny2Punkt$ url(../Images/Kalender/Icons/icoNext_menu.png) no-repeat right;
	color: $DesignMeny2FontFarge$;
}
.calMenu ul.filter a:hover
{
    text-decoration:underline;
background-color: $DesignMeny2Punkt$;
color: $DesignMeny2FontFarge$;
}
.calMenu h1, .calContent h1,
.calMenu  h2, .calContent h2,
.calMenu h3, .calContent h3,
.calMenu h4, .calContent h4,
.calMenu  h5, .calContent h5,
.calMenu  h6, .calContent h6{color: $DesignMeny2Punkt$} 
.searchBox
{
    padding: 0 1em 0.5em 1em;
}
.searchBox input[type="text"]
{
    width:87%;
}
.searchBox select
{
    width: 100%;
}
.searchBox input[type=submit]{padding: 5px 72px; margin-top: 10px}
/* ************ content common ************ */
.calContent
{
    margin: 0;
    float: left;
    background-color: White;
}


/*list item header/link*/
.calContent h3
{
    text-decoration: none;
	padding-bottom: 5px;
   margin-top: 20px;
margin-bottom: 5px;
}
/*external link*/
.calContent a.external
{
    background: url(../Images/Icons/icoLinkOut.png) no-repeat 100% 0;
    padding: 0 15px 0 0;
}
.calContainer a.facebook
{
    background: url(../Images/Icons/icoFacebook.png) no-repeat 100% 0;
    padding: 0 20px 0 0;
}

.calContent .italic
{
    font-style: oblique;
}
/* ************ WebPart ************ */
.calWebPart
{
    width: 269px;
}
.calWPContent
{
    overflow: hidden;
    padding: 0 0 0.5em 0;
    margin: 0;
    width: 100%;
    background-color: White;
}
.calWPFooter
{
    width: 100%;
    padding: 0.5em 0 0.5em 0.5em; /*border-top:1px solid red;*/
    float: left;
    background-color: #D3DBED;
}
.calWebPart h3
{
    margin: 0.3em 0;
    font-size: 1em;
    text-transform: uppercase;
}
.calWebPart h3 a
{
    color: Blue;
    text-decoration: none;
}
.calWebPart table.wpList td
{
    padding: 0.5em;
}
.calWebPart table.wpList td.col1
{
    background-color: #D3DBED;
    color: #ffffff;
}
.calWebPart table.wpList td.col2
{
    padding-left: 1em;
    vertical-align: top;
    border-bottom: 1px solid #D3DBED;
}
.calWebPart table.wpList .wpImage
{
    height: 6em;
}
.calWebPart table.wpList .wpItem .wpItemTop
{
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
}
.calWebPart table.wpList .wpItem .wpItemBottom
{
    padding: 0;
    margin: 0.3em 0 0.3em 0;
}

/* ************ Search list ************ */
.calContent .calGroup
{
    margin: 0 0 1em 0;
}
/* day/event title */
.calContent .calGroup h2, .calContent .calEvent h2 {
color: $DesignInnholdLinkFontFarge$;
text-align: left;
padding: 1em 0 0 0;
margin: 0;
margin-bottom: 15px;

}

.calContent .calGroup ul
{
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
}
.calContent .calGroup li
{
    padding: 0 0 2em 0;
    margin: 0;
}
.calContent .calGroup .typeImage
{
    float: left;
}
.calContent .calGroup .textWrapper
{
    margin: 0 2em 0 10em;
}
/* ************ Single Item ************ */
.calContent .calEvent
{
    margin: 0 0 1em 0;
}
.calContent .calEvent div.alignRight
{
    float: right;
}
.calContent .calEvent .maintext
{
    text-align: justify;
}
.calContent .calEvent .simpleLocation
{
    font-weight: bold;
    font-size: 115%;
    font-style: oblique;
}

.calContent .calEvent .completeLocation
{
    position: relative;
    clear: left;
    margin-top: 1em;
    margin-right: 1em;
    padding: 1em 0 1em 0;
}
.calContent .calEvent .completeLocation .map
{
    width: 10em;
    height: 10em;
    float: right;
}

.calContent .calEvent .organizer, .calContent .calEvent .contact
{
  
    padding: 0 0 1em 0;
}
.calContent .calEvent .organizer h4, .calContent .calEvent .contact h4, .calContent .calEvent .completeLocation h4
{
    color: #5B5B5B;
    padding: 0;
    margin: 0;
}
.calContent .calEvent .organizer .content, .calContent .calEvent .contact .content, .calContent .calEvent .completeLocation .content
{
    padding: 0 1em 0.5em 1em;

}

.calContent .calEvent table th
{
    background-color: #c9c9c9;
}
.calContent .calEvent table.list
{
    width: 100%;
    border: 1px solid #c9c9c9;
    margin-bottom: 1em;
}
.calContent .calEvent table.list tr.current
{
    color: Green;
    font-weight: bold;
    font-style: oblique;
}
.calContent .calEvent table.list tr.expired a
{
    /*display:none;*/
    text-decoration: none;
    color: #000000;
}
.calContent .calEvent table.list tr.alternate
{
    background-color: #D3DBED;
}
.calContent .calEvent table.list tr:hover
{
    background-color: #fffebb;
}

.calContent .calEvent table.list th
{
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.calContent .calEvent table.list td
{
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/* ****** START REQUIRED FOR MAPS ****** */
.closeFbox
{
    float: right;
    display: block;
    padding: 1em;
}
.mapContent
{
    background-color: #FFFFFF;
}
.mapContent .listMap
{
    border: 1px solid gray;
    width: 600px;
    height: 450px;
    margin-bottom: 0.5em;
}
.mapContent .markerList
{
    float: left;
    height: 450px;
    margin: 0 10px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.mapContent .markerList a
{
    border-bottom: 1px solid #E0ECFF;
    color: #000000;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 2px 0;
    text-decoration: none;
    width: 150px;
}
.mapPageContainer
{
    margin: 1em;
}
.selectMapContainer
{
    float: right;
    margin-bottom: 0.5em;
}
.mapPageContainer input[type="text"], .mapPageContainer textarea, .mapPageContainer select
{
    width: 23em;
    background-color: #ffffe0;
    padding: 0.1em;
}
.mapPageContainer select
{
    width: 18em;
}
.selectMapContainer input[type="text"]
{
    width: 11em;
    margin-right: 1em;
}
.selectMapContainer .selectMap
{
    border: 1px solid gray;
    width: 400px;
    height: 350px;
    margin-bottom: 0.5em;
}
/* ****** END  REQUIRED FOR MAPS ****** */
/* common */
.clear
{
    clear: both;
}
.errorMessage
{
    padding: 1em 0.5em 1em 0.5em;
    margin: 0.5em 0;
    border: 1px solid #ff0000;
    background-color: #ffaaaa;
    display: block;
}
.errorMessage ul
{
    list-style: none;
    padding-left: 0;
    color: #000000;
}
.infoMesssage
{
    padding: 1em 0.5em 1em 0.5em;
    margin: 0.5em 0;
    border: 1px solid #c9c9c9;
    background-color: #fffebb;
    display: block;
}

li.event{border-bottom: 1px solid #ccc;}

.calContent .calGroup li {
padding: 0 0 10px 0 !important;

}
h3.andre-datoer{background: url(../Images/Kalender/Icons/tid.png) no-repeat left center; padding-left: 20px; border-bottom:1px solid #ccc;}
h3.informasjon{background: url(../Images/Kalender/Icons/info.png) no-repeat left center; padding-left: 20px; border-bottom:1px solid #ccc;}
h3.hendelseskontakt{background: url(../Images/Kalender/Icons/kontakt.png) no-repeat left center; padding-left: 20px; border-bottom:1px solid #ccc;}
h3.hendelsesbilde{background: url(../Images/Kalender/Icons/bilde.png) no-repeat left center; padding-left: 20px; border-bottom:1px solid #ccc;}
.completeLocation h3{background: url(../Images/Kalender/Icons/sted.png) no-repeat left center; padding-left: 20px; border-bottom:1px solid #ccc;}
.completeLocation .content{float:left;}
ul.occurrences li{list-style-type:none;}
.calEvent h2 img{vertical-align: -31px; padding-left:0;}