/* css style sheet for navigation bar */

/* fonts and colors (orange: E7842E - dark blue: 1d1a25 - light green: 05ba9d - sky blue: DBE4F3) */

@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Nunito Sans'), local('NunitoSans-Regular'), url(Images/NunitoSans-Regular.ttf) format('woff');
	}

@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(Images/NunitoSans-Bold.ttf) format('woff');
	}

body.navig  {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#1d1a25;
	font-family:'Nunito Sans', sans-serif;
	}

body.header {
	font-family:'Nunito Sans', sans-serif;
	background: url(./Images/HeaderBkgrdNu2018.png) repeat;
	-webkit-background-size: auto 84px;
	   -moz-background-size: auto 84px;
	     -o-background-size: auto 84px;
	        background-size: auto 84px;
	}

div.headline {
	position: absolute;
	top:   38px;
	bottom: 0px;
	left: 200px;
	right:  0px;
	}

div.navigitem {
	text-align:right;
	font-weight:bold;
	font-size:10pt;
	line-height:111%;
	position:relative;
	right:12pt;
	margin-top:0;
	margin-bottom:0;
	}

div.navigspacer {
	margin-top:0.8ex;
	}

hr {
	margin:3pt;
	margin-left:  0pt;
	margin-right:12pt;
	height:1px;
	border-width:0;
	color:#05ba9d;
	background-color:#05ba9d;
}

div.organiseritem {
	text-align:right;
	font-weight:bold;
	font-size:11pt;
	position:relative;
	right:12pt;
	margin-top:0;
	margin-bottom:0;
	}

table.organisers {
	border:0;
	border-spacing:0pt 0pt;
	border-collapse:separate;
	padding:0;
	padding-left:12pt;
	width:100%;
	}

td.organisers {
	text-align:left;
	padding:0;
	padding-left:10pt;
	width:100%;
	}

td.organisers a {
	display:inline-block;
	margin:0;
	margin-top:4pt;
	}

table.fineprint {
	text-align:center;
	font-size:8pt;
	border:0;
	border-spacing:0;
	padding:0;
	padding-left:12pt;
	width:100%;
	}

table.sponsor {
	table-layout:fixed;
	width:100%;
	padding:0;
	border:0;
	border-spacing:4px;
	}

td.sponsor {
	text-align:center;
	vertical-align:middle;
	font-size:8pt;
	width:10%;
	height:34px;
	}

img.sponsor {
	max-width:100%;
	max-height:100%;
	}

img.visitorcounter {
	visibility:hidden;
	height:2px;
	width:2px;
	}

.socialmenu {
	display:inline-block;
	position:relative;
	}

.activemenu {
	display:none;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	background-color:#1d1a25;
	}

.openmenu {
	display:none;
	position:absolute;
	right:0;
	z-index:1;
	background-color:#1d1a25;
	}

.socialmenu:hover .openmenu {
	display:block;
	}

.socialmenu:hover .activemenu {
	display:block;
	}

.socialmenu:hover a {color:inherit;}

.socialtable {
	padding:0px;
	border-spacing:0px;
	}

.socialtablecell {
	padding-top:5px;
	}

.sharebutton {
	display:inline-block;
	font-weight:initial;
	font-size:9pt;
	text-align:center;
	padding-right:0.5em;
	padding-left:1.8em;
	outline:1px solid;
	border:3px solid;
	width:auto;
	min-width:40px;
	white-space:nowrap;
	}

.twitter {
	background: url(./Images/Twitter_Social_Icon_Rounded_Square_Color.png) 1px center no-repeat;
	background-color:#1DA1F2;
	-webkit-background-size: 18px 18px;
	   -moz-background-size: 18px 18px;
	     -o-background-size: 18px 18px;
	        background-size: 18px 18px;
	outline-color:#1DA1F2;	
	border-color:#1DA1F2;	
	}

.facebook {
	background: url(./Images/FB-f-Logo__white_29.png) 3px center no-repeat;
	background-color:#3B579D;
	-webkit-background-size: 13px 13px;
	   -moz-background-size: 13px 13px;
	     -o-background-size: 13px 13px;
	        background-size: 13px 13px;
	outline-color:#3B579D;
	border-color:#3B579D;
	}

.youtube {
	background: url(./Images/YT_red.png) 1px center no-repeat;
	background-color:#CC181E;
	-webkit-background-size: 18px 18px;
	   -moz-background-size: 18px 18px;
	     -o-background-size: 18px 18px;
	        background-size: 18px 18px;
	outline-color:#CC181E;
	border-color:#CC181E;
	}

.instagram {
	background: url(./Images/Insta_colour.png) 1px center no-repeat;
	background-color:#D93175;
	-webkit-background-size: 18px 18px;
	   -moz-background-size: 18px 18px;
	     -o-background-size: 18px 18px;
	        background-size: 18px 18px;
	outline-color:#D93175;
	border-color:#D93175;
	}

td {
	vertical-align:top;
	}

td.headlinetop {
	text-align:center; vertical-align:middle; width:100%; height:33px; font-size:14pt; color:#FFFFFF;
	}

td.headlinebottom {
	text-align:center; vertical-align:middle; width:100%; height:50px; font-size:24pt; color:#1d1a25;
	}

/* link, visited, active and hover */
a:link    {color:inherit;font-weight:bold;text-decoration:none;     font-size:inherit;font-family:inherit;}
a:visited {color:inherit;font-weight:bold;text-decoration:none;     font-size:inherit;font-family:inherit;}
a:hover   {color:#E7842E;font-weight:bold;text-decoration:underline;font-size:inherit;font-family:inherit;text-shadow: 0 0 10px white;}
a:active  {color:#05ba9d;font-weight:bold;text-decoration:underline;font-size:inherit;font-family:inherit;text-shadow: 0 0 20px #FAC8AB;}