html{background-image: url(images/gradient_PageB.jpg); background-repeat: repeat-x; background-color: #004053;}
/*
html{background-image: url(images/gradient_Page.jpg); background-repeat: repeat-x; background-color: #00391F;}*/
body{
color: #525252;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 9pt;
line-height: 150%;
margin-top: 0px;
}
/* CONTENT LINKS */
a{color: #525252; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: underline;}
a:link {color: #525252; text-decoration: underline;}
a:visited {color: #525252; text-decoration: underline;}
a:active {color: #525252; text-decoration: underline;}
a:hover {color: #000000; font-size: 9pt; font-weight: bold; text-decoration: underline;}
/* CONTENT LINKS main nav links */
a.main{color: #FFFFFF; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.main:link {color: #FFFFFF; text-decoration: none;}
a.main:visited {color: #FFFFFF; text-decoration: none;}
a.main:active {color: #FFFFFF; text-decoration: none;}
a.main:hover {color: #3F9FC5; font-size: 9pt; font-weight: bold; text-decoration: none;}
/* CONTENT LINKS sub links */
a.sub{color: #EBEBEB; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.sub:link {color: #EBEBEB; text-decoration: none;}
a.sub:visited {color: #EBEBEB; text-decoration: none;}
a.sub:active {color: #EBEBEB; text-decoration: none;}
a.sub:hover {color: #EBEBEB; font-size: 9pt; font-weight: bold; text-decoration: none;}
/*small*/
a.subs{color: #424242; font-size: 8pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.subs:link {color: #424242; text-decoration: none;}
a.subs:visited {color: #424242; text-decoration: none;}
a.subs:active {color: #424242; text-decoration: none;}
a.subs:hover {color: #424242; font-size: 8pt; font-weight: bold; text-decoration: none;}
/*smallGlowHerdenking*/
a.subH{color: #424242; font-size: 8pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.subH:link {color: #424242; text-decoration: none;}
a.subH:visited {color: #424242; text-decoration: none;}
a.subH:active {color: #424242; text-decoration: none;}
a.subH:hover {color: #6E6E6E; font-size: 8pt; font-weight: bold; text-decoration: none;}
/*big tabs*/
a.subb{color: #424242; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.subb:link {color: #424242; text-decoration: none;}
a.subb:visited {color: #424242; text-decoration: none;}
a.subb:active {color: #424242; text-decoration: none;}
a.subb:hover {color: #424242; font-size: 9pt; font-weight: bold; text-decoration: none;}
a.subs2{color: #424242; font-size: 8pt; font-weight: normal; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.subs2:link {color: #424242; text-decoration: none;}
a.subs2:visited {color: #424242; text-decoration: none;}
a.subs2:active {color: #424242; text-decoration: none;}
a.subs2:hover {color: #424242; font-size: 8pt; font-weight: normal; text-decoration: none;}
/*small - navigation*/
a.subs3{color: #FFFFFF; font-size: 8pt; font-weight: normal; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.subs3:link {color: #FFFFFF; text-decoration: none;}
a.subs3:visited {color: #FFFFFF; text-decoration: none;}
a.subs3:active {color: #FFFFFF; text-decoration: none;}
a.subs3:hover {color: #FFFFFF; font-size: 8pt; font-weight: normal; text-decoration: none;}
/* CONTENT LINKS white */
a.white{color: #FFFFFF; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.white:link {color: #FFFFFF; text-decoration: none;}
a.white:visited {color: #FFFFFF; text-decoration: none;}
a.white:active {color: #FFFFFF; text-decoration: none;}
a.white:hover {color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: underline;}
a.red{color: #FF0000; font-size: 9pt; font-weight: normal; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.red:link {color: #FF0000; text-decoration: none;}
a.red:visited {color: #FF0000; text-decoration: none;}
a.red:active {color: #FF0000; text-decoration: none;}
a.red:hover {color: #FF0000; font-size: 9pt; font-weight: normal; text-decoration: underline;}
/* CONTENT LINKS green */
a.green{color: #8AA992; font-size: 9pt; font-weight: normal; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: underline;}
a.green:link {color: #8AA992; text-decoration: underline;}
a.green:visited {color: #8AA992; text-decoration: underline;}
a.green:active {color: #8AA992; text-decoration: underline;}
a.green:hover {color: #2B6239; font-size: 9pt; font-weight: bold; text-decoration: underline;}
/* CONTENT LINKS green dark */
a.greenD{color: #2B6239; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.greenD:link {color: #2B6239; text-decoration: none;}
a.greenD:visited {color: #2B6239; text-decoration: none;}
a.greenD:active {color: #2B6239; text-decoration: none;}
a.greenD:hover {color: #8AA992; font-size: 9pt; font-weight: bold;}
/* CONTENT LINKS black blueRaad dark 3A738D 528CA6*/
a.bluD{color: #000000; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none; line-height: 100%;}
a.bluD:link {color: #000000; text-decoration: none; line-height: 100%;}
a.bluD:visited {color: #000000; text-decoration: none; line-height: 100%;}
a.bluD:active {color: #000000; text-decoration: none; line-height: 100%;}
a.bluD:hover {color: #555555; font-size: 9pt; font-weight: bold; line-height: 100%;}
a.blu{color: #3A738D; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.blu:link {color: #3A738D; text-decoration: none;}
a.blu:visited {color: #3A738D; text-decoration: none;}
a.blu:active {color: #3A738D; text-decoration: none;}
a.blu:hover {color: #528CA6; font-size: 9pt; font-weight: bold;}
#pageCentre {
width: 960px;
height: 1400px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
#navDiv{
position: absolute;
top: 130px;
left: inherit;
margin-left: 129px;
width: 830px;
height: 43px;
background-image: url(images/gradient_Nav.jpg);
background-repeat: repeat-x;
border-style: solid;
border-color: #999999;
border-width: 0px 1px 0px 0px;
z-index: 10;
}
.mainDivTxt{color: #FFFFFF; margin-top: 4px; line-height: 110%;}
#header {
position: absolute;
top: 0px;
width: 960px;
}
#contentDiv {
position: absolute;
margin-top: 145px;
width: 960px;
/* height: 800px;*/
background-color: transparent;
z-index: 5;
}
#headerBloc{height: 50px; background-image: url(images/bluHeaderBloc.gif); background-repeat: no-repeat; margin: 40px 0px 15px 0px; color: #FFFFFF; font-weight: bold;}
.welcome{width: 585px; height: 34px; background-color: #037799; background-image: url(images/BluCnr_header.jpg); background-repeat: no-repeat; background-position: top left;}
.dropDown{
position: absolute; top: 0px; left: inherit; height: 37px; margin: 165px 0px 0px 0px; z-index: 15;
background-color: #FFFFFF;} /*backgroundcolor to fix IE drop down disappear reads invisible function on layer beneath*/
#homeDiv{cursor: pointer; cursor: hand;}
#progDiv{cursor: pointer; cursor: hand;}
#resultDiv{cursor: pointer; cursor: hand;}
#rulesDiv{cursor: pointer; cursor: hand;}
#jukskeiDiv{cursor: pointer; cursor: hand;}
#clubsDiv{cursor: pointer; cursor: hand;}
#newsDiv{cursor: pointer; cursor: hand;}
#photoDiv{cursor: pointer; cursor: hand;}
.whiteDiv{margin-top: 0px; background-color: #FFFFFF; border-style: solid; border-color: #999999; border-width: 0px 1px 0px 1px;}
.headerBloc{height: 50px; background-image: url(images/bluHeaderBloc.gif); background-repeat: no-repeat; margin: 40px 0px 15px 0px; color: #FFFFFF; font-weight: bold;}
.tabShadow{width: 550px; height: 33px; margin: 0px 30px 10px 60px; background-image: url(images/gradient-shadow.jpg); background-repeat: repeat-x; background-color: #FFFFFF; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #545454;}
h1{color: #037799; font-size: 14pt; font-weight: bold;}
h1.Herdenk{color: #202020; font-size: 14pt; font-weight: bold; width: 500px; margin-left: 60px;}
h1.news{color: #037799; font-size: 14pt; font-weight: bold; width: 450px; margin-left: 40px;}
h2{color: #525252; font-size: 11pt; font-weight: bold;}
h3{color: #5098B6; font-size: 10pt; font-weight: bold;}
.content {margin-left: 15px; margin-right: 15px;}
.contentEnglish {font-style: italic; margin-left: 15px; margin-right: 15px;}
.English {font-style: italic;}
.left{width: 500px; margin-left: 60px;}
.leftE{font-style: italic; width: 500px; margin-left: 60px;}
.leftN{width: 450px; margin-left: 40px;} /*news*/
.leftB{width: 550px; margin-left: 40px;} /*letters*/
.auth{width: 450px; margin-left: 40px; font-size: 7pt; font-weight: bold; font-style: italic;line-height: 110%} /*news*/
.caption{margin: 0px; font-size: 8pt; font-weight: bold;}
.small{font-size: 7pt;}
.red{font-size: 7pt; color: #FF0000;}
.tabA{width: 116px; height: 42px; margin: 0px 1px 0px 0px; text-align: center; background-image: url(images/tab.jpg); background-repeat: no-repeat; color: #FFFFFF;}
.tabInA{width: 116px; height: 42px; margin: 0px 1px 0px 0px; text-align: center; background-image: url(images/tab_inactive.jpg); background-repeat: no-repeat; cursor: pointer; cursor: hand;}
.tabsA{width: 98px; height: 33px; margin: 0px 1px 0px 0px; text-align: center; font-size: 8pt; line-height: 140%; background-image: url(images/tabs.jpg); background-repeat: no-repeat; color: #FFFFFF;}
.tabsInA{width: 98px; height: 33px; margin: 0px 1px 0px 0px; text-align: center; font-size: 8pt; line-height: 140%; background-image: url(images/tabs_inactive.jpg); background-repeat: no-repeat;}
td{color: #525252;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 9pt;
line-height: 150%;
vertical-align: top;}
td.header{background-color: #037799; color: #FFFFFF; padding-left: 10px; padding-right: 10px; font-weight: bold;}
td.Herdenkheader{font-size: 10pt; background-color: #1A1A1A; color: #cb8f24; padding-left: 10px; padding-right: 10px; font-weight: bold;}
td.shade{background-color: #DADADA; padding-left: 10px; padding-right: 10px;}
td.plainD{background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; border-style: solid; border-color: #E1EAE3; border-width: 0px 1px 1px 0px;}
td.plain{background-color: #FFFFFF; padding-left: 10px; padding-right: 10px;}
/* home page - upcoming and past events */
div.eventHome{margin: 0px; color: #DEDEDE;}
p.eventHeader{margin: 0px; padding: 15px 5px 15px 5px; background-color: #3A3A3A; color: #FFFFFF;}
p.eventContent{margin: 10px 0px 10px 0px;}
.divide{background-color: #282828; float: left; padding: 3px 5px 3px 5px; margin: 0px; border-style: solid; border-color: #666666; border-width: 1px 1px 1px 0px; line-height: 120%;}
.divideVert{background-color: #282828; padding: 3px 5px 3px 5px; margin: 0px; border-style: solid; border-color: #666666; border-width: 1px 1px 0px 1px; line-height: 120%; cursor: pointer; cursor: hand;}
.button {color: #FFFFFF; margin: 0px; padding: 1px 0px 2px 8px; height: 20px; width: 72px; background-image: url(images/button.jpg); background-repeat: no-repeat;}
img.hand {cursor: pointer; cursor: hand; padding-top: 3px;}
.divideGreen{border-style: dotted; border-color: #006233; border-width: 0px 0px 1px 0px; margin: 0px 20px 20px 20px;}
.gallery{margin-right: 5px;}
.loading{position: absolute; margin-left: 160px; margin-top: 130px; z-index: 6;
opacity: 0.8; filter: alpha(opacity=80)}
img.T {border-style: solid; border-width: 1px; border-color: #EBEBEB; padding: 3px; margin: 0px 0px 0px 0px; cursor: pointer; cursor: hand;}
img.TM {border-style: solid; border-width: 1px; border-color: #BEBEBE; padding: 8px; margin: 0px 0px 0px 0px; cursor: pointer; cursor: hand;}
.byline {background-color: #E5E5E5; font-size: 10pt; font-weight: normal; font-style: italic; padding: 8px; width: 450px; margin: 20px 0px 20px 40px;}
.bylineBrief {background-color: #E5E5E5; font-size: 10pt; font-weight: normal; font-style: italic; padding: 8px; width: 550px; margin: 20px 0px 20px 40px;}