/* Style sheet medietek - Phil Norris */ /* MAIN LAYOUT */ /* Look at this line of text - mmmmmm - in-teresting */ #column_left {width: 48%; float: left; clear: right;} #column_right {width: 48%; float: right; clear: right;} #min-profil {height: 100%; overflow: display;} .mod_personalData tableform block {height: 100%; overflow: display;} #produktmenu, #produktmenu p {margin: 0px; padding: 0px;} #produktmenu .layout_full {margin: 1px 0px; padding: 0px; border: none;} #produktmenu h1 {text-align: bottom; margin: 0px; padding: 0px; font-family: "Arial Black";} .produktmenu {margin: 0px; padding: 0px; background:#f0f0f0;} .produktmenu-text {font-size: 9pt; padding: 0px; vertical-align: top;} .produktmenu-image-td {vertical-align: top; width: 130px; margin: 0px 0px 0px 15px; padding: 0px;} td.produktmenu-text {padding: 0px 0px 15px 2px;} #rightnews {width: 175px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;} #rightnews .image_container {margin: 0px 0px 10px 10px;} #rightnews .image_container h2 {font: 12px "Arial Black", Sans-serif; letter-spacing: -1px; color: #2F2F2F; padding: 0px 0px 0px 0px;} #banner {text-decoration: none; border: 0px; margin: -230px 0px 0px -10px;} .roundbox {position: relative; top: -8px; display: inline; margin: -200px 0px 0px -2px;} .teaser {font-size: 3pt; font-weight: bold;} .udlejning-nyt, .brugt-nyt {text-align: left;} .rightfloat {margin: 0px 0px 20px 20px} .leftfloat {margin: 0px 20px 20px 0px} .ce_text {text-align: left; padding-right: 20px;} .linkdiv {margin-top: -109px;} div .layout_full h2 {text-align: left; color: #2F2F2F; font-weight: bold; font-size: 24px; letter-spacing: -1px; font-variant:small-caps;} dt {font-weight: bold; font-size: 11pt;} #frontpagegallery {margin-left:-10px; text-align: center;} .pagination block {display: none;} .pagination {display: none;} h5 {font: 18px/1.2 "Arial Black", Sans-serif; letter-spacing: -1px; color: #2F2F2F; } body {font: 12px/1.2 "Lucida sans", Sans-serif; margin: 0px; padding: 0px; background-image: url("/tl_files/medietek/images/site/body-back2.jpg"); background-repeat: repeat-x; } #wrapper {margin: 0px auto; width: 100%; height: 100%; padding:0px; } #container { background-color: #ffffff;} #header { height: 104px; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #eeeeee;} #left { width:19%; float:left; padding-top: 20px; margin-top: 0px; font-size: 80%; text-align: right; color: #999999;} #main {padding-top: 10px; width:64%; float:left; margin-bottom: 50px; } #main .inside {padding-left: 1%;} #main_twocol {padding-top: 1%; width:81%; float:left; margin: 0px; } #main_twocol .inside {padding-left: 1%;} #right {width: 17%; float: left; padding-top: 1%; margin-top: 25px; font-size: 80%; text-align: left; display: inline;} #right .inside {padding:1% 0% 10% 15%;} /* LAYOUT SUBCONTENTS */ #pageleft {float: right;} .leftblock .inside {padding-right: 1%;} .leftblock p {margin: 5px 2px 10px 0px; padding: 0px 1px 0px 2px;} .leftblock a, .leftblock a:visited {text-decoration: none; font-size: 120%; letter-spacing: 0.2pt; font-variant: small-caps; font-weight: bold; padding: 3px; color: #707070;} .leftblock {border: 1px solid #c9c9c9; width: 180px; margin-bottom: 10px; } .leftblock a:hover {color : #880000;} .leftblock a.arrow { display:block; color:#880000; background:url(/tl_files/medietek/images/site/arrow.jpg) 0 4px no-repeat; background-position: 108px; text-indent:8px; font-size:11px; margin-right: 0px;} .leftblock a.arrow2 { display:block; color:#880000; background:url(/tl_files/medietek/images/site/arrow.jpg) 0 4px no-repeat; background-position: 88px; text-indent:8px; font-size:11px; margin-right: 0px;} #right .teaser {font-size:105%;} #header .mod_form {float: right; padding-right: 6%; margin-top: -90px;} #right p.info {padding: 0px; margin: 0px; line-height: 1px; font-size:90%;} #right h2 {padding: 0px; margin: 0px; line-height: 1px; font-size: 14px;} #right div.layout_latest {padding-bottom:20px;} #right .mod_customnav li {background-image: url("/tl_files/medietek/images/site/rightmenuback200.jpg"); background-repeat: no-repeat; list-style: none; height: 24px; line-height: 17px; padding: 3px 0px 0px 15px; ; margin: 0px; font-variant: small-caps;} #right #submenu li .active {font-weight: bold; font-variant: small-caps; font-size: 105%;} #right .mod_customnav li a:hover {color: black;} .rightgrfxtitle {display: block; padding:15px 0px 0px 0px; margin: 0px;} .rightgrfxtitle2 {display: block; padding:15px 0px 0px 0px; margin-bottom: 10px;} #pageright {display:block; text-align:left; font-weight:bold; text-decoration:none; font-size:11px; color:#a6a6a6; border: 1px solid #eeeeee;} #right .mod_article ul {padding: 0px; margin: 0px; background: white; } #right .mod_article .mod_customnav li {padding: 3px; margin: 1px; line-height: 100%; } .mod_article strong {font: 12px/1.2 "Arial Black", Sans-serif; letter-spacing: -0px; color: #404040;} a strong {font: 12px/1.2 "Arial Black", Sans-serif; letter-spacing: -0px; color : #880000;} #main #udlejningen-nyt .mod_newslist {text-align: left;} #main .mod_newslist {padding:10px; text-align: center; background-color: white; color: #444444;} #maincontent {border: 0px solid #000; clear:left; margin: 0px; padding: 0px;} #main .mod_login {width: 270px; margin: 0px; padding: 0px;} #main .mod_login input {width: 135px; text-align: left; padding: 0px; margin: 0px 0px 3px 5px;} #main .mod_login td {padding: 5px; } #main .mod_login table {text-align: right; } #main .mod_login form {width: 275px; margin: 5px; padding: 3px;} #main .mod_login input.submit {border: 1px solid ; width: 45px; margin-left: 6px; padding: 0px; color: black;} #main .mod_customnav li {background-image: url("/tl_files/medietek/images/site/vertical-arrow.jpg"); background-repeat: no-repeat; list-style: none; height: 24px; line-height: 25px; padding: 0px 3px 3px 20px; margin: 0px;} #main .mod_customnav li a, #right .mod_customnav li a {color: #5d5d5d; font-weight: bold;} #main .mod_customnav li .active {font-weight: bold; } #main .mod_customnav ul {padding:0px; font-variant: small-caps;} #main #tilbud .mod_newslist {text-align: left;} .layout_full {padding-bottom: 40px; border-bottom: 1px dotted #c9c9c9;} .news-tilbud {float: left; margin: 2px; padding: 0px; border: 1px solid #eeeeee; width: 190px; background-color:#fff;} .news-tilbud a, .news-tilbud a:visited {padding: 0px; text-align: center; font-size: 8pt; color: #808080;} .news-tilbud a:hover {padding: 0px; text-align: center; font-size: 8pt; color: #880000;} .news-table {background-color: #fff; margin: auto; align: center; height: 100%; padding: 0px;} .news-table {} /* FORMS - INPUT - LOGIN/SEARCH */ #username, #password, #keywords { line-height: 15px; width:120px; margin: 0px; border: 1px solid #cecece; } #left label { border: 0px solid #000000; text-align: right; margin: 0px 0px 0px 0px; padding: 5px 0px 1px 0px; font-size: 100%; width:100%; color: #a1a1a1; display: block;} #left .mod_login { background-image: url("/tl_files/medietek/images/site/blocktitle_login.jpg"); background-repeat: no-repeat;} .submit_container {margin-top:5px; height: 20px; width: 100%;} #min-profil .submit_container {margin-top:5px; height: 200px; width: 100%;} .submit {text-align: right; background-color: #fff; border: 1px solid #cecece; color : #a1a1a1; text-decoration : none; } input#matchAll.radio {margin-top: 3px;} .formbody {padding: 20px 5px 5px 5px;} input {background: #fefefe; font: 10px/1.2 "Lucida sans", Sans-serif; text-align: right; padding:0px; margin: 0px; } input#username.text {padding:0px; margin: 0px;} input#ctrl_1.text {margin: 0px; padding: 0px; width: 105px; text-align: left;} p.active {font-weight: bold; font-size: 100%; color: #AA0000; margin: 0px; padding: 0px;} #search .formbody {margin: 10px } #form1 td {padding: 2px;} #form1 input.submit {background-color: #fff; padding: 0px; border: 0px; font-variant: small-caps; color: #880000} #form1 input {border: 1px solid #e3e3e3; height: 20px; width: 250px; background: #f4f4f4; font:14px/1.2 "Lucida sans", Sans-serif; text-align: left; padding-left:5px; margin: 0px;} #form1 div.error {text-align: left;} /* DIV CORE ELEMENTS */ #breadcrumb a {color: #880000;} #breadcrumb { border-bottom: 1px dotted #505050; font-weight: bold; letter-spacing: -1px; font-size:14px; line-height: 10px;padding: 2px 0px 1px 2px; display:block; margin: 10px 0px 5px 0px;} #breadcrumb .active {font-style: italic;} .metadata, .caption {font: 12px/1.2 "Lucida sans", Sans-serif; font-size: 80%; color: #999999;} #metadata {font: 12px/1.2 "Lucida sans", Sans-serif; font-size: 80%; color: #999999;} .metadata strong {font: 100%/1.2 "Lucida sans", Sans-serif;color: #999999;} #metadata strong {font: 100%/1.2 "Lucida sans", Sans-serif;color: #999999;} #metadata a {color: #808080; font-weight: bold; font-variant: small-caps;} #indslagspacer hr {border: 0px; background-image: url("/tl_files/medietek/images/site/hr_indslag.png");} hr {height:1px; color: #ffffff; text-decoration: none; outline: 0px;} .block {overflow: hidden;} #toplink {border-bottom: 1px dotted #eeeeee;font-size: 10px;line-height: 10px;padding: 2px 0px 1px 2px; display:block; background-image: url("/tl_files/medietek/images/site/breadcrumb_gradient.jpg");background-repeat: repeat-y; } .border { border: 1px solid #eeeeee; } .noborder { border: 0px; text-decoration: none;} .center {text-align: center;} a {color : #880000; text-decoration : none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} a:hover {color : #880000;text-decoration : none;} a:visited {color : #880000;text-decoration : none;} .moduleimg {padding: 15px 0px 0px 10px;} h1, h2, h3 { color: #2F2F2F; font-size: 16px; letter-spacing: -1px; font-variant:small-caps; font-weight: normal;} h1.ce_headline a {padding-top: 0px; margin-top: 0px;} .mod_article h1 {font-weight: bold; font-size: 18px; letter-spacing: -1px;} .ce_toplink {font-size: 10px;} /* ACCORDIONS */ .ce_accordion .toggler { border: 0px; border-bottom: 1px dotted #c9c9c9; font: 14px "Arial Black", Sans-serif; line-height: 30px; height: 30px; border: 0px; background: #edf0f2; padding: 8px 0px 0px 15px; margin-bottom: 2px; font-weight: bol; font-variant:small-caps;} .toggler {background-color:transparent; border:0px solid#CCCCCC; color:#5a5a5a; cursor:pointer; padding:3px 5px 3px 10px;} .accordion {margin-left: 15px;} div.accordion p, div.accordion .image_container {margin: 14px;} .ce_accordion {background:#fafafa;} /* USER DATA / TABLES */ #min-profil INPUT.checkbox {text-align: right; background-color: #ffffff; border: 0px; width: 30px;} #min-profil input, #register input {width: 350px; font-size: 8pt; color: #2C4A6A; background: #fff; margin :5px 50px 0px 20px ; padding: 3px; border: 1px solid #eeeeee; text-align: left;} #min-profil label, #register label {font-size: 9pt; text-align: right; font-weight: bold;} #min-profil input.submit {width: 80px; font-variant: small-caps; font-size: 10pt; color: #000; font-weight: bold; background: #e7e7e7; margin :35px 50px 3px 20px ; padding: 3px; border: 1px solid #bcbcbc; text-align: left;} .submit {cursor: pointer;} .tbl {border-style: none; margin: 5px; border: 1px solid #eeeeee;} .tbl td {padding: 2px 5px 2px 9px; background: #f7f7f7; font-size: 9pt;} .tblhead td {background: #b1b1b1; font-size: 8pt; font-variant: small-caps; color: #272727; padding: 0px 0px 0px 9px;} .tbl1 {width: 100%} .tabletext {font-size: 13px; color: #4a4a4a} /* RSS */ .mod_rss_reader a, .rss_default_header {color:#2c2c2c; font-variant: small-caps;} .mod_rss_reader {padding: 0px 18px 38px 18px;} .rss_default p {color: #575757; font-size: 9pt;} .rss_default h2 a {color: #870102; font-size: 10pt;} .rss_default h2 a {font-size: 90%; color: #101010; } .rss_default h2, .rss_default p {margin: 0px; padding-top: 5px; } /* FRONTPAGE STUFF */ #frontpagenews {height: 300px; background-image: url("/tl_files/medietek/images/site/frontpagenewsback."); background-repeat: repeat-x; border: 0px solid #c9c9c9; margin-top: 17px;} #frontpagenews .image_container {margin-top: 4px; padding: 0px;} #frontpagenews .layout_full {float: left; font-size:100%; width:25%; font-weight: normal; font-size: 10pt;} #frontpagenews img, .mod_article img {text-decoration: none; border: 0px;} #frontpagenews h2 {font: 15px "Arial Black", Sans-serif; padding: 0px 0px 0px 0px; font-weight: bold; text-align: center; font-variant: small-caps; background-image: url("/tl_files/medietek/images/site/Bars-back."); background-repeat: repeat-x; height: 25px; margin: 0px; border: 0px solid #f0f0f0; letter-spacing: -1px;} #frontpagenews h2 a {color: #383838;} #frontpagenews .ce_text {font: 14px "Arial", Sans-serif; letter-spacing: -0px; font-size: 10pt; line-height: 12px; color: black; text-align: center; padding: 0px; border-right: 0px solid #eeeeee; height: 265px;} #frontpagenews .teaser {margin-top: -15px; padding: 0px;} #frontpagecontainer {width: 87%;} .frontpagecontainerleft {margin-top: 9px; width: 22%; float: left; display: inline;} .frontpagecontainerright {margin-top: 45px; margin-left: 40px; width: 60%; float: left; display: inline;} #frontpagecontainer .ce_accordion { background-image: url("/tl_files/medietek/images/site/frontaccordion-back275-trans.png"); background-repeat: no-repeat; border: 0px; margin: 0px; padding:0px;} #frontpagecontainer .toggler { background-image: url("/tl_files/medietek/images/site/#"); background-repeat: no-repeat; height: 24px; border: 0px; color:#282828; padding: 3px; margin: 0px;} #frontpagecontainer .accordion {padding:12px;} /* NEWS CATEGORIES */ #brugt .layout_full {text-align: left;} #brugt .layout_full p {text-align: left;} #brugt.mod_article {padding: 0px; margin: 0px;} #brugt.mod_newslist {padding: 0px; margin: 0px;} .layout_latest {background: #fff; padding-left: 0px ; margin: 5px 0px 5px 0px; font-size: 120%;} .layout_latest .teaser {margin: 0px; padding: 0px; font-size: 200%; color: #444444;} .layout_latest h2 a {font-size: 80%; margin: 0px; padding: 0px; font-variant: small-caps; background: #fff; } .mod_newslist {padding: 0px;font-size: 98%;color: #757575;} .centernews {text-align: center; width:100%;} /* PRODUCT LOGOS */ #logofield img { border: 0px; padding: 10px 0px 0px 0px; margin: 0px;} #row1, #row2, #row3, #row4, #row5 { margin:auto; float: none; text-align: center;} /* DIVERSE CLASSES */ .error {font-size: 90%; color: #AF0000; float: right; margin: 0px;} .clear {height:0.1px; overflow:hidden; font-size:0.1px; line-height:0.1px; clear:both; } .invisible {width:0px; height:0px; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline;} .pdf_link {background: url("/tl_files/medietek/images/site/pdf_button.png") no-repeat; font-size:0px; height:14px; background-position:right; padding: 0px 5px 0px 0px; margin: 0px;} .contentmetadata a {font-variant: small-caps; font-size: 100%;} .nostyling img {text-decoration: none; border: 0px;} .ident {padding: 5px;} .mod_article { padding: 5px 40px 0px 10px; display: inline;} /* ROUND BOXES CSS */ .rbroundbox { background: url(/tl_files/medietek/images/site/bd.jpg) repeat; } .rbtop div { background: url(/tl_files/medietek/images/site/tl.jpg) no-repeat top left; } .rbtop { background: url(/tl_files/medietek/images/site/tr.jpg) no-repeat top right; } .rbbot div { background: url(/tl_files/medietek/images/site/bl.jpg) no-repeat bottom left; } .rbbot { background: url(/tl_files/medietek/images/site/br.jpg) no-repeat bottom right; } /* SIZE */ .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 25px; font-size: 1px; } .rbcontent { margin: 0 25px; } .rbroundbox { width: 100%; margin: 1em auto; } /* footer ********/ #customfooter {clear: both; margin: 10% 0 0 32%; text-align: left; padding:0px 0 0px 0px;} div#customfooter hr { margin-left: 0px; color:#ddd; background-color:#ddd; border:0; width: 90%; margin-bottom: 20px;} div#customfooter a { color:#777; } div#customfooter a.grey:hover { color:#8d8b16; text-decoration:none; cursor:pointer; } div#customfooter ul { padding:0; list-style:none; float: left; font-size:10px; } div#customfooter ul li { height:16px; padding:0; color:#777; } div#customfooter ul li.head { color:#880000; } div#customfooter ul li a.arrow { display:block; color:#880000; background:url(/tl_files/medietek/images/site/arrow.jpg) 0 4px no-repeat; text-indent:8px; font-size:10px; } div#customfooter ul li a.arrow:hover { color:#880000; text-decoration:none; cursor:pointer; } ul#medietek-left, ul#medietek-mid { margin-right:102px; }h1