* {
	font-family: Verdana,arial,sans-serif;
	font-size: 12px;
}

html,body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: black;
	color: white;
}

a {
	color: white;
}

a:hover {
	text-decoration: none;
}

div#container {
	width: 600px;
	margin: auto;
}

div#logo {
	margin-bottom: 15px;
}

div#logo img {
	border: 0;
}

#menu, #menu a,#submenu, #submenu a {
	color: #ffff00;
	font-size: 18px;
	text-decoration: none;
} 

#menu a:hover, #submenu a:hover,#menu a.active, #submenu a.active {
	color: #f3f3f3;
} 


/* KOLONNE CONFIG */
/* afhænger af content bredde */

/* two col = (width-50)/2 */
.two-col-1, .two-col-2 {
	float: left;
	width: 47%;
}

.two-col-1 {
	margin-right: 6%;
}

/* three col = (width-50) / 3 */
.three-col-1,
.three-col-2,
.three-col-3 {
	float: left;
	width: 30%;
}

.three-col-1,
.three-col-2 {
	margin-right: 5%;
}

/* four col */
.four-col-1,
.four-col-2,
.four-col-3,
.four-col-4 {
	float: left;
	width: 22%;
}

.four-col-1,
.four-col-2,
.four-col-3 {
	margin-right: 4%;
}