body {
	margin: 0px;
	padding: 0px;
	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	
	background-image: url(../images/background10c.gif);
	background-repeat: repeat;
	background-position: top center;
	
	background-color: #4a8aae;
}

@font-face {
	font-family: 'BenthamRegular';
	src: url('../fonts/Bentham.eot');
	src: local('Bentham Regular'), local('BenthamRegular'), url('../fonts/Bentham.ttf') format('truetype');
}

h1 {
	margin: 5px 0px 5px 0px;
	color: #aa0b1e;

	font-family:  'BenthamRegular', Palatino Linotype, Palatino, Serif;
	font-weight: normal;
	font-size: 2.1em;
}

h2 {
	margin: 5px 0px 5px 0px;
	color: Black;

	font-family: Calibri, Trebuchet MS, Arial, Helvetica, Sans-Serif;
	font-size: 1.4em;
}

h3 {
	margin: 5px 0px 5px 0px;
	color: Black;

	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
}

p {
	line-height: 1.5;
	margin: 5px 0px 0px 0px;
}

.picture {
	margin: 8px 0px 8px 3px;
}

.print {
	display: none;
}

#topshadow {
	background-image: url(../images/background10c-top.gif);
	background-repeat: repeat-x;
	background-position: top center;
}

#dropshadow {
	background-image: url(../images/dropshadow.png);
	background-repeat: repeat-y;
	background-position: top center;
}

#main {
	background-color: White;
	margin: auto;
	padding: 0px;
	width: 980px;
}

#header {
	background-color: #b03618;
	background-image: url(../images/header-background.gif);
	background-repeat: repeat-y;	
	height: 58px;
}

#header div {
	background-image: url(../images/header-bg-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 58px;	
}

#header img {
	margin-left: 20px;
	margin-top: 6px;
}

/* Menubar */

#menuicons {
	position: absolute;
	margin-left: 925px;
	margin-top: 4px;
}

#menuicons a {
	padding: 0px 1px 0px 1px;
}

#menuicons img {
	border: 0px;
}

#menubar {
	background-color: #e8d59c;
	border-bottom: solid 1px #beae85;
	font-size: 1.1em;
	padding: 5px 20px 4px 20px;
	list-style-type: none;
	margin: 0px;
}

#menubar li {
	padding: 0px 0px 0px 20px;
	display: inline;
	background-image: url(../images/navigation-bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#menubar li.first {
	padding: 0px;
	background-image: none;
}

#menubar a {
	color: Black;
	text-decoration: none;
}

#menubar a:hover {
	text-decoration: underline;
}

#menubar li.selected  a {
	color: #aa0b1e;
	font-weight: bold;
}

/* Submenu */

#submenu {
	font-size: 1.0em;
	margin: 0px;
	padding: 5px 20px 4px 20px;
	list-style-type: none;
}

#submenu li {
	padding: 0px 5px 0px 11px;
	display: inline;
	background-image: url(../images/submenu-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#submenu li.selected {
	color: #Black;
}

#submenu li.first {
}

#submenu a {
	color: #808080;
}

#submenu a:hover {
	color: Black;
}

/* Tabbar */

div.tabbar {
	height: 22px;
	background-image: url(../images/tabbar/tab-background.gif);
	padding-left: 8px;
	
	margin: 20px 20px 0px 20px;
}

div.tabbar div.tab, div.tabbar div.tab-focus {
	float: left;
	margin-left: 8px;
}

div.tabbar div.tab {
	cursor: pointer;
}

div.tabbar div.tab-focus {
	cursor: default;
}

div.tabbar div.tab-center {
	height: 22px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	float: left;
	line-height: 22px;
}

div.tabbar div.tab-left {
	float: left;
	width: 8px;
	height: 22px;

}

div.tabbar div.tab-right {
	float: left;
	width: 8px;
	height: 22px;
}

div.tabbar div.tab div.tab-center {
	background-image: url(../images/tabbar/tab-center.gif);
	line-height: 22px;
}

div.tabbar div.tab div.tab-left {
	background-image: url(../images/tabbar/tab-left.gif);
}

div.tabbar div.tab div.tab-right {
	background-image: url(../images/tabbar/tab-right.gif);
}

div.tabbar div.tab-focus div.tab-center {
	background-image: url(../images/tabbar/tab-focus-center.gif);
	line-height: 22px;
}

div.tabbar div.tab-focus div.tab-left {
	background-image: url(../images/tabbar/tab-focus-left.gif);
}

div.tabbar div.tab-focus div.tab-right {
	background-image: url(../images/tabbar/tab-focus-right.gif);
}

/* Mainpage image */

#slideshow {
	height: 424px;
	width: 716px;
	background-color: #808080;
}

#slideText {
	padding: 7px 16px 8px 16px;
	font-style: italic;
	background-color: #8a817a;
	width: 684px;	
	font-size: 0.9em;
	background-image: url(../images/picture-comment-bg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-top: solid 1px #7f766f;
}

#slideText h2 {
	margin: 0px 0px 0px 0px;
	color: White;
}

#slideText p {
	line-height: 1.4;
	margin: 0px;
	color: White;
}

#slideshowNavigation {
	position: absolute;
	margin-left: 8px;
	font-size: 0.8em;
	font-weight: bold;
	z-index: 2;
	
	margin-top: 401px;
	
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

#slideLoading {
	position: absolute;
	display: none;
	height: 424px;
	width: 716px;	
	background-image: url(../images/loading.gif);
	z-index: 2;
	background-position: center center;
	background-repeat: no-repeat;
	
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;	
}

#slideshowNavigation div.button {
	background-color: Black;
	width: 72px;
	padding: 2px 0px 3px 0px;
	margin-right: 2px;
	float: left;
	text-align: center;
}

#slideshowNavigation a {
	color: White;
	text-decoration: none;
}

#slideshowNavigation a:hover {
	color: Yellow;
}

/* Content */

#content {
	padding: 20px 0px 20px 30px;
	width: 660px;
	float: left;
}

#content h1 {
	margin: 5px 0px 0px 0px;
}

#content h2 {
	margin: 0px;
}

#content p {
	margin: 0px;
}

#content ul, #content ol {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.5;
}

#content td.invisible {
	padding-right: 12px;
	border-color: White !important;
}

#content a, #column-left a, #column-right a {
	color: #0573c7;
}

#content a:hover, #column-left a:hover, #column-right a:hover  {
	color: #ba3500;
}

/* ImageColumn */

#ImageColumn {
	float: right;
	width: 370px;
	padding-top: 26px;
	padding-left: 30px;
}

#ImageColumn div {
	padding-bottom: 12px;
}

#ImageColumn div.red, #ImageColumn div.blue, #ImageColumn div.yellow, #ImageColumn div.light-blue, #ImageColumn div.green {
	padding: 5px 10px 5px 10px;
	font-style: italic;
	font-size: 0.85em;
	margin-bottom: 12px;
}

#ImageColumn div.red {
	background-color: #b23824;
	color: #eed47a;
}

#ImageColumn div.blue {
	background-color: #1968a0;
	color: #9ad9e9;
}

#ImageColumn div.yellow {
	background-color: #ddbb45;
	color: #ad4e1a;
}

#ImageColumn div.light-blue {
	background-color: #76b6db;
	color: #0b5d71;
}

#ImageColumn div.green {
	background-color: #418844;
	color: #d1e8d2;
}

/* Course specific content */

#content.course {
	padding-top: 24px;
}

table.courseInfo {
	margin: 0px 0px 20px -30px;
	border-right: solid 1px #f1efe0;
	width: 690px;
}

table.courseInfo th {
	background-color: #f6f4e5;
	border-top: solid 1px #f0f2dd;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: 22px 5px;
	padding: 2px 0px 2px 30px;
	font-size: 0.85em;
	font-weight: normal;
	text-align: left;
}


table.courseInfo td {
	background-color: #fdfbef;
	border-bottom: solid 1px #f1efe0;
	
	padding: 2px 0px 2px 30px;
	font-size: 0.85em;
	font-weight: bold;
}

/* ContentImage */

#contentImage {
	width: 250px;
	float: left;
	padding: 20px 0px 0px 30px;
}

#content.frontpage-content {
	width: 680px;
	padding: 14px 0px 20px 20px;
}

/* Columns */

#column-left {
	float: left;
	width: 335px;
	margin-top: 6px;
	padding: 0px 13px 20px 15px;
	border-right: dotted 2px #CCCCCC;
}

#column-right {
	float: left;
	width: 335px;
	margin-top: 6px;
	padding: 0px 0px 20px 15px;
}

#column-left.column-wide { width: 460px; }
#column-right.column-wide { width: 460px; }

#column-left img, #column-right img {
	margin-top: 7px;
	margin-bottom: 7px;
}

/* Footer */

#footer {
	clear: both;
	background-color: #b03618;
	color: White;
	font-size: 0.85em;
	margin-top: 10px;
	padding: 3px 0px 6px 20px;
}

#footer a {
	color: White;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* Agenda */

#agenda {
	float: right;
	width: 250px;
	
	padding-top: 12px;
	
	background-image: url(../images/agenda-ornament.gif);
	background-repeat: no-repeat;
	background-position: 8px 38px;
}

div.agendaGroup {
}

div.oddGroup {
	background-color: #dee6ed;
}

div.agendaGroup h2 {
	margin: 0px;
	padding: 1px 5px 2px 5px;
}

div.agendaGroup ul {
	list-style-type: none;
	position: relative;
	top: -1px;
	margin: 0px;
	padding: 0px 12px 7px 16px;
}

div.agendaGroup li {
	padding: 0px 0px 1px 0px;
	font-size: 0.85em;
}

div.agendaGroup li.currentCourse {
	font-weight: bold;
}

div.agendaGroup a {
	color: Black;
	text-decoration: none;
}

div.agendaGroup a:hover {
	text-decoration: underline;
}

/* Programma */

#program  {
	font-size: 0.85em;
}

#program h2.dateline {
	margin: 14px 0px 5px -30px;
	padding: 1px 0px 2px 30px;

	font-size: 1.5em;
	font-weight: normal;
	
	background-color: #3b9fcb;
	color: White;
}

#program h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #7b7b7b;
	margin: 14px 0px 5px 0px;
}

#program h3 a {
	text-decoration: none;
	color: #7b7b7b;
}

#program h3 a:hover {
	text-decoration: underline;
}

#program p {
	padding: 0px 15px 0px 15px;
}

#program a {
	text-decoration: none;
}

#program div.programItem {
	background-color: White;
}

#program div.programItem div.gotoCourse {
	display: none;
}

#program div.highlited div.gotoCourse {
	display: none;
}

/* Routeplanner */

#mapHeader {
	display: none;
}

#mapCanvas {
	border: solid 1px #CCCCCC;
	widht: 870px; 
	height: 580px	
}

#Trips {
	margin: 10px 0px 10px 0px;
}

#Trips table {
	cursor: pointer;
	border-collapse: collapse;
}

#Trips .error {
	font-weight: bold;
	color: Red;
}

#Trips td {
	border: solid 1px #DDDDDD;
	background-color: #EEEEEE;
	padding: 1px 25px 1px 20px;
}

#Trips td.first {
	padding-left: 30px;
	text-decoration: underline;
}

#Trips tr.selected td {
	background-color: #1b66e1;
	color: White;
}

#Trips tr.selected td.first {
	background-image: url(../images/white-triangle.gif);
	background-position: 15px 5px;
	background-repeat: no-repeat;
}

#Directions {
	margin: 20px 0px 20px 0px;
}

#Directions table {
	border-bottom: solid 1px #CCCCCC;
	font-size: 0.9em;
}

#Directions td {
	border-top: solid 1px #DDDDDD;
	padding: 2px 4px 0px 4px;
	vertical-align: top;
}