.gb {
    font-size: 35px;
    font-weight: bolder;
}                                               
.gm {
    font-size: 20px;
    font-weight: bolder;
}
.impressum {
    font-size: 9px;    
}
.left {
    margin: 0 200px 0 200px; 
    text-align:left;      
}
.mittig {
    text-align: center;
}
.breitex {
    /*breite der x-pages*/
        margin: 0 auto;
}
.breite {
    max-width: 1021px;
        margin: 0 auto;
}
.bkrot {
    background-color: #FF0000;
    }
.bkblau {
    background-color: #0000FF;
} 
.bkblack {
    background-color: #000000
}
.bkgelb {
    background-color: #FFFF00
}
.bkturk {
    background-color: #FF00FF;
}   
.rotmit {
    text-align: center;
    color: #FF0000;
}
.rot {
    color: #FF0000; 
}
.blau {
    color: #0000FF;
}
.turk {
    color: #FF00FF;
}
.mbut { height:30px; width:110px;
    font-weight: bolder;
    font-size: 12px;
    color: #0000FF;
}
.ybut { height:30px; width:110px;
    font-weight: bolder;
    color: #FF0000; 
    background-color: #FFFF00
}
.protcol {
    background-color: #A9C4E8;
        font-weight: bolder;
    }
.protcol1 {
    
        font-weight: bolder;
    }    
#counter
{
    font-weight: bolder;
}
#Vzaehler
{
    font-weight: bolder;
    background-color: #FFFF00;
}
#uid{
    font-weight: bolder;
}
.masterButton
{
    background-color: #4CAF50; /* Green */
    border: none;
    color: #4CAF50;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}
.leftButton{
    position:absolute; 
    left: inherit; 
    z-index:1;
}

.middleButton{
    padding-left: 120px;
}
.rightButton{
    position:absolute;
    right: 36%;
}
.right {
    text-align:left;
}
  
#logo
{
animation-name: myfirst;
animation-duration: 10s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-play-state: running;
/* Firefox: */
-moz-animation-name: myfirst;
-moz-animation-duration: 10s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-play-state: running;
/* Safari and Chrome: */
-webkit-animation-name: myfirst;
-webkit-animation-duration: 10s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
}
@keyframes myfirst
{
from {transform:rotateY(0deg);}
to {transform:rotateY(360deg);}
}
 
@-moz-keyframes myfirst /* Firefox */
{
from {-moz-transform:rotateY(0deg);}
to {-moz-transform:rotateY(360deg);}
}
 
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {-webkit-transform:rotateY(0deg);}
to {-webkit-transform:rotateY(360deg);}
}
   
#liste  {
    /*padding-left: 10%;    */
    margin-left: 10%;
    margin-right: 3%;
}
h1 {
    padding: 10px;
    color: #FF0000;
}
h2 {
    color: blue;
    padding: 20px
}
h3 {
    color: #008080;
    padding: 15px;
}
h4 {
    color: #0000FF;
    padding: 10px;
}
.ph2 {padding: 1px;}
.ph3 {padding: 1px;}
.ph4 {padding: 1px;}
.ph5 {padding: 1px;}

#n-body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    text-align: center; /* Zentrierung IE */
    background-color: lightgreen;
}
#m-body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    text-align: center; /* Zentrierung IE */
    background-color: #00FF00;      /* Hintergrundfarbe   */
}
#x-body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    text-align: center; /* Zentrierung IE */
    background-color: #00FFFF;      /* Hintergrundfarbe   */
}

form   {display:table
}
p      {display:table-row
}
label  {display:table-cell
}
input  {display:table-cell
}
* {
    margin:0;
    /*padding:0;*/     
}

#seite {                                     
    margin: 0 auto;
}
#kopfbereich {
    background-color:    #A9C4E8;
}

#n-restbereich {
    background-color: lightgreen;
}

#m-restbereich {
    background-color: #00FF00;      /* Hintergrundfarbe   */
}
#x-restbereich {
    background-color: #00FFFF;      /* Hintergrundfarbe   */
}

#imageContainer-1 {
    width: 1021px;     
    height: 152px;          /* 204 */
	margin: 0 auto;   	
    font-size: 27px;
    font-weight: bolder;
    color: blue;	
	text-shadow: 0px -1px 5px #eeeeee,
				 0px  1px 5px #555555;
    background-image: url(y-bilder/rahmenbilder/hanneloredittmar-ilgen_pixelio.de-1.jpg); 	
}

#imageContainer-s {
    float: left;
    z-index: 1;
    padding-left: 12%;
    padding-top: 10px;
}
#imageContainer-u {
    float: left;
    z-index: 2;
    padding-left: 3%;
    padding-top: 10px;
}

#logo {
    width: 80px;
    height: 80px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
}

#n-inhalt {
    background-color: lightgreen;
    margin: 0 auto;
    bottom: 0;
}

#m-inhalt {
    background-color: #00FF00;      /* Hintergrundfarbe   */
    margin: 0 auto;
    bottom: 0;
}  
#x-inhalt {
    background-color: #00FF00;      /* Hintergrundfarbe   */
    margin: 0 auto;
    bottom: 0;
}
.inhalttext {
    text-align: left;
    font-size: 15px;
    font-weight: bolder;
    padding-left: 219px;
    padding-right: 15%;
    margin: 0 auto;
}
.filmbox{
    float: left;

    font-weight: bolder;
    padding-bottom: 40px;
    padding-left: 3%;
    font-size: 12px;
}
.picbox {
    float: left;   
    width: 180px;
    height: 180px;
    font-weight: bolder;
    padding-bottom: 40px;
    padding-left: 3%;
    font-size: 12px;
}
.afterpicbox {
    clear: left;
}  
#picbut {
    width: 102px;
    height: 102px;
    background-image:  url(y-bilder/zahnrad.jpg) no-repeat;
}

#steuerung {
    float: left;
    width: 210px;                   /* Breite des Bereichs */
    height: 734px;                  /*680*/
    background-color: lightgreen;
    background-image:  url(y-bilder/rahmenbilder/christopharon_pixelio.de-aus.jpg);
    text-align: left;               /* Textausrichtung     */
    font-size: 15px;
    font-weight: bolder;
    color:  blue;
}

#steuerung ul { 
    list-style: none;               /* keine Aufzählungspunkte */
}

#steuerung li { 
    background-color:  silver;      /* Hintergrundfarbe   */
    border-top: 1px black solid;    /* Rahmenfarbe Auflistungpunkt oben */
    border-left: 25px orange solid; /* Rahmenfarbe Auflistungpunkt oben */
    border-bottom: 1px red solid;   /* Rahmenfarbe unten  */
    border-right: 2px blue solid;   /* Rahmenfarbe unten  */
    margin-bottom: 20px;            /* Außenabstand oben  */
    padding-top: 8px;               /* Innenabstand oben  */
    padding-bottom: 8px;            /* Innenabstand unten */
    padding-left: 8px;              /* Innenabstand links */
    padding-right: 8px;             /* Innenabstand rechts */
}

#spalterechts { 
    float: right;
    width: 100px;
    height: 680px;         
}

#spalterechtsm {
    float: right;
    width: 100px;
    height: 70px;     
}
.imagecontainer-r {
    height: 195px;
    margin: 0 auto;
    font-size: 15px;
    font-weight: bolder;
    color: black;
}

#fussbereich {
    position: relative;
    height: 23px;
    bottom: 0;  
    clear: both;
    background-color:lightblue;
    font-size: 10px;
    /*margin-top: 0;   */ 
    width: 100%;
}