/**
 * Seite: diako.de
 * Datei: screen.css
 * Media: screen
 *
 * Datum: 2009-01
 * Autor: Maria Kabs, Ticcon AG
 *
 * Anpassungen / Erweiterungen / Umbau
 * Datum: ab 2009-09
 * Autor: Niels Weber, Ticcon AG
 *
 ****************************************************************************************************/


/*==================================================
* Importierte Stylesheets
*===================================================*/
@import url("navi-top.css");
@import url("navi-basis.css");
@import url("navi-bct.css");
@import url("navi-main.css");
@import url("navi-sub.css");
@import url("navi-tab.css");
@import url("content.css");
@import url("content_leftcol.css");
@import url("content_rightcol.css");
@import url("sitemap.css");
@import url("search.css");
@import url("form.css");
@import url("table.css");
@import url("footer.css");

@import url("rte_formate.css");

@import url("ext/watchwords.css");
@import url("ext/babyglry.css");
@import url("ext/fotoboek.css");
@import url("ext/news.css");
@import url("ext/mapmo.css");


/*==================================================
* allgemeine Angaben
*===================================================*/
* {
  margin: 0;
  padding: 0;
}
.clear  { clear: both;           }
.hidden { display: none;         }
.error  { color: #990000;        }
.duty   { color: #000066;
          font-size: 1.4em;      }
/*--------------------------------------------------*/
BODY {
  width: 100%;
  background-image: url(../images/bg_container2.gif);
  background-position: top center;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  color: #333333;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  line-height: 1.3em;
  text-align: center;
/*
  Die Schriftgroesse wird z.T. gesteuert von:
  size0.css, size1.css, size2.css
  --------------------------------------------
  font-size: 90%;
*/
}

BODY2 {
  width: 100%;
  background-image: url(../images/container_single.gif);
  background-position: top center;
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  color: #333333;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  line-height: 1.3em;
  text-align: center;
/*
  Die Schriftgroesse wird z.T. gesteuert von:
  size0.css, size1.css, size2.css
  --------------------------------------------
  font-size: 90%;
*/
}
/*--------------------------------------------------*/
A:link, 
A:visited {
  color: #333399;
  text-decoration: none;
}
A:hover{
  text-decoration: underline;
}
A.arrow {
  padding: 0 0 0 10px;
  background-image: url(../images/arrow_blue.gif);
  background-repeat: no-repeat;
  background-position: 0 4px;
}
/*--------------------------------------------------*/
HR {
  width: 100%;
  height: 1px;
  border: none;
  background-color: #FFFFFF;
  color: #FFFFFF;
}
IMG,
FIELDSET        { border: none;  }
FIELDSET LEGEND { display: none; }


/*==================================================
* Seitenaufbau
*===================================================*/
#container {
  width: 1005px;
  height: auto;
  min-height: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  overflow-x: hidden;
  background-image: url(../images/bg_container2.gif);
  background-position: -8px 0;
  background-repeat: repeat-y;
  text-align: left;
}

#container_single {
  width: 1005px;
  height: auto;
  min-height: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  overflow-x: hidden;
  background-image: url(../images/container_single.gif);
  background-position: -8px 0;
  background-repeat: repeat-y;
  text-align: left;
}

/*--------------------------------------------------
* HEADER
*---------------------------------------------------*/
#header {
  width: 1005px;
  height: 110px;
  position: relative;
  border-bottom: 1px solid #FFFFFF;
  background-color: #373FA2;
}
/*--------------------------------------------------*/
#logo {
  width: 200px;
  height: 110px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #FFFFFF;
}
#logo .wrap {
  display: block;
  position: relative;
  top: 15px;
  left: 10px;
}
/*--------------------------------------------------*/
#logo2 {
  width: 200px;
  height: 84px;
  position: absolute;
  top: 26px;
  left: 805px;
  background-image: url(../images/logo2_200x84.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}
/*--------------------------------------------------*/
#rubpic {
  width: 603px;
  height: 84px;
  position: absolute;
  top: 26px;
  left: 201px;
  border-right: 1px solid #FFFFFF;
}

/*--------------------------------------------------
* NAVIGATION
*---------------------------------------------------*/
#navigation {
  width: 1005px;
  height: 25px;
  position: relative;
  border-bottom: 1px solid #FFFFFF;
  background-color: #373FA2;
  color: #FFFFFF;
}
/*--------------------------------------------------*/
#navi-basis {
  width: 603px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  top: -111px;
  left: 201px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-color: #C7CCE2;
  color: #656780;
}
/*--------------------------------------------------*/
#language {
  width: 200px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #FFFFFF;
  background-color: #373FA2;
  color: #FFFFFF;
  text-align: center;
}
#language A {
  display: inline-block;
}
#language IMG {
  padding: 5px 18px 2px 18px;
}
/*--------------------------------------------------*/
#fontsize {
  width: 200px;
  height: 25px;
  position: absolute;
  top: -111px;
  left: 805px;
  border-bottom: 1px solid #FFFFFF;
  background-image: url(../images/bg_logo2_top.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #CDD2E6;
  color: #656780;
  text-align: right;
}
#fontsize A,
#fontsize A:link {
  padding: 0 8px 0 0;
  color: #656780;
  font-size: 17px;
  font-weight: bold;
  line-height: 26px;
}
#fontsize FORM {
  float: left;
}
/*--------------------------------------------------
#search: search.css                                 */
#search {
  width: 200px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 805px;
  background-image: url(../images/bg_search.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #DDDFEC;
  color: #999999;
}
/*--------------------------------------------------
#navi-top: navi-top.css                             */
#navi-top {
  width: 603px;
  height: auto;
  position: absolute;
  top: 111px;
  left: 201px;
  border-right: 1px solid #FFFFFF;
  color: #FFFFFF;
  z-index: 20;
}


/*--------------------------------------------------
* MAIN
*---------------------------------------------------*/
#main {
  width: 1005px;
  height: auto;
  margin: 0;
  padding: 0;
  z-index: 10;
}
/*--------------------------------------------------
#navi-bct: navi-bct.css                             */
#navi-bct {
  width: 601px;
  margin: 0 0 5px 0;
  position: relative;
  left: 2px;
  border-top: 1px solid #E2E4F2;
}
#home #navi-bct { display: none; }
/*--------------------------------------------------
#navi-main: navi-main.css                           */
#navi-main {
  width: 200px;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  float: left;
  line-height: 25px;
}
/*--------------------------------------------------
#navi-sub: navi-sub.css                             */

/*--------------------------------------------------
#content: content.css                               */
#content {
  width: 601px;
  position: relative;
  top: 0;
  left: 0;
  float: left;
  line-height: 1.4em;
  z-index: 10;
}
#home #content {
  top: 180px;
}
/*--------------------------------------------------*/
#content-leftcol,
#content-rightcol {
  width: 180px;
  position: relative;
  left: 10px;
}
/*--------------------------------------------------*/
#marginal {
  width: 200px;
  position: relative;
  top: 0px;
  right: 0;
  float: right;
}
/*--------------------------------------------------
#footer: footer.css                                 */
#footer {
  width: 580px;
  padding: 150px 0 20px 0;
  position: relative;
  top: 0;
  left: 210px;
  clear: both;
  text-align: center;
}
#home #footer {
  padding-top: 250px;
}
/*--------------------------------------------------
#content-footer: footer.css                         */
#content-footer {
  padding: 60px 0 0 0;
  clear: both;
}