/*<<<>>>>*/ /*<<<>>>>*/ /*<<<>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .clear{ clear: both; } html{ margin: 0; height: 100%; } .Ah3 {/*#99AA88;*/ position:relative; left:-55px; z-index: 99; float:left;text-align: right; } .Ah3 svg{display:inline-block; position:absolute; left:5px; height: 500px;width:40px; z-index: 99;float:top; } *{margin:0 0;padding:0 0; -moz-box-sizing:border-box !important;font-family: Helvetica,Arial, sans-serif; } .test{} /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .siteerror{background:#FFCC00; border-radius:3px; border: 2px solid #FF6600; z-index:99;position:absolute;top:120px;right: 5px; padding:15px;margin:15px;width: 30%; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ body{ min-height:100%; height: 100%; position: relative; width: 100%; text-align:center; color:#707070; font-weight:bold; margin: 0 auto; padding:0px; } .p100{display:block; width:100%;min-width:100%;min-height:50px; } .lineitem{ padding:7px 10px;margin:4px 1px; } #Mselector Li{ width:140px;color:#AAA;font-weight: bold;display:block; font-size: 14px;text-align:left; padding:2px 2px 2px 2px;margin: 2px 2px 2px 2px; border:3px solid #aaa;border-radius:3px ; } nav ul{width: 75%; text-align:right; display:block; height:30px; top:2px; position:absolute; right:200px; font-size:12px; z-index: 6; } #Fsearch{ right:10px; height:50px; z-index: 20; overflow: hidden; display:block;margin: 0px; } #Fsearch input{ padding: 10px 20px;margin: 7px 5px; height:40px; } #Fsearch input[type=submit]{ min-width: 110px; } #Fsearch:hover{ /**/ width:900px; } #Fsearch{position:fixed; bottom:2px; right:0px; z-index:99; /**/ } #Mselector{ position:fixed;right:5px; bottom:30px;z-index: 99; } #favorites{right:0px;position: fixed; top:160px;width: 100px;height: 100px; overflow: hidden; } #favorites:hover{width: 250px;height: 100px; overflow:auto; } #favorites span{padding:5px 5px 5px 5px; min-height: 24px;font-size:16px;font-weight:bold;font-family: Helvetica,sans-serif; } h1{ width: 500px; font-size: 18px;right:50px; border: 1px solid;border-color: #396715;border-radius: 6px; padding: 10px 16px; } .btn-info{ background-color: #99CCDD; border-color: #CCFFCC; color: #8518FA; } #maximise{ left:10px;right:10px;display:inline-block;vertical-align:top; font-size: 10px; margin: 10px 0px 10px 10px;padding:5px 10px 5px 20px; } #maximise h3{ background-color:#EDF6F5;box-shadow: 0px 0px 3px #88BBEE, 0 5px 15px #E7F3F2 inset; color: #999;font-size: 15px;text-align: center;text-shadow: 0 -1px 0 #396715; margin:0px 0px 1px 0px;padding: 10px 25px; border-radius: 15px 15px 2px 2px; } .istat{ width:300px;height:50px; left: 0px; bottom: 0px; border-top: 4px solid black; font-size: 16px;color:#0000FF; background:#565656;position: fixed;display:block; z-index:999; overflow: hidden; border-radius: 20px 150px 20px 0px; transition: all 0.7s ease-out; } .istat:hover{ width: 550px; height:320px;background:#C9B959;padding:30px ; border-radius: 20px 150px 20px 0px; } .istat h2{ position: fixed; font-size: 20px; z-index:99; bottom:0px; padding: 6px; } #chart { margin: 5px;background-color:#0000FF; height: 30px; width: 30px; } .xdebug-error,.error{ width:60px;height:70px; right: 10px; top: 10px; padding:5px ; border-top: 4px solid black; font-size: 16px;color:#0000FF; background:#565656;position: fixed;display:block; z-index:999; overflow: hidden; } .lineUP{ display:inline-block; } .xdebug-error{ z-index:99; } #left_consol{ display:inline-block; width:250px; vertical-align:top; margin:0px 0px 0px 10px; } #left_consol h3{ box-shadow: 0px 0px 3px #88BBEE, 0 5px 15px #E7F3F2 inset; background-color:#9999AA; color: #eee; padding: 10px 25px; margin:15px 0px 0px 0px; text-align: center; border-radius: 22px 22px 3px 3px; text-shadow: 0 -1px 0 #396715; } #container{position:relative; text-align:left; top:5px; left:60px;right:60px; padding:6px 120px 0px 20px; border:#000077;min-height:300px; z-index:95;overflow:auto; padding-bottom: 10%;width:95%; } #containerold{position:absolute; text-align:left; top:125px; left:50px;right:25px; padding:10px 10px 30px; border:#000077; z-index:95; box-shadow: 0px 0px 3px #88BBEE, 0 25px 35px #E7F3F2 inset; -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } #submenu{position:absolute;right:-15px; top:0px; z-index:20; width:15px; overflow: hidden; box-shadow: 0px 0px 3px #7892BD, 0 10px 15px #FFF3AF inset; padding: 15px; border-radius:10px 2px 2px 10px; border:1px solid #E0E8F1; box-shadow: 0px 0px 3px #E0E8F1, 0 10px 15px #FFF3AF inset; -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } nav li{text-align:center;text-transform:uppercase; font-size:18px;font-weight:bold;font-family: Helvetica,sans-serif; height:35px; /*padding boven achter onder voor */ display:inline-block; margin-left: -4px; } #submenu:hover{position:absolute;right:-15px; top:0px; z-index:20; height:150%; min-height: 45%; width:150px; margin-left: 10px; box-shadow: 0px 0px 3px #7892BD, 0 10px 15px #FFF3AF inset; padding: 20px; border-radius:10px 2px 2px 10px; border:1px solid #E0E8F1; box-shadow: 0px 0px 3px #E0E8F1, 0 10px 15px #FFF3AF inset; -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } #return{ width:80%; margin:12px;padding: 10px 25px;border-radius:15px 15px 15px 15px; display: inline-block; } #new{ display:inline-block; width:400px; vertical-align:top; font-size: 14px; margin:15px; text-decoration: none; border-radius: 22px 22px 3px 3px; } #new h3{ width: 350px; font-size: 14px;right:50px; border: 1px solid;border-color: #396715;border-radius: 6px; padding: 10px 16px;color: #333399;font-weight: bold; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .standard th{ background:#999999; color: #eee; font-weight: bold; padding: 10px 10px; margin:2px; text-align: center; border-radius: 10px 10px 2px 2px; text-shadow: 0 -1px 0 #396715; } .standard td{ padding: 10px 25px; margin:2px; text-align: center; } #category{ left:0px;display:inline-block; color: #eee; padding: 0px 10px; margin:0px 0px 3px 10px; text-align: center; width:200px;vertical-align:top; margin: 10px; font-size: 14px; } #install_category{ left:0px;display:inline-block; color: #eee; padding: 0px 10px; margin:0px 0px 3px 10px; text-align: center; width:220px;vertical-align:top; margin: 10px; font-size: 14px; } .spare{ background-color:#FFFF00; } /*under*/ #footer { position: static;display: block; margin-top:80%;margin-bottom: 30px; text-align: center; vertical-align: top; min-height:150px; bottom:30px;z-index:-1; } .part{ display: inline-block; } .footblock{ min-width: 275px; min-height: 30px; display: inline-block; margin: 2px; padding: 0px 10px 10px 10px; text-decoration: none; color:#fff; } /* position: relative; margin-top: -180px; height: 180px; clear:both;} */ #foot{background:#565656 repeat-x scroll 0 0;border-top: 2px solid black; display:block; position: fixed; left: 0; bottom: 0;bottom: 0%; height: 50px; width: 100%; padding:10px ; z-index:95; text-align: center; color:#fff; } #foot a:link {text-decoration: none; color:#fff;} #foot a:visited {text-decoration: none; color:#fff;} #foot a:active {color:#fff; } #foot a:hover {color:#fff; } #foot a:hover {color:#fff; } .icon{width:30px;height:30px;} .btn_skype{border:none;} .disabled, .disabled[disabled] { opacity: .4; cursor: default !important; pointer-events: none; } .pagin{ font-family: Helvetica,sans-serif; font-size: 17px; font-weight: bold; line-height: 25px; text-align: center; text-transform: uppercase; } #langbar{position:absolute;left:3px; top:10px; width:40px;opacity: .8;z-index:95; } #spacing{ height: 100px; min-height: 100px; width: 100%; bottom:0px; z-index:95; } #glob_detail{ width: 750px; text-align: center; } .dayitem{ width: 100%; padding: 10px 15px; margin:0px 0px 3px 0px; } .fixedtopright{ position:absolute; right:0px; top:0px; } @media (max-width: 767px){ body{ min-height:100%; height: 100%; position: relative; width: 100%; text-align:center; color:#707070; font-weight:bold; font:12px/16px Helvetica, sans-serif; margin: 0 auto; padding:0px; } #Mselector{ position:fixed;right:5px; bottom:15px;z-index: 99;font:8px/10px Helvetica, sans-serif; } #Mselector Li{ width:45px;color:#AAA;font-weight: bold;display:inline-block; font-size: 12px;text-align:left; padding:1px 1px 1px 1px;margin: 1px 1px 1px 1px; border:0px solid #aaa;border-radius:3px ; } #foot{background:#565656 repeat-x scroll 0 0;border-top: 2px solid black; display:block; position: fixed; left: 0; bottom: 0;bottom: 0%; height: 25px; width: 100%; padding:2px ; z-index:95; text-align: center; color:#fff; } #myNavbar li{ color: #ffdd99;padding: 3px; } #container{position: relative; text-align:left; top:110px; left:0px;right:0px; padding:1px 1px 10px 1px; border:#000077; z-index:5;overflow:auto; padding-bottom: 15%; } #container h1{display:block;margin-left:50px;width: 80%;min-width:250px; } #foot { position: relative; width:100%; z-index:0;margin-top:50px; background:#565656; text-align: center; min-height:150px; bottom:30px;z-index:95; } nav li{ text-align:center;text-transform:uppercase; font-weight:bold;font-family: Helvetica,sans-serif; display:block; height:35px; line-height:25px; /*padding boven achter onder voor */ font-size:16px; clear:both; width:150px; margin-left: 5px;margin-bottom:10px; min-width:200px; margin-right: 20px;right: 1px; } nav ul{ min-width:200px; } } @media (max-width: 500px){ body{ min-height:100%; height: 100%; position: relative; width: 100%; text-align:center; color:#707070; font-weight:bold; font:12px/16px Helvetica, sans-serif; margin: 0 auto; padding:0px; } #Mselector{ position:fixed;right:5px; bottom:15px;z-index: 99;font:8px/10px Helvetica, sans-serif; } #Mselector Li{ width:45px;color:#AAA;font-weight: bold;display:inline-block; font-size: 12px;text-align:left; padding:1px 1px 1px 1px;margin: 1px 1px 1px 1px; border:3px solid #aaa;border-radius:3px ; } #foot{background:#565656 repeat-x scroll 0 0;border-top: 2px solid black; display:block; position: fixed; left: 0; bottom: 0;bottom: 0%; height: 25px; width: 100%; padding:2px ; z-index:95; text-align: center; color:#fff; } #myNavbar li{ color: #ffdd99;padding: 3px; } #container{position: relative; text-align:left; top:110px; left:0px;right:0px; padding:1px 1px 10px 1px; border:#000077; z-index:5;overflow:auto; padding-bottom: 15%; } #container h1{display:block;margin-left:50px;width: 80%;min-width:250px; } #foot { position: relative; width:100%; z-index:0;margin-top:50px; background:#565656; text-align: center; min-height:150px; bottom:30px;z-index:95; } }