*
{
	margin: 0;
	padding: 0;
	border: 0;
}

html
{
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}


body {
	background-color: #222;
	font-size: 18px;
}
.times
{
	font-family:'timesNewRoman'

}



q
{
	font-size: 18px;
	font-style: italic;
	padding-top: 6px;
}

ul,li
{
	/*	text-decoration: none;*/
	list-style-type: none;
}


h1{padding:1px ;}
h2{margin-bottom: 22px;	text-align:center;}
h3{margin-bottom: 18px;	text-align:center;}
h4{margin-bottom: 16px;}
h5{padding:1px ;}
h6{padding:1px ;}


p
{
	margin-bottom: 16px;

}




.w3-btn,.w3-button
{
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}

.w3-btn:hover
{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.w3-btn,.w3-button
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.w3-circle
{
	border-radius: 50%;
}
.w3-tiny
{
	font-size: 10px!important;
}

.w3-small
{
	font-size: 12px!important;
}

.w3-medium
{
	font-size: 15px!important;
}

.w3-large
{
	font-size: 18px!important;
}

.w3-xlarge
{
	font-size: 24px!important;
}

.w3-xxlarge
{
	font-size: 36px!important;
}

.w3-xxxlarge
{
	font-size: 48px!important;
}

.w3-jumbo
{
	font-size: 64px!important;
}

.w3-half
{
	padding: 0 8px;
}






.centerH
{
	text-align: center;
}
.container-content
{
	margin: 0 auto;/*display:flex;*/
}
.container-content ul li
{
	list-style: outside;
	margin-top: 20px;
}



.float-left{float: left;}
.float-right{float: right;}



div#presentationWraper
{
	padding: 5em 0 3em 0;
	overflow: hidden;
	max-width: 900px;
	margin: 0 auto;/*display:flex;*/
}

div.presentationImageHolder
{
	max-width: 100%;
	margin-bottom: 24px;
	overflow: hidden;
}

div.presentationImageHolder img.litenBild-lena
{
	float: left;
	width: 100%;
	max-width: 350px;
	height: auto;
	margin-right: 22px;
}

div.presentationImageHolder p#lenaNorellText
{
	float: left;
	min-width: 250px;
}

div.presentationImageHolder p#vinnieText
{
	float: left;
	min-width: 250px;
}
div.presentationImageHolder img.litenBild-vinnie
{
	float: left;
	width: 100%;
	max-width: 350px;
	height: auto;
	margin-left: 22px;
}
p.lessWidth
{
	width: 40%;
}

.clearFix
{
	clear: both;
}

#banner
{
	background:url("../img/PsykologiLogo.jpg") center no-repeat;
	background-color: rgb(256, 256, 256);
	background-size:contain;
	width: 90%;
	max-height: 250px;
	min-height:250px;
	/*padding: 15px 30px 0px;*/
}
/*
973
@media screen and (max-width: 450px)
{
#banner
{
background-size: cover;
*/
/*	padding:0px 50px;
}
}
*/

/*colors*/
.light
{
	background-color: #f4f4f4;
}
.white{
	background-color: #fff;
}
.red{
	background-color:red;
}
.green{
	background-color:green;
}
.blue{
	background-color:blue;
}

.loggocolLight,.hover-loggocolLight:hover{
	/*background-color:#009999;
	color:#ddd;
	*/
	color:#fff!important;
	background-color:#009999!important;
}
.loggocol,.hover-loggocol:hover{
	color:#fff!important;
	background-color:#006064!important;
}

.buttons
{
	color:black;
	display: block;
	background-color: #006064;
	padding: 10px 0px;
	margin: 10px;
	width: 200px;
}

div.grid
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

div.grid a
{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
}

div.grid a:hover
{
	background: #099;
}


.buttons
{
	color:black;
	display: block;
	background-color: #006064;
	padding: 10px 0px;
	margin: 10px;
	width: 200px;
}


.quoteTest .cursiv
{
	font-style: italic;


}
.qouteTest .times
{
	font-family: timesNewRoman;
}




#frame
{
	padding:20px;
}

.spacer{
	padding:20px;
	/*	float: ;*/
}
.spacer,.tall
{
	padding: 30px;
}

div#divider
{
	position: relative;
	overflow: visible;
	width: 100vw;
	left: -80px;
}

.logotext h2,.logotext h4{
	color: #009999;
}
/*paralax*/
/*
body, html{
height:100%;
margin:0;
}
font-size:16px;
font-weight:400;
line-height:1.8em;
color:#666;
*/
/*
*/
.stenar{
	background-image:url('../img/stenar.jpg');
	max-width: 100%;
	min-height:700px;

}
.interior1{
	background-image:url('../img/interior1.jpg');
	min-height:400px;
}
.interior2{
	background-image:url('../img/interior2.jpg');
	min-height:400px;
}
.bench{
	background-image:url('../img/theBench.jpg');
	min-height:500px;
}
.interior3{
	background-image:url('../img/interior3.jpg');
	min-height:400px;
}
.vinnie1{
	background-image:url('../img/Vinnie1.jpg');
	min-height:400px;
}
.vinnie2{
	background-image:url('../img/Vinnie2.jpg');
	min-height:400px;
}
/*
.PsykologiLogo{
background-image:url("../img/PsykologiLogo2.jpg");
min-height:400px;
}
*/
.mys{
	background-image:url("../img/mys.jpg");
	min-height:400px;
}
.pimg1, .pimg2, .pimg3, .interior1, .interior2, .interior3,.Vinnie1,.Vinnie2,.girlOnBalcony,.stenar,.mys,.bench
{
	position:relative;
	opacity:0.70;
	background-position:center;

	background-size:cover;
	background-repeat:no-repeat;
	/*
	fixed = parallax
	scroll = normal
	*/
	background-attachment:fixed;
}


.girlOnBalcony{
	background-image:url('../img/girlOnBalcony.jpg');
	min-height:650px;
	position:relative;
	opacity:0.70;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	/*
	fixed = parallax
	scroll = normal
	*/
	background-attachment:scroll;
}
.quotes{
	/**/
	background-color:inherit;
}
.section{
	/*text-align:center;*/
	display: flex;
	justify-content: center;
	align-items: center;

}

.section .textContentPosition
{
	max-width: 500px;
	padding: 2em 0;
}

.section p
{
	/*	width: 50%;*/
	max-width: 100%;
}

.section-light{
	background-color:#f4f4f4;
	/*color:rgb(128, 128, 128);/*gör mera grå*/
	color: #282e34;
}
.section-dark{
	background-color:#282e34;
	color:#f4f4f4;
}
.section-green{
	background-color:#004d4d;
	color:#f4f4f4;
}


div.doFlex
{
	display: flex;
	padding: 50px 0;
	max-width: 1100px;
}

.flexChild
{
	margin-right: 4em;

}

.ptext{
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	color:#000;
	font-size:25px;/*27*/
}
.ptext .border{
	background-color:#111;
	color:#fff;
	padding:20px;
}
.ptext .border.trans{
	background-color:transparent;
}

/*kontakt*/
#mapText
{
	max-width: 40%;
}

/* Punktlistor som ska ha punkter  */
ul.listaMedPunkter
{
	padding-left: 25px;/*25px*/
	box-sizing: border-box;
}

ul.listaMedPunkter li
{
	list-style-type: circle;
	padding-left: 25px;/*25*/
	margin-bottom: 5px;
}


.hoverableLink
{
	color: rgb(256, 256, 256);

}

.hoverableLink:hover
{
	color: rgb(0, 0, 200);

}
.hoverableLinkDark
{
	color: rgb(1, 1, 1);

}

.hoverableLinkDark:hover
{
	color: rgb(0, 0, 200);

}





@media(max-width:500px){/*568*/
	.pimg1, .pimg2, .pimg3 ,.interior1, .interior2, .interior3,.Vinnie1,.Vinnie2,.girlOnBalcony,.stenar,.mys,.bench
	{
		background-attachment:scroll;
	}
	#top{
		z-index: 1;
	}

	.tall
	{
		padding: 5px;
	}

	#banner
	{
		background:url("../img/PsykologiLogo.jpg") center no-repeat;
		background-color: rgb(256, 256, 256);
		background-size:contain;
		width: 90%;
		max-height: 150px;
		min-height:150px;
		padding: 50px 0 0;
	}

	#frame
	{
		padding:15px;
	}


}
@media (max-width:600px)
{
	.w3-modal-content
	{
		margin: 0 10px;
		width: auto!important;
	}
	.w3-half
	{
		width: 95%;
	}

	p, q
	{
		min-width: 250px;
	}
	p
	{
		margin-left: 20px;
	}
	h2{
		margin-bottom: 22px;
		margin-left: 10px;
	}
	h3
	{
		margin-bottom: 18px;
		margin-left: 15px;
	}
	#frame
	{
		padding:10px;
	}





}

@media screen and (max-width: 500px)
{
	.flexChild{
		margin-right: 0;
	}
	.responsive
	{
		flex-direction:column;
		max-width: 90%;
	}
	.buttons
	{
		flex-direction:row;
	}
	div.doFlex
	{
		max-width: 450px;

	}

	.flexContainer
	{
		flex-direction: column;
	}
	p, q
	{
		min-width: 250px;
	}
	.container-content
	{
		margin: 0;/*display:flex;*/
	}
	ul.listaMedPunkter
	{
		font-size: 0.8em;
	}


	.quickFix
	{
		font-size: 0.8em;
	}


}
@media screen and (max-width:680px)
{
	.flexContainer
	{
		flex-direction: column;
	}
}
@media screen and (max-width:320px)
{
	div.doFlex
	{
		max-width: 300px;

	}

}