/**
 * 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(/fileadmin/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(/fileadmin/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(/fileadmin/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(/fileadmin/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(/fileadmin/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(/fileadmin/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;
}
/*--------------------------------------------------
#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;
}