/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,img {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/* END RESET CSS */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FONTS */
@font-face {
font-family: 'bebas_neuebold';
src: url('../fonts/bebas-neue/bebasneue_bold-webfont.eot');
src: url('../fonts/bebas-neue/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebas-neue/bebasneue_bold-webfont.woff2') format('woff2'),
url('../fonts/bebas-neue/bebasneue_bold-webfont.woff') format('woff'),
url('../fonts/bebas-neue/bebasneue_bold-webfont.ttf') format('truetype'),
url('../fonts/bebas-neue/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neuebook';
src: url('../fonts/bebas-neue/bebasneue_book-webfont.eot');
src: url('../fonts/bebas-neue/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebas-neue/bebasneue_book-webfont.woff2') format('woff2'),
url('../fonts/bebas-neue/bebasneue_book-webfont.woff') format('woff'),
url('../fonts/bebas-neue/bebasneue_book-webfont.ttf') format('truetype'),
url('../fonts/bebas-neue/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neuelight';
src: url('../fonts/bebas-neue/bebasneue_light-webfont.eot');
src: url('../fonts/bebas-neue/bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebas-neue/bebasneue_light-webfont.woff2') format('woff2'),
url('../fonts/bebas-neue/bebasneue_light-webfont.woff') format('woff'),
url('../fonts/bebas-neue/bebasneue_light-webfont.ttf') format('truetype'),
url('../fonts/bebas-neue/bebasneue_light-webfont.svg#bebas_neuelight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neue_regular';
src: url('../fonts/bebas-neue/bebasneue_regular-webfont.eot');
src: url('../fonts/bebas-neue/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebas-neue/bebasneue_regular-webfont.woff2') format('woff2'),
url('../fonts/bebas-neue/bebasneue_regular-webfont.woff') format('woff'),
url('../fonts/bebas-neue/bebasneue_regular-webfont.ttf') format('truetype'),
url('../fonts/bebas-neue/bebasneue_regular-webfont.svg#bebas_neue_regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neuethin';
src: url('../fonts/bebas-neue/bebasneue_thin-webfont.eot');
src: url('../fonts/bebas-neue/bebasneue_thin-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebas-neue/bebasneue_thin-webfont.woff2') format('woff2'),
url('../fonts/bebas-neue/bebasneue_thin-webfont.woff') format('woff'),
url('../fonts/bebas-neue/bebasneue_thin-webfont.ttf') format('truetype'),
url('../fonts/bebas-neue/bebasneue_thin-webfont.svg#bebas_neuethin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText22LThin';
src: url('TitilliumText22L001-webfont.eot');
src: url('TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),
url('TitilliumText22L001-webfont.woff') format('woff'),
url('TitilliumText22L001-webfont.ttf') format('truetype'),
url('TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText22LLight';
src: url('TitilliumText22L002-webfont.eot');
src: url('TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
url('TitilliumText22L002-webfont.woff') format('woff'),
url('TitilliumText22L002-webfont.ttf') format('truetype'),
url('TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText22LRegular';
src: url('TitilliumText22L003-webfont.eot');
src: url('TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
url('TitilliumText22L003-webfont.woff') format('woff'),
url('TitilliumText22L003-webfont.ttf') format('truetype'),
url('TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText22LMedium';
src: url('TitilliumText22L004-webfont.eot');
src: url('TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
url('TitilliumText22L004-webfont.woff') format('woff'),
url('TitilliumText22L004-webfont.ttf') format('truetype'),
url('TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText22LBold';
src: url('TitilliumText22L005-webfont.eot');
src: url('TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
url('TitilliumText22L005-webfont.woff') format('woff'),
url('TitilliumText22L005-webfont.ttf') format('truetype'),
url('TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText22LXBold';
src: url('TitilliumText22L006-webfont.eot');
src: url('TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),
url('TitilliumText22L006-webfont.woff') format('woff'),
url('TitilliumText22L006-webfont.ttf') format('truetype'),
url('TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');
font-weight: normal;
font-style: normal;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* GENERAL */
html {
height: 100%;
overflow: hidden;
overflow-y: scroll;
}
body {
height: 100%;
background: #553366;
color: #404040;
font-size: 12px;
line-height: 20px;
font-family: 'TitilliumText22LRegular', Arial, Helvetica, Tahoma, sans-serif;
}
select, input, textarea, button { font:99% sans-serif; }
a:hover, a:active, a:focus { outline: none; }
a, a:active, a:visited { color: #B71896; }
a:hover { color: #fd26d0; }
ul, ol { margin-left: 1.8em; bullet-color:#b71896; }
ul.padding li{padding-bottom: 10px;}
ol { list-style-type: decimal; }
ul#order_personal_info , .ie7 ul#order_personal_info {list-style-image:none!important;}
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold;}
td, td img { vertical-align: top; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.65em;}
sub {bottom: -0.25em;}
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
#dkbs-signup label { display: inline-block; width: 44px; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
input[type=text],input[type=password],input[type=email] {border-radius: 3px; padding: 4px;}
/* colors for HTML5 form validity */
input:valid, textarea:valid {}
input:invalid:not(value=""), textarea:invalid:not(value="") {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid, .invalid { background-color: #f0dddd; border:1px solid red; }
.hasPlaceholder, input::-webkit-input-placeholder, input:-moz-placeholder { font-style:italic; color: #dcdcdc; }
::-moz-selection{ background: #734684; color:#fff; text-shadow: none; }
::selection { background:#734684; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #734684; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
body.pdf { background:#ffffff;}
.pdf .columns, .pdf .column-wrap {
background: white;
border: 1px solid #ccc;
border-radius: 3px 3px 3px 3px;
float: left;
margin-bottom: 10px;
padding: 20px;
}
.pdf .calc-orderdetails-wrapper {width: 576px; background: #eeeeee; border: 1px dashed #b9b9b9; border-bottom: 0px; padding:15px; text-align:left; margin-bottom:-7px;}
ul, ol { margin-left: 1.8em; list-style: none url(../images/bullet.png); }
.ie7 ul, .ie7 ol {list-style: none url(../images/bullet-ie7.png); }
ol { list-style-type: decimal; }
/* Headers */
h1 {
margin: 0;
padding: 0 0 20px 0;
position: relative;
display: block;
color: #2e3d4d;
font-size: 3.0em;
line-height: 1em;
letter-spacing: 1px;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
font-weight: 300;
}
h2 {
margin: 0;
padding: 10px 0 10px 0;
display: block;
color: #2e3d4d;
font-size: 2.167em;
line-height: 1em;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
font-weight: normal;
}
h3 {
margin: 0;
padding: 0 0 10px 0;
color: #2e3d4d;
font-size: 1.333em;
line-height: 1.2em;
font-family: 'TitilliumText22LMedium', Arial, Helvetica, Tahoma, sans-serif;
font-weight: normal;
}
h4 {
margin: 0;
padding: 0 0 2px 0;
color: #2e3d4d;
font-size: 1.167em;
line-height: 1.286em;
font-family: 'TitilliumText22LMedium', Arial, Helvetica, Tahoma, sans-serif;
font-weight: normal;
}
p {
padding: 0 0 1.4em 0;
}
p:last-child {
padding: 0;
}
p.last {
padding: 0;
}
p.manchet {
color: #333333;
xfont-size: 1.167em;
xline-height: 1.4em;
}
p.imgtext {
margin: 0;
color: #787878;
font-style: italic;
}
.pdf-document {background:url(../images/icons/pdf_download_knap_lille.png) no-repeat 0 0; padding:8px 0 0 38px; height:27px; border:0; clear:both; display:block; margin:0 0 5px 0}
.pdf-download-icon {background:url(../images/icons/pdf_download_knap_lille.png); width:25px; height:25px; border:0; float:left;}
.h2-purplebox { color: #333; text-shadow: none; background: none; }
.h2-greybox { color: #808080; text-shadow: 1px 1px 0 #fff; color: #6A4080; }
.h2-greybox-price {border:none; padding:0; margin:0; text-align:right;}
.h2-margin {margin-top:40px;}
.h3-contact {background-position:0 0;}
.h3-quicklinks {background-position:0 -14px;}
.h4-sub { border-top:none; margin-bottom:10px; margin-top: -10px;}
.h4-subsub { border-top:#dadada 1px dashed; margin-bottom:10px; margin-top: -10px; font-size:13px; background:none; }
h5 { font-family: "bebas_neuebold", Trebuchet MS, sans-serif; font-size: 20px; color:#4a4a4a; font-weight:normal; margin-bottom: 10px; line-height:1em;}
.cm-button {
background: #7f4c99;
background: -moz-linear-gradient(left, #7f4c99 0%, #8a53a6 100%);
background: -webkit-linear-gradient(left, #7f4c99 0%,#8a53a6 100%);
background: linear-gradient(to right, #7f4c99 0%,#8a53a6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4c99', endColorstr='#8a53a6',GradientType=1 );
border: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.2);
box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.2);
padding: 5px 20px;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
}
.cm-button:hover {
background: #74468c;
background: -moz-linear-gradient(left, #74468c 0%, #7f4c99 100%);
background: -webkit-linear-gradient(left, #74468c 0%,#7f4c99 100%);
background: linear-gradient(to right, #74468c 0%,#7f4c99 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74468c', endColorstr='#7f4c99',GradientType=1 );
}
.order-button {
background: #86c3df;
background: -webkit-gradient(linear, left top, right top, from(#86c3df), to(#8ac8e5)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(left, #8ac8e5, #86c3df); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(left, #8ac8e5, #86c3df); /* Firefox 3.6+ */
background: -ms-linear-gradient(left, #8ac8e5, #86c3df); /* IE 10 */
background: -o-linear-gradient(left, #8ac8e5, #86c3df); /* Opera 11.10+ */
}
.order-button:hover {
background: #58a4c8;
background: -webkit-gradient(linear, left top, right top, from(#58a4c8), to(#5aa8cc)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(left, #5aa8cc, #58a4c8); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(left, #5aa8cc, #58a4c8); /* Firefox 3.6+ */
background: -ms-linear-gradient(left, #5aa8cc, #58a4c8); /* IE 10 */
background: -o-linear-gradient(left, #5aa8cc, #58a4c8); /* Opera 11.10+ */
}
.ie9 .cm-button, .ie8 .cm-button {display: inline-block;}
.ie7 .cm-button { margin:0 0 0 4px; }
.cm-button + h2 { margin-top:35px;}
a.cm-button,a.cm-button:hover { color:#ffffff!important; cursor:pointer;text-decoration:none!important;}
a.cm-button:hover { color:#ffffff!important;}
button.cm-button {padding: 8px 20px;}
.cm-button:hover { color:#ffffff;}
.cm-button-alt { border:0;border-top:1px solid #b8b8b8; border-bottom:1px solid #e4e3e3; }
.cm-button-up { background:url(../images/cm-upbutton-sprite.png) right 0; }
.cm-button-space { height:45px; }
/* Funkthumbs */
.funkthumb { height:160px; width:320px; margin: -39px 0 10px -20px; float:left; display: inline-block; z-index:10; position:relative }
.funkthumb-backup {background:url(../images/cm-funkthumb-backup.png);}
.funkthumb-domain {background:url(../images/cm-funkthumb-domain.png);}
.funkthumb-event {background:url(../images/cm-funkthumb-event.png);}
.funkthumb-invitations {background:url(../images/cm-funkthumb-invitations.png);}
.funkthumb-nametag {background:url(../images/cm-funkthumb-nametag.png);}
.funkthumb-participents {background:url(../images/cm-funkthumb-participents.png);}
.funkthumb-payment {background:url(../images/cm-funkthumb-payment.png);}
.funkthumb-planning {background:url(../images/cm-funkthumb-planning.png);}
.funkthumb-survey {background:url(../images/cm-funkthumb-survey.png);}
.funkthumb-tablestand {background:url(../images/cm-funkthumb-tablestand.png);}
.funkthumb-ticket {background:url(../images/cm-funkthumb-ticket.png);}
.funkthumb-website {background:url(../images/cm-funkthumb-website.png);}
.funkthumb-all {background:url(../images/cm-funkthumb-all.png);}
.funkthumb-iphone {background:url(../images/cm-funkthumb-iphone.png);}
.funkthumb-invoice {background:url(../images/cm-funkthumb-invoice.png);}
.funkthumb-api {background:url(../images/cm-funkthumb-api.png);}
.funkthumb-sms {background:url(../images/cm-funkthumb-sms.png);}
.funkthumb-cmpm {background:url(../images/cm-funkthumb-cmpm.png);}
.extras .columns {border-right:none!important}
.extras h2 {border:0px; background:none; margin-top:0px; margin-bottom:5px;}
.extras p {padding:0 0 0 118px;}
.extrasindent {margin-left:118px;}
.extrathumb {height: 95px; width: 116px; margin: -8px 10px 10px -8px; float: left; display: inline-block;}
.extrathumb-backup {background: url(../images/shop/backup.png);}
.extrathumb-basisweb {background: url(../images/shop/basisweb.png);}
.extrathumb-cardtray {background: url(../images/shop/cardtray.png);}
.extrathumb-clamp {background: url(../images/shop/clamp.png);}
.extrathumb-designnametag {background: url(../images/shop/designnametag.png); background-position: 0 -10px;}
.extrathumb-domain {background: url(../images/shop/domain.png);}
.extrathumb-event {background: url(../images/shop/event.png);}
.extrathumb-extweb {background: url(../images/shop/extweb.png); background-position: 0 -10px;}
.extrathumb-hanger {background: url(../images/shop/hanger.png);}
.extrathumb-nametag {background: url(../images/shop/nametag.png);}
.extrathumb-nametagholder {background: url(../images/shop/nametagholder.png);}
.extrathumb-nametagpaper {background: url(../images/shop/nametagpaper.png);}
.extrathumb-packing {background: url(../images/shop/packing.png);}
.extrathumb-payment {background: url(../images/shop/payment.png);}
.extrathumb-plastcard {background: url(../images/shop/plastcard.png);}
.extrathumb-plastcardcolour {background: url(../images/shop/plastcardcolour.png);}
.extrathumb-plastcardholder {background: url(../images/shop/plastcardholder.png);}
.extrathumb-tablestand {background: url(../images/shop/tablestand.png);}
.extrathumb-tablestandholder {background: url(../images/shop/tablestandholder.png);}
.extrathumb-invoice {background: url(../images/shop/invoice.png);}
.extrathumb-sms {background: url(../images/extras-sms.png);}
.extrathumb-api2 {background: url(../images/shop/api2.png);}
.extrathumb-cmpm {background: url(../images/shop/cmpm.png);}
.extrathumb-graphicsupport {background: url(../images/shop/graphicsupport.png);}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER */
header {
background: #ffffff;
-webkit-box-shadow: 0 0 5px #999999;
-moz-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #999999;
position: relative;
z-index: 900;
}
#header-content {
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
height: 80px;
position: relative;
}
/* ---------------------------------------------------------------------------- */
/* LOGO */
#cm-logo {
width: 226px;
height: 50px;
background: url('../images/layout/logo.png');
margin: 10px 0 0 0;
display: block;
float: left;
}
/* ---------------------------------------------------------------------------- */
/* LOGIN */
#header-top {
min-height: 10px;
background: #6a4080;
position: relative;
z-index: 901;
}
.login-wrap {
max-width: 1140px;
margin: 0 auto;
padding: 10px 20px;
color: #ffffff;
display: none;
}
#header-top.header-top-extend .login-wrap, .no-js #header-top .login-wrap, .ie7 #header-top .login-wrap, .ie6 #header-top .login-wrap {
display: block;
}
.login-wrap input[type="text"], .login-wrap input[type="password"] {
width: 100px;
height: 30px;
background: #ffffff;
border: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 3px #cccccc;
-moz-box-shadow: inset 0 1px 3px #cccccc;
box-shadow: inset 0 1px 3px #cccccc;
padding: 0 10px 0 10px;
margin: 0 20px 0 10px;
vertical-align: middle;
color: #333333;
line-height: 30px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.login-wrap input:focus {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 1px 3px #cccccc;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 1px 3px #cccccc;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 1px 3px #cccccc;
}
.login-wrap .cm-button {
height: 30px;
border: 0;
padding: 0 10px;
display: inline-block;
vertical-align: middle;
}
header .cm-login-tab {
height: 30px;
background: #6a4080;
padding: 0 15px;
display: block;
position: absolute;
top: 0px;
right: 20px;
z-index: 333;
color: #ffffff;
font-size: 18px;
line-height: 20px;
letter-spacing: 1px;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
text-decoration: none;
outline: none;
}
header .cm-login-tab:focus {
outline: 0;
}
.cm-login-msg {margin:0 0 5px;}
.login-wrap a {color: #E6E6E6; text-decoration: none; margin-left: 10px;}
.login-wrap a:hover {text-decoration: underline;}
/* ---------------------------------------------------------------------------- */
/* NAV */
.menuButton { display: none; }
#menu { list-style: none; float: right;}
#menu li {float: left; }
#menu li.active {background: #f2f2f2;}
#menu li:hover, #menu li.active#hover {background: #7e548c;}
#menu a { position: relative; display: block; text-decoration: none; letter-spacing: 1px; padding: 40px 15px 10px 15px;}
#menu a.ir {direction: inherit; text-decoration: none; display: block; overflow: hidden; z-index: 300; text-align: left; text-indent: 0; position: relative; display: block; font-family: "bebas_neuebold", Trebuchet MS, sans-serif; font-size: 20px; line-height: 30px; color: #666666; font-weight: 300; }
#menu li:hover a.ir {color:#ffffff; font-weight:300; text-decoration: none;}
#menu a:hover { text-decoration: underline;}
/* ---------------------------------------------------------------------------- */
/* SUBNAV */
.no-js #menu li:hover .submenu, .no-js #menu li:hover .submenu li {display:block;}
#menu .submenu {background: #7c528b; border: 1px solid #ffffff; border-top: none; margin: 0 0 0 -1px; padding: 10px 0px; position: absolute; top: 80px; z-index:222; display: none; list-style: none;}
.no-js #menu li:hover .submenu, .no-js #menu li:hover .submenu li {display:block;}
#menu .submenu li { float:none; padding: 0px; display:none;white-space:nowrap; font-size:1em}
#menu ul.submenu a { background:none; height:auto; float: none; margin: 0; padding: 5px 20px; color: #fff; font-size: 14px; }
#menu .submenu a:hover { background:#704b7b; text-decoration:none;}
#menu .submenu h3 { margin-bottom:0; padding:0 0 11px; border-bottom:1px solid #b9b9b9;/* background:url(../images/cm-submenu-sprite.png) no-repeat;*/}
#menu li.submenu-last { border:0; margin:0; padding:0;}
#menu .submenu-row {margin:0;}
#menu .submenu-row li { list-style:none; border:0; display:block; height:auto; padding:0;}
#menu li.cm-menu-pointer { background:url(../images/cm-menu-pointer.png) no-repeat center bottom;height:12px;width:18px;display:block;position:absolute;top:-12px; padding:0; margin:0; border:none;}
/* ---------------------------------------------------------------------------- */
/* LANGUAGE */
.language {
height: 30px;
background: url('../images/layout/languageArrow.png') right 3px bottom 24px no-repeat;
padding: 40px 15px 10px 15px;
float: right;
position: relative;
line-height: 30px;
cursor: pointer;
}
.language:hover {
background: #7e548c;
}
.languageNav {
background: #7c528b;
border: 1px solid #ffffff;
border-top: none;
position: absolute;
top: 80px;
right: -1px;
display: none;
}
.language:hover .languageNav {
display: block;
}
.languageNav ul {
margin: 0;
padding: 0;
list-style: none;
}
.languageNav ul li {
}
.languageNav a {
padding: 10px 15px;
display: block;
color: #ffffff;
line-height: 16px;
text-decoration: none;
white-space: nowrap;
}
.languageNav a:hover {
background: #724b80;
}
.language .iconLanguage {
width: 24px;
height: 16px;
background: url('../images/layout/iconspriteLanguage.png') no-repeat;
margin: 0 10px 0 0;
display: inline-block;
vertical-align: middle;
}
.language > .iconLanguage {
margin: 0;
}
.language .iconLanguage.iconDK {
background-position: 0 0;
}
.language .iconLanguage.iconUK {
background-position: -34px 0;
}
.language .iconLanguage.iconDE {
background-position: -68px 0;
}
.language .iconLanguage.iconCH {
background-position: -102px 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* MAIN */
#container {
min-height: 100%;
position: relative;
}
#main {
background: #ffffff;
position: relative;
z-index: 1;
}
section {
padding: 30px 0;
}
/* ---------------------------------------------------------------------------- */
/* BREADCRUMB */
.breadcrumb {
height: 40px;
background: #f2f2f2;
background: rgba(255, 255, 255, 0.6);
padding: 0 20px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
}
.breadcrum-arrow {font-family: Arial, Helvetica, sans-serif}
.breadcrumb .inner {
max-width: 1140px;
margin: 0 auto;
}
.iconHome {
width: 20px;
height: 20px;
background: url('../images/layout/iconHome.png');
margin: 10px 10px 10px 0;
float: left;
display: inline-block;
vertical-align: middle;
}
.breadcrumb ul {
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumb ul li {
margin: 0 0 0 10px;
float: left;
color: #4d6680;
line-height: 44px;
}
.breadcrumb ul li:first-child {
margin: 0;
}
.breadcrumb a {
color: #4d6680;
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.icon-list { margin:0; }
.ie6 .icon-list, .ie7 .icon-list {list-style-image:none; list-style:none;}
.icon-list li { min-height:64px; padding: 0 0 15px 60px; list-style:none;}
.icon-list .icons60 { margin-left:-64px;}
/* columns */
.columns, .column-wrap {float:left; margin:-5px 0 25px 0}
.columns .columns { border:none; padding-left:0; padding-top:0; margin-right:25px; padding-right:25px; background:none; border-right: 1px dashed #ddd; border-radius:0; -moz-border-radius:0; }
.columns .columns.column-last {border-right:0px; padding-right:0px;}
.column-one { width:278px; margin-right:10px; }
.column-two { width:608px; margin-right:10px;}
.column-three { width:938px;}
.columns.column-last { margin-right:0;}
.columns.column-first { clear:left;}
.column-one + .column-one {background-position:-330px 0;}
.column-one + .column-one + .column-one {background-position:-660px 0;}
.column-wrap { background:none; padding: 0; border:none; margin:0px;}
.column-wrap .columns .columns { margin-bottom:0; padding-bottom:0;}
.column-wrap.column-one { width:320px; }
.column-wrap.column-two { width:650px; margin-right:10px; }
#frontboxes .columns{height:300px; position:relative}
#frontboxes a.cm-button{position:absolute; bottom:25px;padding: 0 42px 0 5px;}
.ie9 #frontboxes .cm-button, .ie8 #frontboxes .cm-button {line-height: 21px;}
.ie9 #frontboxes a.cm-button{position:absolute; bottom:15px; height:20px; padding-top:2px; padding-bottom:0px }
.ie7 .column-last {padding-right:20px !important;}
/* referencer */
.website-box { float:left; margin-bottom:10px; width:175px; border: 1px dashed #b9b9b9; padding:7px 7px 7px 275px; margin: 15px 10px 0 0; border-radius:2px; -moz-border-radius:2px; color:#808080; text-shadow:0px 1px 0 #fff; /*background:url(../images/cm-h4-bg.png) repeat-x 0 -1px;*/ background-color:#eeeeee;}
.website-box-first { clear:left;}
.billede {width:260px; float:left; margin-left:-270px; max-height: 230px; overflow: hidden;}
.overskrift { margin-top:2px; height:auto;}
.purplebox {/*background:url(../images/cm-purplebox-bg.png) #6a4178 no-repeat center top;*/ padding: 15px 15px 15px 0px; margin: 3px 0 15px 0;border-top:1px solid #BA239B; border-bottom:1px solid #BA239B;color:#333;}
.purplebox-dashed {border: 1px dashed #fff; padding:7px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.greenbox {background:url(../images/cm-greenbox-bg.png) #bed740 no-repeat center top; }
.greybox { margin: 15px 0 15px 0; border-radius:2px; -moz-border-radius:2px; color:#808080; text-shadow:0px 1px 0 #fff;}
.purplebox-demo {width:600px}
.cm-readmore { background:url(../images/cm-readmore.png) no-repeat; display:block; border-bottom:1px solid #ccc; text-indent:-999em; width:75px; height:21px;}
/* Image thumbnails */
.thumb-photo { margin:0 0 15px 0; height:120px; width:279px; background-position: 0 8px; background-repeat:no-repeat; display:block; } /* Vi skal have default billede */
.thumb-photo-overlay {background:url(../images/cm-279x120-frame.png); margin:-2px 0 0 -4px; height:128px; width:289px; cursor:pointer;}
.thumb-photo-small { margin:0 0 15px 0; height:36px; width:75px; background-position: 0 4px; background-repeat:no-repeat; float:left; margin:-9px 10px 15px 0; }
.thumb-photo-small-overlay {background:url(../images/cm-75x36-frame.png); margin:-2px 0 0 -4px; height:44px; width:83px; cursor:pointer;}
.website-slider { margin:-375px 0 112px 503px; height:259px; width:456px; background-position: 0 0; background-repeat:no-repeat; display:block; position: absolute;}
.website-slider-overlay {background:url(../images/websiteslider/overlay.png); height:259px; width:456px;position:absolute; top:0; z-index:10px; left:0; display:block; cursor:pointer;}
.website-slider-ref { margin:-25px 0 0 73px; }
/* Tilkøb's styles*/
.cm-shop-item { font-size:16px; font-weight:normal; border-top:#b9b9b9 1px solid; border-bottom:#b9b9b9 1px solid; padding:15px 0 16px 0; margin-top:3px; margin-bottom: 1.2em; line-height: 22px; color:#787878; text-shadow: 0px 1px 0px #fff; background:url(../images/cm-h4-bg.png) no-repeat 0 top;border-top:none; margin-bottom:10px; margin-top: -10px;}
.ie7 .cm-shop-item { clear:both;}
.cm-shop-item-dspt {border-top:#dadada 1px dashed; font-size: 13px;margin: 15px 0 -5px 85px; padding: 4px 0 0;}
.window {height: 349px; width: 980px;overflow: hidden;position: relative; z-index:1;}
.image_reel {position: absolute;top: 0; left: 0;}
.image_reel img {float: left;}
.image_reel .cm-button {height: 21px; padding: 0 42px 0 5px; position: absolute; bottom: 20px; right: 40px; z-index:4; }
.image_reel a { position:relative; display:block; height:348px; float:left;text-decoration:none; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER */
footer {
background: #6a4080;
color: #ffffff;
}
footer h3 {
color: #ffffff;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
}
footer a {
color: #ffffff;
text-decoration: none;
}
footer a:hover {
color: #ffffff;
text-decoration: underline;
}
footer .inner {
max-width: 1140px;
margin: 0 auto;
padding: 20px;
}
/* ---------------------------------------------------------------------------- */
/* FOOTER CONTENT */
footer .footer-links { list-style:none; margin:0; }
footer .footer-links.footer-network li {margin: 0 0 6px; padding: 0 0 7px; }
footer .footer-links li { margin:0 0 8px 0; padding:0; height:auto; width:auto; float:none; border:none; }
footer .footer-links a { color:#fff; }
/* ---------------------------------------------------------------------------- */
/* SOCIALS */
#footer-facebook { background:url(../images/cm-network-sprite.png); height:24px; width: 30px; float:left; margin-top:-3px; margin-right:8px; }
#footer-facebook:hover {background-position:0 -24px; }
#footer-twitter { background:url(../images/cm-network-sprite.png); background-position:68px 0; height:24px; width: 33px; float:left; margin-top:-3px; margin-right:7px; margin-left:-2px; }
#footer-twitter:hover {background-position:68px -24px; }
#footer-newsletter { background:url(../images/cm-network-sprite.png); background-position:27px 0; height:24px; width: 27px; float:left; margin-top:-3px; margin-right:12px; }
#footer-newsletter:hover {background-position:27px -24px; }
/* ---------------------------------------------------------------------------- */
/* VIDEOS */
.videoFrame {
height: 0;
margin: 0 auto 20px auto;
padding-bottom: 56.25%; /* 16:9 */
position: relative;
z-index: 10;
}
.videoFrame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ---------------------------------------------------------------------------- */
/* COPYRIGHT */
footer .copyright {
background: #553366;
color: #decfe5;
font-size: 12px;
line-height: 18px;
}
footer .copyright .inner {
max-width: 1140px;
margin: 0 auto;
padding: 10px 20px;
}
/* Versions */
.cm-version { border-radius: 3px; border: 1px dashed #a5a5a5; margin: 0 0 3px; text-align: center; background: #f2f2f2; position: relative; }
.cm-version dd, .cm-version dt, .cm-version td {padding:12px 26px 6px 0px; text-align:right; border:1px dashed #a5a5a5; vertical-align: middle; width: 143px; text-shadow: 0 1px 0 #fff; float:left; height:20px; border-bottom:none; border-right:none; background:url(../images/cm-version-bg.png) no-repeat 0 -121px;}
.cm-version dt, .cm-version td.main { text-align:left; border-left:none; width:395px; word-spacing: -1px; padding: 12px 13px; height: 14px; font-weight:bold;}
.cm-version td.empty { min-height: 30px; }
.cm-extra-version .cm-version dt, .cm-extra-version .cm-version td.main {width:400px;}
.cm-version .cm-version-double {text-shadow:0 1px 0 #fff; padding:2px 13px 6px 13px; height:30px;}
.cm-version .cm-version-highlight {font-family: "bebas_neuebold", Trebuchet MS, sans-serif; font-size:28px; color:#aac23a;text-shadow:0 1px 0 #fff; padding:2px 26px 6px 0px; height:30px; text-align:right}
.cm-version-highlight.cm-version-pco{color:#909090}
.cm-version .cm-version-dbl {width:143px;}
.cm-version .cm-version-dbl-wyw {background-position: -88px -39px; /*color:#6f7d30!important; text-shadow:0 1px 0 #d9e798;*/ text-align:center; padding:2px 13px 6px 13px;}
.cm-version .cm-version-btn-cell {padding:2px; height:34px; width: 165px;}
.cm-version .cm-version-top dd, .cm-version .cm-version-top td { color:#909090; text-align:center;padding: 3px 13px 5px; line-height: 1.2em;}
.cm-version .cm-version-start { font-family: "bebas_neuebold", Trebuchet MS, sans-serif; font-weight:normal; font-size:28px; color:#909090; background: #D6D6D6;height: 22px;padding-top: 42px;}
.cm-version .cm-version-last {}
.cm-version .cm-version-pco {background:#dfdfdf;}
.cm-version .cm-version-standard {background:#d6d6d6; color:#7d7d7d!important; text-shadow:0 1px 0 #f3f3f3;}
.cm-version .cm-version-standard-next { background-position:-88px -239px; border-top:none;}
.cm-version .cm-version-dkbs-txt{background-position:-86px -159px; color:#462c3d!important; text-shadow: 0 1px 0 #e9c2db; display:none}
.cm-version .cm-version-pco-txt{background-position:-540px -159px; color:#111!important; text-shadow: 0 1px 0 #e6e6e6;}
.cm-version .cm-version-cvr-txt{ color:#6f7d30!important; text-shadow:0 1px 0 #d9e798; /*line-height:1.9em!important;*/ vertical-align:middle;}
.cm-version-alt dt, .cm-version-alt dd, .cm-version-alt td {background-position:0 -81px;}
.cm-version .cm-version-dkbs { background-position:-265px -121px; width:143px;display:none}
.cm-version-alt .cm-version-dkbs { background-position:-265px -81px; display:none}
.cm-version-top dd, .cm-version-top dt, .cm-version-top td { border-top:none;}
.cm-version .cm-version-tax{ font-size:11px; font-weight:normal;}
.cm-version-topborder dt, .cm-version-topborder dd, .cm-version-topborder td {border-top:2px solid #B9D241;}
.cm-version .cm-version-orderfromcm {height: 31px; padding: 3px; width: 163px; text-align: center; }
.cm-version-highlight abbr[title] {display:inline-block;}
.cm-version-overlay { background:url(../images/cm-versions-overlay.png); width:171px; height:545px; position:absolute; pointer-events: none; display:none; opacity:1;}
.cm-version-overlay:hover { display:none; }
.cm-version-col1 { left: 256px;}
.cm-version-col2 { left: 426px;}
.cm-version-col3 { left: 596px;}
.cm-version-col4 { left: 766px;}
.cm-version-tip {width:161px; position:absolute; display:none;}
.cm-version-tip-pointer { background:url(../images/cm-versions-tip-pointer.png); width:24px; height:12px; display:block; position:absolute; bottom:-12px; left:50%; margin:0 -12px;}
.cm-version-tip-col1 { left: 257px; top: -178px;}
.cm-version-tip-col2 { left: 427px; top: -194px;}
.cm-version-tip-col3 { left: 597px; top: -177px;}
.cm-version-tip-col4 { left: 767px; top: -193px;}
.cm-btn-next, .cm-btn-next:hover, .cm-btn-next:visited { background:url(../images/cm-next-btn.png) -68px 0 ; line-height:32px; display:block; border-radius:3px; height:30px; width:159px; text-shadow:none; text-decoration:none; border:none; text-align: left; padding: 2px 0 2px 6px; color:#fff; font-family: "bebas_neuebold"; font-size:31px;}
.cm-btn-next:hover { color:#D7D7D7;}
.cm-version-3col .cm-version dt, .cm-version-3col .cm-version td.main { width:400px;}
.cm-version-3col .cm-version-overlay { height:195px;}
.cm-version-3col .cm-version-col1 {left: 426px;}
.cm-version-3col .cm-version-col2 { left: 596px;}
.cm-version-3col .cm-version-col3 { left: 766px;}
.cm-version-3col .cm-version-tip-col1 {left: 427px; top: -194px;}
.cm-version-3col .cm-version-tip-col2 {left: 597px; top: -177px;}
.cm-version-3col .cm-version-tip-col3 {left: 767px; top: -209px;}
/* Certified */
ul#certificerede_deltagere_list {float: left; margin: 10px 0; list-style-image:none;}
ul#certificerede_deltagere_list li {height: 19px; padding: 5px; width: 590px; font-size: 14px; text-shadow:1px 1px 0 #fff; list-style:none;}
.certificerede_deltagere_navn {float: left; padding-right: 10px; width: 225px;}
.certificerede_deltagere_firma {float: left; width: 320px;}
.certificerede_deltagere_type_cmp {color: #b2ca3d; float: left; text-align: right; width: 30px; font-family: "bebas_neuebold"; font-size:16px;}
.certificerede_deltagere_type_cme {color: #00B9EF; float: left; text-align: right; width: 45px;}
.certificerede_deltagere_list_grey { background-color: #eeeeee; border-top:1px dashed #B9B9B9; border-bottom:1px dashed #B9B9B9;}
.style1 {color: #6a4178;}
.demonstration {border-bottom:1px dashed #B9B9B9; padding: 5px 0px 5px 0px; vertical-align:middle; }
.demonstration_dato {/*font-weight:bold; text-align:right; */ font-family: "bebas_neuebold"; color: #6a4178; font-size:18px; border-bottom:1px dashed #B9B9B9; width:90px;}
.demonstration_kl {margin-bottom:-5px; padding-left:10px; width:80px; }
.demonstration_titel {padding-left:10px; width:290px; }
.demonstration_tilmeld {}
.demonstration_color {}
.addon-demo .demonstration {}
.demopage
/* Icons */
table.reference-logos { border-width: 0px; border-spacing: 2px; border-style: none; border-color: gray; border-collapse: separate;}
table.reference-logos th { border-width: 1px; padding: 3px; border-style: none; border-color: gray; }
table.reference-logos td { border-width: 1px; padding: 3px; border-style: none; border-color: gray; vertical-align:middle; text-align:center;}
/* Icons */
.icons60 { height:60px; width:60px; margin: 2px 6px -3px -3px; float:left; display: inline-block; background:url(../images/60x60-icon-sprite.png);}
.icon-pdf {background-position: 0 0;}
.icon-at { background-position: -60px 0;}
.need2have-nice2have { height:145px; width:210px; margin-top: -145px; float:right; display: inline-block; background:url(../images/cm-need2have-nice2have.png) no-repeat;}
.need2have {background-position: 0 0;}
.nice2have {background-position: -210px 0; margin-top: -45px;}
.vaerdi5000 {height: 240px; width: 240px; background:url(../images/vaerdi5000.png) no-repeat; position: absolute; top: -140px; right: -80px; z-index: 9999;}
.include-buy { height:145px; width:210px; float:right; display: inline-block; background:url(../images/cm-include-buy.png) no-repeat; margin: 0 0 -145px; position: relative; top: -145px;}
.include {background-position: 0 0;}
.buy {background-position: -210px 0;}
.basic-extra { height:121px; width:122px; margin-top: -70px; margin-left: 183px; padding-left:-20px; float:right; display: block; background:url(../images/cm-basic-extra-sprite.png) no-repeat; position:absolute; z-index:20}
.ie7 .basic-extra { display:inline-block; }
.basic {background-position: 0 0;}
.extra {background-position: -122px 0; margin-left:182px; }
.extraapple {background-position: -367px 0; margin-left:183px; margin-top:-70px }
.ie7 .extra { margin-top: -67px;}
.ie8 .basic-extra { display:block; }
.basic-feature {background-position: 0 0; margin-left:184px; margin-top:-26px; }
.extra-feature {background-position: -122px 0; margin-left:184px; margin-top:-26px;}
.extra-featureapple {background-position: -367px 0; margin-left:185px; margin-top:-26px;}
.randomfeature {background-position: -244px 0; margin-left:181px; margin-top:205px; z-index:2;}
.randomfeature2 {background-position: -244px 0; margin-left:181px; margin-top:183px; z-index:2;}
.ie7 .randomfeature2 { margin-top:191px;}
.basic-demo {background-position: -490px 0; margin-right:-28px; margin-top:-113px; z-index:2;position:relative;}
.addon-demo {background-position: -611px 0; margin-right:-28px; margin-top:-70px; z-index:2; position:relative;}
.gratisdemo { height:177px; width:102px; margin-top: -78px; margin-right:-15px; padding-left:-20px; float:right; display: inline-block; background:url(../images/cm-gratisdemo.png) no-repeat; position:relative;}
.gratisdemo_system { height:177px; width:102px; margin-top: -313px; margin-right:8px; padding-left:-20px; float:right; display: inline-block; background:url(../images/cm-gratisdemo.png) no-repeat; position:relative;}
.ie7 .gratisdemo { margin-top: -75px; }
.phone { height:245px; width:104px; margin-top: -90px; margin-right:-25px; margin-bottom:-20px; margin-left:-10px; float:right; display: inline-block; background:url(../images/cm-phone.png) no-repeat;}
.quote { height:96px; width:104px; margin-top: -88px; margin-right:-20px; margin-bottom:-20px; margin-left:-10px; float:right; display: inline-block; background:url(../images/cm-quote.png) no-repeat;}
.icm { height:412px; width:520px; margin: 30px auto 30px auto; position: relative; float: none; background:url(../images/cm-icm.png) no-repeat;}
.icm .website-slider {right: 36px; top: 51px;}
/* REFSITES */
.refsites {width:100%; position:absolute; left:0}
.refsites div span::after {
content: "";
display: block;
padding-top: 100%;
}
.refsites div {width:14%; float:left;}
.refsites div span { display: table; margin: 0 1% 1% 0; position: relative; width: 100%; overflow:hidden; background-size:cover; background-position: center center;}
.microsoft {background: url(../images/referencesites/microsoft.jpg);}
.carlsberg {background: url(../images/referencesites/carlsberg.jpg);}
.deloitte {background: url(../images/referencesites/deloitte.jpg);}
.hearvejs {background: url(../images/referencesites/haervejs.jpg);}
.lego1 {background: url(../images/referencesites/lego1.jpg);}
.lego2 {background: url(../images/referencesites/lego2.jpg);}
.lego3 {background: url(../images/referencesites/lego3.jpg);}
.egmont1 {background: url(../images/referencesites/egmont1.jpg);}
.egmont2 {background: url(../images/referencesites/egmont2.jpg);}
.dgi {background: url(../images/referencesites/dgi.jpg);}
.konfdk {background: url(../images/referencesites/konfdk.jpg)}
.nordea {background: url(../images/referencesites/nordea.jpg);}
.telenor {background:url(../images/referencesites/telenor.jpg);}
.telia {background: url(../images/referencesites/telia.jpg);}
.vitra {background: url(../images/referencesites/vitra.jpg);}
.koldingfjord {background: url(../images/referencesites/koldingfjord.jpg);}
.cm-pic-frame { background:#fff; padding:4px; float:left; box-shadow:0 0 3px #D3D3D3; display:block;margin: 0 28px 28px 0;}
.employee .cm-pic-frame { margin: 0 10px 0 0;}
/* Page menu */
.cm-page-menu { background:url(../images/cm-pagemenu-bg.png) no-repeat; width:318px; height:144px; border-radius:3px; padding: 23px 0; border:1px solid #fff; margin-right: 10px; font-family: "bebas_neuebold"; font-size:24px; float:left; color:#7b7b7b; list-style:none; margin:0 9px 0 0; position:relative;}
.cm-page-menu li {padding: 0 0 0 18px;height: 29px; text-shadow: 1px 1px 0 #e5e5e5; cursor:pointer;}
.cm-page-menu li:hover { color:#6b6b6b;}
li.cm-page-menu-active-bar { background:url(../images/cm-pagemenu-active.png) no-repeat right 0; position: absolute; width: 342px; margin:0 0 0 -8px; padding:0; top:51px; height:31px;}
.cm-page-menu-active-bar-edge {background:url(../images/cm-pagemenu-active.png); position:absolute; top:-7px; width:7px; height:7px; display:block;}
li.cm-page-menu-active, li.cm-page-menu-active:hover { color:#fff; position: relative; text-shadow: 1px 1px 0 #a1b738;}
/* flipCalender */
.cm-flipcalendar { background:url(../images/cm-flipcalendar-sprite.png) no-repeat; position:relative;line-height: 38px; float:right; height:44px; width:185px; display:inline-block; font-size:32px; color:#6a4178; margin:5px 0 0;}
.ie7 .cm-flipcalendar {line-height: 40px;}
.cm-flipcalendar span { text-align: center;display: inline-block; }
.cm-flipcalendar-overlay { background:url(../images/cm-flipcalendar-sprite.png) 0 -44px no-repeat; height:44px; width:190px; position:absolute; top:0; left:0; }
.cm-flipcalendar-day { width:50px; }
.cm-flipcalendar-month { width:54px; margin-right:3px;}
.cm-flipcalendar-year { width:66px;}
.cm-flipcalendar-label { display: inline-block; line-height: 17px; margin: 10px 40px 0 0; text-align: left;}
/* Employees */
.employee {margin: 0 0 20px 0;}
.employees-photos {width: 94px; height: 94px; background: url(../images/medarbejdere.jpg?v=1.5) 0 0; display:block; box-shadow: inset 0 0 17px 0 rgba(0, 0, 0, 0.3);}
.employees-nopic {background-position: 0 0;}
.employees-rasmus {background-position: -94px 0;}
.employees-jan {background-position: -282px 0;}
.employees-bjorn {background-position: -470px 0;}
.employees-morten {background-position: -564px 0;}
.employees-lars {background-position: -752px 0;}
.employees-cathrine {background-position: -846px 0;}
.employees-kristianr {background-position: -940px 0;}
.employees-pernille {background-position: -1034px 0;}
.employees-maria {background-position: -1316px 0;}
.employees-tania {background-position: -1598px 0;}
.employees-claus {background-position: -1128px 0;}
.employees-sondre {background-position: -1222px 0;}
.employees-stephan {background-position: -1410px 0;}
.employees-trine {background-position: -2162px 0;}
.employees-emma {background-position: -2256px 0;}
.employee img {max-width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 5px 0;}
/* DKBS styles */
.dkbs-start-txt {font-size:20px; color:#7c7c7c; text-shadow: 1px 1px 0 #fff; margin: -35px 0 32px;}
.dkbs-free-badge {background:url(../images/cm-mydkbs-splash.png); height:210px; margin: -60px 0 -210px; width:210px; float:right; position:relative; z-index:999; display:block;}
.cm-data-form input { width:179px;}
#dkbs-login label { display: inline-block; width: 85px;}
/* States (Error, OK ect) */
p.cm-state-error, .text-error { background:#FBA4A6; border:1px solid #D72234; padding:5px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; margin-bottom:10px}
.required-field {font-size:17px; color:red; height:14px; font-weight:bold}
.inline {float: left; padding-right: 5px;}
.order_info { float: left; font-size: 13px; font-weight: bold; padding-right: 5px; width: 150px;}
ul.order_dots {margin-left:0px}
ul.order_dots li {min-height: 30px; margin-bottom: 5px; list-style:none outside none}
.fielderror {border:2px solid #D72234!important;}
.order_postnr {width:60px}
/* Field List */
.cm-field-list {list-style:none; margin:0; display:inline-block;}
.cm-field-list li { float:left; padding:0 0 10px;}
.cm-field-list .cm-field-txt { font-weight:600; clear:left; width:80px; padding:7px 10px 10px 0;}
.order .cm-field-list .cm-field-txt { width:120px;}
.ie7 .cm-field-txt { clear:left; display:block}
/*input, textarea, select { width:330px; margin:0; background:#6d6d6d; color:#f3f3f3; border:1px solid #505050; text-shadow: 0 0 5px #4d4d4d; box-shadow:inset 0 2px 5px #4c4c4c; border-radius: 3px; padding:4px;}*/
/*input:focus, textarea:focus, select:focus { background:#7d7d7d; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }*/
input[type="text"], input[type="password"], input[type="email"] {
border: 1px solid #999999;
border-radius: 3px 3px 3px 3px;
margin: 0 0 5px;
padding: 4px;
}
input[type="radio"], input[type="checkbox"] { width:auto; background:none; border:none; box-shadow:none; }
input.error, cm-select-replace-w.error {box-shadow: 0 2px 5px #4C4C4C inset, 0 0 4px #e30005;}
/* Select Replacement */
.cm-select-replace { position: relative; display:inline-block; }
.ie7 .cm-select-replace { display:inline; clear:left; float:left; width:200px!important;}
.cm-select-replace li { list-style:none; margin:0;}
.cm-select-replace .cm-select-replace-w { padding:4px 6px; background:#6d6d6d; border:1px solid #505050; color:#f3f3f3; text-shadow: 0 0 5px #4d4d4d; box-shadow:inset 0 2px 5px #4c4c4c; border-radius: 3px; }
.cm-select-replace .cm-select-replace-h { margin:-4px -6px -4px 0; background:url(../images/cm-select-handle.png); height:24px; width:32px; display:block; float:right; text-indent:-999em;}
.ie7 .cm-select-replace .cm-select-replace-h { position: absolute;top: 1px; right: 1px; margin:0; float:none; }
.cm-select-replace:hover .cm-select-replace-h {background:url(../images/cm-select-handle-active.png); cursor:pointer;}
.cm-select-replace-list { position:absolute; top:27px; display:none; margin:0; background:#6d6d6d; border:1px solid #505050; color:#f3f3f3; text-shadow: 0 0 5px #4d4d4d; box-shadow:inset 0 2px 5px #4c4c4c, 0 0 2px #4c4c4c; border-radius: 3px; }
.cm-select-replace-list li { padding:4px 6px; white-space: nowrap; float:none;}
.ie7 .cm-select-replace-list li { list-style-image:none; list-style:none;}
.cm-select-replace-list li:hover { background:#838383; cursor:pointer;}
.supportQuickies {margin: 40px 0; color:#FFFFFF}
.supportQuickies div {padding:70px 3% 0 3%; text-align:center; height:130px; float:left; width:43%; background:#cab4d2; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.supportQuickies div.api {background: url(../images/api-gfx.jpg) right bottom no-repeat; background-size: cover}
.supportQuickies div.startguide {background: url(../images/startguide-gfx.jpg) right bottom no-repeat; background-size: cover; float: right;}
.supportQuickies div.qna {background: url(../images/qna-gfx.jpg) right bottom no-repeat; background-size: cover}
.supportQuickies a {font-family: "bebas_neuebold", Trebuchet MS, sans-serif; font-size:26px; text-decoration:underline; color:#FFF }
/* Price calculator */
.calc-wrapper {width:608px;}
.calc-wrapper td {border-bottom: 1px dashed #d7d7d7; vertical-align:middle; padding: 10px 0px;}
td.calc-icon-wrapper {width: 34px; height: 30px; padding-right: 25px;}
.calc-icon {width: 34px; height: 34px; background: url(../images/iconsprite.png);) no-repeat;}
.calc-descr {line-height: 12px; }
.calc-answer-wrapper {width: 116px;}
.calc-answer-wrapper input[type=text] {width: 93%; }
.calc-answer {width: 58px; float: left; text-align: right; position:relative;}
.calc-answer-relative {position: relative;}
.calc-order-wrapper {width: 624px; height: 53px; background: url(../images/order.png); padding: 24px 20px 24px 20px; margin-left: -28px}
.calc-order-wrapper ul {height: 53px;list-style: none;}
.calc-order-wrapper ul li {height: 53px; float: left;}
.calc-order-form {width: 268px;}
a.calc-order-form-orderNow { background:url(../images/cm-button-sprite.png) right 0; border:1px solid #b8b8b8; display:inline-block; border-radius:2px; margin:0px 0px 7px 0px; color:#545454; height:21px; width:255px; text-shadow:0px 1px 0 #fff; font-family: "bebas_neuebold", Trebuchet MS, sans-serif; font-size:19px; text-decoration:none; padding-left:5px;}
a.calc-order-form-orderNow:hover { color:#2b2b2b; background-position:100% -22px;}
.calc-order-form input {width: 114px; height: 15px; background: #fff; border: 0px solid #b8b8b8; border-radius: 3px 0px 0px 3px; float: left; display: block; margin-right:6px; color:#b8b8b8; text-shadow:none; }
.calc-order-form-email {width: 135px; height: 23px; background: red; float: right; display: block;}
.calc-order-establ {width: 160px; color: #fff; font-size: 24px; text-align: right;}
.calc-order-annually {width: 166px; color: #fff; font-size: 24px; text-align: right;}
.calc-order-establ span, .calc-order-annually span {font-size: 16px;}
.calc-orderdetails-wrapper {width: 576px; background: #eeeeee; border: 1px dashed #b9b9b9; border-top: 0px; padding:15px; text-align:left; margin-top:-7px;}
.calc-orderdetails-title {border-bottom: 1px solid #a8a8a8; border-top: 1px solid #a8a8a8; margin: 0px 0px 20px 0px; padding: 5px 0px 5px 0px;}
.calc-orderdetails-wrapper table {width: 100%;}
.calc-orderdetails-wrapper th {border-bottom: 1px solid #a0a0a0; padding: 10px 0px;}
.calc-orderdetails-wrapper td {border-bottom: 1px dashed #a0a0a0; padding: 10px 0px;}
.calc-orderdetails-wrapper tr:last-child td {border-top: 1px double #a0a0a0; border-bottom: 1px double #a0a0a0; padding: 10px 0px;}
.calc-orderdetails-descr {line-height: 16px; text-align: left;}
.calc-orderdetails-establ {width: 80px; padding-left: 5px; text-align: right;}
.calc-orderdetails-annually {width: 80px; padding-left: 5px; text-align: right;}
.calc-tip {width:300px; position:absolute; display:none; top: -24px; left: 145px;}
.calc-tip-pointer { background:url(../images/calc-tip-pointer.png); width:12px; height:24px; display:block; position:absolute; left: -12px; top: 15px; margin:0 0;}
/* Grid system */
.grid-wrap {margin: 0px; padding: 0px; list-style: none;}
.grid-wrap li {width: 190px; margin: 0px 19px 20px 0px; float: left;}
li.grid-last-col {margin: 0px 0px 20px 0px;}
li.grid-last-row {margin: 0px;}
/* ------------------------------------------------------------------------------------ */
/* KNOWLEDGE CENTER */
/* Generel Thumb style */
.thumb {border: 3px solid #fff; -moz-box-shadow: 0 1px 3px #cccccc, inset 0 0 10px #666666; -webkit-box-shadow: 0 1px 3px #cccccc, inset 0 0 10px #666666; box-shadow: 0 1px 3px #cccccc, inset 0 0 10px #666666; position: relative; display: inline-block;}
.thumbOverlay {width: 100%; height: 100%; background: url('/conferencemanager.dk/images/thumboverlay.png') center top no-repeat; -moz-box-shadow: inset 0 0 30px #b3b3b3; -webkit-box-shadow: inset 0 0 30px #b3b3b3; box-shadow: inset 0 0 30px #b3b3b3; position: absolute; top: 0; left: 0;}
.thumb img {display: block; border: 0;}
/* articles */
ul.articleList {list-style: none; margin: 0; padding: 0;}
.articleList h5 {margin-top: 0;} /* This style will be deleted when the original headline styles has been edited */
.articleList li {margin-bottom: 20px;}
.articleList li.last {margin-bottom: 0;}
.articleList .thumb {margin: 0 0 0 20px; float: right;}
.listNumbered { list-style: decimal;}
.listNumbered li {margin: 0 0 20px 0;}
.section {margin: 0 0 20px 0;}
/* Klingenberg */
.window {height: 349px; width: 980px; position: relative; z-index:1; margin: 0 auto; bottom: 0px;}
.funkthumb-support {background:url(../images/cm-funkthumb-support.png) no-repeat center top transparent; height: 173px; margin: -10px 0 10px -20px;}
.funkthumb-signup {background:url(../images/cm-funkthumb-signup.png) no-repeat center top transparent; margin: 5px 0 10px -20px;}
/*#menu-features .submenu li {height:165px;}*/
/* infobox */
.priceBox { padding: 10px 0px; z-index: 1; width: 100%; height: 112px; position: relative; background-color: #E2E2E2;}
.priceBox .topShadow { width: 100%; height: 34px; margin: 0 auto; position: absolute; bottom: 0px; z-index: 2; background: url("../images/cm-frontpage-shadow-top.png") no-repeat scroll center bottom transparent;}
.priceWrapper { width: 980px; margin: 0 auto; position: relative; z-index: 3;}
.priceBox .textBox, .priceBox .orderBox { float: left;}
.priceBox .textBox { margin-left: 345px; width: 281px; font-family: "bebas_neuebold", Trebuchet MS, sans-serif; font-size: 27px; line-height: 28px; color:#373737; text-shadow:0 1px 0 #fff; font-weight:normal; padding-top: 26px;}
.priceBox .orderBox { margin: 0px 10px; padding: 5px 0 0; width: 334px; position: relative; text-align: right; top: -15px;}
.priceBox .orderBox .prisText { position: relative; display: block; font-family: "bebas_neuebold", Trebuchet MS, sans-serif; font-size: 68px; color:#7C528B; font-weight:300; text-shadow: 1px 1px white, -1px -1px #444;}
.priceBox .orderBox .omText { color: #7C528B; font-family: "bebas_neuebold", Trebuchet MS,sans-serif; font-size: 18px; font-weight: normal; position: absolute; right: 1px; text-shadow: 0 1px 0 #FFFFFF; top: 10px;}
.priceBox .orderBox .aaretText { color: #7C528B; font-family: "bebas_neuebold", Trebuchet MS,sans-serif; font-size: 11px; font-weight: normal; position: absolute; right: 4px; text-shadow: 0 1px 0 #FFFFFF; top: 29px;}
.gratisdemo { height:145px; width:102px; margin-top: -54px; margin-right:-37px; padding-left:-20px; float:right; display: inline-block; background:url(../images/cm-gratis-demo.png) no-repeat; position:relative;}
.tjekSplash { background: url("../images/cm-tjek_splash.png") no-repeat scroll 0 0 transparent; top: -54px; display: inline-block; float: left; height: 197px; left: 50%; padding-left: 10px; position: absolute; width: 217px; margin-left: -442px;}
/* Image slider */
.window {height: 349px; width: 980px; position: relative; z-index:1; margin: 0 auto; bottom: 0px;}
.image_reel {position: absolute;top: 0; left: 0;}
.image_reel img {float: left;}
.image_reel .cm-button { position: absolute; padding: 0 42px 0 5px;bottom:20px; right:20px; z-index:4; }
.image_reel a { position:relative; display:block; height:348px; float:left;text-decoration:none; }
.image_reel > a { display: block; width: 980px; height: 351px;}
/*.image_reel > a * { display: none;}*/
/*.silder-overlay {background:url(../images/cm-slider-frame.png);pointer-events: none; position:absolute; height:350px; width:980px; z-index:1;}*/
.ie7 .silder-overlay, .ie8 .silder-overlay, .ie9 .silder-overlay { cursor:pointer;}
.slide-wrapper { background-color: #FFFFFF; height: 328px;}
.slide-container { overflow: hidden; position: relative; top: -21px; height: 350px;}
#frontboxes .columns{height:300px; position:relative; border: 0px solid #fff!important; border-radius:0px; -moz-border-radius: 0px; background: none!important;}
#frontboxes .column-first a.cm-button {left: 15px; padding: 0 42px 0 5px; position: absolute; top: 127px; z-index: 20;}
.billedeWrapper{position: relative;}
.billedeWrapper .billedeTekst {position: absolute; top: 10px; left: 15px; width: 130px; z-index: 20; font-size: 16px;}
#frontboxes { background: url("../images/cm-frontpage-shadow-bottom.png") no-repeat scroll center bottom transparent; float: left; padding-bottom: 55px;}
/*--------------- Champagnedemoer ----------------*/
.event-15968 .demonstration_titel, .event-12558 .demonstration_titel {background: url("../images/champ_03.png") no-repeat 10px 3px; padding-left: 30px; width: 270px;}
tr.event-15968, tr.event-12558 {background: url(../images/champ-bg.jpg)}
.event-15968 .demonstration_dato, .event-12558 .demonstration_dato {padding-left:5px;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* */
/* NEW STYLES */
/* We are making new styles and cleaning up the HTML stucture for better SEO. */
/* */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.newstylesOctober2013 h1 {}
.newstylesOctober2013 h2 {}
.newstylesOctober2013 h3 {}
.newstylesOctober2013 h4 {}
.newstylesOctober2013 .p {margin-bottom: 1.2em;}
.newstylesOctober2013 p:last-child {margin-bottom: 0;}
.newstylesOctober2013 .manchet {background: url('../images/cm-h4-bg.png') no-repeat; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; margin: 0 0 20px 0; padding: 15px 0 15px; color: #787878; font-size: 16px; line-height: 22px; font-weight: normal; text-shadow: 0 1px 0 #ffffff;}
.newstylesOctober2013 h2 + .manchet {border-top: 0; margin: -10px 0 20px 0;}
.newstylesOctober2013 .price {color: #808080; font-size: 24px; line-height: 24px; font-family: "bebas_neuebold", Trebuchet MS, sans-serif; text-transform: uppercase; text-shadow: 1px 1px 0 #ffffff; /* Reseting styles for new styles -> */ height: auto; width: auto; margin: 0 0 0.8em 0; padding: 0; float: none;}
/* TEASERS */
.newstylesOctober2013 .teaserContact {position: relative;}
.newstylesOctober2013 .teaserContact .phonenumber {color: #7C528B; font-size: 40px; font-family: 'bebas_neuebold', 'Bebas Neue', Trebuchet MS, sans-serif;}
.newstylesOctober2013 .teaserContactGirl {width: 141px; height: 132px; background: url('../images/teaserContactgirl.png') no-repeat; position: absolute; right: 10px; bottom: 0;}
.indentbox {padding: 0 0 0 130px;}
.indentbox .extrathumb {margin: 0 0 0 -130px;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CLEAR FLOATS */
.clear:after {
content: "";
display: table;
clear: both;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ROW */
.row {
margin-bottom: 30px;
}
.row:last-child {
margin-bottom: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 12 COLUMN SYSTEM */
.column {
float: left;
margin: 0 3.1578% 0 0;
}
.column.last, .column:last-child {
margin: 0;
}
.col1 {
width: 5.4385%;
}
.col2 {
width: 14.0350%;
}
.col3 {
width: 22.6315%;
}
.col4 {
width: 31.2280%;
}
.col5 {
width: 39.8245%;
}
.col6 {
width: 48.4210%;
}
.col7 {
width: 57.0145%;
}
.col8 {
width: 65.6140%;
}
.col9 {
width: 74.2105%;
}
.col10 {
width: 82.8070%;
}
.col11 {
width: 91.4035%;
}
.col12 {
width: 100%;
margin: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SEPERATORS */
.seperator {
height: 1px;
background: #cccccc;
margin: 0 0 20px 0;
}
.seperator:last-child {
margin: 0;
}
.seperatorVertical {
width: 1px;
background: #cccccc;
margin: 0 0 0 -1px;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
}
.seperatorVerticalOr {
width: 100px;
height: 20px;
background: #ffffff;
margin: -15px 0 0 -50px;
padding: 5px 0;
position: absolute;
top: 50%;
left: 50%;
color: #999999;
line-height: 20px;
text-align: center;
text-transform: uppercase;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BOXES */
/* BOXES - STANDARD */
.box {
background: #f2f2f2;
border: 1px solid #ffffff;
-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
-moz-border-radius: 3px; /* Firefox 1-3.6 */
border-radius: 3px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
padding: 10px;
margin: 0 0 10px 0;
}
.box h3 {
color: #7e548c;
}
.listStandard .box {
margin: 0;
}
/* BOXES - FACTS */
.boxFacts {
background: #e5e5e5;
border: 1px dashed #b3b3b3;
border-radius: 3px;
margin: 3px 0 15px;
padding: 10px;
}
/* Order Resume */
.orderResume.pricetable .version {
width:100%;
margin:0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* LISTS */
/* ---------------------------------------------------------------------------- */
/* LISTS - STANDARD */
.listStandard {
margin: 20px 0 20px 0;
padding: 0;
list-style: none;
}
.listStandard li {
margin: 0 0 10px 0;
}
/* ---------------------------------------------------------------------------- */
/* LISTS - BULLET */
.listBullet {
margin: 0 0 1.4em 15px;
padding: 0;
list-style: url('../images/layout/bullet.png');
}
.listBullet li {
margin: 0 0 2px 0;
}
.pagenav {
background: #6a4080;
background: rgba(106, 64, 128, 0.5);
/*background: #663f73; /* fallback */
/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))); /* Safari 4-5, Chrome 1-9 */
/*background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); /* Safari 5.1, Chrome 10+ */
/*background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); /* Firefox 3.6+ */
/*background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); /* IE 10 */
/*background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); /* Opera 11.10+ */
}
.pagenav .container {
max-width: 1080px;
padding: 0 30px;
position: relative;
height: 70px;
overflow: hidden;
}
.pagenav .iosslider {
height: 150px;
padding: 0;
text-align: center;
/* required */
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
/* NEW SLIDE MENU STYLES START - ADDED 10.08.16 */
.pagenav .iosslider {
text-align: center;
overflow: scroll;
overflow-y: hidden;
}
.sliding_menu {
display: inline-block;
height: 70px;
}
.btnPrev, .btnNext {
cursor: pointer;
display: none;
}
/* NEW SLIDE MENU STYLES END - ADDED 10.08.16 */
.pagenav ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
width: 100%;
}
.pagenav li {
float: left;
}
.pagenav li:first-child {
xmargin: 0 0 0 10px;
}
.pagenav li:last-child {
xmargin: 0 10px 0 0;
}
.pagenav a {
xwidth: 100%;
height: 50px;
padding: 10px 15px;
display: block;
color: #FFFFFF;
font-size: 0.9em;
text-decoration:none;
text-align: center;
white-space: nowrap;
}
.pagenav a:hover {
background: #6a4080;
background: rgba(106, 64, 128, 0.4);
}
.pagenav a.active, .pagenav a.active:hover {
background: #6a4080;
background: rgba(106, 64, 128, 0.8);
}
.pagenav .btnPrev {
width: 30px;
height: 50px;
border-right: 1px solid #ffffff;
margin: -25px 0 0 0;
position: absolute;
top: 50%;
left: 0px;
z-index: 1;
}
.pagenav .btnPrev .iconArrowLeft {
width: 20px;
height: 20px;
background: url('/conferencemanager.dk/images/layout/iconArrowLeft.png');
margin: -10px 0 0 -10px;
position: absolute;
top: 50%;
left: 50%;
}
.pagenav .btnNext {
width: 30px;
height: 50px;
border-left: 1px solid #ffffff;
margin: -25px 0 0 0;
position: absolute;
top: 50%;
right: 0px;
z-index: 1;
}
.pagenav .btnNext .iconArrowRight {
width: 20px;
height: 20px;
background: url('/conferencemanager.dk/images/layout/iconArrowRight.png');
margin: -10px 0 0 -10px;
position: absolute;
top: 50%;
left: 50%;
}
.pagenav .btnPrev.inactive, .pagenav .btnNext.inactive {
display: none;
}
/* ---------------------------------------------------------------------------- */
/* LISTS - DESCRIPTION */
.descriptionlist {
margin: 0 0 20px 0;
}
.descriptionlist dt {
width: 220px;
float: left;
}
.descriptionlist dd {
margin: 0 0 10px 220px;
}
.descriptionlist dd .price {
color: #333333;
font-size: 24px;
font-family: 'bebas_neuebold', 'Bebas Neue', Trebuchet MS, sans-serif;
}
.descriptionlist dd .price .currency {
font-size: 0.6em;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS */
/* STANDARD */
.button, a.button {
background: #663f73; /* fallback */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#ffffff)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(top, #ffffff, #cccccc); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(top, #ffffff, #cccccc); /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #ffffff, #cccccc); /* IE 10 */
background: -o-linear-gradient(top, #ffffff, #cccccc); /* Opera 11.10+ */
border: 1px solid #b3b3b3;
-webkit-border-radius: 2px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
-moz-border-radius: 2px; /* Firefox 1-3.6 */
border-radius: 2px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
padding: 5px 10px;
display: inline-block;
color: #666666;
font-size: 16px;
line-height: 16px;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
font-weight: normal;
text-align: left;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* IMAGES */
.columnImg {
max-width: 100%;
margin: 0 0 20px 0;
}
.imgResponsive {
max-width: 100%;
height: auto;
display: block;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* NOTIFICATIONS */
.notification {
min-height: 30px;
background: rgba(0, 0, 0, 0.8);
border-radius: 3px;
margin: 0 0 20px 0;
padding: 10px 60px 10px 10px;
position: relative;
color: #ffffff;
}
.notificationIcon {
width: 30px;
height: 30px;
position: absolute;
top: 10px;
right: 10px;
}
.notificationInfo .notificationIcon {
background: url('../images/layout/iconspriteNotifications.png') 0 0 no-repeat;
}
.notificationWarning .notificationIcon {
background: url('../images/layout/iconspriteNotifications.png') -40px 0 no-repeat;
}
.notificationSucces .notificationIcon {
background: url('../images/layout/iconspriteNotifications.png') -80px 0 no-repeat;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ORDER FORMULAR */
.orderForm ul {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
.orderForm ul li {
margin: 0 0 10px 0;
}
.orderForm label {
width: 200px;
display: inline-block;
float:left;
}
.orderForm .required {
color: #ff3344;
}
.orderForm .inputWrapper {
background: #ffffff;
border: 1px solid #999999;
-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
-moz-border-radius: 3px; /* Firefox 1-3.6 */
border-radius: 3px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
padding: 5px;
display: inline-block;
}
.orderForm input[type="text"] {
width: 200px;
background: none;
border: 0px;
margin: 0;
padding: 0;
}
.orderForm input[type="radio"], .orderForm input[type="checkbox"] {
margin: 0 5px 0 0;
vertical-align: middle;
}
.orderForm select {
width: 100%;
background: none;
border: 0px;
}
.orderForm textarea {
width: 100%;
height: 100px;
background: #ffffff;
border: 0px;
display: block;
resize: vertical;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TEXT POSITION */
.txtCenter {
text-align: center;
}
.txtLeft {
text-align: left;
}
.txtRight {
text-align: right;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* GALLERY */
.gallery3Col ul {
margin: 0;
padding: 0;
list-style: none;
}
.gallery3Col ul li {
width: 31.6666%;
margin: 0 2.5% 2.5% 0;
float: left;
}
.gallery3Col ul li:nth-child(3n) {
width: 31.6666%;
margin: 0 0 2.5% 0;
float: left;
}
.gallery3Col img {
width: 100%;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HERO */
.hero {
height: 130px;
background: #8ad6e5;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99eeff), to(#7abecc)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(top, #7abecc, #99eeff); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(top, #7abecc, #99eeff); /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #7abecc, #99eeff); /* IE 10 */
background: -o-linear-gradient(top, #7abecc, #99eeff); /* Opera 11.10+ */
margin: 0 0 30px 0;
}
section .hero {
margin: -30px 0 -30px 0;
}
.hero .inner {
max-width: 1140px;
height: 126px;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.hero h1 {
padding: 0;
position: absolute;
bottom: 10px;
color: #2e3d4d;
line-height: 1em;
}
/* ---------------------------------------------------------------------------- */
/* HERO - ORDER */
.heroNamebadges {background: url(../images/heroes/navneskilte.jpg) 0 0 no-repeat; background-size:cover;}
.heroFunctions {background: url(../images/heroes/funktioner_2.jpg) 0 0 no-repeat; background-size:cover; height: auto}
.heroOrder {background: url(../images/heroes/bestil_2.jpg) 0 0 no-repeat; background-size:cover;}
.heroSupport {background: url(../images/heroes/support_2.jpg) 0 0 no-repeat; background-size:cover;}
.heroAbout {background: url(../images/heroes/omos_2.jpg) 0 0 no-repeat; background-size:cover;}
.heroBandwagon {background: url(../images/heroes/bandwagon_2.jpg) 0 0 no-repeat; background-size:cover;}
.heroService {background: url(../images/heroes/service_2.jpg) 0 0 no-repeat; background-size:cover;}
.heroBetaling {background: url(../images/heroes/betaling.jpg) 0 0 no-repeat; background-size:cover;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TEASERLINES */
.darkTease {
background: #2e3d4d;
color: #ffffff;
}
.darkTease h2 {
color: #ffffff;
}
.darkTease a {
color: #ffffff;
}
.darkTease .seperatorVerticalOr {background: #2e3d4d; color:#fff}
.greyTease .seperatorVerticalOr, .greyTease {background: #ececec;}
.sittingpeople {
background-color: #2e3d4c;
background: url('/conferencemanager.dk/images/layout/dotsoverlay.png') center center, url('/conferencemanager.dk/images/bgSittingpeople.jpg') center center no-repeat;
-webkit-background-size: 6px 6px, 100% auto;
-moz-background-size: 6px 6px, 100% auto;
-o-background-size: 6px 6px, 100% auto;
background-size: 6px 6px, 100% auto;
color: #ffffff;
}
.sittingpeople h2 {
color: #ffffff;
}
.sittingpeople a {
color: #ffffff;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CAROUSEL */
.carousel {
height: 580px;
margin: -30px 0 -30px 0;
}
.carousel .slide {
height: 580px;
background: url('../images/index/carousel/bg.jpg') center center no-repeat;
background-size: cover;
position: relative;
}
.carousel .container {
max-width: 1140px;
max-width: auto;
height: 480px;
padding: 100px 20px 0 20px;
}
.carousel h1 {
font-size: 44px;
line-height: 44px;
text-align: left;
}
.carousel h4 {
background: none;
border: 0;
margin: 0 0 5px 0;
padding: 0;
box-shadow: none;
color: #9559b3;
font-size: 16px;
line-height: 20px;
font-weight: bold;
}
/* ---------------------------------------------------------------------------- */
/* CAROUSEL - SEEMORE */
.carousel .seemore {
position: absolute;
z-index: 100;
}
.carousel .seemore .toggle {
width: 30px;
height: 30px;
background: url('../images/layout/seemore.png');
border-radius: 50%;
position: relative;
z-index: 2;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.carousel .seemore.active .toggle {
transform: rotate(135deg);
}
.carousel .seemore .toggle:after {
width: 20px;
height: 20px;
border-radius: inherit;
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
display: block;
content: "";
backface-visibility: hidden;
transform: translateZ(0px);
-webkit-animation: cd-pulse 2s infinite;
-webkit-animation-delay: 0.5s;
-moz-animation: cd-pulse 2s infinite;
-moz-animation-delay: 0.5s;
-o-animation: cd-pulse 2s infinite;
-o-animation-delay: 0.5s;
animation: cd-pulse 2s infinite;
animation-delay: 0.5s;
}
.carousel .seemore.active .toggle:after {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #ffffff;
-moz-box-shadow: 0 0 0 0 #ffffff;
box-shadow: 0 0 0 0 #ffffff;
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
@-moz-keyframes cd-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #ffffff;
-moz-box-shadow: 0 0 0 0 #ffffff;
box-shadow: 0 0 0 0 #ffffff;
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
@-o-keyframes cd-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #ffffff;
-moz-box-shadow: 0 0 0 0 #ffffff;
box-shadow: 0 0 0 0 #ffffff;
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
@keyframes cd-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #ffffff;
-moz-box-shadow: 0 0 0 0 #ffffff;
box-shadow: 0 0 0 0 #ffffff;
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
.carousel .seemore .seemoreContent {
width: 300px;
background: #333333;
background: rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px;
position: absolute;
display: none;
color: #ffffff;
}
.carousel .seemore.active .seemoreContent {
display: block;
}
.carousel .seemore.top .seemoreContent {
margin: 0 0 0 -160px;
padding-top: 30px;
left: 50%;
top: 15px;
}
.carousel .seemore.right .seemoreContent {
margin: -90px 0 0 0;
padding-right: 30px;
top: 50%;
right: 15px;
}
.carousel .seemore.bottom .seemoreContent {
margin: 0 0 0 -160px;
padding-bottom: 30px;
left: 50%;
bottom: 15px;
}
.carousel .seemore.left .seemoreContent {
margin: -90px 0 0 0;
padding-left: 30px;
top: 50%;
left: 15px;
}
/* ---------------------------------------------------------------------------- */
/* CAROUSEL - MOCK UP */
.carousel .mockup {
position: absolute;
right: -20px;
bottom: 0;
left: -20px;
}
.carousel .mockup > img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
display: block;
}
.carousel .mockupScreen {
width: 494px;
height: 281px;
padding: 22px 114px 217px 612px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.carousel .mockupScreen ul {
width: 100%;
height: 100%;
background: #000000;
margin: 0;
padding: 0;
list-style: none;
}
.carousel .mockupScreen ul li {
display: none;
}
.carousel .mockupScreen ul li.active {
display: block;
z-index: 2;
}
.carousel .mockupScreen ul li img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
display: block;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SUPPORT */
.support ul li {
font-size: 16px;
}
.support ul li a {
color: #333333;
font-size: 16px;
text-decoration: none;
}
.support .iconPhone {
width: 20px;
height: 20px;
background: url('/conferencemanager.dk/images/layout/iconPhone.png') no-repeat;
margin: 0 10px 0 0;
display: inline-block;
vertical-align: middle;
}
.support .iconMail {
width: 20px;
height: 20px;
background: url('/conferencemanager.dk/images/layout/iconMail.png') no-repeat;
margin: 0 10px 0 0;
display: inline-block;
vertical-align: middle;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HOW IT WORKS */
.howitworks {
background: #2e3d4d;
color:#FFFFFF;
}
.howitworks .step {
position: relative;
}
.howitworks h2 {
color: #ffffff;
}
.howitworks h3 {
color: #8ac8e5;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
}
.howitworks .step p {
color: #ffffff;
}
.howitworks .stepNo {
height: 40px;
width: 40px;
background: #171f26;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 0 0 -20px;
position: absolute;
top: -20px;
left: 50%;
color: #ffffff;
font-size: 20px;
line-height: 40px;
font-family: 'bebas_neuebold', 'Bebas Neue', Trebuchet MS, sans-serif;
text-align: center;
}
.howitworks .step img {
max-width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
margin: 0 0 20px 0;
display: block;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TILES */
.tiles {
width: auto;
height: 500px;
margin: -5px 0 -5px 0;
/* required */
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
.tiles .slider {
/* required */
width: 100%;
height: 100%;
}
.tiles .col1 {
width: 250px;
float: left;
}
.tiles .col2 {
width: 500px;
float: left;
}
.tiles .col3 {
width: 750px;
float: left;
}
.tiles .col1:first-child, .tiles .col2:first-child, .tiles .col3:first-child {
margin: 0 0 0 5px;
}
.tiles .col1:last-child, .tiles .col2:last-child, .tiles .col3:last-child {
margin: 0 5px 0 0;
}
.tile {
width: 240px;
height: 240px;
background: rgba(0, 0, 0, 0.4);
margin: 5px;
float: left;
}
.tileLarge {
width: 490px;
height: 490px;
}
.tileHorizontal {
width: 490px;
height: 240px;
}
.tileVertical {
width: 240px;
height: 490px;
}
.tile .thumb {
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
}
.tile .thumb img {
max-width: 100%;
max-height: 100%;
}
.tiles .btnPrev {
width: 40px;
height: 80px;
background: #171f26;
background: rgba(0, 0, 0, 0.6);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: -40px 0 0 0;
position: absolute;
top: 50%;
left: 30px;
}
.tiles .btnPrev .iconArrowLeft {
width: 20px;
height: 20px;
background: url('/conferencemanager.dk/images/layout/iconArrowLeft.png');
margin: -10px 0 0 -10px;
position: absolute;
top: 50%;
left: 50%;
}
.tiles .btnNext {
width: 40px;
height: 80px;
background: #171f26;
background: rgba(0, 0, 0, 0.6);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: -40px 0 0 0;
position: absolute;
top: 50%;
right: 30px;
}
.tiles .btnNext .iconArrowRight {
width: 20px;
height: 20px;
background: url('/conferencemanager.dk/images/layout/iconArrowRight.png');
margin: -10px 0 0 -10px;
position: absolute;
top: 50%;
left: 50%;
}
.tiles .btnPrev.inactive, .tiles .btnNext.inactive {
xdisplay: none;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CUSTOMER REVIEWS */
.customerreviews {
}
.customerreviews .review {
padding: 0 0 0 70px;
}
.customerreviews .customer {
width: 60px;
height: 60px;
background: rgba(0, 0, 0, 0.1);
margin: 0 0 0 -70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
overflow: hidden;
}
.customerreviews .customer img {
max-width: 100%;
}
.customerreviews .company {
color: #9559b3;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PRODUCTLIST */
.productlist {
margin: 0 0 30px 0;
}
.product {
border-top: 1px solid #e1e3e5;
padding: 30px 320px 30px 200px;
position: relative;
}
.product .thumb {
width: 160px;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0 0 0 -200px;
float: left;
display: block;
}
.product .thumb img {
max-width: 100%;
}
.product .info {
}
.product .readmore {
margin: 20px 0 0 0;
display: block;
}
.product .price-wrapper {
position: absolute;
top: 30px;
right: 0px;
z-index: 1;
}
.product .price {
text-align: right;
display: inline-block;
vertical-align: top;
}
.product .price .value {
font-size: 1.429em;
font-family: 'bebas_neuebold', 'Bebas Neue', Trebuchet MS, sans-serif;
}
.product .price .value .currency {
font-size: 0.6em;
}
.product .btn {
width: 100px;
margin: 0 0 0 30px;
vertical-align: top;
}
/* ---------------------------------------------------------------------------- */
/* SPEECHBUBBLE */
.speechbubble {
background: #e5e5e5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px;
position: relative;
}
.speechbubble:after {
width: 20px;
height: 20px;
background: url('/conferencemanager.dk/images/layout/triangleRB.png') right bottom no-repeat;
content: '';
position: absolute;
right: 0;
bottom: -10px;
z-index: 1;
}
.speechbubble h3 {
padding: 0 0 5px 0;
}
.speechbubble .jobposition {
padding: 0 0 10px 0;
color: #808080;
}
/* ------------------------------------------------------------------------------*/
/* FUNKTIONER - siden */
.funktioner-bullet-ikoner {
float: left;
margin-right: 35px;
width: 55px;
height: 55px;
background: url('/conferencemanager.dk/images/funktioner/ikoner-sprite.png') no-repeat;
}
.ikon-bullet-grunddata {
background-position: 0 0;
}
.ikon-bullet-tilvalg {
background-position: -65px 0;
}
.ikon-bullet-website {
background-position: -130px 0;
}
.ikon-bullet-tilmelding {
background-position: -195px 0;
}
.ikon-bullet-samarbejdspartnere {
background-position: -260px 0;
}
.ikon-bullet-rapporter {
background-position: -325px 0;
}
.funktioner-menu-ikoner {
width:30px;
height:20px;
background: url('/conferencemanager.dk/images/funktioner/ikoner-sprite_2.png') no-repeat;
margin:5px 0 10px 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.ikon-menu-invitation {
background-position:0 0;
}
.ikon-menu-program {
background-position:-34px 0;
}
.ikon-menu-tilvalg {
background-position:-67px 0;
}
.ikon-menu-overnatning {
background-position:-102px 0;
}
.ikon-menu-website {
background-position:-135px 0;
}
.ikon-menu-deltagerliste {
background-position:-169px 0;
}
.ikon-menu-navneogbordskilte {
background-position:-202px 0;
}
.ikon-menu-billetter {
background-position:-237px 0;
}
.ikon-menu-betalning {
background-position:-271px 0;
}
.ikon-menu-sporgeskema {
background-position:-305px 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* JQUERY UI OVERRULES */
.ui-widget {
font-size: 1em;
font-family: 'TitilliumText22LRegular', Arial, Helvetica, Tahoma, sans-serif;
}
/* ---------------------------------------------------------------------------- */
/* UI DIALOG */
.ui-widget-overlay {
background: rgba(0, 0, 0, 0.8);
z-index: 998;
}
.ui-dialog {
background: #ffffff;
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
padding: 0;
z-index: 999;
}
.ui-dialog .ui-widget-header {
background: #ffffff;
border: 0;
border-bottom: 1px solid #cccccc;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
padding: 10px 15px;
}
.ui-dialog .ui-dialog-titlebar-close {
right: 10px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
display: none;
}
.ui-dialog .ui-dialog-content {
padding: 20px;
}
.ui-dialog .ui-dialog-buttonpane {
background: #ffffff;
border: 0;
border-top: 1px solid #cccccc;
margin: 0;
padding: 10px 15px;
}
.ui-dialog .ui-dialog-buttonpane button {
background: #8a53a6;
background: -webkit-gradient(linear, left top, right top, from(#8a53a6), to(#7f4c99)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(left, #7f4c99, #8a53a6); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(left, #7f4c99, #8a53a6); /* Firefox 3.6+ */
background: -ms-linear-gradient(left, #7f4c99, #8a53a6); /* IE 10 */
background: -o-linear-gradient(left, #7f4c99, #8a53a6); /* Opera 11.10+ */
border: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.2);
box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.2);
margin: 0;
padding: 5px 20px;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
}
.ui-dialog .ui-dialog-buttonpane button .ui-button-text {
padding: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* DTU ACCESS */
.dtuaccessWrapper {
background: url('/conferencemanager.dk/images/dtu-adgang/bg.jpg') center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: -30px 0;
}
.dtuaccessWrapper .container {
padding: 100px 20px;
}
.dtuaccess {
width: 540px;
background: #ffffff;
border-radius: 3px;
margin: 0 auto;
padding: 20px;
float: none;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* SCREENS ONLY */
.screenOnly {
display: block;
}
.tabletOnly {
display: none;
}
.mobileOnly {
display: none;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CALL ME */
.callme {
}
.callme:hover {
}
.callme-toggle {
background: #1a2d40;
background: -moz-linear-gradient(left, #1a2d40 0%, #1f364c 100%);
background: -webkit-linear-gradient(left, #1a2d40 0%,#1f364c 100%);
background: linear-gradient(to right, #1a2d40 0%,#1f364c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2d40', endColorstr='#1f364c',GradientType=1 );
border-radius: 3px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
padding: 10px 70px 10px 10px;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1000;
display: block;
cursor: pointer;
color: #ffffff;
white-space: nowrap;
line-height: 20px;
}
.callme-toggle .icon-callme {
width: 20px;
height: 20px;
margin: 0 -60px 0 0;
float: right;
}
.callme-content {
width: 280px;
background: #ffffff;
border-radius: 3px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
padding: 20px;
position: fixed;
right: -340px;
bottom: 20px;
z-index: 999;
display: block;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* APP */
/* ---------------------------------------------------------------------------- */
/* HERO - APP */
.heroApp {
height: auto;
background: #cccccc;
margin: -50px 0 -30px 0;
overflow: hidden;
position: relative;
z-index: 1;
}
.heroApp h1 {
margin: 0 0 20px 0;
position: static;
}
.heroApp .container {
padding-top: 60px;
position: relative;
z-index: 2;
}
.heroApp .row-col {
margin-bottom: 0;
}
.heroApp .col-6 {
padding-top: 0;
padding-bottom: 0;
}
.heroApp .col-6:first-child {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
/* ------------------------------------------------------------------------ */
/* BADGES */
.badges {
margin: 20px 0 0 0;
}
.badges a {
display: inline-block;
}
.badges a + a {
margin: 0 0 0 20px;
}
/* ------------------------------------------------------------------------ */
/* IPHONE CAROUSEL */
.iphone-carousel {
margin: -80px 0 0 0;
position: relative;
}
.iphone-carousel .front {
position: relative;
z-index: 2;
}
.iphone-carousel .front .viewport {
position: absolute;
top: 12.6816%;
right: 10.7394%;
bottom: 15.3236%;
left: 10.7394%;
z-index: 3;
overflow: hidden;
}
.iphone-carousel .front .viewport .slider {
width: 500%;
height: 100%;
position: relative;
}
.iphone-carousel .front .viewport .slider .screen {
width: 20%;
height: 100%;
float: left;
}
.iphone-carousel .front .viewport .slider .screen img {
width: 100%;
height: 100%;
}
.iphone-carousel .back {
position: absolute;
top: 12.5%;
right: 0;
bottom: 15%;
left: 0;
z-index: 1;
}
.iphone-carousel .back .slider {
width: 500%;
height: 100%;
position: relative;
}
.iphone-carousel .back .slider .screen {
width: 20%;
height: 100%;
float: left;
opacity: 0.2;
text-align: center;
}
.iphone-carousel .back .slider .screen.active {
opacity: 0;
}
.iphone-carousel .back .slider .screen img {
max-height: 100%;
margin: 0 auto;
}
.iphone-carousel .pagination a {
background: #cccccc;
}
.iphone-carousel .pagination a.active {
background: #aa66cc;
}
/* ------------------------------------------------------------------------ */
/* PULSAR */
.pulsar {
width: 2000px;
height: 2000px;
margin: 0px auto;
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pulsar .ring {
position: absolute;
top: 50%;
left: 50%;
background: rgba(255, 255, 255, 0.05);
border: 100px solid rgba(255, 255, 255, 0.04);
box-sizing: border-box;
border-radius: 50%;
width: 100%;
height: 100%;
margin-top: -50%;
margin-left: -50%;
-webkit-transform: scale(0);
transform: scale(0);
}
.pulsar .ring:nth-child(1) {
-webkit-animation: pulsar 3s 0s linear infinite;
animation: pulsar 3s 0s linear infinite;
}
.pulsar .ring:nth-child(2) {
-webkit-animation: pulsar 3s 1s linear infinite;
animation: pulsar 3s 1s linear infinite;
}
.pulsar .ring:nth-child(3) {
-webkit-animation: pulsar 3s 2s linear infinite;
animation: pulsar 3s 2s linear infinite;
}
@-webkit-keyframes pulsar {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
80% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes pulsar {
0% {
transform: scale(0);
opacity: 0;
}
80% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ORDER */
.heroOrder {
height: auto;
background: #553366;
background: -moz-linear-gradient(left, #553366 0%, #6a4080 100%);
background: -webkit-linear-gradient(left, #553366 0%,#6a4080 100%);
background: linear-gradient(to right, #553366 0%,#6a4080 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#553366', endColorstr='#6a4080',GradientType=1 );
padding: 60px 0 60px 0;
text-align: center;
}
.heroOrder h1 {
padding: 0 0 10px 0;
position: static;
color: #ffffff;
}
.heroOrder p {
color: #ffffff;
}
/* ---------------------------------------------------------------------------- */
/* PRICETABLE */
.pricetable {
margin: -80px 0 60px 0;
}
.pricetable .version {
width: 33.3333%;
background: #ffffff;
border: 1px solid #e5e5e5;
box-sizing: border-box;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 20px 0 0 0;
float: left;
font-size: 14px;
}
.pricetable .title {
background: #1a2d40;
background: -moz-linear-gradient(left, #1a2d40 0%, #1f364c 100%);
background: -webkit-linear-gradient(left, #1a2d40 0%,#1f364c 100%);
background: linear-gradient(to right, #1a2d40 0%,#1f364c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2d40', endColorstr='#1f364c',GradientType=1 );
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;;
border-radius: 2px 2px 0 0;;
margin: -1px -1px 0 -1px;
padding: 15px;
text-align: center;
}
.pricetable .title h2 {
margin: 0;
padding: 0;
color: #5c7a99;
}
.pricetable .price {
background: #243e59;
background: -moz-linear-gradient(left, #243e59 0%, #294766 100%);
background: -webkit-linear-gradient(left, #243e59 0%,#294766 100%);
background: linear-gradient(to right, #243e59 0%,#294766 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243e59', endColorstr='#294766',GradientType=1 );
margin: 0 -1px 0 -1px;
padding: 15px;
color: #ffffff;
text-align: center;
}
.pricetable .price .value {
font-size: 3.0em;
line-height: 1em;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
}
.pricetable .price .currency {
font-size: 0.6em;
}
.pricetable .description {
padding: 15px;
text-align: center;
}
.pricetable .group {
border-top: 1px solid #e5e5e5;
padding: 20px;
}
.pricetable ul {
margin: 0;
padding: 0;
list-style: none;
}
.pricetable ul li + li {
padding: 10px 0 0 0;
}
.pricetable ul li .price {
background: none;
filter: none;
margin: 0;
padding: 0;
float: right;
color: #333333;
font-size: 24px;
font-family: "bebas_neuebold", Trebuchet MS, sans-serif;
text-align: right;
}
.pricetable .btnPrimary {
margin: 20px 0 0 0;
}
.pricetable .fineprint {
margin: 10px 0 0 0;
color: #808080;
font-size: 0.833em;
line-height: 1.600em;
text-align: right;
}
/* ---------------------------------------------------------------------------- */
/* YEAR LICENS */
.pricetable .version.yearlicense {
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin: 0px -1px 0px -1px;
position: relative;
z-index: 1;
}
.pricetable .version.yearlicense .group {
}
/* ---------------------------------------------------------------------------- */
/* ALL INCLUSIVE LICENS */
.pricetable .version.allinclusive .title {
background: #9eb236;
background: -moz-linear-gradient(left, #9eb236 0%, #a9bf39 100%);
background: -webkit-linear-gradient(left, #9eb236 0%,#a9bf39 100%);
background: linear-gradient(to right, #9eb236 0%,#a9bf39 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eb236', endColorstr='#a9bf39',GradientType=1 );
}
.pricetable .version.allinclusive .title h2 {
color: #d6e58a;
}
.pricetable .version.allinclusive .price {
background: #b4cc3d;
background: -moz-linear-gradient(left, #b4cc3d 0%, #bfd941 100%);
background: -webkit-linear-gradient(left, #b4cc3d 0%,#bfd941 100%);
background: linear-gradient(to right, #b4cc3d 0%,#bfd941 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4cc3d', endColorstr='#bfd941',GradientType=1 );
}
@media only screen and (min-width: 1441px) {
body {
font-size: 16px;
line-height: 24px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* PRODUCTLIST */
.product {
padding: 40px 320px 40px 180px;
}
}
@media only screen and (max-width: 1440px) {
body {
font-size: 14px;
line-height: 20px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* PRODUCTLIST */
.product {
padding: 30px 320px 30px 180px;
}
}
@media only screen and (max-width: 1024px) {
body {
font-size: 12px;
line-height: 20px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* HEADER */
#header-content {
max-width: 960px;
}
/* ------------------------------------------------------------------------ */
/* LOGIN */
.login-wrap {
max-width: 960px;
}
/* ------------------------------------------------------------------------ */
/* BREADCRUMB */
.breadcrumb .inner {
max-width: 960px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* FOOTER */
footer .inner {
max-width: 960px;
}
/* ------------------------------------------------------------------------ */
/* COPYRIGHT */
footer .copyright .inner {
max-width: 960px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* CAROUSEL */
.carousel {
height: 580px;
margin: -30px 0 -30px 0;
}
.carousel .slide {
height: 580px;
background: url('../images/index/carousel/bg.jpg') center center no-repeat;
background-size: cover;
position: relative;
}
.carousel .container {
max-width: 960px;
max-width: auto;
height: 500px;
padding: 80px 20px 0 20px;
}
.carousel h1 {
font-size: 44px;
line-height: 44px;
text-align: left;
}
.carousel h4 {
background: none;
border: 0;
margin: 0 0 5px 0;
padding: 0;
box-shadow: none;
color: #9559b3;
font-size: 16px;
line-height: 20px;
font-weight: bold;
}
/* ---------------------------------------------------------------------------- */
/* CAROUSEL - SEEMORE */
.carousel .seemore {
display: none;
}
/* ---------------------------------------------------------------------------- */
/* CAROUSEL - MOCK UP */
.carousel .mockup {
position: absolute;
right: 20px;
bottom: 0;
left: 20px;
}
.carousel .mockupScreen {
display: none;
}
}
@media only screen and (max-width: 768px) {
h1 + .website-slider {
height: 237px;
margin: 20px 0;
position: relative;
width: 100%;
}
.mobile-center {
text-align: center
}
.h1-header-index {
display: none;
}
body.scrollHide {
overflow: hidden;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* HEADER */
#header-content {
max-width: inherit;
padding: 0 15px;
}
/* ---------------------------------------------------------------------------- */
/* LOGIN */
.login-wrap {
max-width: inherit;
padding: 15px 20px;
position: relative;
}
.login-wrap input[type="text"], .login-wrap input[type="password"] {
width: 100%;
margin: 0 0 10px 0;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .cm-login-tab {
right: 15px;
}
/* ---------------------------------------------------------------------------- */
/* LOGO */
#cm-logo {
width: 181px;
height: 40px;
background: url('../images/layout/logoTablet.png');
margin: 15px 0 0 0;
}
/* ---------------------------------------------------------------------------- */
/* NAV */
.mobilenav_contentOverlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
right: 0;
top: 0;
z-index: 350;
overflow: hidden;
display: none;
}
.menuButton {
height: 30px;
margin: 40px 15px 10px 15px;
padding: 0 25px 0 0;
float: right;
position: relative;
z-index: 450;
display: block;
cursor: pointer;
color: #666666;
font-size: 24px;
line-height: 30px;
font-family: "bebas_neuebold", Trebuchet MS,sans-serif;
}
.menuButton .menuIcon {
width: 20px;
height: 15px;
margin: -7px 0 0 0;
position: absolute;
top: 50%;
right: 0;
}
.menuButton .menuIcon .menuStripe {
height: 3px;
margin: 0 0 3px 0;
border-radius: 2px;
background: #5c5c5c;
}
.scrollHide .menuButton {
color: #333333;
border-color: #333333;
}
.scrollHide .menuButton .menuIcon .menuStripe {
background: #333333;
}
#menu {
width: 260px;
height: auto;
background: #333333;
padding: 20px;
position: fixed;
top: 0;
bottom: 0;
right: -300px;
z-index: 8000;
float: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling-y: touch;
white-space: nowrap;
}
#menu li {
clear: both;
float: none;
margin-left: 0;
position: relative;
}
#menu li + li {
margin: 20px 0 0 0;
}
#menu li:hover, #menu li.active {
background: none;
}
#menu a {
background: none;
padding: 0;
text-indent: 0;
color: #666666;
font-family: "bebas_neuebold", Trebuchet MS,sans-serif;
font-size: 24px;
}
#menu li:hover a.ir {
background: none;
color: #666666;
}
#menu .submenu {
margin: 0;
display: block !important;
background: none;
border: 0 none;
border-radius: 0;
box-shadow: none;
padding: 0;
position: relative;
top: 0;
width: 100%;
left: 0;
opacity: 1 !important;
}
#menu .submenu:hover {
background: none;
}
#menu .submenu li.cm-menu-pointer {
display: none !important;
}
#menu .submenu li {
border-right: 0 none;
display: block !important;
float: none;
font-size: 12px;
height: auto !important;
margin: 0;
padding: 0 0 12px 0 !important;
width: 100%;
}
#menu .submenu h3 {
font-family: 'TitilliumText22LBold', Arial, Helvetica, Tahoma, sans-serif;
font-size: 16px;
margin-bottom: 3px;
}
#menu ul.submenu a {
background: none;
border-bottom: 0 none;
color: #fff;
float: none;
font-family: 'TitilliumText22LRegular', Arial, Helvetica, Tahoma, sans-serif;
font-size: 14px;
line-height: 30px;
font-weight: normal;
height: auto;
margin: 0;
padding: 0;
text-transform: unset;
width: 100%;
}
#menu .submenu-row li {
padding: 0 !important;
}
#menu ul.submenu a:hover {
background: none;
text-decoration: underline;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* MAIN */
#main {
max-width: inherit;
}
section {
padding: 20px 0;
}
/* ---------------------------------------------------------------------------- */
/* BREADCRUMB */
.breadcrumb {
display: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* PAGENAV */
.pagenav .container {
padding: 0;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* OTHER STUFF - MUST BEEN CLEANED UP */
#container {
min-width: inherit;
width: 100%;
}
.slide-wrapper {
height: auto;
}
.slide-container {
height: auto;
top: 0;
}
.window {
width: 100%;
height: 269px;
}
#slide-indicator {
width: 100%;
display: none !important;
}
.image_reel > a {
height: 269px;
width: 753px;
}
.image_reel img {
height: auto;
width: 100%;
}
.tjekSplash {
display: none;
}
.priceWrapper {
width: 100%;
}
.priceBox .textBox {
margin-left: 20px;
width: 232px;
font-size: 20px;
line-height: 22px;
}
.priceBox .orderBox {
float: right;
margin: 0 20px;
width: 243px;
}
#frontboxes {
background: none;
padding-bottom: 0;
}
#frontboxes .columns {
text-align: center;
}
.columns .columns {
border: 0 none;
margin-right: 0;
padding-right: 0;
}
.column-one {
margin-right: 0;
padding: 20px 0;
width: auto;
background: #e9e9e9;
border: 0 none;
float: none;
}
.mobileMargin {
margin-right: 0% !important;
}
.mobileCenter {
text-align: center;
}
.column-one.column-fullwidth {
width: auto;
float: none;
}
.column-three.column-fullwidth {
width: 94%;
}
#frontboxes .column-one.column-fullwidth {
height: 234px !important;
}
.column-two {
margin: 0 0 20px 0 !important;
width: 670px;
}
.column-three {
width: auto;
}
.column-two {
clear: both;
float: none;
width: auto;
}
.column-wrap.column-two, .column-three.column-fullwidth {
width: auto;
}
.column-three {
float: none;
margin-bottom: 20px;
width: auto;
}
.columns .columns {
float: none;
width: auto;
}
.columns:before, .columns:after {
content: " ";
display: block;
height: 0;
visibility: hidden;
}
.columns:after {
clear: both;
}
.columns:before, .columns:after {
content: " ";
display: block;
height: 0;
visibility: hidden;
}
.funkthumb-support {
margin: -10px 0 10px !important;
}
.billedeWrapper .billedeTekst {
left: 50%;
margin-left: -122px;
}
#frontboxes .column-first a.cm-button {
width: 80px;
left: 50%;
margin-left: -122px;
}
.columns, .column-wrap {
margin-bottom: 0;
position: relative;
}
.funkthumb {
margin: -39px 11px 10px;
float: none;
clear: both;
}
.gratisdemo {
margin-right: -20px;
}
.column-one a.cm-button {
right: 0;
}
.column-one.column-first a.cm-button {
right: unset;
}
.basic-extra {
margin-left: 0;
margin-top: 0;
right: -5px;
top: -2px;
}
.icm {
margin: 0;
background: none;
float: none;
height: 290px;
width: 100%;
}
.icm .website-slider {
background-size: 100% auto;
height: 380px;
margin: 0;
position: relative;
right: 0;
top: 0;
width: 100%;
}
.reference-logos img {
max-width: 60px;
}
.website-slider-overlay {
width: 100%;
height: 100%;
left: 0;
}
.extras h2, .indentbox h2 {
text-align: left;
}
.thumb-photo {
float: left;
width: 50%;
}
.thumbWrapper .thumb-photo {
float: none;
margin: 0 auto 15px;
width: 279px;
}
.mobileMargin .thumb-photo {
width: 100%;
}
.employee + .purplebox {
/*float: left;*/
margin: 0 0 20px;
width: 50%;
}
.employee {
/*float: left;*/
margin: 0 0 20px;
width: auto;
}
#cmMovie {
width: 100%;
height: 369px;
}
.randomfeature2 {
margin-top: 0;
bottom: 0;
}
.cm-extra-version .cm-version dt, .cm-extra-version .cm-version td.main {
width: 133px;
}
.cm-btn-next, .cm-btn-next:hover, .cm-btn-next:visited {
margin: 0 auto;
max-width: 100%;
}
.columns img {
max-width: 100%;
}
.mobileHide {
display: none;
}
.h6-sub {
max-width: 100%;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* FOOTER */
footer .inner {
max-width: inherit;
padding: 20px 25px;
}
/* ------------------------------------------------------------------------ */
/* COPYRIGHT */
footer .copyright .inner {
max-width: inherit;
padding: 10px 15px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ROW */
.row {
margin-bottom: 20px;
}
.row:last-child {
margin-bottom: 0;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 12 COLUMN SYSTEM */
.column {
margin: 0 0 20px 0;
}
.column.last {
margin: 0;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
width: auto;
float: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* SEPERATORS */
.seperatorVertical {
width: auto;
height: 1px;
margin: 0 0 20px 0;
position: relative;
top: auto;
bottom: auto;
left: auto;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* HERO */
section .hero {
margin: -20px 0 -20px 0;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* TEASERLINES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* TEASERLINES */
.sittingpeople {
background: url('/conferencemanager.dk/images/layout/dotsoverlay.png') center center, url('/conferencemanager.dk/images/bgSittingpeople.jpg') center center no-repeat;
-webkit-background-size: 6px 6px, cover;
-moz-background-size: 6px 6px, cover;
-o-background-size: 6px 6px, cover;
background-size: 6px 6px, cover;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* CAROUSEL */
.carousel {
height: auto;
margin: -20px 0 -20px 0;
}
.carousel .slide {
height: auto;
}
.carousel .container {
max-width: inherit;
height: auto;
padding: 40px 20px 0 20px;
}
.carousel h1 {
text-align: center;
}
.carousel p {
text-align: center;
}
/* ---------------------------------------------------------------------------- */
/* CAROUSEL - SEEMORE */
.carousel .seemore {
display: none;
}
/* ---------------------------------------------------------------------------- */
/* CAROUSEL - MOCKUP */
.carousel .mockup {
margin: 0 0 0 -67%;
position: static;
}
.carousel .mockupScreen {
display: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* TILES */
.tiles {
height: 340px;
}
.tiles .col1 {
width: 170px;
}
.tiles .col2 {
width: 340px;
}
.tiles .col3 {
width: 510px;
}
.tile {
width: 160px;
height: 160px;
}
.tileLarge {
width: 330px;
height: 330px;
}
.tileHorizontal {
width: 330px;
height: 160px;
}
.tileVertical {
width: 160px;
height: 330px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* PRODUCTLIST */
.productlist {
margin: 0 0 30px 0;
}
.product {
padding: 20px 60px 20px 80px;
}
.product .thumb {
width: 60px;
margin: 0 0 0 -80px;
}
.product .price-wrapper {
position: static;
}
.product .price {
margin: 10px 0 0 0;
text-align: left;
}
.product .readmore {
width: 16px;
height: 16px;
background-image: url('/conferencemanager.dk/images/layout/iconArrowRightGrey.png');
background-repeat: no-repeat;
background-position: 5px 5px;
margin: -13px 0 0 0;
padding: 5px;
position: absolute;
top: 50%;
right: 0;
text-indent: -9999px;
}
.product .btn {
display: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ORDER */
/* ------------------------------------------------------------------------ */
/* PRICETABLE */
.pricetable .version {
width: auto;
margin: 0;
float: none;
}
.pricetable .version + .version {
margin: 20px 0 0 0;
}
/* ------------------------------------------------------------------------ */
/* ACTIVE */
.pricetable .version.active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0 0 20px 0;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* APP */
/* -------------------------------------------------------------------- */
/* BADGES */
.badges {
display: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* DTU ACCESS */
.dtuaccessWrapper {
margin: -20px 0;
}
.dtuaccessWrapper .container {
padding: 40px 20px;
}
.dtuaccess {
width: auto;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* SCREENS ONLY */
.screenOnly {
display: none;
}
.tabletOnly {
display: block;
}
.mobileOnly {
display: none;
}
}
@media only screen and (max-width: 480px) {
body {
font-size: 12px;
line-height: 20px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* HEADER */
/* ---------------------------------------------------------------------------- */
/* LOGIN */
.login-wrap {
padding: 15px;
}
/* ---------------------------------------------------------------------------- */
/* LOGO */
#cm-logo {
width: 136px;
height: 30px;
background: url('../images/layout/logoMobile.png');
margin: 20px 0 0 0;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* OTHER STUFF - MUST BEEN CLEANED UP */
#menu {
width: 230px;
}
.slide-wrapper {
height: unset;
}
.slide-container {
top: -0;
height: unset;
}
.image_reel > a {
height: unset;
width: unset;
}
#slide-indicator {
display: none !important;
}
.tjekSplash {
display: none;
}
.priceWrapper {
padding: 0 20px;
width: auto;
}
.priceBox .textBox {
margin-left: 0;
width: 50%;
}
.priceBox .orderBox {
float: right;
margin: 0;
width: 50%;
}
.priceBox .cm-button {
font-size: 13px;
height: 15px;
padding: 3px 42px 3px 5px;
}
.column-one {
width: 100%;
}
.mobileMargin {
margin-right: 0 !important;
}
.funkthumb {
display: block;
margin: -39px 15% 10px;
max-width: 70%;
background-size: 100% auto;
}
#frontboxes .column-one.column-fullwidth {
height: 275px !important;
}
.billedeWrapper .billedeTekst {
top: 20px;
}
.reference-logos img {
max-width: 60px;
}
.greybox {
clear: both;
}
.thumb-photo {
background-position: center 8px;
float: none;
margin: 0 auto 15px;
width: 100%;
}
.thumb-photo-overlay {
margin: -2px auto 0;
}
.employee, .employee + .purplebox {
float: none;
width: 100%;
}
.columns > iframe {
height: 600px;
width: 100%;
}
#support_contact_wrap {
list-style: none;
}
#support_contact_wrap .input, #support_contact_wrap textarea {
max-width: 100%;
}
#cmMovie {
height: 216px;
}
#websitetemplates .greybox {
margin-top: 10px;
width: auto !important;
}
.funktioner-bullet-ikoner {
margin-right: 20px;
margin-left:0px;
margin-bottom: 20px;
}
.basic-extra {
top: -5px;
}
/* ---------------------------------------------------------------------------- */
/* PRESS IMAGES */
.cm-pic-frame {
margin: 0 0 28px 0;
}
.cm-pic-frame img {
width: 100%;
height: auto;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* SCREENS ONLY */
.screenOnly {
display: none;
}
.tabletOnly {
display: none;
}
.mobileOnly {
display: block;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* APP */
/* ------------------------------------------------------------------------ */
/* HERO - APP */
.heroApp {
margin: -50px 0 -30px 0;
padding: 40px 0 0 0;
}
.heroApp .col-6:first-child {
position: static;
-webkit-transform: none;
-moz-transform: none;
transform: none;
text-align: center;
}
/* -------------------------------------------------------------------- */
/* BADGES */
.badges {
display: none;
}
/* -------------------------------------------------------------------- */
/* IPHONE CAROUSEL */
.iphone-carousel {
margin: 40px 0 0 0;
position: relative;
}
.iphone-carousel .front > img {
display: none;
}
.iphone-carousel .front .viewport {
padding-bottom: 177.4432%;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.iphone-carousel .front .viewport .slider {
position: absolute;
}
}
@media only screen and (max-width: 320px) {
h1 {
font-size: 32px;
}
h1 + .website-slider {
background-size: 100% auto;
height: 168px;
}
h5 {
height: auto !important;
}
.txtRight {
text-align: left;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* OTHER STUFF - MUST BEEN CLEANED UP */
.priceBox .textBox {
display: none;
}
.priceBox .orderBox {
float: none;
width: auto;
}
#frontboxes {
float: none;
width: auto;
}
#frontboxes .columns {
height: 300px;
}
.funkthumb {
margin: -28px 0 10px;
max-width: 100%;
}
#frontboxes .column-one.column-fullwidth {
height: 295px !important;
}
.icm .website-slider {
height: 145px;
}
table.reference-logos td {
border-width: 0;
float: left;
height: 74px;
padding: 0;
width: 50%;
}
.extrathumb {
float: none;
margin-left: 0 !important;
}
.extrasindent {
margin-left: 0;
}
.extras p {
padding: 0;
}
.thumb-photo-overlay {
margin: -2px 0 0 -5px;
width: 102%;
}
.indentbox {
padding: 0;
}
.columns > iframe {
height: 600px;
}
.thumbWrapper .thumb-photo {
width: 100%;
}
#cmMovie {
height: 140px;
}
#menu {
width: 180px;
}
.articleList .thumb {
float: none;
margin: 0;
}
.gratisdemo {
display: none;
}
.funkthumb-support {
height: 185px;
}
/*----------------------------------------------------------------------------- */
/* PRODUCT TILKØBSMODULER */
.product {
border-bottom: 1px solid #e5e5e5;
padding:0;
}
.product .thumb {
margin:0;
float:none;
width:70%;
}
.product .price {
margin:0;
float:left;
padding:0;
}
.product .thumb img {
margin:20px 0 0 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 1.5dppx)
{
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* HEADER */
/* ------------------------------------------------------------------------ */
/* LOGO */
#cm-logo {
background: url("../images/layout/logo@x2.png") no-repeat center center;
-webkit-background-size: 226px 50px;
-moz-background-size: 226px 50px;
-o-background-size: 226px 50px;
background-size: 226px 50px;
}
/* ------------------------------------------------------------------------ */
/* LANGUAGE */
.language .iconLanguage {
background: url('../images/layout/iconspriteLanguage@x2.png') no-repeat;
-webkit-background-size: 126px 16px;
-moz-background-size: 126px 16px;
-o-background-size: 126px 16px;
background-size: 126px 16px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* TEASERLINES */
.sittingpeople {
background: url('/conferencemanager.dk/images/layout/dotsoverlay@2x.png') center center, url('/conferencemanager.dk/images/bgSittingpeople.jpg') center center no-repeat;
-webkit-background-size: 6px 6px, 100% auto;
-moz-background-size: 6px 6px, 100% auto;
-o-background-size: 6px 6px, 100% auto;
background-size: 6px 6px, 100% auto;
}
/* ---------------------------------------------------------------------------- */
/* SPEECHBUBBLE */
.speechbubble:after {
background: url('/conferencemanager.dk/images/layout/triangleRB@2x.png') right bottom no-repeat;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
background-size: 20px 20px;
}
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 768px) and ( min--moz-device-pixel-ratio: 1.5),
only screen and (max-width: 768px) and ( -o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 768px) and ( min-device-pixel-ratio: 1.5),
only screen and (max-width: 768px) and (min-resolution: 192dpi),
only screen and (max-width: 768px) and (min-resolution: 1.5dppx)
{
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* HEADER */
/* ------------------------------------------------------------------------ */
/* LOGO */
#cm-logo {
background: url('../images/layout/logoTablet@x2.png') no-repeat center center;
-webkit-background-size: 181px 40px;
-moz-background-size: 181px 40px;
-o-background-size: 181px 40px;
background-size: 181px 40px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* PRODUCTLIST */
.product .readmore {
background-image: url('/conferencemanager.dk/images/layout/iconArrowRightGrey@2x.png');
background-size: 16px 16px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* TEASERLINES */
.sittingpeople {
background: url('/conferencemanager.dk/images/layout/dotsoverlay@2x.png') center center, url('/conferencemanager.dk/images/bgSittingpeople.jpg') center center no-repeat;
-webkit-background-size: 6px 6px, cover;
-moz-background-size: 6px 6px, cover;
-o-background-size: 6px 6px, cover;
background-size: 6px 6px, cover;
}
}
@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 480px) and ( min--moz-device-pixel-ratio: 1.5),
only screen and (max-width: 480px) and ( -o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 480px) and ( min-device-pixel-ratio: 1.5),
only screen and (max-width: 480px) and (min-resolution: 192dpi),
only screen and (max-width: 480px) and (min-resolution: 1.5dppx)
{
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* HEADER */
/* ------------------------------------------------------------------------ */
/* LOGO */
#cm-logo {
background: url('../images/layout/logoMobile@x2.png') no-repeat center center;
-webkit-background-size: 136px 30px;
-moz-background-size: 136px 30px;
-o-background-size: 136px 30px;
background-size: 136px 30px;
}
}
/*
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
/* ---------------------------------------------------------------------------- */
/* CODE SNIPPET */
.code_snippet {
background: #eff0f1;
color: #808080;
padding: 15px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* eulaPDF STYLING */
.eula-pdf h2,
.eula-pdf h3,
.eula-pdf p,
.eula-pdf a {
color: #000000;
}
.eula-pdf tr,
.eula-pdf p,
.eula-pdf > .non-page-break {
page-break-inside: avoid;
}