body {
	font-family:'Segoe UI',Arial,sans-serif;
	margin:0;
	background:linear-gradient(to bottom,#e3f2fd,#ffffff);
	color:#222;
	} 
header{
	background:linear-gradient(90deg,#c8102e,#004aad);
	color:white;text-align:center;
	padding:20px;
} 
header h1{
	margin:0;font-size:2em;
} 
nav{
	background:#002b5b;
	display:flex;
	justify-content:center;
	gap:20px;
	padding:10px;
} 
nav a{color:white;text-decoration:none;font-weight:bold;} 
nav a:hover{text-decoration:underline;} 
main{max-width:900px;margin:30px auto;background:white;padding:25px;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,0.1);}
section{margin-bottom:40px;} 
.card{background:#f2f7ff;border-left:5px solid #004aad;padding:15px;margin-top:10px;border-radius:6px;} 
input,textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px;} 
input[type="submit"],button{background:#004aad;color:white;border:none;padding:10px 18px;border-radius:5px;cursor:pointer;font-weight:bold;} input[type="submit"]:hover,button:hover{background:#c8102e;}
footer{background:#002b5b;color:#eee;text-align:center;padding:15px;font-size:0.9em;} 
.news-item{background:#f2f7ff;border-left:5px solid #c8102e;padding:10px;margin-bottom:10px;border-radius:5px;} 
nav a.active {
	background-color: #c8102e; /* röd bakgrund för aktiv länk */ 
	color: white; /* vit text */ 
	padding: 5px 10px; 
	border-radius: 5px;
} 
.edit-btn {
	display: inline-block; 
	padding: 8px 16px; 
	margin-top: 10px; 
	background-color: #0044cc; /* blå färg */ 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-radius: 6px; 
	border: 2px solid #cc0000; /* röd kant för accent */ 
	transition: all 0.3s ease; 
} 
.edit-btn:hover {
	background-color: #cc0000; /* byter till röd vid hover */ 
	border-color: #0044cc; 
	color: #ffffff; 
	transform: translateY(-2px); 
	box-shadow: 0 4px 8px rgba(0,0,0,0.2); 
}
/* Grundmeny */
nav {
    background-color: #007bff;
    font-family: Arial, sans-serif;
}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
nav ul li {
    position: relative;
}
nav ul li a {
    display: block;
    padding: 12px 20px;
    text-decoration: none;
    color: #fff;
    transition: background 0.3s;
}
nav ul li a:hover {
    background-color: #0056b3;
}

/* Dropdown */
nav ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 0;
    z-index: 1000;
}
nav ul li ul li a {
    color: #000;
    padding: 10px 15px;
    white-space: nowrap;
}
nav ul li ul li a:hover {
    background-color: #e0e0e0;
}

/* Visa dropdown på hover */
nav ul li:hover > ul {
    display: block;
}

/* Pil ▼ för dropdown */
nav ul li a.dropdown-arrow::after {
    content: " ▼";
    font-size: 0.6em;
}

/* Mobilanpassning */
@media (max-width: 768px) {
    nav ul {
        flex-direction: column;
        display: none;
    }
    nav ul.show {
        display: flex;
    }
    nav ul li ul {
        position: relative;
    }
}
.menu-toggle {
    display: none;
    padding: 12px 20px;
    background: #007bff;
    color: #fff;
    cursor: pointer;
}
@media (max-width: 768px) {
    .menu-toggle {
        display: block;
    }
}