* { 
    margin: 0; 
    padding: 0;
}

*, ::before, ::after { 
  box-sizing: border-box; 
}

body {
     background-color: #000000;
     background: url(image/skull.jpg);
     text-align: center;
}



#website {
        background-color: #000000;
        max-width: 1400px;
        min-width: 1000px;
        width: 95%;
        height: auto;
        border: 2px solid #333333;
        border-radius: 1.5em;
		margin: 1% 0% 0% 0%;
        padding: 1%;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px )
{
	#website 
	{
		max-width: 999px;
        min-width: 300px;
		width: 100vw;
		margin: 0% 0% 0% 0%;
		border: 1px solid #000000;
		border-radius: 0;
	}
}



#header-main 
{
	width: 100%;
	height: 14vw;
	background-color: #000000;
	background: url(image/omco-head.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px )
{
	#header-main 
	{
		height: 19vw;
		background: url(image/omco-head-mobil.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		border: 1px solid #555555;
		border-radius: 0.5em;
	}
}




#navigation 
{
	width: 100%;
	height: auto;
	background-color: #181818;
	padding: 0.0% 0.0% 0.0% 0.0%;
	margin: 0% 0% 0% 0.0%;
	border: 2px solid #555555;
	border-radius: 0.5em;
	float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px )
{
	#navigation
	{
		display: none;
	}
}




#header-member {
	width: 100%;
	height: 14vw;
	background-color: #000000;
	background: url(member/image/omco-head-member.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	padding: 0 0 0 0;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#header-member
	{
		height: 19vw;
		background: url(member/image/omco-head-member-mobil.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		border: 1px solid #555555;
		border-radius: 0.5em;
	}
}



#sidebar-left {
	width: 15%;
	height: auto;
	background-color: #181818;
	padding: 0.0% 0.5% 1% 0.5%;
	margin: 1% 0 1% 0%;
	border: 2px solid #555555;
	border-radius: 0.5em;
	float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#sidebar-left 
	{
		width: 100%;
		height: auto;
		display: inline-block;
		background-color: #000000;
		margin: 1% 0 0% 0%;
		border: 1px solid #555555;
	}
}





#sidebar-right-site-mobil 
{
	/*
	width: 100%;
	height: 48vw;
	background-color: #181818;
	background: url(image/event_22_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 1% 0% 0% 0%;
	padding: 1% 1% 1% 1%;
	border: 1px solid #555555;
	border-radius: 0.5em;
	float: left;
	*/
	display:none;
	
}
/* Änderungen für ein Handy */
@media only screen and ( min-width: 1000px ) 
{
	#sidebar-right-site-mobil 
	{
		display:none;
	}
}




#sidebar-right-site 
{
	width: 15%;
	height: 24vw;
	background-color: #181818;
	background: url(image/qr_fb.png);	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 1% 0% 1% 0%;
	border: 2px solid #555555;
	border-radius: 0.5em;
	float: right;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#sidebar-right-site 
	{
		display:none;
	}
}




#sidebar-right-member {
       width: 15%;
       height: auto;
       background-color: #181818;
	   margin: 1% 0% 1% 0%;
       padding: 0.0% 0.5% 1% 0.5%;
       border: 2px solid #555555;
       border-radius: 0.5em;
       float: right;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#sidebar-right-member
	{
		width: 100%;
		background-color: #000000;
		margin: 1% 0% 0% 0%;
		padding: 1% 1% 1% 1%;
		border: 1px solid #555555;
		
	}
}




#sidebar-right {
       width: 15%;
       height: auto;
       background-color: #181818;
	   margin: 1% 0% 1% 0%;
       padding: 1% 1% 1% 1%;
       border: 2px solid #555555;
       border-radius: 0.5em;
       float: right;
}

#sidebar-right-galerie {
       width: 15%;
       height: auto;
       background-color: #181818;
	   margin: 1% 0% 1% 0%;
       padding: 1% 1% 1% 1%;
       border: 2px solid #555555;
       border-radius: 0.5em;
       float: right;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#sidebar-right-galerie 
	{
		display:none;
	}
}


#content {
       width: 68%;
       height: 36em;
       background-color: #181818;
       padding: 0.0% 0.5% 0.5% 0.5%;
       margin: 1% 0% 1% 1%;
       border: 2px solid #555555;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#content
	{
		width: 100%;
		height: auto;
		background-color: #000000;
		margin: 1% 1% 1% 0%;
		padding: 2.0% 1% 0.5% 1%;
		border: 1px solid #555555;
	}
}


#content-galerie {
       width: 68%;
       height: 36em;
       background-color: #181818;
       padding: 0.0% 0.5% 0.5% 0.5%;
       margin: 1% 0% 1% 1%;
       border: 2px solid #555555;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#content-galerie
	{
		width: 100%;
		height: 80vw;
		background-color: #000000;
		margin: 1% 1% 1% 0%;
		padding: 0.0% 2.5% 0.5% 2.5%;
		border: 1px solid #555555;
	}
}


#content-member {
       width: 98%;
       height: auto;
       background-color: #181818;
       padding: 1.0%;
       margin: 0.5% 1.0% 0.5% 1.0%;
       border: 2px solid #D0D0D0;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#content-member
	{
		width: 100%;
		background-color: #000000;
		margin: 0.5% 0.0% 0.5% 0.0%;
		border: 1px solid #555555;
	}
}


div.content-member {
       width: 98%;
       height: auto;
       background-color: #181818;
       padding: 1.0%;
       margin: 0.5% 1.0% 0.5% 1.0%;
       border: 1px solid #D0D0D0;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}






#footer {
       width: 100%;
       height: auto;
       max-height: 10%;
	   background-color: #181818;
       padding: 0.3% 0.2% 0.3% 0.2%;
       margin: 0% 0% 0% 0%;
       border: 2px solid #555555;
       text-align: center;
	   border-radius: 0.5em;
       clear: both;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	#footer
	{
		background-color: #000000;
		border: 1px solid #555555;
		padding: 3% 0% 3% 0%;
	}
}



h1 {
      color: #777777;
      font-size: 1.15em;
      margin: 0;
      padding: 0;
}


p {
      font-size: 1.1em;
      font-weight: bolder;
	  margin: 0.5vw 0% 0.5vw 0%;
      color: #FFFFFF;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p
	{
		font-size: 4vw;
		font-weight: normal;
		margin: 0.2vw 0% 0.2vw 0%;
	}
}

.normal	{font-weight: normal;}
.fett	{font-weight: bold;}
.fetter	{font-weight: bolder;}

.rot 	{color: #FF0000;}
.blau	{color: #0000FF;}
.weis 	{color: #FFFFFF;}
.grau 	{color: #999999;}
.gruen 	{color: #00FF00;}
.gelb 	{color: #FFFF00;}
.jtg	{color: #19DBE1;}

.k07	{font-size: 0.7em;}
.k08	{font-size: 0.8em;}
.k09	{font-size: 0.9em:}
.k10	{font-size: 1.0em;}
.k12	{font-size: 1.2em;}
.k14	{font-size: 1.4em;}

.mitte 	{text-align: center;}
.block 	{text-align: justyfi;}
.links 	{text-align: left;}
.rechts 	{text-align: right;}

.space	{letter-spacing: 0.1em;}
.caps	{font-variant: small-caps;}
.padd	{padding: 3%;}

p.mitte-weis {
      font-size: 1.2em;
      font-weight: bolder;
	  color: #FFFFFF;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.mitte-weis
	{
		font-size: 4vw;
		font-weight: normal;
	}
}


p.mitte-weis-klein {
      font-size: 0.9em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #FFFFFF;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.mitte-weis-klein
	{
		font-size: 3vw;
		font-weight: lighter;
	}
}

p.mitte-weis-block {
      font-size: 0.9em;
      font-weight: normal;
	  color: #FFFFFF;
      text-align: justify;
}

p.mitte-rot {
      font-size: 1.2em;
      font-weight: bolder;
      color: #FF0000;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.mitte-rot
	{
		font-size: 4vw;
		padding: 2vw 0 2vw 0;
	}
}


p.mitte-grau {
      font-size: 1.2em;
      font-weight: bolder;
      font-variant: small-caps;
      letter-spacing: 0.1em;
      color: #777777;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.mitte-grau
	{
		font-size: 4vw;
		padding: 2vw 0 2vw 0;
	}
}


p.mitte-grau-member {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #777777;
	  margin: 1% 0 1% 0;
	  padding: 0;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.mitte-grau-member
	{
		font-size: 4vw;
		letter-spacing: 0em;
	}
}

p.left-grau-member {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #777777;
      text-align: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.left-grau-member
	{
		font-size: 4vw;
		font-weight: normal;
	}
}


p.mitte-grau-member-left {
      font-size: 0.9em;
      font-weight: bolder;
	  color: #777777;
      text-align: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.mitte-grau-member-left
	{
		font-size: 4vw;
		font-weight: normal;
	}
}


p.mitte-grau-index-center {
      font-size: 1.2em;
      font-weight: bold;
      color: #777777;
      text-align: center;
}

p.mitte-grau-index-block {
      font-size: 0.9em;
      font-weight: bold;
      color: #777777;
      text-align: justify;
      padding: 3%;
}

p.rechts-grau-index {
      font-size: 1.2em;
      font-weight: bold;
      color: #777777;
      text-align: right;
      padding: 3%;
}

p.event-grau {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #777777;
      text-align: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-grau
	{
		font-size: 3.5vw;
		font-weight: normal;
	}
}

p.event-weis {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #FFFFFF;
      text-align: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-weis
	{
		font-size: 3.5vw;
		font-weight: normal;
	}
}

p.event-blau {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #4AB1DC;
      text-align: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-blau
	{
		font-size: 3.5vw;
		font-weight: lighter;
	}
}

p.event-gelb {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #F8F415;
      text-align: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-gelb
	{
		font-size: 3.5vw;
		font-weight: lighter;
	}
}

p.event-gruen {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
	  color: #1DEB16;
      text-align: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-gruen
	{
		font-size: 3.5vw;
		font-weight: lighter;
	}
}

p.event-grau-mitte {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #777777;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-grau-mitte
	{
		font-size: 3.5vw;
		font-weight: lighter;
	}
}

p.event-weis-mitte {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #FFFFFF;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-weis-mitte
	{
		font-size: 3.5vw;
		font-weight: lighter;
	}
}

p.event-blau-mitte {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #4AB1DC;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-blau-mitte
	{
		font-size: 3.5vw;
		font-weight: lighter;
	}
}

p.event-gelb-mitte {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
      color: #F8F415;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-gelb-mitte
	{
		font-size: 3.5vw;
		font-weight: normal;
	}
}

p.event-gruen-mitte {
      font-size: 1.0em;
      font-weight: bolder;
	  letter-spacing: 0.1em;
	  color: #1DEB16;
      text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.event-gruen-mitte
	{
		font-size: 3.5vw;
		font-weight: lighter;
	}
}

.navigation-text {
       font-size: 0.9em;
       text-align: left;
       color: #777777;
	   margin: 1vw;
       padding-left: 1%;
}

.navigation-text a {
       font-size: 0.9em;
       color: #999999;
       text-decoration: none;
}

.navigation-text a:hover {
       color: #FFFFFF;
}


ul.menu {
       width: 90%;
       list-style-type: none;
       font-weight: bolder;
       font-size: 1em;
       font-variant: small-caps;
       letter-spacing: 0.1em;
       background: #181818;
       margin: 0;
       padding: 2%;
       text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	ul.menu
	{
		width: 100%;
		background-color: #000000;
		font-size: 4vw;
	}
}





ul.menu li {
       margin: 0;
       padding: 4% 0 0 0;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	ul.menu li
	{
		width: 33%;
		padding: 1vw 0 2vw 0;
		float: left;
	}
}



ul.menu li a {
        width: 80%;
        position: relative;
        padding: 0.5% 2% 0.5% 2%;
        color: #777777;
        background-color: #181818;
        text-decoration: none;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	ul.menu li a
	{
		background-color: #000000;
		
	}
}




ul.menu li a:hover {
        color: #FFFFFF;
}



ul.member {
       width: 90%;
       list-style-type: none;
       font-weight: bolder;
       font-size: 1em;
       font-variant: small-caps;
       letter-spacing: 0.1em;
       background: #181818;
       margin: 0;
       padding: 0 0 0 0;
       text-align: center;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	ul.member
	{
		width: 100%;
		background-color: #000000;
		letter-spacing: 0em;
		font-size: 4vw;
	}
}





ul.member li {
       margin: 0;
       padding: 4% 0 0 0;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	ul.member li
	{
		width: 33%;
		padding: 0 0 1vw 0;
		float: left;
	}
}



ul.member li a {
        width: 80%;
        position: relative;
        padding: 0.5% 2% 0.5% 2%;
        color: #777777;
        background-color: #181818;
        text-decoration: none;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	ul.member li a
	{
		background-color: #000000;
		
	}
}



ul.member li a:hover {
        color: #FFFFFF;
}













a {
        color: #777777;
        font-weight: bolder;
        font-size: 1em;
        text-decoration: none;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	a
	{
		font-size: 4vw;
		maring: 1.5% 0% 1.5% 0%;
	}
}

a:hover {
        color: #FFFFFF;
}







div.content-mail {
       width: 24%;
       height: auto;
       background-color: #181818;
       padding: 0.0% 1.0% 1.0% 1.0%;
       margin: 0.5%;
       border: 1px solid #C0C0C0;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	div.content-mail
	{
		width: 49%;
		background-color: #000000;
		border: 1px solid #555555;
	}
}


div.content-kontakt {
       width: 99%;
       height: auto;
       background-color: #181818;
       padding: 0.5% 1.0% 0.5% 1.0%;
       margin: 0.5% 0.5% 0.5% 0.5%;
       border: 1px solid #D0D0D0;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	div.content-kontakt
	{
		background-color: #000000;
		border: 1px solid #000000;
	}
}

div.content-hof-exec {
       width: 24%;
       height: auto;
       background-color: #181818;
       padding: 0.0% 1.0% 1.0% 1.0%;
       margin: 0.5%;
       border: 1px solid #C0C0C0;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	div.content-hof-exec
	{
		width: 49%;
		background-color: #000000;
		padding: 2%;
		
	}
}

div.content-hof-exec-gm {
       width: 24%;
       height: auto;
       background-color: #181818;
       padding: 0.0% 1.0% 1.0% 1.0%;
       margin: 0.5%;
       border: 1px solid #EEE8AA;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	div.content-hof-exec-gm
	{
		width: 49%;
		background-color: #000000;
		padding: 2%;
		
	}
}

div.content-hof-ex-out {
       width: 49%;
       height: auto;
       background-color: #181818;
       padding: 1.0% 1.0% 1.0% 1.0%;
       margin: 0.5%;
       border: 1px solid #D0D0D0;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	div.content-hof-ex-out
	{
		width: 100%;
		background-color: #000000;
		
	}
}

div.content-hof-ex-out-gm {
       width: 49%;
       height: auto;
       background-color: #181818;
       padding: 1.0% 1.0% 1.0% 1.0%;
       margin: 0.5%;
       border: 1px solid #EEE8AA;
       border-radius: 0.5em;
       overflow-y: auto;
       overflow-style: move;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	div.content-hof-ex-out-gm
	{
		width: 100%;
		background-color: #000000;
		
	}
}

div.content-hof-ex-in-pic {
       width: 22.0%;
       height: auto;
       background-color: #181818;
       padding: 0.0%;
       margin: 1.5% 0.5% 1.0% 0.5%;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	div.content-hof-ex-in-pic
	{
		width: 40.0%;
		background-color: #000000;
		margin: 2.5% 1.5% 1.5% 1.5%;
		
	}
}

div.content-hof-ex-in-text {
       width: 70.0%;
       height: auto;
       background-color: #181818;
       padding: 0.0% 0.0% 0.0% 3.0%;
       margin: 0.0%;
       float: left;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	div.content-hof-ex-in-text
	{
		width: 49.0%;
		background-color: #000000;
		margin: 2.5% 1.5% 1.5% 1.5%;
	}
}

/* Einstellungen für Tabellen */

table {
  width: 95%;
  margin: 1.0%;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	table
	{
		width: 100%;
		margin: 0.0%;
	}
}

thead th {
  background-color: #333333 ;
  color: white;
  text-align: left;
  padding: 0.2em;
}

td, th {
  border-bottom: 1px solid #ddd;
  line-height: 1.7em;
  padding: 0.4em 0.2em 0.4em 0.2em;
  vertical-align: top;
}

td {
  transition: all 0.5s ease-in-out 0s;
}

tbody tr:nth-child(odd) td, th {
  background-color: #111111;
}

tbody tr:nth-child(even) td, th {
  background-color: #222222;
}


tbody tr:hover td {
  background-color: #333333 ;
 }

/* Einstellungen für die History-Seite*/

table.history {
       width: 99%;
       font-size: 1.2em;
       background-color: #000000;
       margin-top: 2%;
       border: 1px solid #000000;
       border-radius: 10px;
}

table.history tr td {
       font-size: 0.9em;
       padding: 0.5% 0.0% 0.5% 0.0%;
       border: 0px solid #ffffff;
       text-align: center;
}

table.history-box {
       font-size: 0.9em;
}

p.weis-block-history {
      font-size: 0.8em;
      font-weight: bold;
      color: #FFFFFF;
      text-align: justify;
      padding: 2% 10% 4% 10%;
}
/* Änderungen für ein Handy */
@media only screen and ( max-width: 999px ) 
{
	p.weis-block-history
	{
		font-size: 4vw;
		font-weight: normal;
		padding: 2% 2% 4% 2%;
	}
}

p.memberlogin {
      font-size: 1.0em;
      font-weight: bold;
      color: #777777;
}