body {  height: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px; 
	background-color: #FFFFFF;

}
p , li, ol, ul, tr, br {  
	font-size: 10px; 
}

h1 {
	font-size: 10px;
}

td   { color: #060; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }


.input {
	border: 1px solid #000066;
	background-color: #FFFFFF;
	color: #000066;
	font: normal 6pt Verdana, Arial, Helvetica, sans-serif; 
}

.button { background-color:#aaa; color:#fff; width:200px; border:6px solid #ddd; }

/* link */
.link {
	color: #d67600;
	text-decoration: none;
}


/* Zusatzinfos */
.changehole {
	color: #000000;
	text-decoration: none;
}

.setscore {
	color: #FFFFFF;
	text-decoration: none;
}

.Anmerkung {
	font-size: 10px;
	color: #000000;
}


.n7   { color: #060; font-size: 7pt; font-family: Verdana, Arial,Helvetica,sans-serif; text-decoration:none; }
.n8   { color: #060; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.b10  { color: #060; font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.n11  { color: #060; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.b8   { color: #060; font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.b11  { color: #060; font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none }


/* Hauptfenster    */
/*-----------------*/
.box_main {
	position:relative;
	width: 950px;
	padding: 5px;
        margin: 4px 2px 14px 2px;
	/*give the background a gradient*/ 
	background:#9EBAA0; /*fallback for browsers that don't support gradients*/ 
	background: -webkit-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -moz-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -o-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -ms-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: linear-gradient(top, #FFFFFF, #9EBAA0);
	border:2px outset #dad9d8;
	/*style the text*/ 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.0empt;
	/*letter-spacing:0.05em;*/
	/*text-transform:uppercase;*/
	color:#060;
	/*add to small curve to the corners of the button*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .55);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .55);
	-ms-box-shadow:0 1px 6px rgba(0, 0, 0, .55);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .55);
}


/* Menübutton      */
/*-----------------*/
input#box_button {
	position:relative;
        cursor: pointer;
	width: auto;
	height: auto;
	padding: 2px;
	/*give the background a gradient*/ 
	background:#9EBAA0; /*fallback for browsers that don't support gradients*/ 
	background: -webkit-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -moz-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -o-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -ms-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: linear-gradient(top, #FFFFFF, #9EBAA0);
	border:2px outset #dad9d8;
	/*style the text*/ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	letter-spacing:0.05em;
	/*text-transform:uppercase;*/
	color:#060;
	/*add to small curve to the corners of the button*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
	-moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
	box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}

.box {
      background-color: #FFFFFF;
      position:relative;
      width: 300px;
      height: auto;	
      border:2px outset #dad9d8; /*border: 1px solid #C1C1C1;*/
      box-shadow: 1px 1px 3px #C1C1C1;
      border-radius: 8px;
      padding: 5px;
      margin: 4px 2px 4px 2px;	
      float: center;	
}

/* Box Standard */
/*-----------------*/
.box_std {
	background-color: #F9F9F9;	
	position:relative;
	width: 950px;
	height: auto;	
	border:2px outset #dad9d8; 
	box-shadow: 1px 1px 1px 1px #C1C1C1;
	border-radius: 10px;
	padding: 5px;
	margin: 4px 2px 4px 2px;	
	float: center;	
}

/* Box DK Clubs */
/*-----------------*/
.box_clubs {
	background-color: #F9F9F9;	
	position:relative;
	width: 775px;
	height: 480px;	
	/*style the text*/ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	letter-spacing:0.05em;
	/*text-transform:uppercase;*/
	color:#060;
	border:2px outset #dad9d8; 
	box-shadow: 1px 1px 1px 1px #C1C1C1;
	border-radius: 10px;
	padding: 5px;
	margin: 4px 2px 4px 2px;	
	float: left;	
}


/* Box Name */
/*-----------------*/
.box_name {
	background-color: #F9F9F9;	
	position:relative;
	width: 900px;
	height: auto;	
	border:2px outset #dad9d8; 
	box-shadow: 1px 1px 1px 1px #C1C1C1;
	border-radius: 10px;
	padding: 5px;
	margin: 4px 2px 4px 2px;	
	float: center;	
	/*style the text*/ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:2.0em;
	letter-spacing:0.05em;
	/*text-transform:uppercase;*/
	color:#060;
}


/*Container Space Between*/
/*-----------------------*/
.flex-between-kopf {
	background-color: #FFFFFF;
	padding: 5px;
	margin: 4px 2px 4px 2px;
	/*style the text*/ 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	font-size:1,0em;
	/*letter-spacing:0.05em;*/
	/*text-transform:uppercase;*/
	color:#060;
	list-style: none;
	width: 950px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border:2px outset #dad9d8; 
	box-shadow: 1px 1px 1px 1px #C1C1C1;
	border-radius: 10px;
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
}

/*Container Space Between*/
/*-----------------------*/
.flex-between-menu {
	background-color: #F9F9F9;
	padding: 5px;
	margin: 4px 2px 4px 2px;
	list-style: none;
	width: 950px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border:2px outset #dad9d8; 
	box-shadow: 1px 1px 1px 1px #C1C1C1;
	border-radius: 10px;
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
}


/*Container von links nach rechts*/
.flex-left {
	padding: 5px;
  	margin: 4px 2px 4px 2px;
  	list-style: none;
  	width: 950px;
  	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
	display: -webkit-flex;
  	display: flex;
  	border:2px outset #dad9d8; 
  	box-shadow: 1px 1px 1px 1px #C1C1C1;
  	border-radius: 10px;
  	-webkit-flex-flow: row wrap;
  	justify-content: flex-start;
}

/*Container von links nach rechts*/
.flex-center {
	padding: 5px;
  	margin: 4px 2px 4px 2px;
  	list-style: none;
  	width: 950px;
  	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
	display: -webkit-flex;
  	display: flex;
  	border:2px outset #dad9d8; 
  	box-shadow: 1px 1px 1px 1px #C1C1C1;
  	border-radius: 10px;
  	-webkit-flex-flow: row wrap;
  	justify-content: center;
}

.box_info {
	position:relative;
	width: 950px;
	padding: 5px;
	margin: 4px 2px 4px 2px;
	/*give the background a gradient*/ 
	background:#9EBAA0; /*fallback for browsers that don't support gradients*/ 
	background: -webkit-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -moz-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -o-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: -ms-linear-gradient(top, #FFFFFF, #9EBAA0);
	background: linear-gradient(top, #FFFFFF, #9EBAA0);
	border:2px outset #dad9d8;
	/*style the text*/ 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	/*letter-spacing:0.05em;*/
	/*text-transform:uppercase;*/
	color:#060;
	/*add to small curve to the corners of the button*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .55);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .55);
	-ms-box-shadow:0 1px 6px rgba(0, 0, 0, .55);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .55);
}

/* Box Bild */
.box_bild_kopf {
	padding: 0;
	width: 340px;
	height: 100px;
	border: 2px solid #ccc;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

.box_bild {
	padding: 0;
	width: 300px;
	height: 300px;
	border: 3px solid #ccc;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

.box_logo {
	background-color: #FFFFFF;
	padding: 0;
	width: 405px;
	height:100px;
	border: 3px solid #ccc;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

.box_bild_dk {
	padding: 0;
	width: 768px;
	height: 920px;
	border: 3px solid #ccc;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

.trans {
	width: 200px; height: 20px;
	position: relative;
	left: 0px;
	top: 270px;
  /*style the text*/ 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:14pt;
	font-weight: bold;
	color:#060;
	border: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFFFFF;
	opacity: 0.4;
}

.showinfo {
	background-color: #FFFFFF;
	padding: 10;
	width: 200px;
	height: auto;
	border: 3px solid #ccc;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

/* -- box errormeldung -- */
/*------------------------*/
.box_error {
      width: 300px;
      height: auto;
      margin-left: -150px;
      position:absolute;
      top:30em;
      left:50%;
      /*margin-top: -40px;*/
      z-index:99;	
      background-color: #F9F9F9;	
      border:2px outset #9EBAA0; 
      box-shadow: 1px 1px 1px 1px #dad9d8;
      border-radius: 10px;
      padding: 5px;
      /*margin: 4px 2px 4px 2px;*/	
      /*style the text*/ 
      font-family:Verdana, Arial, Helvetica, sans-serif; 
      font-size:1.0em;
      letter-spacing:0.05em;
      /*text-transform:uppercase;*/
      color:#060;
      /*float: center;*/	
}

.box_logo_r {
	background-color: #FFFFFF;
	padding: 0;
	width: 200px;
	height:100px;
	border: 3px solid #ccc;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
}

.tooltip {
	position: absolute;
	display: none;
  padding: 5px;
  margin: 4px 2px 4px 2px;
	background-color: #FFFFFF;
  border: 1px solid #2F4F4F;
  border-radius: 5px;
	/*style the text*/ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.3em;
	letter-spacing:0.05em;
}

.menu_l {
	position: sticky;
  float:left;
  z-index: 99;
  top: 10px;
  width: 100px;
  
}

.menu_r {
	position: sticky;
  float:right;
  z-index: 99;
  top: 10px;
  width: 100px;
  
}

/* -- Box für Meldungen-- */
.box_info_help {
      width: 250px;
      height: auto;
      margin-left: -135px;
      position:absolute;
      top:20%;
      left:50%;
      z-index:99;	
      background-color: #E8E8E8;	
      border:1px outset #3a4527;
      box-shadow: 1px 1px 1px 1px #3a4527;
      border-radius: 10px;
      padding: 5px;
      /*style the text*/ 
      font-family:Verdana, Arial, Helvetica, sans-serif; 
      font-size:1.0em;
      color:#000;
}