*
{
	box-sizing: border-box;
}

html
{
	padding: 0;
	margin: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

body
{
	padding: 0;
	margin: 0;
	background-color: #789AA9;
}

h1,
h2,
h3
{
	color: #494949;
	font-weight: lighter;
	margin: 0;
}

h3
{
	margin: 10px 0;
}

a
{
	color: RGB(0,185,228);
}

img
{
	max-width: 100%;
	max-width: 500px;
}

button,
input[type="submit"]
{
	border: 0px solid #444;
	border-radius: .8em;
	padding: .8em;
	color: inherit;
	white-space: nowrap;
	
	cursor: pointer;
}

.contentBox
{
	position: relative;
	border-radius: .4em;
	padding: 3em;
}

.placeholder
{
	width: 15em;
	height: 10em;
	background-color: blue;
	display: inline-block;
	float: left;
}

.contentRow
{
	
	margin: 0 auto;
	max-width: 2000px;
	padding: 0 5em;
}

/* .iconizedContent */
/* { */
	/* background-image: url("/images/icon/sandwich-icon.png"); */
	/* background-repeat: no-repeat; */
	/* background-size: 4em; */
	/* padding-top: 4em; */
/* } */

/* .youtubeIcon */
/* { */
	/* background-image: url("/images/icon/youtube-icon.png"); */
/* } */

/* .ideaIcon */
/* { */
	/* background-image: url("/images/icon/idea-icon.png"); */
	/* padding-top: 5em; */
/* } */

/* .handshakeIcon */
/* { */
	/* padding-top: 5em; */
	/* background-image: url("/images/icon/handshake-icon.png"); */
/* } */

#header
{
	height: 4em;
	background-image: url('../images/logga.png');
	background-repeat: no-repeat;
	background-position: 5em center;
}

#tippyTopInfo
{
	background-color: #FEFAE9;
	padding: 1em;
}

#tippyTopInfo img
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
}

#tippyTopInfo > *
{
	margin: 0;
}

#newsreel
{
	display: grid;
	overflow: hidden;
}

.media_item
{
	grid-column: 1;
	grid-row: 1;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	z-index: -1;
}

.newsreelButton
{
	margin: 0 .5em;
	height: 1em;
	width: 1em;
	border-radius: 1em;
	background-color: #ddd;
	font-size: .5em;
}

.newsreelButton.activeNewsreelButton
{
	background-color: #444;
}

#newsreel img
{
	max-height: 100%;
	max-width: 50%;
	float: right;
	margin-left: 2em;
}

.showNews
{
	opacity: 1;
	transition: opacity 1s ease-in-out;
	z-index: 1;
}

#content
{
}

#content > div
{
}

#footer
{
	text-align: center;
}

#youtube-icon
{
}

#youtube
{
	flex-flow: row wrap;
	display: flex;
	justify-content: space-evenly;
}

#youtube > div
{
	cursor: pointer;
	max-width: 40%;
	margin: 1em;
	
	flex-grow: 1;
}
#youtube > div:hover img
{
	border-radius: 1em;
	transition: border-radius .1s linear;
}
#youtube > div img
{
	border-radius: 0em;
	transition: border-radius .1s linear;
}


#youtube img
{
	max-width: 100%;
}

#youtube h1
{
	font-size: 1.3em;
	cursor: pointer;
}

#youtube div.flexRow
{
	align-items: center;
	margin-top: 1em;
}

#rightColumn
{
	max-width: 450px;
}

#rightColumn img
{
	width: 100%;
}

#rightColumn h1:first-of-type
{
	margin-top: 0em;
}

#rightColumn h1
{
	margin-top: 2em;
}

#rightColumn ul
{
	list-style: none;
	padding: 0;
}

#myInfo li,
#supportContact li
{
	list-style: none;
    background-repeat: no-repeat;
	padding-left: 25px;
	background-size: 19px 19px;
	background-position: left center;
	line-height: 30px;
}

#myInfo ul,
#supportContact ul
{
	padding: 0;
}

#myInfo li.tc
{
	background-image: url(../images/ikontest/topocad-turkos-hexagon-19-2.png);
}

#myInfo li.tc_orange
{
	background-image: url(../images/ikontest/topocad-orange-hexagon-19-2.png);
}

#myInfo li.ism
{
	background-image: url(../images/ikontest/ism-turkos-hexagon-19-2.png);
}

#myInfo li.ism_orange
{
	background-image: url(../images/ikontest/ism-orange-hexagon-19-2.png);
}

#myInfo li.hexagon
{
    background-image: url(../images/ikontest/turkos-hexagon-20.png);
}

#myInfo li.small_warning
{
	background-image: url('../images/ikontest/pil-turkos.png');
}

#supportContact li.form
{
	background-image: url(../images/original/form-30.png);
}

#supportContact li.email
{
	background-image: url(../images/original/email-stor.png);
}

#supportContact li.phone
{
	background-image: url(../images/original/phone-stor.png);
}

#supportContact li.teamviewer
{
	background-image: url(../images/original/teamviewer-30.png);
}

#supportContact li.info
{
	background-image: url(../images/original/info-icon-32.png);
}

#supportContact li.heart
{
	background-image: url(../images/original/heart-icon-32.png);
}

.flexRow
{
	display: flex;
	flex: 1;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}

.flexColumn
{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
}

.flexRow > *,
.flexColumn > *
{
	flex: 1;
}

.noGrow
{
	flex-grow: 0;
}

.primaryColorBackground
{
	background-color: #FEFEFE;
}

.primaryColorForeground
{
	color: #494949;
}

.primaryActionBackground
{
	background-color: #3EB1C8;
}

.primaryActionBackground:hover
{
	background-color: #2EA1B8;
}

.primaryActionBackground:active
{
	background-color: #4EC1E8;
}

.expandableContent
{
	max-height: 400px;
	transition: max-height 2s ease-in-out;
	overflow: hidden;
}
.expanded
{
	max-height: initial;
	transition: max-height 2s ease-in-out;
}

.expandButtonContainer
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2em;
}

img.expandArrow
{
	position: absolute;
	max-width: 1em;
	cursor: pointer;
	bottom: .5em;
	left: 50%;
	transform: translatex(-50%);
}

/* CALENDAR */

.calendarHeader
{
	padding: 3px 10px;
	background-color: #91bdd0;
}

div.calendar
{
	margin-right: 0;
}

.calendarNumber
{
	padding: 3px;
	background-color: #fff;
}

.calendarRoundedCorners
{
	border-radius: 7px 7px 2px 2px;
}

.calendarMonthText p
{
	color: #ffffff;
	font-weight: 400;
	margin: 0%;
}

.roundedCorners
{
	border-radius: .5em;
}

.hidden
{
	display: none;
}

.altCalendarHeaderBackground
{
	background-color: #789AA9;
}

.gray
{
	background-color: #EDEDED;
}

.lessMargin
{
	margin: 0.5em;
}

.standardMargin
{
	margin: 1em;
}

.standardMarginTop
{
	margin-top: .5em;
}

.standardMarginLeft
{
	margin-left: .5em;
}

.standardMarginRight
{
	margin-right: 1em;
}

.extraMarginTop
{
	margin-top: 2em;
}

.maxHeight
{
	height: 100%;
}

.floatRight
{
	float: right;
}

.floatLeft
{
	float: left;
}

.max50
{
	max-width: 50em;
}

.min30
{
	min-width: 30em;
}

.marginleft30px
{
	margin-left: 30px;
}

/* .fiftyP */
/* { */
	/* width: 50%; */
/* } */

.centerText
{
	text-align: center;
}

.clearBoth
{
	clear: both;
}

.blockify
{
	display: inline-block;
}

.clickable
{
	cursor: pointer;
}

.topWarning
{
	background-color: #FEFAE9;
	background-image: url('../images/info.png');
	background-repeat: no-repeat;
	background-position: 2em center;
	border-radius: .5em;
	flex: 0;
	padding: 1em 1em 1em 5em;
}