#mainitem {
  width: 100%;
  background: url("../../_template/bg60.png");
  
  padding-bottom:0px; 
  margin-bottom:10px;
  padding-top:0px;
  margin-bottom:10px;
 
  -webkit-box-shadow: 0px 0px 5px #000000;
  box-shadow: 0px 0px 5px #000000;
	
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
 
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;

  transition: background .5s linear;
  -o-transition: background .5s linear;
  -moz-transition: background .5s linear;
  -webkit-transition: background .5s linear;

  transition: color .2s linear;
  -o-transition: color .2s linear;
  -moz-transition: color .2s linear;
  -webkit-transition: color .2s linear;
} 
	
#nav 
{ 
  border: 2px solid #000;		 
  font-weight: normal;
  background: #000000;
}

#content {
  margin: 0 10px;
}

#main {	
  overflow: hidden;
  margin: 0px;
  width: 100%;
  padding:0px;
  
  border: 3px solid black;
  background-color:black;
  text-align: left;
	
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;

  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
 
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}


#header {
  position:fixed;
  
  /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
  
  height: 80px;
  width: 1200px;
  text-align: center;
  border: 3px solid white;
  background-color:black;
  z-index:50;
}

#maincontent
{
  position:relative;
  top: 0px;
  left: 50%; 
  width: 1280px;
  margin-left: -640px; /* Hälfte des Wertes die das Element breit ist */
  margin-top: 3px;
  text-align: center; 
  border: 0px solid blue;
}

.bglogo_topleft {
  position: fixed;
  top: 8px;
  left: 10px;
  z-index:-50;
}

body.intro
{
  background-color: #000000;
  background-image: url(../../_template/Rasen.png);
  background-repeat:repeat;
  background-attachment:fixed;
  background-position:Left Bottom;
  font-family: verdana;
  font-size: 9pt;   
}

body.normal
{
  background-image: url(../_template/bg_01.png); 
  background-repeat: no-repeat; 
  background-position: top;
  background-color:black;
  background-attachment:fixed;
  font-family: verdana;
}

hr,
hr.black
{
  border: 0;
  height: 5px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
} 

hr.white
{
  border: 0;
  height: 5px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

table.lvl1
{    
  background-color: #000000;
  color:black;
  border-style:solid 1px black;  
}

table.main
{
  border-collapse:collapse;
  padding:0px;
  border-spacing:0px;
  border-width:0px;
}

table.sr1
{
  background-color:grey;
  border:0px solid black;
  padding:0px;
  margin:0px;
  text-align:center;
}

td.content
{    
  background-color: white;
  font-size: 14px;
  font-family: verdana;
}

td.header
{    
  background-color: black; 
  color:white;
  font-weight:bold;
  padding:3px;
  margin:3px;
  border:0px solid black;
}

td.radio
{
  margin:5px;
  padding:5px;
  text-align:center;
  border:1px solid white;
  background-color:grey;
}

td.sr1
{
  background-color:grey;
}

td.sr1_border
{    
  background-color: white;  
  color:black;  
  border:1px solid black;
  padding:5px;
}

/* Formular Elemente */

input.sr1
{
  background-color:#D9D9D9;
  color:black;
  padding:7px;
  border:1;
  border-color:black;
  font-size:14px;
  font-weight:bold;  
  font-family:Verdana;
}

textarea.sr1
{
  background-color:#D9D9D9;
  color:black;
  padding:7px;
  border:1;
  border-color:black;
  font-size:14px;
  font-weight:bold;  
  font-family:Verdana;
  resize: none;
}

button.sr2,
input.sr2,
textarea.sr2
{
  background-color:#000000;
  color:white;
  padding:7px;
  margin:2px;
  border:1;
  border-color:red;
  font-size:14px;
  font-weight:bold;  
  font-family:Verdana;
  resize: none;
}


/* #############################################################################################################################
CSS für SELECT
############################################################################################################################# */
/* #############################################################################################################################
Example:
################################################################################################################################
<div class="select-wrapper fa fa-angle-down" style="width:700px;">
<select name="type" size="1" class="btn" style="font-size:13px;font-family:Verdana;padding:0px;width:700px;">
</select>
</div>
############################################################################################################################# */

.select-wrapper 
{
  position: relative;
}

.select-wrapper::before 
{
  color: #fff;
  font-size: 18px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 12px;
}

select.aa_v1 
{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color:red;
  border: none;
  border-radius: 3px;
  color: black;
  font-weight:bold;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  outline: none;
  padding: 7px;
}

select.aa_v1 option 
{
  color: black;
  font-weight:bold;
}

select.aa_v1::-ms-expand 
{
  display: none;
}

select.aa_v1:focus::-ms-value 
{
  background-color: transparent;
}

/* #############################################################################################################################
############################################################################################################################# */





/* #############################################################################################################################
CSS für SELECT
############################################################################################################################# */
/* #############################################################################################################################
Example:
################################################################################################################################
<div class="select-wrapper fa fa-angle-down" style="width:700px;">
<select name="type" size="1" class="btn" style="font-size:13px;font-family:Verdana;padding:0px;width:700px;">
</select>
</div>
############################################################################################################################# */

.select-wrapper 
{
  position: relative;
}

.select-wrapper::before 
{
  color: black;
  font-size: 18px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 12px;
}

select.aa_v2 
{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color:#D9D9D9;
  border: 1;
  border-color:black;
  border-radius: 3px;
  color: black;
  font-weight:bold;
  cursor: pointer;
  font-size: 14px;

  outline: none;
  padding: 7px;
}

select.aa_v2 option 
{
  color: black;
  font-weight:bold;
}

select.aa_v2::-ms-expand 
{
  display: none;
}

select.aa_v2:focus::-ms-value 
{
  background-color: transparent;
}

/* #############################################################################################################################
############################################################################################################################# */



table.hidden_hinweis
{
  background-color:grey;
  border-spacing: 0px;
  padding:5px;
  margin:0px;
  text-align:center;
  width:100%;
  border-radius: 20px;
  border: 6px inset #D9D9D9;
}

td.hidden_hinweis_header
{    
  background-color: black; 
  color:white;
  font-weight:bold;
  padding:0px;
  margin:0px;
  border:0px solid black;
}


td.hidden_hinweis_content
{
  background-color:grey;
}

textarea.hidden_hinweis
{
  background-color:#D9D9D9;
  color:black;
  padding:7px;
  border:1;
  border-color:black;
  font-size:14px;
  font-weight:bold;  
  font-family:Verdana;
  width:100%;
  height:100px;
  resize: none;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 100;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}