/*	CSS för slalomb2.gustafsson.org
	2025-02-02, Thomas Gustafsson
	(Färgkoder från logo; mörkblå #1F4E79, ljusblå #BDD7EE)
	*/

body {
	background-color: #ffffff; /* Bakgrundsfärg */
}

a:link    { color: #000000; text-decoration:underline; }
a:visited { color: #000000; text-decoration:underline; }
a:hover   { color: #000000; text-decoration:none; font-weight: bold; box-shadow: 2px 6px 8px 0 rgba(0, 0, 0, 0.3), 4px 8px 20px 0 rgba(0, 0, 0, 0.1); }
a:active  { color: #000000; text-decoration:none; background-color: #BDD7EE; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans";
	font-weight: 600;
	color: #000000;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h1 { font-size: 22pt; }
h2 { font-size: 20pt; }
h3 { font-size: 18pt; }
h4 { font-size: 16pt; }
h5 { font-size: 14pt; }
h6 { font-size: 12pt; }

hr {
	height: 1px;
	color: #000000;
	background-color: #ffffff;
	width: 100%;
}

p {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12pt;
	color: #000000;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
}

li {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 12pt;
	color: #000000;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
}

div {
	background-color: #ffffff;
}

div.body {
	width: 90%;
	margin-top: 20px;
	margin-left: 5%;
}

div.header {
	background-image: url("../images/background_are_02.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1400px 200px;
	height: 200px;
}

/* Create three equal columns that float next to each other */
div.column {
	float: left;
	width: 33.33%;
}

/* Clear floats after the columns */
div.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (860px wide or less) */
@media screen and (max-width: 860px) {
	div.column {
		width: 100%;
  }
}