@import "fonts.css";
* {margin: 0; padding: 0; font-size: 1em; list-style: none; font-weight: normal;}

p {margin-bottom: 1em;}

body {height: 100%; background: black url('images/hand.png') no-repeat 98% 100% fixed; overflow-y: scroll; padding-bottom: 4em;}
body>.header {font-family: Prefix; color: #33EECC; text-align: center; background: url('images/title2.svg') no-repeat center top;}
body>.header h1 {font-size: 2.25em;}
body>.header h2 {font-size: 1.75em; margin-top: 0.25em;}
body>.body {width: 40em; background: #FFEECC url('images/logo_white.png') no-repeat bottom center; margin: 0 auto 0 auto; border-radius: 0.5em; padding: 0.5em 0.75em 9.5em 0.75em}

#nav {padding: 0.85em; font-family: Arial;}
#nav li {display: inline-block; padding: 0 0.5em 0 0.5em;}
#nav a {color: #33EECC; text-decoration: none; font-weight: bold;}
#nav a:hover {color: #00AA99;}

.details h1 {font-weight: bold; font-size: 1.1em;}

#timetable h1 {font-size: 1.25em; font-weight: bold; padding-top: 0.5em;}

.module, .larp {border-radius: 0.5em; padding: 0.5em 0.5em 1.5em 0.5em; background-repeat: no-repeat; background-position: bottom center; margin-bottom: 1em;}
.odd {background-color: #EEDDBB;}
.even {background-color: #DDCCAA;}
.module h1, .larp h1 {font-weight: bold; font-size: 1.1em;}
.module h2, .larp h2 {font-weight: bold; width: 19em; display: inline-block;}
.module h2 span, .larp h2 span {font-weight: normal;}

.closed {background-image: url('images/down.png');}
.closed:hover {background-image: url('images/down_hover.png');}
.open {background-image: url('images/up.png');}
.open:hover {background-image: url('images/up_hover.png');}

#mod1 span {display: block;}
#mod1 .p1 {color: #880000;}
#mod1 .p2 {color: #0000EE;}
#mod1 .p3 {color: #008800;}
#mod1 .p4 {color: #FF0099;}

#order {margin-top: 1em; width: 16em; background: #DDCCAA; padding: 0.75em; border-radius: 0.5em; display: inline-block;}
#order input[type=text] {width: 11.5em;}
#order input[type=submit] {width: 4em; margin-left: 12em; margin-right: 0;}
div.field {margin-bottom: 0.25em;}
div.field label:first-child {width: 4em; display:inline-block;}

#shirts {display: inline-block; vertical-align: top; padding-top: 1.65em;}
#shirts img {width: 150px; border: 1px black solid; margin: 0; padding: 0;}

#timetable table {border-collapse: collapse; border: 1px solid black; width: 100%;}
#timetable thead td {font-weight: bold;}
#timetable tfoot td {font-weight: bold;}


#timetable td {border: 1px solid black; font-size: 0.75em; text-align: center; padding: 0 0.25em 0 0.25em;}