html, body {padding: 0; margin: 0; height: 100%;}


P {
	padding: 20px;
	margin: 0;
}
H1
{
	font-family: Tahoma, Arial;
	letter-spacing: 3px;
	text-align: center;
	font-style: italic;
	word-spacing: 0.2em;
	font-size: 18pt;
	color: #A15EA6;
	line-height: 24pt;
	font-weight: bold;
}
H2 {
	font-family: Tahoma, Arial;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 20pt;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 4px;
	color: #A15EA6;
}
H3 
{
	font-family: Tahoma, Arial;
	letter-spacing: 3px;
	text-align: center;
	font-style: italic;
	word-spacing: 0.2em;
	font-size: 14pt;
	color: #A15EA6;
	font-weight: bolder;
}
H4 {
	font-size: 16pt;
	color: black;
	font-weight: lighter;
	text-align: right;
	font-style: normal;
	font-family: Franklin Gothic, Adobe Heiti Std, Arial;
	font-stretch: extra-condensed;
}
td.main {
	background-image: url('gestalt.gif');
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	background-position: center;
	font-family: Franklin Gothic, Adobe Heiti Std, Arial;
	height: 500px;
	padding: 5% 10% 5% 10%;
}
td.button {
	width: 20%;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	background-color: lavender;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-top: 0px;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 11pt;
	color: black;
}
td.bottom_button {
	width: 20%;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	background-color: lavender;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-top: 0px;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 11pt;
	color: black;
}
/* main pane? */

P.vanlig
{
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Tahoma, Arial;
	letter-spacing: 0.5pt;
	font-size: 12pt;
	font-style: normal;
	font-weight: lighter;
	/*line-height: 200%;*/
	text-align:center;
	color: #404080;
	margin: -20px;
	line-height: 180%;
}
P.vanlig_center
{
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Tahoma, Arial;
	letter-spacing: 0.5pt;
	font-size: 12pt;
	font-style: normal;
	font-weight: lighter;
	/*line-height: 200%;*/
	text-align: center;
	color: #404080;
	margin: -20px;
	line-height: 180%;
}
P.bold
{
	font-family: Tahoma, Arial;
	font-weight: bold;
	letter-spacing: 0.2pt;
	font-weight: bold;
	font-size: 13pt;
	color: #404080;
	margin: -20px;
	line-height: 180%;
}
P.viktig
{
	font-family: Tahoma, Arial;
	color: Green;
	font-weight: bold;
	letter-spacing: 0.5pt;
	font-weight: bold;
	font-size: 13pt;
}
P.varm
{
	font-family: Tahoma, Arial;
	color: #787878;
	font-weight: normal;
	letter-spacing: 0.5pt;
	font-size: 13pt;
}
P.terapi
{
	font-family: Tahoma, Arial;
	color: #404080;
	font-weight: normal;
	letter-spacing: 1.0pt;
	font-size: 13pt;
	word-spacing: 0.2em;
	line-height: 180%;
}
P.adresse
{
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
	line-height: 20%;
}

TD.tlf
{
	font-family: Tahoma, Arial;
	font-weight: normal;
	letter-spacing: 2px;
	font-weight: normal;
	font-size: 10pt;
}

A:Visited.tlf
{
	font-family: Tahoma, Arial;
	font-weight: normal;
	letter-spacing: 2px;
	font-weight: normal;
	font-size: 10pt;
	font-style: normal;
}
A:link {
	//font-family: "Times New Roman", Times, serif;
	font-family: Tahoma, Arial;
	letter-spacing: 3px;
	//font-style: italic;
	word-spacing: 0.2em;
	font-size: 14pt;
	color: #A15EA6;
	line-height: 24pt;
	text-decoration: none;
	font-weight: bold;
}
A:Visited {
	//font-family: "Times New Roman", Times, serif;
	font-family: Tahoma, Arial;
	letter-spacing: 3px;
	//font-style: italic;
	word-spacing: 0.2em;
	font-size: 14pt;
	//color: #330066;
	line-height: 24pt;
	text-decoration: none;
	font-weight: bold;
}
A.logo 
{
	font-style: normal;
	font-family: Franklin Gothic, Adobe Heiti Std, Arial;
	font-size: 36px;
	font-stretch: extra-condensed;
	font-weight:bolder;
	color: #a15ea6;
}
A.tlf {
	font-family: Tahoma, Arial;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 12pt;
	color: #404080;
}
A.fb {
	font-family: Tahoma, Freight Sans, Helvetica, Roboto;
	color: #3B5998;
	font-style: normal;
	font-weight: 800;
}
A.wp {
	font-family: Tahoma, Freight Sans, Helvetica, Roboto;
	color: #3B5998;
	font-style: normal;
	font-weight: 800;
	font-size: 10pt;
	letter-spacing: 0px;
}

.menu {
	border: 0;
	width: 100%;
	display:table;
}

.only-small {
	
}
.only-big {
	
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	cursor: pointer;
	display: none;
}
.sidebar {
    z-index: 3;
    width: 270px;
    display: none;
    position: fixed !important;
    overflow: auto;
    background-color: white;
    height: 100%;
    padding: 0px 10px;
    animation: animateright;
}

#menu_button {
	cursor: pointer;
	font-size: 20pt;
	color: black;
	font-family: Franklin Gothic, Adobe Heiti Std, Arial;
}
.mobil_menu {
	list-style-type: none;
	padding-left: 0;
}
.mobil_menu_button {
	font-family: Tahoma, Arial;
	font-size: 13pt;
	color: #A15EA6;
	line-height: 24pt;
	cursor: pointer;
	background-color: #EEEEFF;
	border-radius: 6px;
	margin-top: 6px;
	padding-left: 8px;
}
/* 
	========================================================== Adopt to screen ===========================================
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
	.only-small {
		display:none;
	}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
	.only-small {
		display:none;
	} 	
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
	.only-small {
		display:none;
	}	
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
}*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	.only-big {
		display: none;
	}
	P.vanlig {
		font-weight: 700;
	}
	A.logo {
		font-size: 30px;
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width: 480px) {
	.only-big {
		display: none;
	}
	P.vanlig {
		font-weight: normal;
	}
	A.logo {
		font-size: 30px;
	}
}