/* Style-Sheet "Itzehoer Wasser-Wanderer e.V." */
/* 12. Fabruar 2024 - öl                       */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* libre-barcode-39-regular - latin */
@font-face {
  font-family: 'Libre Barcode 39';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/libre-barcode-39-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/libre-barcode-39-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-barcode-39-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-barcode-39-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-barcode-39-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/libre-barcode-39-v14-latin-regular.svg#LibreBarcode39') format('svg'); /* Legacy iOS */
}

body {font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
      color:#000000;
	  font-size:12.5pt;
	  background-image: url('images/drachenboot/indoor-background3.jpg');
	  background-size: cover; 
	  background-attachment: fixed;
	  background-position: center;
	  margin: 0px;}

@media (max-width:360px)
{
  body {font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
      color:#000000;
	  font-size:12.5pt;
	  background: rgb(100,100,100);
	  margin: 0px;}
}
	  
div.formgroup {min-width:300px; max-width: 600px; background-color: #eeeeee; margin-bottom: 3px; padding: 1px; border-radius: 10px 10px 10px 10px; text-align: left;}

div.main {max-width:400px;
         width: 90%;
		 text-align:left;
		 margin-top:25px;
		 margin-bottom:25px;
		 padding:8px;
		 background-color: rgb(225,225,225);
		 background-color: rgba(225,225,225,0.75);
		 border-radius: 15px 15px 15px 15px;
		 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

div.sponsor {max-width:40vw;
         width: 90%;
         font-size:1.5vh;
		 text-align:center;
		 margin-top:20px;
		 padding:20px;
		 background-color: rgb(225,225,225);
		 background-color: rgba(225,225,225,0.75);
		 border-radius: 15px 15px 15px 15px;
		 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

a {font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;; font-size: 12.5pt; font-weight:normal}
a:link {color:#000000}
a:visited {color: #000000}
a:hover {color: #000000}
a:active {color: #888888}
a.sponsor {font-size:1.5vh;}
a.small {font-size: 10pt; font-weight:normal}
a.phone {font-size: 12pt; font-weight:bold; text-decoration: none;}
a.phonesmall {font-size: 10pt; font-weight:bold; text-decoration: none;}

font.pageheader {font-size: 18pt; font-weight:lighter; color:#000000 }
font.header {font-size: 14pt; font-weight:lighter; color:#000000 }
font.header1 {font-size: 14.5pt; font-weight:lighter; color:#000000; }
font.header2 {font-size: 20pt; font-weight:bold; color:#000000; }
font.larger {font-size: 11pt; font-weight:lighter; color:#000000 } 
font.small {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; color:#000000}

.high {display: inline}
.highbr {display: block}
.low {display: none}
.low_nobr {display: none}

@media (max-width:765px)
{
  .high {display: none}
  .highbr {display: none}
  .low{display: block}
  .low_nobr{display: inline}
}


div.display
{ 
  font-size: 8vh;
  font-weight:bold;
  color:#ffffff;
  background-color: rgba(150,150,150,0.75);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.displaysmall
{ 
  font-size: 4vh;
  font-weight:bold;
  color:#ffffff;
  background-color: rgba(150,150,150,0.75);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width:50%;
  text-align: center;
}

.displayxsmall
{ 
  font-size: 2.5pt;
  font-weight:bold;
  color:#ffffff;
  background-color: rgba(100,100,100,0.75);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width:95%;
  text-align: center;
}

div.raceno
{
  font-size: 8vh;
  font-weight:bold;
  color:#ffffff;
  max-width:15vh;
  background-color: rgba(239,125,0,1.0); /*rgba(255,216,0,1.0);*/
  border-radius: 100px 100px 100px 100px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.racenosmall
{
  font-size: 4vh;
  font-weight:bold;
  color:#ffffff;
  max-width:75px;
  background-color: rgba(239,125,0,1.0); /*rgba(255,216,0,1.0);*/
  border-radius: 100px 100px 100px 100px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.racenext
{
  font-size: 4vh;
  font-weight:bold;
  color:#ffffff;
  max-width:40vw;
  background-color: rgba(239,125,0,1.0); /*rgba(255,216,0,1.0);*/
  border-radius: 100px 100px 100px 100px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 20px;
}

div.racenextsmall
{
  font-size: 2vh;
  font-weight:bold;
  color:#ffffff;
  max-width: 380px;
  width: 95%;
  background-color: rgba(239,125,0,1.0); /*rgba(255,216,0,1.0);*/
  border-radius: 100px 100px 100px 100px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 0px;
}

.raceid
{
  font-size: 8vh;
  font-weight:bold;
  color:#ffffff;
  background-color: rgba(239,125,0,1.0); /*rgba(255,216,0,1.0);*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.raceidsmall
{
  font-size: 4vh;
  font-weight:bold;
  text-align:center;
  color:#ffffff;
  background-color: rgba(239,125,0,1.0); /*rgba(255,216,0,1.0);*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.raceidxsmall
{
  font-size: 2vh;
  font-weight:bold;
  color:#ffffff;
  background-color: rgba(239,125,0,1.0); /*rgba(255,216,0,1.0);*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

td {font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif; font-size: 11pt;}
td.frmheader {font-size: 9pt; font-weight:bold; color: #000000; border-bottom: solid thin red; }

select {font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;; font-size: 9pt}
select:focus { background-color: #fff8db;}

input {font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;; font-size: 9pt}
input:focus { background-color: #fff8db;}

input.display
{ 
  font-size: 7vh;
  font-weight:bold;
  color:#ffffff;
  max-width: 150px;
  width: 40%;
  border: none;
  margin-left: 20px;
  margin-right: 20px;
  background-color: rgba(150,150,150,0.75);
  text-align: center;
  border-radius: 50px 50px 50px 50px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.notseen { display:none; }

.button {height: 24px; border-radius: 3px;}

.white { background-color: #ffffff;}
.transparent { background-color: transparent;}
.tabhead { background: #dddddd; }

h1 {font-size:24pt; font-weight:normal; color:#000000; margin-top: 0px; margin-bottom:10px; text-align: center;}
h2 {font-size:20pt; font-weight:normal; color:#000000; margin-bottom:10px; text-align: center;}
h3 {font-size:14pt; font-weight:bold; color:#000000; margin-top: 0px; margin-bottom:0px; text-align: center;}

.idic_table {margin-bottom: 4px;}
.idic_table2 {margin-bottom: 4px; outline-style:solid; outline-width:2px; outline-color:#ff0000;}
.idic_tab_header {font-size: 11.5pt; font-weight:normal; color:#badef4; background-color:#424242; border-radius: 1px 1px 1px 1px;}
.idic_row_header {font-size: 11.5pt; font-weight:normal; color:#badef4; background-color:#424242; border-radius: 1px 1px 1px 1px;}
.idic_row_raceno {font-size: 11.5pt; font-weight:bold; color:ffffff; background-color:#ffd800; border-radius: 5px 5px 5px 5px;}

.idic_tab_cell {font-size: 11.5pt; font-weight:normal; color: #000000; background-color: #eeeeee; border-radius: 1px 1px 1px 1px;}
.idic_tab_cell_sieg {font-size: 11.5pt; font-weight:normal; color: #000000; background-color: #fff6cc; border-radius: 1px 1px 1px 1px;}

.idic_menue 
{
  font-size: 12pt;
  font-weight:normal;
  color:#000000;
  background-color:#ffd800;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  width: 90px;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.idic_menue2 
{
  font-size: 12pt;
  font-weight:normal;
  color:#000000;
  background-color:#ffd800;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  width: 180px;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.numstep {font-size: 35pt; font-weight:bold; color:#000000; background-color: #ffd800; border-radius: 5px 5px 5px 5px; border: none; cursor: pointer; max-width: 60px; width:15%; text-align: center; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#TopOfPageButton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}

#EventButton {
  display: fixed;
  position: relative;
  top: 25px;
  left: 20px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}