/***********************************************************/
/*** Global                                              ***/
/***********************************************************/
html, body                  { height: 100%; }

*                           { margin: 0px; padding: 0px }

.left                       { text-align:left;   vertical-align:center; }
.right                      { text-align:right;  vertical-align:center; }
.center                     { text-align:center; vertical-align:center; }

#divTop                     { float: left; width: 1px; height: 50%; margin-bottom: -300px; }
#divFrame                   { clear: left; position: relative; margin: 0 auto;
                              width:  800px; height: 600px;
                              border:4px solid #2c465a;
                              border-radius:4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         #000000 3px 2px 8px 2px;
                              -khtml-box-shadow:  #000000 3px 2px 8px 2px;
                              -moz-box-shadow:    #000000 3px 2px 8px 2px;
                              -webkit-box-shadow: #000000 3px 2px 8px 2px; }

.divData                    { position:absolute; top: 35px; left: 7px; width: 784px; height: 550px;
                              border: #2c465a 0px solid; }

li                          { display: block ; float: left; list-style: none; height: 15px;
                              font-family: "Verdana", sans-serif; font-size: 11px;
                              background: #fdfddb; }

/*
li:hover                    { background: #CCCCCC;
                              color:      #2c465a; opacity:0.6;}
*/

/***********************************************************/
/*** Menü                                                ***/
/***********************************************************/
.divMenue                   { position:absolute; top:  9px; left: 7px; width: 704px; height:  25px;
                              border: #2c465a 0px solid; }

.divLanguage                { position:absolute; top:  5px; left: 712px; width: 71px; height: 25px; text-align:right; vertical-align:top;
                              border: #2c465a 0px solid; }

.Home                       { position:absolute; top: 22px; left: 739px; width:44px;
                              font-family: "Verdana", sans-serif; font-size: 11px; text-align:center; vertical-align:top;
                              color:  #2c465a;
                              border: #2c465a 0px solid;}

a.HomeLink     		        { text-decoration:none; color:#2c465a}
a.HomeLink:hover     		{ text-decoration:none; color:#fdfddb}


.Menue                      { position:absolute; top: 0px; left: 7px; width: 464px;
                              font-family: "Verdana", sans-serif; font-size: 11px; }

.Menue a                    { padding: 5px; display: block; width: 100px; text-align:center;
                              text-decoration: none;
                              background-color: #CCCCCC;
                              color: #2c465a;
                              border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius:  4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 1px 1px 6px 4px #2c465a;
                              -khtml-box-shadow:  inset 1px 1px 6px 4px #2c465a;
                              -moz-box-shadow:    inset 1px 1px 6px 4px #2c465a;
                              -webkit-box-shadow: inset 1px 1px 6px 4px #2c465a; }

.Menue a:hover              { background-color: #2c465a;
                              color:            #CCCCCC;
                              box-shadow:         inset 0px 0px 6px 3px #CCCCCC;
                              -khtml-box-shadow:  inset 0px 0px 6px 3px #CCCCCC;
                              -moz-box-shadow:    inset 0px 0px 6px 3px #CCCCCC;
                              -webkit-box-shadow: inset 0px 0px 6px 3px #CCCCCC; }

/***********************************************************/
/*** Statuszeile                                         ***/
/***********************************************************/
.Version                    { position:absolute; top: 586px; left: 668px; width:130px;
                              font-family: "Verdana", sans-serif; font-size: 9px; text-align:right; vertical-align:top;
                              color:  #2c465a;
                              border: #2c465a 0px solid;}

.Copyright                  { position:absolute; top: 586px; left: 274px; width:250px;
                              font-family: "Verdana", sans-serif; font-size: 9px; text-align:center; vertical-align:top;
                              color:  #2c465a;
                              border: #2c465a 0px solid;}

a.Status     		        { text-decoration:none; color:#2c465a}
a.Status:hover     		    { text-decoration:none; color:#fdfddb}

/***********************************************************/
/*** Meldungsfenster                                     ***/
/***********************************************************/
.MsgBox                     { position:absolute; top: 200px; left: 200px; width:400px;
                              padding:10px 6px 10px 6px;
                              font-family: "Verdana", sans-serif; font-size: 15px; text-align: center;
                              background-color: #fff5f3;
                              color: #ff0000;
                              border:3px solid  #b06060;
                              border-radius:4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:        #000000 0px 0px 8px 0px;
                              -moz-box-shadow:   #000000 0px 0px 8px 0px;
                              -webkit-box-shadow:#000000 0px 0px 8px 0px; }

/***********************************************************/
/*** Übersicht                                           ***/
/***********************************************************/
.divUserPos                 { position:absolute; top: -27px; left:  -5px; }
.divUser    	            { position:absolute; top:  36px; left:  13px; }
.divHour	                { position:absolute; top: 164px; left:  13px; }
.divDay	                    { position:absolute; top:  36px; left: 271px; }
.divWeekDay	                { position:absolute; top:  36px; left: 529px; }
.divMonth	                { position:absolute; top: 179px; left: 529px; }
.divYear	                { position:absolute; top: 397px; left: 529px; }

.divUser ul	                { display: auto; text-align:left; width: 250px; height: 120px;
                              background: #fdfddb;
                              color:      #2c465a;
                              border:     #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.divHour ul	                { display: auto; text-align:left; width: 250px; height: 405px;
                              background: #fdfddb;
                              color:      #2c465a;
                              border:     #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.divDay ul	                { display: auto; text-align:left; width: 250px; height: 533px;
                              background: #fdfddb;
                              color:      #2c465a;
                              border:     #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.divWeekDay ul	            { display: auto; text-align:left; width: 250px; height: 135px;
                              background: #fdfddb;
                              color:      #2c465a;
                              border:     #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.divMonth ul	            { display: auto; text-align:left; width: 250px; height: 210px;
                              background: #fdfddb;
                              color:      #2c465a;
                              border:     #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.divYear ul	                { display: auto; text-align:left; width: 250px; height: 172px;
                              background: #fdfddb;
                              color:      #2c465a;
                              border:     #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

/***********************************************************/
/*** Besucherdaten                                       ***/
/***********************************************************/
.divUserDataPos             { position:absolute; top: -27px; left:  -5px; }
.divUserDataHeader	        { position:relative; top:   0px; left:   0px; }
.divUserDataValue	        { position:relative; top:   0px; left:   0px; }
.divOsPos                   { position:absolute; top:  36px; left:  13px; }
.divBrowserPos              { position:absolute; top: 330px; left:  13px; }
.divResPos                  { position:absolute; top:  36px; left: 403px; }
.divDepthPos                { position:absolute; top: 330px; left: 403px; }
.divJsPos                   { position:absolute; top: 504px; left: 403px; }

.divUserDataHeader ul	    { display: auto; text-align:left; width: 365px; height: 30px;
                              background:   #CCCCCC;
                              color:        #2c465a;
                              border-top:   #2c465a 1px solid;
                              border-left:  #2c465a 1px solid;
                              border-right: #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.divUserDataValue ul     	{ display: auto; text-align:left; width: 365px; height: 210px;
                              background:    #CCCCCC;
                              color:         #2c465a;
                              border-bottom: #2c465a 1px solid;
                              border-left:   #2c465a 1px solid;
                              border-right:  #2c465a 1px solid; }

.divOsScroll-bar            { width: 11px; overflow: hidden;
                              background: #CCCCCC;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 5px 0px #2c465a;
                              -khtml-box-shadow:  inset 0px 0px 5px 0px #2c465a;
                              -moz-box-shadow:    inset 0px 0px 5px 0px #2c465a;
                              -webkit-box-shadow: inset 0px 0px 5px 0px #2c465a; }

.divOsScroll-drag           { cursor: pointer;
                              background: #2c465a;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 3px 0px #535952;
                              -khtml-box-shadow:  inset 0px 0px 3px 0px #535952;
                              -moz-box-shadow:    inset 0px 0px 3px 0px #535952;
                              -webkit-box-shadow: inset 0px 0px 3px 0px #535952; }

.divBrowserScroll-bar       { width: 11px; overflow: hidden;
                              background: #CCCCCC;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 5px 0px #2c465a;
                              -khtml-box-shadow:  inset 0px 0px 5px 0px #2c465a;
                              -moz-box-shadow:    inset 0px 0px 5px 0px #2c465a;
                              -webkit-box-shadow: inset 0px 0px 5px 0px #2c465a; }

.divBrowserScroll-drag      { cursor: pointer;
                              background: #2c465a;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 3px 0px #535952;
                              -khtml-box-shadow:  inset 0px 0px 3px 0px #535952;
                              -moz-box-shadow:    inset 0px 0px 3px 0px #535952;
                              -webkit-box-shadow: inset 0px 0px 3px 0px #535952; }

.divResScroll-bar           { width: 11px; overflow: hidden;
                              background: #CCCCCC;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 5px 0px #2c465a;
                              -khtml-box-shadow:  inset 0px 0px 5px 0px #2c465a;
                              -moz-box-shadow:    inset 0px 0px 5px 0px #2c465a;
                              -webkit-box-shadow: inset 0px 0px 5px 0px #2c465a; }

.divResScroll-drag          { cursor: pointer;
                              background: #2c465a;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 3px 0px #535952;
                              -khtml-box-shadow:  inset 0px 0px 3px 0px #535952;
                              -moz-box-shadow:    inset 0px 0px 3px 0px #535952;
                              -webkit-box-shadow: inset 0px 0px 3px 0px #535952; }

.divDepthScroll-bar         { width: 11px; overflow: hidden;
                              background: #CCCCCC;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 5px 0px #2c465a;
                              -khtml-box-shadow:  inset 0px 0px 5px 0px #2c465a;
                              -moz-box-shadow:    inset 0px 0px 5px 0px #2c465a;
                              -webkit-box-shadow: inset 0px 0px 5px 0px #2c465a; }

.divDepthScroll-drag        { cursor: pointer;
                              background: #2c465a;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 3px 0px #535952;
                              -khtml-box-shadow:  inset 0px 0px 3px 0px #535952;
                              -moz-box-shadow:    inset 0px 0px 3px 0px #535952;
                              -webkit-box-shadow: inset 0px 0px 3px 0px #535952; }

/***********************************************************/
/*** Seitenbesuche                                       ***/
/***********************************************************/
.divPagePos                 { position:absolute; top: -27px; left: -5px; }
.divPageHeader	            { position:absolute; top:  36px; left: 13px; }
.divPageValue	            { position:absolute; top:   0px; left: 13px; }

.divPageHeader ul	        { display: auto; text-align:left; width: 755px; height: 30px;
                              background:   #CCCCCC;
                              color:        #2c465a;
                              border-top:   #2c465a 1px solid;
                              border-left:  #2c465a 1px solid;
                              border-right: #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.divPageValue ul     	    { display: auto; text-align:left; width: 755px; height: 315px;
                              background:    #CCCCCC;
                              color:         #2c465a;
                              border-bottom: #2c465a 1px solid;
                              border-left:   #2c465a 1px solid;
                              border-right:  #2c465a 1px solid; }


.divPageScroll-bar          { width: 11px; overflow: hidden;
                              background: #CCCCCC;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 5px 0px #2c465a;
                              -khtml-box-shadow:  inset 0px 0px 5px 0px #2c465a;
                              -moz-box-shadow:    inset 0px 0px 5px 0px #2c465a;
                              -webkit-box-shadow: inset 0px 0px 5px 0px #2c465a; }

.divPageScroll-drag         { cursor: pointer;
                              background: #2c465a;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 3px 0px #535952;
                              -khtml-box-shadow:  inset 0px 0px 3px 0px #535952;
                              -moz-box-shadow:    inset 0px 0px 3px 0px #535952;
                              -webkit-box-shadow: inset 0px 0px 3px 0px #535952; }

/***********************************************************/
/*** Herkunftsländer                                     ***/
/***********************************************************/
.divCountryPos              { position:absolute; top: -27px; left:  -5px; }
.divCountryHeader	        { position:absolute; top:  36px; left:  13px; }
.divCountryValue	        { position:absolute; top:   0px; left:  13px; }


.divCountryHeader ul	    { display: auto; text-align:left; width: 755px; height: 30px;
                              background:   #CCCCCC;
                              color:        #2c465a;
                              border-top:   #2c465a 1px solid;
                              border-left:  #2c465a 1px solid;
                              border-right: #2c465a 1px solid;
                              border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -khtml-border-radius:  4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.divCountryValue ul     	{ display: auto; text-align:left; width: 755px; height: 315px;
                              background:    #CCCCCC;
                              color:         #2c465a;
                              border-bottom: #2c465a 1px solid;
                              border-left:   #2c465a 1px solid;
                              border-right:  #2c465a 1px solid; }

.divCountryScroll-bar       { width: 11px; overflow: hidden;
                              background: #CCCCCC;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 5px 0px #2c465a;
                              -khtml-box-shadow:  inset 0px 0px 5px 0px #2c465a;
                              -moz-box-shadow:    inset 0px 0px 5px 0px #2c465a;
                              -webkit-box-shadow: inset 0px 0px 5px 0px #2c465a; }

.divCountryScroll-drag      { cursor: pointer;
                              background: #2c465a;
                              border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:         inset 0px 0px 3px 0px #535952;
                              -khtml-box-shadow:  inset 0px 0px 3px 0px #535952;
                              -moz-box-shadow:    inset 0px 0px 3px 0px #535952;
                              -webkit-box-shadow: inset 0px 0px 3px 0px #535952; }

/***********************************************************/
/*** Login                                               ***/
/***********************************************************/
.LoginBox                   { position:absolute; top: 200px; left: 272px; width:238px; padding:10px 6px 10px 6px;
                              background-color:#CCCCCC;
                              color:           #2c465a;
                              font-family: "Verdana", sans-serif; font-size: 15px; text-align: center;
                              border:3px solid #2c465a;
                              border-radius:4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;
                              box-shadow:        #000000 0px 0px 8px 0px;
                              -moz-box-shadow:   #000000 0px 0px 8px 0px;
                              -webkit-box-shadow:#000000 0px 0px 8px 0px; }

/***********************************************************/
/*** Konfiguration                                       ***/
/***********************************************************/
.divConfigPos               { position:absolute; top:  40px; left:  4px; }

.ConfigText                 { font-family: "Verdana", sans-serif; font-size: 11px; height: 15px;
                              color:#2c465a;}

