/* UVB Technik layout styles */

html { padding: 0; margin: 0; }
body { font-family: Tahoma, Arial, sans-serif; background: white; padding: 0; margin: 0; text-align: center;}
form { margin: 0; }

ul li { background-position: 5px 0.35em; }

blockquote { background-position: 10px 18px; }

.btn-submit { background: #F98000 url("/img/bg-btn-submit.png") no-repeat 0 0; font-size: 85%; font-weight: bold; color: #FFF;  padding: 1px 5px; border-color: #F98000; border-width: 1px; font-family: Tahoma, Arial, sans-serif;}
.inp-text { vertical-align: bottom; border: 1px inset #ACA899; }

.date { word-spacing: -1px; }
.searched-term { font-weight: bold; background: #FFF9C7; }

/* Header */
#header { height: 144px; background: #1C417D url("/img/bg-header.png") no-repeat 0 0; position: relative; border-bottom: 1px solid #D8D8D8; }

#logo { margin: 0; float: left; }
#logo img { margin: 42px 0 0 28px; padding: 0; border: 0; }

#header .claim { position: absolute; left: 285px; top: 65px; color: white; text-transform: uppercase; font-family: "Franklin Gothic Medium", Arial, sans-serif; font-size: 17px; width: 380px; }

#footer { background: #DFE3E6 url("/img/bg-footer.png") no-repeat 0 0; padding: 20px 20px 10px 20px; font-size: 85%; }

#mother { width: 950px; text-align: left; margin: 0 auto;  position: relative;}

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Home page */
.home-top { background: #CFD5D9; }
.home-top #prologue { width: 390px; float: left; margin-bottom: -1px; }
.home-top #signpost { width: 280px; float: right;}

.home-top #prologue h1 { text-transform: uppercase; color: white; margin-top: 20px; margin-bottom: 1px; font-family: "Franklin Gothic Medium", Arial, sans-serif;; font-size: 25px; font-weight: normal; }
.home-top #prologue h2 { text-transform: uppercase; color: white; font-size: 14px; margin-top: 0; margin-bottom: 10px; }
.home-top #prologue .more-info { color: white; background: url("/img/bullet-main-menu.png") no-repeat 0 0.3em; padding-left: 15px;  }
.home-top #prologue .foot { border-top: 1px solid #C0C8CE; padding-top: 10px; }

.home-top #prologue a {color: #E05B00;}

.home-bottom { padding: 25px 0 25px 25px; }
.home-bottom h2 { color: #116AB0; font-size: 17px; margin-top: 10px; }

ul.highlights { list-style: none; margin: 10px 0; padding: 0; width: 390px;}
ul.highlights li { margin: 0; padding: 1px 0 7px 30px; background: url("/img/bg-ol-li.png") no-repeat 0 0; border-bottom: 1px solid #DDE3E4; margin-bottom: 5px; position: relative; }
ul.highlights li span.number { position: absolute; color: white; font-weight: bold; left: 6px; top: 1px; font-size: 14px; font-family: Arial, sans-serif; }

.dotlink { background: url("/img/bullet-blue.png") no-repeat 0 0.35em; padding-left: 12px; }

.confbox {background: #1D468C url("/img/bg-confbox.png") repeat-x 0 0; padding: 1px; }
.confbox .img {width: 190px; margin: 15px 15px 4px 15px !important; }
.confbox .img img {margin: 0; border: 3px solid #E0E6EE; }
.confbox h2 {color: white; font-size: 17px; margin: 0 15px 5px 15px; }
.confbox h2 a {color: white; }
.confbox .wysiwyg-left {color: white; margin: 0 15px 15px 15px; }

/* Signpost */ 
#signpost ul { margin: 20px 15px; padding: 0; list-style: none; }
#signpost ul li { margin: 0 0 5px 0; padding: 0; list-style: none; border: 1px solid #B3B8BA; border-width: 0 1px 1px 0; }
#signpost ul li a { display: block; background: #F98000 url("/img/bg-signpost-a.png") repeat-y 0 0; color: white; border: 1px solid #F98000; text-decoration: none;}
#signpost ul li a:hover { background-color: #E16A00; }

#signpost ul li a span { display: block; background: url("/img/bullet-signpost.png") no-repeat 12px 50%; padding: 10px 10px 10px 50px;  }

#searchbox, #lang-menu { padding: 6px 0;  position: absolute; top: 60px; z-index: 1;}
#searchbox {  right: 15px; width: 300px; text-align: right;}
#searchbox p { margin: 0; }
#searchbox .inp-text { width: 150px; } 
#searchbox input { vertical-align: middle; }

/* News */
.news ul { margin: 15px 0; padding: 0; overflow: hidden; }
.news ul li { background: none; margin: 10px 0 10px 0; padding: 0; float: left; width: 100%; }
.news ul li h2 { margin-top: 0; }
.news ul li h2 .name { display: block; }
.news ul li h2 a .name { text-decoration: underline; }
.news ul li h2 img { float: left; padding: 5px; background: #B9C2C8 url("/img/bg-img.png") repeat 0 0; border: 1px solid #9EA8AA; }
.news ul li h2 .name, .news ul li .desc { margin-left: 165px; }
.news ul li .desc { margin-bottom: 0; }
.news ul li.no-img h2 .name, .news ul li.no-img .desc { margin-left: 0; }

/* Gallery */
table.gallery { border-collapse: collapse; text-align: center; border: 0; background: 0; font-size: 100%; }
table.gallery td { vertical-align: middle; padding: 0.9em 0.5em 0.8em; background: #DDE1E4;   border: 0; border-bottom: 1px solid white; border-right: 0; }
table.gallery a { font-size: 92%; }
table.gallery a img { display: block; margin: 0 auto; background: white;}

/* Search */
#search-enh { margin: 15px 0 0 0; padding-bottom: 1px; }
#search-enh #q2 { width: 40%; border: 1px solid #8f8f8f; padding: 2px;}
#search-enh q { quotes: none; font-style: italic; }

/* Search results */
#content .search-results ul { margin: 25px 0 15px 0; padding: 0; clear: both;}
#content .search-results ul li h3 { margin: 0 0 0.5em 0; display: inline; }
#content .search-results .paging { margin-bottom: 20px; }
#content .search-results ul li .desc { margin: 0.7em 0 1.5em 0; }
#content .search-results ul li .item-section { font-size: 92%; text-align: right; display: inline;  padding-left: 12px; margin-left: 12px; border-left: 1px solid #ADADAD; color: #666666;}

#lang-menu { right: 16px; padding: 0;  top: 37px; }
#lang-menu img { display: inline; margin-bottom: 1px; border: 1px solid #F9F9F9; }
#lang-menu ul { display: inline; }
#lang-menu ul li { display: inline; background: transparent none; margin: 0; padding: 0 0 0 0; }

#main-menu { margin-bottom: 30px; padding-bottom: 50px; background: #C4CACF url("/img/bg-menu-ruler.png") repeat-x 0 100%; }
#main-menu ul { padding: 0; margin: 0; list-style-type: none;background: #E2E4E7 url("/img/bg-main-menu.png") repeat-x 0 0;}
#main-menu ul li { padding: 0; margin: 0; background: none; }
#main-menu ul li a { text-decoration: none; display: block; border-top: 1px solid #D4DCE1; border-bottom: 1px solid #9FABB4; padding: 7px 15px 7px 30px; background: transparent url("/img/bullet-main-menu.png") no-repeat 15px 50%; color: #333333; }
#main-menu ul li a.first {  }
#main-menu ul li.active a,
#main-menu ul li a:hover { background-color: #1C417D; color: white; border-top: 1px solid #1C417D; }
#main-menu ul li.active a { font-weight: bold; }
#main-menu ul li.active ul li a { font-weight: normal; }

#main-menu ul li.expanded a { background: #1C417D url("/img/bullet-main-menu.png") no-repeat 15px 50%; color: white; border: 0 !important; }

#main-menu ul li.active a, #main-menu ul li a:hover { background-color: #284D88; }

#main-menu ul li.expanded ul { background: #1C417D }
#main-menu ul li.expanded ul li a { background: #1C417D url("/img/bullet-main-menu.png") no-repeat 25px 50%; padding-left: 40px; font-size: 85%; margin: 0; border-top: 1px solid #688AC0 !important; }

#main-menu ul li.expanded ul li a:hover, #main-menu ul li.expanded ul li.active a { background-color: #284D88; font-weight: normal; }

#col-left { width: 230px; margin: 0; float: left; }
#col-right { width: 720px; margin: 0; float: right; }
#col-left .img { margin: 25px 0;}

/* Prologue */
#prologue { background: #9DA9B2 url("/img/bg-prologue.png") no-repeat 100% 100%; color: #000; padding: 1px 25px 5px 25px; margin-bottom: 20px; }
#prologue h1 { font-size: 165%; font-weight: bold; font-family: Tahoma, Arial, sans-serif; padding: 0; border: none; margin-top: 10px; margin-bottom: 5px; color: #333333; }
#prologue #annot { color: black; }

#breadcrumb { font-size: 85%; padding-top: 8px; margin-bottom: 13px; color: #393E41; }
#breadcrumb p { margin: 0; }
#breadcrumb a { color: white;} 
#breadcrumb .active { font-weight: bold; }

.main-spc { padding: 0 25px 0 25px; margin: 25px 0;}
.col-left-left .main-spc, .pg-home .main-spc { padding-right: 25px; }

.att-images, .att-files, .att-links { margin-top: 15px; margin-bottom: 1.5em;}
.att-images h2, .att-files h2, .att-links h2 { }

.att-images ul { margin: 0 0 12px 0; padding: 0; clear: both; background: #DDE1E4; overflow: hidden; }
.att-images ul li { margin: 12px 0 0 12px; padding: 0; background: none; float: left; width: 152px; text-align: center; }
.att-images ul li img { margin: 0 0 10px 0; padding: 0; border: 1px solid #EEF0F2; }

.content .img img { float: right; padding: 5px; background: #B9C2C8 url("/img/bg-img.png") repeat 0 0; border: 1px solid #9EA8AA; margin: 0 0 15px 15px;}

#product-footer { text-align: right; }
#product-footer a { margin-left: 15px; }

/* Paging */
.paging { float: right; margin-top: 5px;}
.paging p { margin-bottom: 0; }
.paging .prev { margin-right: 10px; }
.paging .next { margin-left: 10px; }

.crossroad3 h2 { margin-bottom: 5px; }
.crossroad3 ul li { width: 30%; float: left; }

/* File icons */
ul.list-files li { background-repeat: no-repeat; background-position: 0 0; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.list-files { list-style: none; margin: 0 0 1em 0; padding: 0; }

.faqlist { clear: left;  }
.faqlist ul { margin: 1em 0; padding: 0; border-bottom: 1px dotted #C4CACF;  }
.faqlist ul li { margin: 0 0 5px 0; padding: 15px 0 0 0; background: 0; border-top: 1px dotted #C4CACF;  }
.faqlist ul li .answer { padding: 0 0 0 20px; background: url("/img/bullet-blue.png") no-repeat 0 0.4em; }

#search-faq { margin-top: 1.5em; }
#search-faq a { color: #E05B00; }
#search-faq #hledej { width: 200px; border: 1px solid #8f8f8f; padding: 2px; }

/* File icons */
.dm {background-image: url("/img/fileico/fico-sm-3dm.gif");}
.ai {background-image: url("/img/fileico/fico-sm-ai.gif");}
.avi {background-image: url("/img/fileico/fico-sm-avi.gif");}
.bmp {background-image: url("/img/fileico/fico-sm-bmp.gif");}
.cdr {background-image: url("/img/fileico/fico-sm-cdr.gif");}
.doc {background-image: url("/img/fileico/fico-sm-doc.gif");}
.dxf {background-image: url("/img/fileico/fico-sm-dxf.gif");}
.exe {background-image: url("/img/fileico/fico-sm-exe.gif");}
.gif {background-image: url("/img/fileico/fico-sm-gif.gif");}
.html {background-image: url("/img/fileico/fico-sm-html.gif");}
.jpg {background-image: url("/img/fileico/fico-sm-jpg.gif");}
.mp3 {background-image: url("/img/fileico/fico-sm-mp3.gif");}
.pdf {background-image: url("/img/fileico/fico-sm-pdf.gif");}
.png {background-image: url("/img/fileico/fico-sm-png.gif");}
.ppt {background-image: url("/img/fileico/fico-sm-ppt.gif");}
.psd {background-image: url("/img/fileico/fico-sm-psd.gif");}
.rtf {background-image: url("/img/fileico/fico-sm-rtf.gif");}
.qt {background-image: url("/img/fileico/fico-sm-qt.gif");}
.ra {background-image: url("/img/fileico/fico-sm-ra.gif");}
.swf {background-image: url("/img/fileico/fico-sm-swf.gif");}
.tif {background-image: url("/img/fileico/fico-sm-tif.gif");}
.txt {background-image: url("/img/fileico/fico-sm-txt.gif");}
.xls {background-image: url("/img/fileico/fico-sm-xls.gif");}
.zip {background-image: url("/img/fileico/fico-sm-zip.gif");}
.unknown {background-image: url("/img/fileico/fico-sm-unknown.gif");}

/* Forms */

/* Contact form */
#contact-form, #insert-faq { clear: both; }
#contact-form form, #insert-faq form { margin: 0 0 1em 0; padding: 1.5em 1.5em 0.5em 1.5em; background: #E9EDF0; }
#contact-form form .inp-text, #contact-form form textarea, #insert-faq form .inp-text, #insert-faq form textarea { border: 1px solid #9DA9B2; width: 98%;}
#contact-form form textarea, #insert-faq form textarea { width: 99%; font-family: Tahoma, Arial, sans-serif; font-size: 100%; }

#contact-form form p, #insert-faq form p { margin-bottom: 0.3em; }

.inp-text { padding: 2px 0;  }

fieldset {border: 0; margin: 0 0 0.5em 0; padding: 0; }
legend {font-weight: bold; font-size: 108%; border: 0; margin: 0 0 0.9em 0; padding: 0; position: relative; display: block; }
.fieldset-box p {margin-bottom: 0.3em; }

/* Widths */
.w-full { width: 100%; }
.w-half { width: 50%; }
.w-third { width: 33%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.col-h-l { width: 48%; float: left; display: inline; }
.col-h-r { width: 48%; float: right; display: inline; }

.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; }
.ok-message { color: #007a00; }
.error { color: red; }