/* Default er til mobile devices */ .externalbox { padding:1em; background:#00497D; border-radius:12px; margin-bottom:6px; } .externalbox div,.externalbox p { text-align:center!important; } .externalbox a { color:white; } .externalbox img { width:12em; } .topbanners{ opacity:.80; -webkit-filter: grayscale(10%); } .topbanners:hover{ opacity:1; -webkit-filter: grayscale(20%); } .buttomlinks{ font-size:1.4em!important; } .buttomlinks,.buttomlinks a,.buttomlinks a:visited{ padding-top:2px; width:100%; text-align:center; color:#505050; } .insp_picture{ width:340px; height:160; border-radius:12px; margin-bottom:6px; } .socialmedia{ margin-top:-8em; margin-bottom:2em; margin-right:2em; } .socialmediapic{ height:6em; opacity:0.9; margin-left:1.8em; } .socialmediapic:hover{ opacity:1; } div.table { display: table; } div.tr {display: table-row; } div.td {vertical-align: top; display: table-cell; } select:focus, textarea:focus, input:focus { //font-size:1.4em; background:#eee; //width:100%; } input[type="text"],input[type="password"],input[type="submit"],input[type="button"],input[type="email"] { font-size:1.4em; width:100%; } input[type="checkbox"],input[type="radio"] { margin:3em; -webkit-transform: scale(5); } .front_page_owl{ width:40%; } .adminbg_c{ background:rgb(220,220,220); font-weight:bold; padding:4px; } .activearea{ margin-top:.5em; padding:.5em; color:rgb(155,155,155); background:rgb(220,220,220); border-radius:12px; } .activearea h3{ margin:0px; margin-bottom:.5em; color:rgb(0,0,0); } .activearea .loginbox { font-size:1em; } .loginbox { font-weight:bold; padding-top:0.4em; font-size:2.5em; line-height:1.4em; color:rgb(255,255,255); background:rgb(64,64,64); border-radius:12px; overflow:hidden; height:2em; text-align:center; margin-top:.4em; margin-bottom:.6em; } .forgot{ font-size:1em; color:#487AAC; background:rgb(220,220,220); } .tickertape { font-weight:bold; padding-top:0.4em; font-size:2.5em; line-height:1.4em; color:rgb(255,255,255); background:rgb(64,64,64); border-radius:12px; overflow:hidden; height:2em; text-align:center; margin-bottom:1em; } .spacebefore{ //height:7em; height:0em; } .eventimage{ width:100%; border-radius:12px; } .ptable p{ font-size:1.0em; line-height:1.5em; margin-bottom:.5em; color:#396188; letter-spacing:-.005em; } .ptable b,.ptable strong{ font-size:.95em; letter-spacing:-.005em; } .ptable li{ font-size:1.0em; line-height:1.5em; margin-bottom:.5em; color:#396188; letter-spacing:-.005em; } .testimonials h3{ font-size:1em; } .testimonials{ border-radius:12px; padding:1em; background:rgb(194,194,194); color:rgb(74,74,74); } .testimonials li:before{ content:"-"; position:relative; left:-.2em; } .testimonials li{ font-size:.9em; line-height:1em; list-style: none; text-indent:-.2em; color:rgb(64,64,64); } .casebox{ border-radius:12px; background:rgb(220,220,220); padding:1em; } .casebox h3{ padding:0px; margin:0px; } .casebox,.casebox p{ color:rgb(64,64,64); line-height:1.4em; } .registerbox{ margin-top:1em; color:rgb(255,255,255); background:#0165AE; padding:0.5em; border-radius:12px; } .registerbox p{ color:rgb(255,255,255); font-size:1.0em; line-height:1.3em; letter-spacing:0em; } .tilmeldbut, .tilmeldbut a{ text-decoration:none; color:rgb(255,255,255); font-size:1.1em; font-weight:bold; } .tilmeldbut{ text-align:center; margin-top:.1em; margin-bottom:.15em; color:rgb(255,255,255); background-color:#E64F87; background-image:url(/gfx/tilmeldbut.png); padding:0.5em; border-radius:6px; } .tilmeldbut:hover{ background:#000; } .defaultbut, .defaultbut a{ text-decoration:none; color:rgb(255,255,255); font-size:1.1em; font-weight:bold; } .defaultbut{ cursor:pointer; text-align:center; margin-top:.1em; margin-bottom:.15em; color:rgb(255,255,255); background-color:#408FDE; background-image:url(/gfx/mblaa.png); padding:0.5em; border-radius:6px; } .defaultbut:hover{ background-image:url(/gfx/mblaa.png); opacity:0.8; } body { } h1 { letter-spacing:0.05em; margin:-20px;; margin-right:-65px; padding:.2em; text-align:center; font-size:3.3em; line-height:1.4em; margin-bottom:.3em; border-bottom:1px solid #0070C0; color:#fff; xbackground:#00497D; background:#0165AE; } .pheader{ top:101px; margin-bottom:.3em; font-weight:bold; font-size:3.5em; line-height:120px; color:#fff; background:#0165AE; position:fixed; width:100%; height:120px; display:table-cell; vertical-align:middle; text-align:center; } .pheader table{ font-size:100%; width:100%; } .pheader td{ padding-top:.4em; font-weight:bold; //font-size:3.5em; color:#fff; text-align:center; vertical-align:middle; } #editimage{ position:fixed; z-index:150; width:98%; left:1%; top:0px; overflow: hidden; } #editimagebg{ position:fixed; width:100%; left:0px; top:0px; overflow: hidden; background:#ddd; opacity:0.8; display:none; z-index:149; } #flipmenu{ left:-1000px; position:fixed; background:#93A5B1; overflow:scroll; -webkit-overflow-scrolling: touch; border:1px solid #0070C0; } #flipmenu li { cursor:pointer; color:#fff; font-size:2.7em; font-weight:bold; list-style: none; padding:1.2em; border-top:2px solid #0070C0; } #cover{ left:-1000px; position:fixed; width:0px; height:0px; background:#fff; z-index:100; } .setup_button{ height:80px; display:none; } .defaultable,.defaultable td{ font-size:100%; } .subheader{ font-size:1.0em; } .subheader2{ margin-top:.5em;margin-bottom:-.2em;text-align:left;font-size:4.5em;line-height:1.2em; } .setupbox{ margin-bottom:1em; background:#F3F8FC; border:1px solid #0070C0; border-radius:12px; padding:.5em; font-size:.7em; } .photobox{ width:8em; height:8em; border-radius:12px; border:1px solid #0070C0; overflow:hidden; } .photobox img{ width:8em; } h2 { text-align:left; font-size:3em; line-height:1.4em; margin-bottom:.3em; } body,p,td { margin:0px; padding:0px; font-family: Tahoma, Geneva, sans-serif; font-weight:normal; letter-spacing:0.03em; color:#487AAC; } .infobox { padding:0.5em; font-size:2.2em; line-height:1.4em; text-align:left; border-radius:12px; background:#C4DAE9; margin-bottom:1em; } .menubar{ position:fixed; width:100%; z-index:100; top:0; left=0; } .menubut{ color:#00497D; background:#C4DAE9; border-right: 1px solid #0070C0; border-left:1px solid #0070C0; font-weight:bold; text-align:center; font-size:2.1em; padding:.3em; overflow:hidden; height:2em; padding-top:.7em; } .menubut:hover,.menubut:active{ color:#C4DAE9; background:#00497D; } .menubutselected{ color:#C4DAE9!important; background:#00497D; } .content { font-size:1em; line-height:1em; //margin-top:6em; } .bodytext{ margin:0px; text-align:left; font-size:2.8em; line-height:1.5em; border-top: 0px solid #0070C0; border-bottom: 0px solid #0070C0; padding-bottom:.4em; //width:100%; } .kursusliste table{ font-size:100%; } .kursusliste,.coursebox_tilmelding{ cursor:pointer; text-align:left; font-size:2.3em; line-height:2em; border-radius:12px; background:#C4DAE9; margin-bottom:1em; padding:.8em; } .coursebox_tilmelding{ line-height:1.4em; } .rjustcontainer{ text-align:right; } .kursus_tidsted{ border-radius:12px; font-size:.8em; background:#ccc; padding:.9em; margin-left:1em; margin-bottom:.3em; } .coursebox,.coursebox_summary{ text-align:left; font-size:2.3em; line-height:1.6em; margin-bottom:1em; } .coursebox_summary,.coursebox_summary p{ font-weight:bold; } .coursebox li{ font-size:1em; } .readmore{ text-align:center; font-size:.9em; margin-top:.2em; border:1px solid #0070C0; border-radius:6px; padding:.2em; padding-left:.5em; padding-right:.5em; display:inline; background:#00497D; color:#fff; font-weight:bold; } .readmore:hover{ background:#ccc; color:#000; } .bodytext p{ padding-bottom:.4em; } .ultext{ margin:0px; text-align:left; } .litext li{ margin:0px; text-align:left; font-size:2.3em; line-height:1.6em; } .litext ul{ font-size:0.45em; line-height:0.1em; } .out { padding:20px;} .out .pheader { margin-left:-20px; } .menulink{ cursor:pointer; height:70px; display:block; text-decoration:none; color:#00497D; } .menulink:hover{ color:#C4DAE9; } .desktopframe{ opacity:0.0; } .frontpic{ width:100%; } .frontpage{ border-top: 1px solid #0070C0; color:#C4DAE9; background:#00497D; padding:20px; } .profilebut{ display:inline; background:#C4DAE9; padding:6px; border-radius:6px; margin-left:.5em; padding-left:12px; padding-right:12px; } .profilebut a,.profilebut a:visited{ text-decoration:none; color:#0165AE; font-weight:normal; } .usersilhouet { text-align:left; background-image:url(/lms/gfx/user.png); background-repeat:no-repeat; background-size:114px; background-position:6px 12px; padding-left:118px; } .admin_tbl{ width:100%; font-size:.9em; border-radius:6px; } .admin_box{ padding:.2em; background:#000; color:#fff; } .adminbg_r,.adminhelp{ background:#ddd; } .adminbg_l{ padding:.2em; background:#eee; } .adminhelp{ padding:.1em; font-size:.9em; } /* Desktop specifikke styles */ .admin_tbl{ font-size:.8em; } .admin_tbl td{ font-size:.9em; } .adminhelp{ font-size:1em; } .adminhelpdown{ font-size:.8em; line-height:1.5em; } .front_page { height:300px; } .front_page_owl{ width:30%; clear:both; } .spacebefore{ margin-top:-2em; height:0em; } h1 { line-height:1.4em; width:790px; position:relative; //position:fixed; //width:100%; } .pheader{ width:800px; height:50px; line-height:50px; position:static; } .pheader table{ margin-left:-20px; } .pheader td{ padding-top:.1em; } .setup_button{ height:36px; } .tickettable { width:800px; margin-left:auto; margin-right:auto; text-align:center; } .desktopframe{ z-index:100; margin-top:1em; width:800px; text-align:center; margin-left:auto; margin-right:auto; border: 1px solid #0070C0; border-radius:24px; opacity:1.0; } body { font-size:50%; } .menubut{ font-size:1em; height:1.5em; padding-top:.3em; } .menubutleft{ border-left:0px; border-top-left-radius:24px; } .menubutright{ border-right:0px; border-top-right-radius:24px; } .menubutsingleback{ text-align:left; } .menubar{ border-radius:24px; position:relative; } .content{ margin-top:0em; width:800px; } .bodytext{ font-size:2.2em; line-height:1.5em; margin:0px; text-align:left; border-bottom: none; border: 0px solid #0070C0; border-bottom-left-radius:24px; border-bottom-right-radius:24px; } .out { padding:20px; } .out .pheader { border-radius:12px; } .loginbox{ margin-top:30px; } .loginbox.forgot{ margin-top:0px; } .frontpic{ border-top-right-radius:24px; width:75%; } .activearea{ margin-left:-.5em; margin-top:1.5em; margin-bottom:1em; } .activearea td { font-size:1em; } input[type="text"],input[type="password"],input[type="submit"] { font-size:1em; width:100%; } input[type="checkbox"],input[type="radio"] { margin:0; -webkit-transform: scale(1); } .usersilhouet { background-size:50px; background-position:8px 4px; padding-left:58px; } .photobox { width:5em; height:5em; } .photobox img{ width:5em; } #flipmenu{ left:0px; margin-left:-21px; margin-top:-8px; margin-bottom:-1px; margin-right:20px; position:relative; background:#93A5B1; overflow:visible; -webkit-overflow-scrolling: touch; border:1px solid #0070C0; border-top:none; //border-bottom:none; //border-left:none; border-bottom-left-radius:12px; width:200px; } #flipmenu li:hover { background:#000; } #flipmenu li { text-align:left; cursor:pointer; color:#fff; font-size:1.8em; font-weight:bold; list-style: none; padding:1.2em; border-top:1px solid #0070C0; border-bottom:none; } #flipmenu li.last,#flipmenu li.last:hover { border-bottom-left-radius:12px; background:#93A5B1; cursor:default; height:20px; font-size:1px; } .coursebutton{ width:40px; } .socialmedia{ margin-top:-3em; margin-bottom:.5em; margin-right:.8em; } .socialmediapic{ height:2.5em; opacity:0.9; margin-left:.2em; }