/* GLOBAL CONFIGURATIONS */
/* BASIS */
html {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 0.9em;
}


/* HEADER, NAVIGATION BAR AND FOOTER FOR base.html */
header {
    display: block;
    vertical-align: middle;
    background: #4444;
}

/* a number of configurations for the navigation bar and its links */
nav {
    background-color: #2E296C;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

nav ul li {
    display: inline-block;
    padding: 14px 16px;
}

nav li a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

/* active navigation bar field: color highlight */
.active {
    background-color: #7470A8;
}

footer {
	color: grey;
	text-align: center;
	font-size: small;
}


/* HEADLINES */
/* this might unorthodoxal, but all h2 headlines are lavender-colored to spice up the boredom of a wall of black text */
h2 {
	color: #7470A8;
}


/* IMAGES */
/* logo image class */
img.logo {
	width: 150px; 
}

img {
    border: 0px;
}


/* BUTTONS */
.btn-group {
    position: relative;
    text-align: center;
}

.btn-group a {
  background-color: #2E296C; 
  color: white;
  padding: 10px 24px; 
  cursor: pointer;
  width: 50%;
  display: block;
  margin: 3px;
  margin-left: auto;
  margin-right: auto;
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #7470A8;
}


/* INPUT FIELDS */
input {
	border: 2px solid grey; 
}


/* LINKS */
 a {
    text-decoration: none;
    color: #2E296C;
    font-weight: bold;
}


/* CONFIGURATIONS TAILORED TO SPECIFIC PAGES */
/* houses.html HOUSES OVERVIEW */
/* each house has its own font-colour for headlines etc. */
.hopper {
	color: #041635;
}

.lovelace {
	color: #727FA0;
}

.turing {
	color: #4B6C7E;
}

.lamarr {
	color: #BDBDBD;
}

.knuth {
	color: #802F32;
}

/* house patron images */
img.patron {
	width: 6.5cm;
}


/* view_answers ANSWER OVERVIEW */
/* highlight the chosen answer */
.choice {
	font-weight: 900;
}


/* admin_form and admin_solution ADMIN TABLES */
table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
}
