:root{
	--main-color: #232555;
	--color-inside-blue: #ffffff;
	--container-color: #f5f5f5;
}

html {
	
}

body {
	#font-family: 'Trykker', serif;
	
	font-family: 'Open Sans Condensed', sans-serif;

	#font-family: 'Roboto Condensed', sans-serif;
	
	font-size:22px;
	color: #0c0821;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url("img/background_stripe2.png");
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Leckerli One', cursive;
	font-weight: lighter;
	#font-family: 'Allura', cursive;
	#font-family: 'Cookie', cursive;	
}

/* Kokoruudulta kavennettu alue sisällöille. Ei sisällä sivun loppua */
.container {
	#max-width: 1280px;
	#min-width: 480px;
	width: 1280px;	
	margin: auto;	
	background-color: var(--container-color); 
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	overflow: hidden;
	-webkit-box-shadow:0px 0px 4px 4px #c9b8b8 ;
	-moz-box-shadow:0px 0px 4px 4px #c9b8b8 ;
	box-shadow:0px 0px 4px 4px #c9b8b8 ;
}

.content_separator {
	margin-bottom: 50px;
	clear: both;
}

/* Etusivun sisältö -alue */
.content_area_blue {
	
}

.left_image_holder {
	float: left;
	width: 600px;
}

.right_text_holder{
	float: right;
	width: 640px;
	padding: 0 20px 0 20px;
	color: var(--color-inside-blue);
	background-color: var(--main-color);
	height: 600px;
	
}

/* Palvelut sivun sisältö -alue, jossa teksti ensin */
.content_area_dashed_text_first {
	
}

.left_text_holder_dashed {
	float: left;
	width: 786px;
	margin: 0 0 0 20px;
	border: 4px dotted var(--main-color);
	border-right: 0;
	padding: 0 20px 0 20px;
	height: 394px;
}

.right_image_holder_dashed {
	float: right;
	width: 400px;
	box-shadow: 15px 15px var(--main-color);
	margin-right: 30px;
}

/* Palvelut sivun sisältö -alue, jossa kuva ensin */
.content_area_dashed_image_first {
	
}

.right_text_holder_dashed {
	float: right;
	width: 786px;
	margin: 0 20px 0 0;
	border: 4px dotted var(--main-color);
	border-left: 0;
	padding: 0 20px 0 20px;
	height: 390px;
}

.left_image_holder_dashed {
	float: left;
	width: 400px;
	box-shadow: -15px 15px var(--main-color);
	margin-left: 30px;
}

/* Ota yhteyttä laatikko*/
.contact_box {
border: 3px dotted var(--main-color); 
margin 0 10px 0 10px; 
padding-left: 20px;
}

/* Tiimi */
.team_introduce {
padding-left: 20px;
padding-right: 550px;

}
/* Tiimi -sivun työntekijöiden esittelylaatikot */

.worker_introduce {
	border: 4px dotted var(--main-color);
	padding-left: 10px;
	margin-bottom: 20px;
}

/* Yleinen sisältö -alue (yhteystiedot, materiaalit ja linkit, ajankohtaista)*/
#content_text_area {
	float: right;
	width: 680px;
	#background-color: red;
	padding: 0 20px 0 0;
	#border: 3px dotted var(--main-color);
	#height: 494px;
}

#content_image_area {
	float: left;
	width: 550px;
	#background-color: var(--main-color);
	padding: 0 0 0 20px;
	text-align: center;
	#color: var(--color-inside-blue);
	#height: 500px;
}

#content_image {
	box-shadow: -15px 15px var(--main-color);
}