/***************************************************************************
 *
 * file:   screen.css
 *
 * descr.: Default CSS Design file for screen-like devices
 *
 * Copyright (C) 2005 by SISS.biz, Schmidt und Kueting GbR
 * info@siss.biz
 *
 **************************************************************************/


/***************************************************************************
 * Defaults
 **************************************************************************/
body {
   margin: 0px;
   padding: 0px;
   width: 100%;
   font-family: "Verdana", Arial, Geneva, sans-serif;
   font-size: 14px;
   color: #003;
   background: #EBF0F9;
}

div, h1, h2, h3, h4, h5, h6, p, ul, li {
   margin: 0px;
   padding: 0px;
}

ul {
   list-style-type: none;
}


/***************************************************************************
 * Container
 **************************************************************************/
#id-container {
   width: 756px;
   margin: 0px auto;
   border-left: 2px solid #fff;
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
}


/***************************************************************************
 * Header
 **************************************************************************/
#id-line {
   width: 100%;
   height: 62px;
   background: transparent url(/img/white.gif) repeat-x bottom left;
}

#id-header1 {
   width: 756px;
   height: 62px;
   margin: 0px auto;
   border-left: 2px solid #fff;
   border-right: 2px solid #fff;
}

body.de #id-header1 { background: url(/img/de/header1.jpg) no-repeat top right; }
body.en #id-header1 { background: url(/img/en/header1.jpg) no-repeat top right; }
body.fr #id-header1 { background: url(/img/fr/header1.jpg) no-repeat top right; }
body.ru #id-header1 { background: url(/img/ru/header1.jpg) no-repeat top right; }
body.pl #id-header1 { background: url(/img/pl/header1.jpg) no-repeat top right; }

#id-header2 {
   width: 756px;
   height: 148px;
   margin: 0px auto;
}

body.de #id-header2 { background: url(/img/de/header2.jpg) no-repeat top left; }
body.en #id-header2 { background: url(/img/en/header2.jpg) no-repeat top left; }
body.fr #id-header2 { background: url(/img/fr/header2.jpg) no-repeat top left; }
body.ru #id-header2 { background: url(/img/ru/header2.jpg) no-repeat top left; }
body.pl #id-header2 { background: url(/img/pl/header2.jpg) no-repeat top left; }


/***************************************************************************
 * Quick Menu
 **************************************************************************/
#id-qmenu {
   width: 756px;
   height: 29px;
}

body.de #id-qmenu { background: url(/img/de/header3.jpg) no-repeat top left; }
body.en #id-qmenu { background: url(/img/en/header3.jpg) no-repeat top left; }
body.fr #id-qmenu { background: url(/img/fr/header3.jpg) no-repeat top left; }
body.ru #id-qmenu { background: url(/img/ru/header3.jpg) no-repeat top left; }
body.pl #id-qmenu { background: url(/img/pl/header3.jpg) no-repeat top left; }

#id-qmenu p {
   text-align: right;
   font-size: 14px;
   padding: 5px 12px;
}

#id-qmenu a {
   color: #003;
   text-decoration: none;
   border-bottom: 1px dotted #003;
}

#id-qmenu a:hover {
   color: #003;
   text-decoration: underline;
   border-bottom: 0px;
}

#id-header4 {
   width: 198px;
   height: 41px;
}

body.de #id-header4 { background: url(/img/de/header4.jpg) no-repeat top left; }
body.en #id-header4 { background: url(/img/en/header4.jpg) no-repeat top left; }
body.fr #id-header4 { background: url(/img/fr/header4.jpg) no-repeat top left; }
body.ru #id-header4 { background: url(/img/ru/header4.jpg) no-repeat top left; }
body.pl #id-header4 { background: url(/img/pl/header4.jpg) no-repeat top left; }


/***************************************************************************
 * Language selection
 **************************************************************************/
#id-language {
   width: 198px;
   height: 19px;
   float: left;
   border-top: 2px solid #fff;
   border-bottom: 2px solid #fff;
   background: #fff;
}

#id-language h4 {
   position: absolute;
   left: -10000px;
}

#id-language li {
   display: block;
   float: left;
}

#id-language a,
#id-language div {
   display: block;
   width: 36px;
   height: 17px;
   overflow: hidden;
   margin-right: 2px;
   border: 1px solid #000;
}

#id-language li.last a,
#id-language li.last div {
   margin-right: 0px;
}

#id-language span {
   position: absolute;
   left: -10000px;
}

#id-language .cl-lang-de { background: url(/img/fl_de.gif) no-repeat top left; }
#id-language .cl-lang-en { background: url(/img/fl_uk.gif) no-repeat top left; }
#id-language .cl-lang-fr { background: url(/img/fl_fr.gif) no-repeat top left; }
#id-language .cl-lang-pl { background: url(/img/fl_pl.gif) no-repeat top left; }
#id-language .cl-lang-ru { background: url(/img/fl_ru.gif) no-repeat top left; }

#id-language .cl-lang-de-g { background: url(/img/fl_de_g.gif) no-repeat top left; }
#id-language .cl-lang-en-g { background: url(/img/fl_uk_g.gif) no-repeat top left; }
#id-language .cl-lang-fr-g { background: url(/img/fl_fr_g.gif) no-repeat top left; }
#id-language .cl-lang-pl-g { background: url(/img/fl_pl_g.gif) no-repeat top left; }
#id-language .cl-lang-ru-g { background: url(/img/fl_ru_g.gif) no-repeat top left; }


/***************************************************************************
 * Copyright
 **************************************************************************/
#id-copyright {
   width: 756px;
   position: absolute;
   top: 46px;
   margin-left: 2px;
   font-size: 11px;
}


/***************************************************************************
 * Hide title and info box text
 **************************************************************************/
#id-title,
#id-infobox {
   position: absolute;
   left: -10000px;
}


/***************************************************************************
 * Menu Frame
 **************************************************************************/
#id-menu-frame {
   width: 198px;
   float: left;
   border-right: 2px solid #fff;
}

#id-menu {
   font-size: 12px;
   background: #EBF0F9;
}

#id-menu div.cl-menuitem {
   margin-top: 22px;
   border-bottom: 2px solid #fff;
   border-top: 2px solid #fff;
}

#id-menu div.cl-menuitem-last {
   margin-top: 22px;
   border-top: 2px solid #fff;
}

#id-menu h4 {
   display: inline;
   font-size: 18px;
   font-weight: normal;
   background: #EBF0F9;
   position: relative;
   left: 14px;
   top: -13px;
   padding: 0px 4px 0px 4px;
}

#id-menu ul {
   position: relative;
   left: 8px;
   top: -10px;
}

#id-menu li {
   margin-top: 2px;
   margin-bottom: 2px;
}

#id-menu a {
   font-size: 14px;
   color: #003;
   text-decoration: none;
}

#id-menu a:hover {
   text-decoration: underline;
}


/***************************************************************************
 * Footer
 **************************************************************************/
#id-footer {
   width: 756px;
   margin: 0px auto;
}

#id-footer p {
   font-size: 12px;
   margin-top: 4px;
}

#id-footer a {
   color: #003;
   text-decoration: none;
   border-bottom: 1px dotted #003;
}

#id-footer a:hover {
   border-bottom: 1px solid #003;
}

#id-footer a.secret {
   color: #D9DEE6;
   border: 0px;
}

#id-verify {
   float: left;
}

#id-footmenu {
   float: right;
}


/***************************************************************************
 * Content Frame
 **************************************************************************/
#id-content-frame {
   width: 756px;
}

#id-content-frame br.break {
   clear: both;
}

#id-content {
   width: 556px;
   float: left;
   border-top: 2px solid #fff;
   border-left: 2px solid #fff;
   margin-left: -2px;
}

/***************************************************************************
 * Content
 **************************************************************************/
#id-content h1 {
   font-size: 20px;
   letter-spacing: 0.1em;
   font-weight: bold;
   background: url(/img/hlbg.gif) repeat-y;
   padding: 4px 8px;
   margin-bottom: 0.6em;
   border-bottom: 2px solid #fff;
}

#id-content h2 {
   font-size: 18px;
   font-weight: normal;
   font-style: italic;
   margin-top: 0.6em;
   margin-left: 8px;
   margin-right: 8px;
}

#id-content h3 {
   font-size: 14px;
   font-weight: bold;
   margin-top: 1.2em;
   margin-left: 8px;
   margin-right: 8px;
}

#id-content p {
   margin-bottom: 1em;
   margin-left: 8px;
   margin-right: 8px;
}

#id-content ul {
   list-style-type: square;
   list-style-position: outside;
   margin-bottom: 1em;
   margin-left: 18px;
   margin-right: 4px;
}

#id-content li {
   margin: 0.1em 0.1em 0.2em 2em;
}

#id-content a {
   color: #003;
   text-decoration: none;
   padding: 0px;
   border-bottom: 1px dotted #003;
}

#id-content a:hover {
   border-bottom: 1px solid #003;
   text-decoration: none;
}

#id-content h3 a,
#id-content h3 a:hover {
   border: 0px;
   text-decoration: none;
}


/***************************************************************************
 * Bilder
 **************************************************************************/
#id-content div.img {
   margin: 6px;
   float: right;
}

#id-content div.img img {
   border: 1px solid #000;
}

#id-content div.img p {
   width: 240px;
   font-size: 11px;
   font-style: italic;
   margin: 0px 0px 0px 4px;
}

/***************************************************************************
 * Downloads
 **************************************************************************/
#id-content ul.downloads {
   margin-top: 12px;
   margin-bottom: 24px;
}

#id-content ul.downloads li {
   list-style-image:url(/img/pdf.gif);
   list-style-position:inside;
}


/***************************************************************************
 * Intro Box
 **************************************************************************/
#id-content div.intro img {
   float: right;
}

#id-content div.intro h2 {
   font-size: 18px;
   font-weight: bold;
}

#id-content div.intro ul {
   list-style-type: none;
   margin-left: 24px;
   margin-top: 2em;
   margin-bottom: 6em;
}

#id-content div.intro a {
   font-size: 16px;
}

#id-content div.intro li.intro-sec-1 {
   list-style-image: url(/img/ybox.gif);
}
#id-content div.intro li.intro-sec-2 {
   list-style-image: url(/img/rbox.gif);
}
#id-content div.intro li.intro-sec-3 {
   list-style-image: url(/img/bbox.gif);
}

#id-content ul.intro-sec-1 {
   margin-left: 24px;
   list-style-image: url(/img/ybox.gif);
}
#id-content ul.intro-sec-2 {
   margin-left: 24px;
   list-style-image: url(/img/rbox.gif);
}
#id-content ul.intro-sec-3 {
   margin-left: 24px;
   list-style-image: url(/img/bbox.gif);
}


/***************************************************************************
 * Content: Table
 **************************************************************************/
#id-content table.centered {
   width: 90%;
   margin: 0em auto 1em auto;
}

#id-content table.centered th {
   text-align: left;
   border-bottom: 1px solid #003;
}

#id-content table.centered td {
   padding: 1px 8px 1px 8px;
}

#id-content table.centered td.nb {
   white-space: nowrap;
}

#id-content p.box {
   margin: 1.6em auto;
   padding: 4px;
   width: 200px;
   font-weight: bold;
   border: 1px solid #003;
}


/***************************************************************************
 * Content: Formular
 **************************************************************************/
#id-content form table {
   border-collapse: separate;
   width: 100%;
}

#id-content form td.label {
   width: 200px;
}

#id-content form td {
   margin: 2px 2px 1em 2px;
}


/***************************************************************************
 * Sections
 **************************************************************************/
#id-content p.section {
   margin-top: 6px;
   margin-left: 24px;
}

#id-content table.section {
   margin-top: 6px;
   margin-left: 24px;
}


/***************************************************************************
 * Contact form
 **************************************************************************/
#id-contact-form {
   margin-top: 12px;
   margin-left: 8px;
}

#id-contact-form p {
   margin: 12px 0px 0px 0px;
}

#id-contact-form p.error {
   color: #900;
   font-weight: bold;
}

#id-content p.error {
   margin: 0px 0px 0px 8px;
   color: #900;
   font-weight: bold;
}


/***************************************************************************
 * Anschrift
 **************************************************************************/
div.anschrift {
   width: 260px;
   height: 160px;
   margin: 12px auto;
   background: url(/img/anschrift.gif) no-repeat;
}

div.anschrift span {
   position: absolute;
   left: -10000px;
}


/***************************************************************************
 * Adobe
 **************************************************************************/
#id-content a.adobe {
   display: block;
   text-decoration: none;
   border: 0px;
   width: 88px;
   height: 31px;
   margin: 12px auto;
   background: url(/img/getacro.gif) no-repeat bottom left;
}

#id-content a.adobe span {
   position: absolute;
   left: -10000px;
}