Se mode Sider Files Indstillinger Plugins Log ud Valkom hjemmesider Produkt Proces Referencer Kontakt Print Version Sitemap Version- and Update Info » Rediger stylesheet Template: topnav01_flex_R @charset "utf-8"; /* CSS Document */ @font-face {font-family: Trebuchet MS; font-style: normal; font-weight: 100; src:url("fonts/JosefinSans-Thin.ttf") format("truetype");} @font-face {font-family: Trebuchet MS; font-style: normal; font-weight: 300; src:url("fonts/JosefinSans-Light.ttf") format("truetype");} @font-face {font-family: Trebuchet MS; font-style: normal; font-weight: 400; src:url("fonts/RobotoCondensed-Light.ttf") format("truetype");} /* RESET BROWSERSTYLE */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0;} /* GLOBAL */ h1, h2, h3 {font-family: Trebuchet MS, georgia, serif; color: #356; font-size: 32px; line-height: 1.2em; font-weight: 400; text-align: left; padding: 0; margin: 2px 0 16px 0;} h4 {font-family: Trebuchet MS, georgia, serif; color: #356; font-size: 28px; text-align: left; line-height: 1.4em; font-weight: 400; margin: 15px 0 10px 0;} h5 {font-family: Trebuchet MS, georgia, serif; color: #356; font-size: 24px; text-align: left; line-height: 1.4em; font-weight: 400; margin: 15px 0 10px 0;} h6 {font-family: Trebuchet MS, georgia, serif; color: #356; font-size: 20px; text-align: left; line-height: 1.4em; font-weight: 400; margin: 15px 0 10px 0;} p {margin: 10px 0;} ol {margin: 6px 0;} ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;} ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;} ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 17px;} hr {height: 1px; clear: both; color: #aaa; background-color: #aaa; border: 0; margin: 16px 0;} blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;} /* ############################## C O N T E N T C L A S S E S ############################## */ /* Bilder / Images */ img.tplge_left {max-width: 46%; float: left; margin: 0 20px 10px 0;} img.tplge_right {max-width: 46%; float: right; margin: 0 0 10px 20px;} img.tplge_centered {max-width: 96%; display: block; margin: 5px auto;} img.tplge_border {border: 5px solid #689;} img.tplge_border_white {border: 1px solid #fff;} img.tplge_border_sepia {border: 5px solid #776;} img.tplge_noborder {border: 0;} .tplge_box01 {clear: both; background: #e0e6e9; border: 3px solid #abc; padding: 10px 16px; margin: 16px 0;} .tplge_code {background: #eed; font-family: 'courier new', monospace; border: 1px solid #e0e6e9; padding: 6px 12px;} .tplge_clearLeft {clear: left;} .tplge_clearRight {clear: right;} .tplge_clearBoth {clear: both;} /* ############################## B O D Y ############################## */ /* BODY UND SEITE / BODY AND PAGE */ body {color: #356; font-family: trebuchet ms, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.4em;} #body {min-width: 600px; background: #d0d6d9; text-align: left;} #top {font-size: 10px; line-height: 10px;} /* ############################## L A Y O U T ############################## */ .tplge_siteContainer {padding: 0; margin: 0 auto;} .tplge_siteContainerIn {width: 1200px; background: transparent; padding: 0; margin: 0 auto; border: 0px solid #080!important;} .tplge_contentsContainer {width: 1200px; float: right; border: 0px solid #c00;} .tplge_newsContainer {width: 300px; float: right;} .tplge_news {width: 300px; float: left;} .tplge_sidebarNav {width: 300px; float: left;} .tplge_footersContainer {border: 0px solid #060;} /* ############################## D E S I G N ############################## */ /* internal navigation and buttons for mobile touchscreens */ div.tplge_navintern {font-family: arial, sans-serif; font-weight: 700;} div.tplge_content_anchor {display: none;} div.tplge_menu_anchor {display: none;} div.tplge_news_anchor {display: none;} div.tplge_news_anchor_bottom {display: none;} .tplge_button {background: url(images/button.jpg) repeat-x; float: left; font-size: 18px; font-weight: 400; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 4px 6px; margin: 0 3px;} .tplge_button_active {background: #930 url(images/buttonMaroon.jpg) repeat-x; color: #fff; float: left; font-size: 18px; font-weight: 400; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 4px 6px; margin: 0 3px;} /* KOPFBEREICH / HEADER */ /* top header */ .tplge_topheader {background: #000000; max-width: 1200px; border-radius: 5px 5px 0px 0px; color: #FFF; text-align: right; display: block; padding: 15px 0 0 0; margin-left: auto; margin-right: auto;} #tplge_topheader h1 {float: left; color: #FFFFFF; font-family: trebuchet ms, georgia, serif; font-variant: normal; font-size: 30px; line-height: 20px; font-weight: 900; letter-spacing: 0; text-align: center; padding: 5px 5px 8px 10px; margin: 0;} /* searchbox */ .tplge_searchboxContainer {width: 260px; float: right; background: #fff url('images/lupe1.jpg') right top no-repeat; border: 1px solid #aaa; border-radius: 5px; color: #620; padding: 0; margin: 12px 16px 16px 0; overflow: hidden;} #searchbox {text-align: left; padding: 0; margin: 0;} #searchbox input.submit {background: none; color: transparent; font-family: courier new; font-size: 24px; line-height: 24px; font-weight: 700; border: 0px solid #999; padding: 3px 0 0 0; margin: 0;} #searchbox input.submit:hover {cursor: pointer;} #searchbox input.text {width: 196px; background: #fff; float: left; font-size: 14px; border: 0; border-right: 1px solid #999; border-radius: 15px 0 0 15px; padding: 6px 12px; margin: 0;} /* menulevel1 header */ .tplge_level1Toc {float: right; clear: right; font-family: Trebuchet MS, arial, sans-serif; font-size: 18px; font-weight: 400; margin: 20px 0 0 0;} .tplge_level1Toc ul {list-style-image: none; display: table; padding: 0px 5px; margin: 0 auto;} .tplge_level1Toc ul li {display: block; float: left; color: #fff; border-radius: 3px; padding: 0; margin: 0 1px 2px 1px;} .tplge_level1Toc ul li a {display: block; border-radius: 3px; padding: 0 0px 9px 10px;} .tplge_level1Toc ul li span {display: block; border-radius: 3px; padding: 0 0px 9px 10px;} ul.menulevel1 li.sdoc, .tplge_level1Toc ul li.sdocs {color: #c50;} .tplge_level1Toc a:link {color: #FFF;} .tplge_level1Toc a:visited {color: #FFF;} .tplge_level1Toc a:hover {color: #c50; text-decoration: none;} .tplge_level1Toc a:active {color: #c50; text-decoration: none;} .tplge_level1Toc a:focus {color: #c50; text-decoration: none;} .tplge_level1Toc ul li.sdocs a:link {color: #666666;} .tplge_level1Toc ul li.sdocs a:visited {color: #66666;} .tplge_level1Toc ul li.sdocs a:hover {color: #c50; text-decoration: none;} .tplge_level1Toc ul li.sdocs a:active {color: #c50; text-decoration: none;} .tplge_level1Toc ul li.sdocs a:focus {color: #c50; text-decoration: none;} /* image header */ .tplge_imageHeader {background: #d0d6d9; padding: 0; margin: auto;} .tplge_imageHeader img {1px solid #c50; max-width: 1200px; border-radius: 0px 0px 5px 5px; display: block; margin-left: auto; margin-right: auto;} /* locator */ div#tplge_locator {font-family: arial, sans-serif; font-size: 14px; text-align: left; max-width: 1200px; padding: 10px 16px 10px 16px; margin: 0 auto;} /* SITE CONTAINER */ .tplge_siteContainer {background: #d0d6d9; padding: 0 0 0 0;} /* CONTENTS CONTAINER */ .tplge_contentsContainer {} /* languagemenu */ div.langmenu_container {right; text-align: right; border: 0px solid #c00; padding: 0; margin: 0;} .langmenu_container img {border: 3px solid #c0c6c6; padding: 0; margin: 0 0 0 16px;} img.cmsimple_language_flag {padding: 0;} /* INHALT / CONTENT */ .tplge_content {} .tplge_contentin {background: #fff; border: 1px solid #c50; max-width: 1200px; border-radius: 5px; padding: 20px 24px; margin: 0 auto;} #tplge_contentin li {background: none;} #tplge_contentin h1, #contentin h2, #contentin h3 {} #tplge_contentin input {background: #e0e6e9; color: #344; border: 1px solid #b0b9bf; padding: 3px 6px;} #tplge_contentin textarea {width: 96%; background: #e0e6e9; color: #344; font-family: arial, sans-serif; font-size: 15px; border: 1px solid #b0b9bf; padding: 6px;} #tplge_contentin input.submit, #tplge_contentin input#submit {background: url(images/button.jpg) repeat-x!important; float: left; color: #333; font-size: 14px; line-height: 18px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px 16px 0; box-shadow: 0 0 0!important} div.submitButton {min-height: 24px;} div.submitButton input {float: left; background: url(images/button.jpg) repeat-x!important; border: 1px solid #999!important;} /* search results and highlighting */ ul.cmsimple_searchresults li {background: #e0e6e9!important; list-style: none; border: 1px solid #d0d6d9; border-radius: 3px; padding: 6px 9px; margin: 9px 0;} span.highlight_search {background: transparent; color: #960;} /* prev-top-next */ .tplge_inavTop {background: url(images/bginav.png); font-family: arial, sans-serif; font-size: 15px; border: 1px solid #ccc; border-radius: 3px; padding: 6px 9px; margin: 0 0 24px 0;} .tplge_inavBottom {font-family: arial, sans-serif; font-size: 15px; border: 1px solid #ccc; border-radius: 5px; padding: 6px 9px; margin: 6px 0;} #tplge_prevtopnext {clear: both;} #tplge_prevtopnextin {text-align: center; border-top: 0px solid #a0a6a9; padding: 8px 0 0 0; margin: 24px 0 0 0;} #tplge_prevtopnextin span {padding: 0 16px;} /* submenu */ div.tplge_submenu h4 {text-align: left; font-variant: normal; font-size: 20px;} /* sitemap */ .sitemaplevel1 {font-size: 18px; font-weight: 700;} .sitemaplevel2 {font-size: 17px; font-weight: 100;} .sitemaplevel3 {font-size: 16px; font-weight: 100;} /* NEWSBOXEN / NEWSBOXES */ div.tplge_sidebarNav div.tplge_newsin {border: 1px solid #ddd; border-radius: 5px; padding: 8px 20px; margin: 10px 0;} .tplge_newsin {background: #fff; line-height: 1.2em;} div.tplge_newsin h4 {font-size: 22px; letter-spacing: 0; border-radius: 3px; padding: 0; margin: 0;} div.tplge_newsin h5 {font-size: 20px; letter-spacing: 0; margin: 10px 0 0 0;} div.tplge_newsin h6 {font-size: 18px; letter-spacing: 0; margin: 10px 0 0 0;} /* SIDEBAR NAVIGATION */ .tplge_sidebarNav {} .tplge_sidebarNavin {border: 0px solid #c00; padding: 0 10px; margin: 0;} /* toc menu */ #tplge_sidebarNav li {list-style-type: none; list-style-image: none;} #tplge_sidebarNav ul.menulevel2 {background: #d6dcdf; color: #c60; border: 0px solid #999; border-radius: 3px; padding: 12px 20px; margin: 10px 0 20px 0;} #tplge_sidebarNav ul.menulevel2 li {background: transparent; line-height: 1.2em; font-weight: 700; text-align: left; border: 0; padding: 4px 0 5px 1px; margin: 2px 0;} #tplge_sidebarNav ul ul.menulevel3 {margin: 5px 0 0 0;} #tplge_sidebarNav ul ul.menulevel3 li {line-height: 1.2em; text-align: left; font-weight: 400; border: 0; padding: 6px 0 1px 16px; margin: 2px 0;} /* icons div */ .tplge_icons {text-align: center; padding: 0px 0 16px 0;} #tplge_icons img {border: 0; margin: 0 12px 0 4px;} /* FUSSLINKS / FOOTER LINKS */ .tplge_footersContainer {clear: both; background: #000000; max-width: 1200px; border-radius: 5px; color: #FFF; font-family: Trebuchet MS, arial, sans-serif; font-size: 14px; text-align: right; padding: 10px 5px 5px 0; display: block; margin-left: auto; margin-right: auto;} /* LINKFORMATIERUNG / LINKS */ a:link {color: #C5C1C1; text-decoration: none;} a:visited {color: #C5C1C1; text-decoration: none;} a:hover {color: #c50; text-decoration: underline;} a:active {color: #c50; text-decoration: underline;} a:focus {color: #c50; text-decoration: underline;} #tplge_sidebarNav ul.menulevel2 li a:link {color: #567; font-style: normal;} #tplge_sidebarNav ul.menulevel2 li a:visited {color: #567; font-style: normal;} #tplge_sidebarNav ul.menulevel2 li a:hover {color: #c50; font-style: normal; text-decoration: none;} #tplge_sidebarNav ul.menulevel2 li a:active {color: #c50; font-style: normal; text-decoration: none;} #tplge_sidebarNav ul.menulevel2 li a:focus {color: #c50; font-style: normal; text-decoration: none;} .tplge_navintern a:link {color: #555; font-style: normal;} .tplge_navintern a:visited {color: #555; font-style: normal;} .tplge_navintern a:hover {color: #c50; font-style: normal; text-decoration: none;} .tplge_navintern a:active {color: #c50; font-style: normal; text-decoration: none;} .tplge_navintern a:focus {color: #c50; font-style: normal; text-decoration: none;} /* ############################## S O N S T I G E S / R E S T ############################## */ input.mapl_loginform_submit {background: url(images/button.jpg) repeat-x!important; color: #333!important; border: 1px solid #999!important; border-radius: 3px;} input.mapl_loginform_submit:hover {background: url(images/button.jpg) repeat-x!important; color: #333!important; border: 1px solid #999!important; border-radius: 3px; cursor: pointer;} input.mapl_loginhint_submit {color: #fff!important; font-weight: 700; border: 3px solid #fff!important;} input.mapl_loggedinform_submit {color: #fff!important; font-weight: 700; border: 3px solid #696!important;} /* ############################## R E S P O N S I V E CSS ############################## */ @media (min-width: 1280px) and (max-width: 1500px) { #tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300;} } @media (min-width: 960px) and (max-width: 1279px) { .tplge_siteContainerIn {max-width: 900px; margin: 0 auto;} .tplge_contentsContainer {width: 600px; float: right;} .tplge_newsContainer {width: 600px; float: right; padding: 0;} .tplge_footersContainer {margin-left: 320px;} /* header */ #tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300;} } @media (min-width: 720px) and (max-width: 959px) { #body {} .tplge_siteContainerIn {max-width: 600px; border: 0px solid transparent; padding: 0; margin: 0 auto;} .tplge_contentsContainer {width: 100%; padding: 0; margin: 0;} .tplge_newsContainer {width: 100%; float: none; padding: 0 0 60px 0; margin: 0 auto;} .tplge_locator {} div.tplge_navintern {clear: both; padding: 36px 0 20px 0; margin: 0 auto;} div.tplge_content_anchor {display: table;} div.tplge_menu_anchor {display: table;} div.tplge_news_anchor {display: table;} div.tplge_news_anchor_bottom {display: table;} /* header */ #tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300;} /* language menu */ div.langmenu_container {min-height: 24px; clear: left; float: none; text-align: right; border: 0px solid #c00; margin: 0;} /* Content Area */ .tplge_content {padding: 0 0 60px 0; margin: 0;} /* Menu Area */ .tplge_sidebarNav {width: 300px; float: none; padding: 0; margin: 0 auto;} .tplge_sidebarNavin {clear: both;} } @media (max-width: 719px) { #body {min-width: 300px;} .tplge_siteContainerIn {width: 100%; max-width: 420px; border: 0px solid transparent; padding: 0; margin: 0 auto;} .tplge_contentsContainer {width: 100%; padding: 0; margin: 0;} .tplge_newsContainer {width: 100%; float: none; padding: 0 0 60px 0; margin: 0 auto;} .tplge_locator {} div.tplge_navintern {clear: both; padding: 36px 0 20px 0; margin: 0 auto;} div.tplge_content_anchor {display: table;} div.tplge_menu_anchor {display: table;} div.tplge_news_anchor {display: table;} div.tplge_news_anchor_bottom {display: table;} /* header */ #tplge_topheader h1 {font-size: 36px; line-height: 36px; font-weight: 300;} /* language menu */ div.langmenu_container {min-height: 24px; clear: left; float: none; text-align: right; border: 0px solid #c00; margin: 0;} /* Content Area */ .tplge_content {max-width: 100%; padding: 0 0 60px 0; margin: 0;} .tplge_contentin {padding: 20px;} /* News Area */ .tplge_news {float: none; margin: 16px auto;} .tplge_newsin {} /* Menu Area */ .tplge_sidebarNav {width: 300px; float: none; padding: 0; margin: 0 auto;} .tplge_sidebarNavin {clear: both;} } | top | næste » Powered by CMSimple | Template by CMSimple |