body { font-size:10pt;             
        font-family:Arial,Helvetica,sans-serif;             
        background:#eeeeee;             
        color:#444444; }             
td          { font-size:10pt;             
		padding: 5px 10px 5px 10px;             
        color:#444444; }             
th            {             
        font-size:10pt;             
		background:#777777;             
		color:#FFFFFF;             
		padding:3px 10px 3px 10px;             
}             
table             
             {             
			 width:100%;             
       }             
tr:nth-child(even) {             
    background-color: #eeeeee;             
}             
                  
tr:nth-child(odd) {             
    background-color: #cccccc;             
}             
	             
a 		{ font-size:10pt;           
		text-decoration:none;             
        font-family:Helvetica,Arial,sans-serif;             
        color:6666AA; }             
		             
             
h1 {             
    padding: 2px 0px 1px 4px;             
	margin-top:20px;             
	margin-bottom:6px;             
	font-size:14pt;             
	/* background-image:url(fading_blue_h1.png); */             
	/* background-repeat:repeat-y; */             
	/* color:#ffffff; */ 
	color:#000000;              
}              
              
h2 {              
    /* padding: 2px 0px 1px 4px;  border-left-color: #2c89e8; border-left-width: 5px; border-left-style: solid; */             
	padding: 2px 0px 1px 4px;  border-left-color: rgb(200, 200, 200); border-left-width: 5px; border-left-style: solid;
	margin-top:20px;              
	margin-bottom:6px;              
	font-size:10pt;   
	border-bottom: 1px solid rgb(200, 200, 200);             
	/* background-image:url(fading_blue_h2.png); */              
	/* background-repeat:repeat-y; */              
	/* color:#ffffff; */
	color: #000000;             
}              
h3 {              
    /* padding: 2px 0px 1px 4px;  border-left-color: #2c89e8; border-left-width: 5px; border-left-style: solid; */             
	padding: 2px 0px 1px 4px;  border-left-color: rgb(200, 200, 200); border-left-width: 5px; border-left-style: solid;            
	margin-top:8px;              
	margin-bottom:6px;              
	font-size:10pt;  
	border-bottom: 1px solid rgb(200, 200, 200);          
	/* background-image:url(fading_blue_h3.png); */               
	/* background-repeat:repeat-y; */             
	/* color:#ffffff; */
	color: #000000;              
}              
              
              
h1.fading {              
background: #2c65e8; /* Old browsers */              
color:#ffffff;              
padding:5px 5px 5px 5px;              
font-size:14pt;              
background: -moz-linear-gradient(left, rgba(31,93,155,1) 0%, rgba(78,139,194,1) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */              
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,93,155,1)), color-stop(50%,rgba(78,139,194,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */              
background: -webkit-linear-gradient(left, rgba(31,93,155,1) 0%,rgba(78,139,194,1) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */              
background: -o-linear-gradient(left, rgba(31,93,155,1) 0%,rgba(78,139,194,1) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */              
background: -ms-linear-gradient(left, rgba(31,93,155,1) 0%,rgba(78,139,194,1) 50%,rgba(125,185,232,0) 100%); /* IE10+ */              
background: linear-gradient(to right, rgba(31,93,155,1) 0%,rgba(78,139,194,1) 50%,rgba(125,185,232,0) 100%); /* W3C */              
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5d9b', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */              
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5d9b', endColorstr='#007db9e8',GradientType=1 )";              
}              
              
h2.fading {              
background: #2c89e8; /* Old browsers */              
overflow:auto;               
color:#ffffff;              
padding:5px 5px 5px 5px;              
font-size:12pt;              
background: -moz-linear-gradient(left, rgba(31,130,155,1) 0%, rgba(78,158,194,1) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */              
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,130,155,1)), color-stop(50%,rgba(78,158,194,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */              
background: -webkit-linear-gradient(left, rgba(31,130,155,1) 0%,rgba(78,158,194,1) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */              
background: -o-linear-gradient(left, rgba(31,130,155,1) 0%,rgba(78,158,194,1) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */              
background: -ms-linear-gradient(left, rgba(31,130,155,1) 0%,rgba(78,158,194,1) 50%,rgba(125,185,232,0) 100%); /* IE10+ */              
background: linear-gradient(to right, rgba(31,130,155,1) 0%,rgba(78,158,194,1) 50%,rgba(125,185,232,0) 100%); /* W3C */              
#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f829b', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */              
#-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f829b', endColorstr='#007db9e8',GradientType=1 )";              
}              
              
h3.fading {              
background: #2cb1e8; /* Old browsers */             
overflow:auto;             
color:#ffffff;             
padding:5px 5px 5px 5px;             
font-size:10pt;             
background: -moz-linear-gradient(left, rgba(39,182,198,1) 0%, rgba(82,184,215,1) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */             
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,182,198,1)), color-stop(50%,rgba(82,184,215,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */             
background: -webkit-linear-gradient(left, rgba(39,182,198,1) 0%,rgba(82,184,215,1) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */             
background: -o-linear-gradient(left, rgba(39,182,198,1) 0%,rgba(82,184,215,1) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */             
background: -ms-linear-gradient(left, rgba(39,182,198,1) 0%,rgba(82,184,215,1) 50%,rgba(125,185,232,0) 100%); /* IE10+ */             
background: linear-gradient(to right, rgba(39,182,198,1) 0%,rgba(82,184,215,1) 50%,rgba(125,185,232,0) 100%); /* W3C */             
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b6c6', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */             
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b6c6', endColorstr='#007db9e8',GradientType=1 )";             
}             
             
.shaddow     {             
        -moz-box-shadow:1px 1px 4px #292929; /* Firefox */             
        -webkit-box-shadow:1px 1px 4px #292929; /* Chrome, Safari */             
        -khtml-box-shadow:1px 1px 4px #292929; /* Konqueror */             
        box-shadow:1px 1px 4px #292929; /* CSS3 */             
        -webkit-border-top-left-radius: 10px;             
        -webkit-border-top-right-radius: 10px;             
        -webkit-border-bottom-left-radius: 10px;             
        -webkit-border-bottom-right-radius: 10px;             
        -moz-border-radius:10px 10px 10px 10px; /* Firefox */             
        -webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */             
        -khtml-border-radius:10px 10px 10px 10px; /* Konqueror */             
        border-radius:10px 10px 10px 10px; /* CSS3 */             
        behavior:url(border-radius.htc); /* Internet Explorer */             
}                
                  
.codewindow { font-size:10pt;             
        font-family: monospace; 
        font-weight: bold;
        color: black;             
        background:#BBBBBB;border-width:1px;border-style:dotted;
        border-color:black; width:100%; }
.indexsite {              
             
        font-size:10pt;             
        font-family:Helvetica,Arial,sans-serif;             
        color:#555555;  font-weight: bold;             
        background:#DDDDFF;border-width:1px;border-style:dotted;
        border-color:black; width:100%; }             
.subindexsite { font-size:10pt;             
        font-family:Helvetica,Arial,sans-serif; 
        color: black;             
        background:#EEEEEE;border-width:1px;border-style:dotted;
        border-color:black; width:100%; }
                     
.ueberschrift1 { font-size:14pt;             
        font-family:Helvetica,Arial,sans-serif;             
        color:#555555;  font-weight: bold;}             
.ueberschrift2 { font-size:11pt;             
        font-family:Helvetica,Arial,sans-serif;             
        color:#000000;  font-weight: bold;}     
.code { font-size:10pt;
        font-family: monospace; 
        font-weight: bold;
        color: black; } 
                     
.mylinks {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none}             
.mylinksmiddle {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; text-decoration: none}             
.mylinks2 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #777777; text-decoration: none}             
.mylinksmenu1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; text-decoration: none}             
.mylinksmenu2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #777777; text-decoration: none}             
             
             
             
             
.topnavigation {
	width:90%;             
    border-spacing: 0px;             
}

.topnavigation table {
	width:90%;             
    height:40px;             
    border-collapse: separate;             
    border-spacing: 10px;             
}

.topnavigation a:link    { color:#000000; text-decoration:none; font-weight:bold; }             
.topnavigation a:visited { color:#000000; text-decoration:none; font-weight:bold; }             
.topnavigation a:focus   { color:#ffffff; font-weight:bold; }             
.topnavigation a:hover   { color:#ffffff; text-decoration:none; font-weight:bold; }             
.topnavigation a:active  { color:#ffffff; font-weight:bold; }

.topnavigation tr {             
        height:40px;             
        vertical-align:center;             
}

.topnavigation td {   
    background: #aaaaaa;         
    /* background:-moz-linear-gradient(bottom,#eeeeee,#555555); */ /* Firefox */             
    /* background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#555555)); */ /* Chrome, Safari */             
    /* filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#eeeeee',endColorstr='#555555'); */  /* Internet Explorer */             
	height:40px;
	padding:0px 20px 0px 20px;
	text-align: center;             
    vertical-align:center;
    border-bottom: 2px solid rgb(150, 150, 150);
    border-top: 2px solid rgb(150, 150, 150);
}
             
.topnavigation td:first-child {
	-webkit-border-top-left-radius: 8px;             
    -webkit-border-top-right-radius: 0px;             
    -webkit-border-bottom-left-radius: 8px;             
    -webkit-border-bottom-right-radius: 0px;             
    -moz-border-radius:8px 0px 0px 8px; /* Firefox */             
    -webkit-border-radius:8px 0px 0px 8px; /* Chrome, Safari */             
    -khtml-border-radius:8px 0px 0px 8px; /* Konqueror */             
    border-radius:8px 0px 0px 8px; /* CSS3 */             
    background: #aaaaaa;  
    /* background:-moz-linear-gradient(bottom,#eeeeee,#555555); */ /* Firefox */             
    /* background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#555555)); */ /* Chrome, Safari */             
    /* filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#eeeeee',endColorstr='#555555'); */  /* Internet Explorer */
    padding:0px 20px 0px 20px;
	height:40px;
	text-align: center;             
    vertical-align:center;
    border-bottom: 2px solid rgb(150, 150, 150);
    border-top: 2px solid rgb(150, 150, 150);
    border-left: 2px solid rgb(150, 150, 150);
}
.topnavigation td:last-child 
{	-webkit-border-top-left-radius: 0px;             
    -webkit-border-top-right-radius: 8px;             
    -webkit-border-bottom-left-radius: 0px;             
    -webkit-border-bottom-right-radius: 8px;             
    -moz-border-radius:0px 8px 8px 0px; /* Firefox */             
    -webkit-border-radius:0px 8px 8px 0px; /* Chrome, Safari */             
    -khtml-border-radius:0px 8px 8px 0px; /* Konqueror */             
    border-radius:0px 8px 8px 0px; /* CSS3 */ 
    
    background: #aaaaaa;              
    /* background:-moz-linear-gradient(bottom,#eeeeee,#555555); */ /* Firefox */             
    /* background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#555555)); */ /* Chrome, Safari */             
    /* filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#eeeeee',endColorstr='#555555'); */  /* Internet Explorer */             
	height:40px;
	padding:0px 20px 0px 20px;
	text-align: center;             
    vertical-align:center;
    border-bottom: 2px solid rgb(150, 150, 150);
    border-top: 2px solid rgb(150, 150, 150);
    border-right: 2px solid rgb(150, 150, 150);
}             
             
.navigation {             
    width:800px;             
    border-collapse: separate;             
    border-spacing: 10px;             
}
             
.navigation table {             
    width:800px;             
    border-collapse: separate;             
    border-spacing: 10px;             
}             
             
.navigation a:link    { color:#000000; text-decoration:none; font-weight:bold; }             
.navigation a:visited { color:#000000; text-decoration:none; font-weight:bold; }             
.navigation a:focus   { color:#888888; font-weight:bold; }             
.navigation a:hover   { color:#888888; text-decoration:none; font-weight:bold; }             
.navigation a:active  { color:#888888; font-weight:bold; }             
              
.navigation tr {             
        width:100%;             
        vertical-align:center;             
}             
.navigation td {             
        background:#f8f7ed;             
        font-size:10pt;
		             
        font-family:Helvetica,Arial,sans-serif;             
        color:6666AA;             
        width: 150px;             
        height: 50px;             
        text-align: center;             
        vertical-align:center;             
        -webkit-border-top-left-radius: 8px;             
        -webkit-border-top-right-radius: 8px;             
        -webkit-border-bottom-left-radius: 8px;             
        -webkit-border-bottom-right-radius: 8px;             
        -moz-border-radius:8px 8px 8px 8px; /* Firefox */             
        -webkit-border-radius:8px 8px 8px 8px; /* Chrome, Safari */             
        -khtml-border-radius:8px 8px 8px 8px; /* Konqueror */             
        border-radius:8px 8px 8px 8px; /* CSS3 */             
        behavior:url(border-radius.htc); /* Internet Explorer */             
        background:-moz-linear-gradient(bottom,#fffef6,#e4e3d8); /* Firefox */             
        background:-webkit-gradient(linear,left top,left bottom,from(#fffef6),to(#e4e3d8)); /* Chrome, Safari */             
        /* filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#fffef6',endColorstr='#e4e3d8'); */ /* Internet Explorer */             
        border: 1px solid #CCC;             
        padding:3px;             
                     
}             
.navigation td:hover   { color:#888888; cursor: pointer; background:#FFFFFF; text-decoration:none; font-weight:bold; }             
             
#content {             
           
  position: relative; 
  height: auto !important;
  height:300px; 
  min-height:300px;    
  width: auto !important; 
  width: 800px ;           
  max-width: 800px ;          
  margin-top: 10px;             
  margin-left: auto ;             
  margin-right: auto ;             
  margin-bottom: 50px;             
  background:#ffffff;             
    padding: 20px;             
    border: 1px solid #CCC;             
    -webkit-border-top-left-radius: 10px;             
    -webkit-border-top-right-radius: 10px;             
    -webkit-border-bottom-left-radius: 10px;             
    -webkit-border-bottom-right-radius: 10px;             
                 
   -moz-border-radius:10px 10px 10px 10px; /* Firefox */             
   -webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */             
   -khtml-border-radius:10px 10px 10px 10px; /* Konqueror */             
   border-radius:10px 10px 10px 10px; /* CSS3 */             
   behavior:url(border-radius.htc); /* Internet Explorer */             
             
-moz-box-shadow:1px 1px 6px #292929; /* Firefox */             
-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */             
-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */             
box-shadow:1px 1px 6px #292929; /* CSS3 */             
}  

@media all and (max-width: 1100px) {
    #content{
        margin-left: 120px;
        margin-right: 120px;
    }
}

#bulb {
  position: fixed;
  top: calc(100% - 180px);
  right: 30px;
  opacity: 1;
  color: #000;
  display: block;
  cursor: pointer;
  padding: 10px 9px;
  padding-bottom: 6px;
  font-size: 16px;
  z-index: 999999999990;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  background-color : transparent;
}  

#wireright {
  position: fixed;
  height:30px;
  width:5px;
  top: calc(100% - 52px);
  right: 72px;
  opacity: 1;
  color: #000;
  display: block;
  cursor: pointer;
  padding: 0px 0px;
  padding-bottom: 0px;
  font-size: 16px;
  z-index: 999999999991;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  background-color : black;
}    

#wirebottom {
  position: fixed;
  height:5px;
  width:calc(100% - 140px);
  top: calc(100% - 22px);
  right: 72px;
  opacity: 1;
  color: #000;
  display: block;
  cursor: pointer;
  padding: 0px 0px;
  padding-bottom: 0px;
  font-size: 16px;
  z-index: 999999999992;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  background-color : black;
} 

#wireleftbottom {
  position: fixed;
  height:calc(50% - 102px + 45px);
  width:5px;
  top: calc(50% + 35px);
  left: 68px;
  opacity: 1;
  color: #000;
  display: block;
  cursor: pointer;
  padding: 0px 0px;
  padding-bottom: 0px;
  font-size: 16px;
  z-index: 999999999993;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  background-color : black;
} 

#wirelefttop {
  position: fixed;
  height:calc(50% - 70px);
  width:5px;
  top: 35px;
  left: 68px;
  opacity: 1;
  color: #000;
  display: block;
  cursor: pointer;
  padding: 0px 0px;
  padding-bottom: 0px;
  font-size: 16px;
  z-index: 999999999994;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  background-color : black;
} 

#switchleft {
  position: fixed;
  top: calc(50% - 45px);
  left: 50px;
  opacity: 1;
  color: #000;
  display: block;
  cursor: pointer;
  padding: 10px 9px;
  padding-bottom: 6px;
  font-size: 16px;
  z-index: 999999999995;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  background-color : transparent;
} 

#batteryleft {
  position: fixed;
  top: 0px;
  left: 28px;
  opacity: 1;
  color: #000;
  display: block;
  cursor: pointer;
  padding: 10px 9px;
  padding-bottom: 6px;
  font-size: 16px;
  z-index: 999999999995;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  background-color : transparent;
} 


#css3-calc {
    width: 10px;
    width: calc(10px + 10px);
    background-color : transparent;
}

#exampletable
{	
    border-spacing: 0px;
    -webkit-border-top-left-radius: 8px;             
    -webkit-border-top-right-radius: 8px;             
    -webkit-border-bottom-left-radius: 8px;             
    -webkit-border-bottom-right-radius: 8px;             
    -moz-border-radius:8px 8px 8px 8px; /* Firefox */             
    -webkit-border-radius:8px 8px 8px 8px; /* Chrome, Safari */             
    -khtml-border-radius:8px 8px 8px 8px; /* Konqueror */             
    border-radius:8px 8px 8px 8px; /* CSS3 */ 

    border-bottom: 0px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
} 

.examplehead
{	
    background-color:#7e7e7e;
    border-spacing: 0px;
    width:400px;
    color:#ffffff;
} 

.examplesubhead
{	
    background-color:#9a9a9a;
    border-spacing: 0px;
    width:400px;
    color:#ffffff;
} 

.exampletext
{	
    background-color:#dcdcdc;
    border-spacing: 0px;
    color:#000000;
}