/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/
/* --- neutralColorWhite -- White --- */
/* --- neutralColorLight -- Body Primary Color --- */
/* --- neutralColorMedium - Primary Text --- */
/* --- neutralColorStrong - Dark Grey --- */
/* --- neutralColorBlack -- Black --- */
/* --- teaserColor -------- Link Text --- */
/* --- secondColorStrong -- Dark Secondary Color --- */
/* --- secondColorMedium -- Medium Secondary Color --- */
/* --- secondColorLight --- Light Secondary Color --- */
/* --- primColorStrong ---- Dark Primary Color --- */
/* --- primColorMedium ---- Medium Primary Color --- */
/* --- primColorLight ----- Light Primary Color --- */


/****************************************************/
/*    2.  CSS-Modul: LAYOUT (PAGE REGIONS)          */
/****************************************************/
/* -- BODY ----------------------------------------------*/
html, body, #container {
  height: 100%;
}
body > #container {
  height: auto;
  min-height: 100%;
}
body#web {
  width:100%;
  height:100%;
  margin:0;
  border:0;
  padding:0;
  background:#F2F7FB;
  color:#0068AE;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:13px;
  line-height:16px;
}
#container {
  position:relative;
  width:990px;
  min-height: 100%;
  margin:0 auto;
  overflow:auto;
  background: url(http://www.montessori-eichstaett.de/common/HG_klein.gif) 720px bottom no-repeat;
  z-index:50;
}
* html #container {
  overflow:visible;
  height:100%;
}
/* -- TOP HG --------------------------------------------*/
#barTop1 {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:35px;
  margin:0;
  border:0;
  padding:0;
  background-color:#0068AE;
  z-index:10;
}

#barTop2 {
  position:absolute;
  top:35px;
  left:0;
  width:100%;
  height:130px;
  background:#0068AE url(http://www.montessori-eichstaett.de/common/white_trans_80.png) top left repeat;
  z-index:10;
}
* html #barTop2 {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.montessori-eichstaett.de/common/white_trans_80.png', sizingMethod='scale');
}
#barTop2.start {
  height:220px;
}
#barTop3 {
  position:absolute;
  left:0;
  top:165px;
  width:100%;
  height:10px;
  background:#0068AE url(http://www.montessori-eichstaett.de/common/white_trans_60.png) top left repeat;
  z-index:10;
}
* html #barTop3 {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.montessori-eichstaett.de/common/white_trans_60.png', sizingMethod='scale');
}
#barTop3.start {
  top:255px;
}

#big {
  position:relative;
  width:455px;
  height:549px;
  margin-top:-580px;
  border:0;
  padding:0;
  background: url(http://www.montessori-eichstaett.de/common/HG_gross.gif) top right no-repeat;
  z-index:0;
}

/* -- TOP -----------------------------------------------*/
#top {
  position:relative;
  float:left;
  width:990px;
  height:255px;
  padding:0;
}
#headerS {
  position:relative;
  float:left;
  width:990px;
  height:255px;
  padding:0;
  background: url(http://www.montessori-eichstaett.de/common/header_overlay.png) top left no-repeat;
  z-index:50;
}
* html #headerS {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.montessori-eichstaett.de/common/header_overlay_ie.png', sizingMethod='crop');
}
#header {
  position:relative;
  float:left;
  width:990px;
  height:200px;
  padding:0;
}

#logo {
  position:absolute;
  top:55px;
  left:20px;
  width:270px;
  height:95px;
}
* html #logo {
  background-image:none !important;
}
#headerIMG {
  position:absolute;
  top:7px;
  right:10px;
  width:259px;
  height:190px;
}
* html #headerIMG {
  background-image:none !important;
}
/* -- MIDDLE --------------------------------------------*/
#middle {
  position:relative;
  float:left;
  width:970px;
  padding:15px 10px 70px 10px;
}
#left {
  position:relative;
  float:left;
  width:190px;
  min-height:100px;
  padding:29px 20px 0 0; 
}
#content {
  position:relative;
  float:left;
  width:564px;
  margin:0px;
  padding:0 20px 0 0;
  border:0;
  overflow:hidden;
}
#contentW {
  position:relative;
  float:left;
  width:970px;
  margin:0px;
  padding:10px 0;
  border:0;
  overflow:hidden;
}
#sidebar {
  position:relative;
  float:left;
  width:175px;
  margin:0px;
  padding:25px 0 0 0;
  overflow:hidden;
}

/* -- BOTTOM --------------------------------------------*/
#barBottom1 {
  position:relative;
  width:100%;
  height:50px;
  margin-top: -50px;
  padding:0;
  border:0;
  background:#0068AE url(http://www.montessori-eichstaett.de/common/white_trans_60.png) top left repeat;
  z-index:400;
}
* html #barBottom1 {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.montessori-eichstaett.de/common/white_trans_60.png', sizingMethod='scale');
}
#barBottom2 {
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  height:40px;
  background:#0068AE;
  z-index:500;
}
#bottom {
  position:relative;
  width:990px;
  height: 40px;
  margin:0 auto;
  background:transparent;
}
#footer {
  position:relative;
  width:970px;
  height:40px;
  margin:0;
  padding:0 10px;
  background:transparent;
  color:#FFFFFF;
}
#copyright {
  float:left;
  width:500px;
}
#copyright span {
  float:left;
  display:block;
  margin:0;
  padding:12px 0 0 0;
  color:#FFFFFF;
}
#footerRight {
  float:right;
  width:300px;
  height:26px;
  margin:0;
  padding:7px 0 0 0;
}

/*-- FLOATING ---------------*/
.clearing {
  clear:both;
  height:0;
  border:0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
img.imgNoborder {
  border:0px;
}
/****************************************************/
/*    3.  CSS-Modul: LAYOUT (PAGE ELEMENTS)         */
/****************************************************/

/* -- SITEMAP --------------------------------------*/
td.sitemapTitle0 {
  background-color:#ddd;
  border-right:1px solid #444;
}
td.sitemapTitle1 {
  background-color:#ddd;
  border-right: solid 1px #000;
}
a.sitemapTitle0:link, a.sitemapTitle0:visited ,
a.sitemapTitle0:hover, a.sitemapTitle0:active {
  font-weight:bold;
  color:#444;
  text-decoration:none;
}

a.sitemapTitle1:link, a.sitemapTitle1:visited,
a.sitemapTitle1:hover, a.sitemapTitle1:active {
  font-weight:bold;
  color:#000;
  text-decoration:none;
}

a.sitemapElement0:link, a.sitemapElement0:visited,
a.sitemapElement0:hover, a.sitemapElement0:active {
  color:#444;
  text-decoration:none;
  font-size:12px !important;font-size:small;
}

a.sitemapElement1:link, a.sitemapElement1:visited,
a.sitemapElement1:hover, a.sitemapElement1:active {
  color:#000;
  font-weight:bold;
  text-decoration:none;
  font-size:12px !important;font-size:small;
}

/* -- SEARCH ---------------------------------------*/

/* -- (Input) -- */
#search {
  float:right;
  width:220px;
  height:26px;
  margin:0:
  padding:0;
  background:transparent url(http://www.montessori-eichstaett.de/common/search_HG.png) top left no-repeat; 
}
* html #search {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.montessori-eichstaett.de/common/search_HG.png', sizingMethod='crop');
}
.searchLabel, .searchLabel, .searchElement, .searchText {
  font-size:10px;
}
#search form {
  margin:0;
  border:0;
  padding:0;
}
#search input#raw {
  position:relative;
  float:left;
  width:173px;
  height:16px;
  margin:0;
  border:0;
  padding:5px 5px 0 10px;
  background:transparent;
  color:#0068AE;
}
#search input#btnSearch {
  position:relative;
  float:right;
  width:30px;
  height:26px;
  margin:0;
  border:0;
  padding:0;
  background:transparent url(http://www.montessori-eichstaett.de/common/search_icon.gif) 2px 2px no-repeat;
  cursor:pointer;
}

/* -- (Results) -- */

#searchresults {
  width:100%;
  padding:10px 0;
}
.searchNav {
  display:block;
  width:100%;
}
.searchNav b {
  display:inline;
  padding:0 10px 0 0;
}
.searchNav a, .searchNav a:link, searchNav a:visited {
  display:inline;
  padding:0 10px 0 0;
}
.searchNav a u, .searchNav a:link u, searchNav a:visited u {
  text-decoration:none;
}
/* -- NEWS -----------------------------------------*/


/* -- FORM -----------------------------------------*/
.form {
  color:#000;
  border:1px solid #666;
  padding:1px;
  margin:0;
  font-size:10px !important; font-size: xx-small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:x-small;
}
html>.form {
  font-size:x-small;
} 
	
.form-button {
  color:#000;
  background-color:#fff;
  border:1px solid #666;
  font-weight:bold;
  padding-left:1px;
  padding-right:1px;
  margin:0;
  font-size:10px !important; font-size: xx-small;
}

/****************************************************/
/*    4.  CSS-Modul: NAVIGATION                     */
/****************************************************/

/* -- CHANNEL MENU ---------------------------------*/
#menu {
  position:absolute;
  top:54px;
  right:279px;
  width:100px;
  padding:0;
  background:transparent;
  overflow: hidden;
}
#menu ul {
  position:relative;
  float: left;
  width:100%;
  margin: 0;
  padding: 0;
}
#menu ul li {
  position:relative;
  float: right;
  height:30px;
  margin: 0;
  padding: 0 0 3px 0;
  list-style-type: none;
  z-index:50;
}
#menu ul li.nav2 {
  padding-right:10px;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
  display:block;
  float:left;
  height:20px;
  margin: 0;
  padding:5px 0 5px 19px;
  color: #0068AE;
  text-decoration: none;
}
#menu ul li a.current, #menu ul li a.current:link, #menu ul li a.current:visited,
#menu ul li a:hover, #menu ul li a:active {
  background-image:url(http://www.montessori-eichstaett.de/common/icon_sprite.gif);
  background-repeat:no-repeat;
  text-decoration:none;
}
#menu ul li.nav1 a.current, #menu ul li.nav1 a.current:link, #menu ul li.nav1 a.current:visited {
  background-position:left 7px;
}
#menu ul li.nav1 a:hover, #menu ul li.nav1 a:active {
  background-position:left -113px;
}
#menu ul li.nav2 a.current, #menu ul li.nav2 a.current:link, #menu ul li.nav2 a.current:visited {
  background-position:left -33px;
}
#menu ul li.nav2 a:hover, #menu ul li.nav2 a:active {
  background-position:left -153px;
}
#menu ul li.nav3 a.current, #menu ul li.nav3 a.current:link, #menu ul li.nav3 a.current:visited {
  background-position:left -73px;
}
#menu ul li.nav3 a:hover, #menu ul li.nav3 a:active {
  background-position:left -193px;
}

/* -- MACRONAVIGATION ------------------------------*/
#macronav {
  position:relative;
  float:left;
  width:190px;
  margin:0 0 20px 0;
  padding:0;
  background:transparent;
  overflow:hidden;
}
#macronav ul {
  position:relative;
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  overflow:hidden;
}
#macronav ul li {
  position:relative;
  float:left;
  width:190px;
  margin:0;
  border-top:1px solid #E95F47;
  background:transparent;
  list-style:none;
  overflow:hidden;
}
body#web #macronav ul li:first-child {
  border-top:0;
}
#macronav ul li a, #macronav ul li a:link, #macronav ul li a:visited {
  position:relative;
  display:block;
  width:170px;
  padding:10px 0 10px 20px;
  color:#0068AE;
  font-weight:normal;
  text-decoration:none;
  overflow:hidden;
}
#macronav ul li a.active, #macronav ul li a.active:link, #macronav ul li a.active:visited,
#macronav ul li a.current, #macronav ul li a.current:link, #macronav ul li a.current:visited,
#macronav ul li a:hover, #macronav ul li a:active {
  background-image:url(http://www.montessori-eichstaett.de/common/icon_sprite.gif);
  background-repeat:no-repeat;
  text-decoration:none;
}
#macronav ul li a.active, #macronav ul li a.active:link, #macronav ul li a.active:visited,
#macronav ul li a:hover, #macronav ul li a:active {
  background-position:left -267px;
}
#macronav ul li a.current, #macronav ul li a.current:link, #macronav ul li a.current:visited {
  background-position:left -227px;
}


/* -- level 2 -- */
#macronav li li {
  border:0 !important;
}
#macronav li li a, #macronav li li a:link, #macronav li li a:visited {
  width:160px;
  padding:0 0 5px 30px;
  background:transparent url(http://www.montessori-eichstaett.de/common/line_blue.gif) 20px 8px no-repeat;
}
#macronav ul li li a.active, #macronav ul li li a.active:link, #macronav ul li li a.active:visited,
#macronav ul li li a.current, #macronav ul li li a.current:link, #macronav ul li li a.current:visited,
#macronav ul li li a:hover, #macronav ul li li a:active {
  background:transparent url(http://www.montessori-eichstaett.de/common/line_blue.gif) 20px 8px no-repeat;
  text-decoration:underline;
}
/* -- level 3 -- */

#macronav li li li a, #macronav li li li a:link, #macronav li li li a:visited {
  width:145px;
  padding:0 0 5px 45px;
  background:transparent url(http://www.montessori-eichstaett.de/common/line_blue.gif) 35px 8px no-repeat;
}
#macronav ul li li li a.active, #macronav ul li li li a.active:link, #macronav ul li li li a.active:visited,
#macronav ul li li li a.current, #macronav ul li li li a.current:link, #macronav ul li li li a.current:visited,
#macronav ul li li li a:hover, #macronav ul li li li a:active {
  background:transparent url(http://www.montessori-eichstaett.de/common/line_blue.gif) 35px 8px no-repeat;
  text-decoration:underline;
}
/* -- MICRONAVIGATION ------------------------------*/
#micronav {
  position:absolute;
  top:180px;
  left:216px;
  width:522px;
  height:12px;
  padding:0;
  font-size:10px;
  color:#0068AE;
  background:transparent;
}

#micronav a, #micronav a:link, #micronav a:visited {
  padding:0 5px;
  color:#0068AE;
  font-weight:normal;
  text-decoration:none;
}
#micronav a:hover, #micronav a:active {
  color:#0068AE;
  font-weight:normal;
  text-decoration:none;
}
#micronav span {
  padding:0 5px;
  font-size:10px;
  color:#0068AE;
}

/* -- METANAVIGATION -------------------------------*/
#metanav {
  position:absolute;
  top:9px;
  left:10px;
  width:320px;
  height:18px;
  background-color:#0068AE;
  color:#FFFFFF;
  z-index:1000;
}
#metanav a, #metanav a:link, #metanav a:visited {
  position:relative;
  display:inline;
  height:18px;
  margin:0;
  padding:0 20px 0 0;
  border:0;
  text-decoration:none;
  color:#FFFFFF;
  z-index:1000;
}
#metanav a:hover, #metanav a:active {
  text-decoration:underline;
  z-index:1000;
}

/* -- INDEX ----------------------------------------*/
#index {
  float:left;
  width:100%;
  padding:20px 0 0 0;
}
.index {position:relative; display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #0068AE;padding:0 0 10px 0;}

.index1 {float:left; width:100%; padding:5px 0;}

.index1 a, 
.index1 a:link, 
.index1 a:visited {float:left; width:557px; margin:3px 0 3px 2px; padding:0 0 0 5px; color:#0068AE; text-decoration:none;}

.index1 a span.title, 
.index1 a:link span.title, 
.index1 a:visited span.title {display:block; width:100%; padding:0 0 2px 0; font-weight:bold; cursor:pointer;}

.index1 a span.desc, 
.index1 a:link span.desc, 
.index1 a:visited span.desc {display:block; width:100%; padding:0; cursor:pointer;}

.index1 a:hover, 
.index1 a:active {margin:3px 0; border-left:2px solid #0068AE; text-decoration:none;}


/* -- Dreispaltig mit Bild -- */
.index3 {
  float:left;
  width:100%;
  padding:0 0 12px 0;
}
.index3 .i1, .index3 .i2 {
  float:left;
  width:176px;
  margin:0 18px 0 0;
  overflow:hidden;
}
.index3 .i3 {
  float:left;
  width:176px;
  padding:0;
  overflow:hidden;
}
.index3 a, .index3 a:link, .index3 a:visited {
  display:block;
  width:162px;
  height:113px;
  margin:0;
  padding:7px 7px 2px;
  background:transparent url(http://www.montessori-eichstaett.de/common/index_HG.png) top center no-repeat;
  text-decoration:none;
  cursor:pointer;
}
* html .index3 a, * html .index3 a:link, * html .index3 a:visited {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.montessori-eichstaett.de/common/index_HG.png', sizingMethod='crop');
}
.index3 a span.title, .index3 a:link span.title, .index3 a:visited span.title {
  display:block;
  width:162px;
  height:32px;
  padding:75px 0 0 0;
  color:#0068AE;
  cursor:pointer;
  overflow:hidden;
  text-decoration:none;
}
.index3 a:hover, .index3 a:active {
  padding-bottom:0;
  border-bottom:2px solid #0068AE;
  text-decoration:none;
}

#indexS {
  position:relative;
  float:left;
  width:961px;
  height:270px;
  padding:35px 0 0 9px;
  overflow:hidden;
}
#indexS .start {
  position:relative;
  float:left;
  position:relative;
  width:264px;
  height:267px;
  padding:0 0 0 40px;
}
#indexS .start a, #indexS .start a:link, #indexS .start a:visited {
  position:relative;
  display:inline;
  float:left;
  width:244px;
  height:244px;
  border-bottom:3px solid #F2F7FB;
  padding:10px;
  text-decoration:none;
  overflow:hidden;
}

#indexS .start a.s1, #indexS .start a.s2:link, #indexS .start a.s3:visited {
  background:#CCE1EF url(http://www.montessori-eichstaett.de/common/verein_start_index.gif) bottom left no-repeat;
}
#indexS .start a.s2, #indexS .start a.s2:link, #indexS .start a.s3:visited {
  background:#FEF1CC url(http://www.montessori-eichstaett.de/common/kinderhaus_start_index.gif) bottom left no-repeat;
}
#indexS .start a.s3, #indexS .start a.s3:link, #indexS .start a.s3:visited {
  background:#FBDFDA url(http://www.montessori-eichstaett.de/common/schule_start_index.gif) bottom left no-repeat;
}
#indexS .start a.s1:hover, #indexS .start a.s1:active {
  border-bottom:3px solid #0068AE;
}
#indexS .start a.s2:hover, #indexS .start a.s2:active {
  border-bottom:3px solid #FABA00;
}
#indexS .start a.s3:hover, #indexS .start a.s3:active {
  border-bottom:3px solid #E95F47;
}
#indexS .start a span.image, #indexS .start a:link span.image, #indexS .start a:visited span.image {
  display:block;
  width:244px;
  height:95px;
  padding:0 0 15px 0;
  overflow:hidden;
  text-decoration:none;
  cursor:pointer;
}
#indexS .start a span.desc, #indexS .start a:link span.desc, #indexS .start a:visited span.desc {
  display:block;
  width:244px;
  height:134px;
  padding:0;
  overflow:hidden;
  text-decoration:none;
  cursor:pointer;
}
#indexS .start a:hover, #indexS .start a:active {
  text-decoration:none;
}

/****************************************************/
/*    5.  CSS-Modul: TEXT                           */
/****************************************************/

/* -- STANDARD -------------------------------------*/
h2, h3, h4, h5 {
  font-weight:bold;
  color:#0068AE;
}

.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  color:#0068AE;
}
h1 {
  font-size:16px;
  line-height:19px;
  margin:0;
  padding:5px 0 10px;
  color:#0068AE;
  text-transform:uppercase;
}

h2 {
  margin:0;
  padding:5px 0;
  font-size:16px;
  line-height:19px;
}
h3 {
  margin:0;
  padding:5px 0;
  font-size:13px;
  line-height:16px;
  color:#0068AE;
}
h4 {
  margin:0;
  padding:5px 0;
  font-size:13px;
  line-height:16px; 
}

p {
  margin:0;
  padding:5px 0;
}
ol {
  margin:0;
  padding:5px 0 5px 40px;
}
ul {
  margin:0;
  padding:5px 0 5px 40px;
  list-style-type:disc;
}
 li {
  padding-bottom:5px;
}
p.caption {
  font-style:italic;
  padding-top:0px;
  margin-top:0px;
}
p.emphasis {
  display:block;
  background:#E6F0F7;
  border-top:1px solid #0068AE;
  border-bottom:1px solid #0068AE;
  margin:5px 20px;
  padding:8px;
  line-height:16px;
}
p.description {
  line-height:16px;
  font-weight:bold;
  color:#0068AE;
}
p.creator {
}
p.small {
  font-size:10px;
}
p.smalltext {
  font-size:10px !important; font-size: xx-small;
}
a, a:link, a:visited {
  color:#00314F;
  text-decoration:none;
}
a:hover, a:active {
  color:#00314F;
  text-decoration:underline;
}

/* -- ZMS FORMAT (Text Formats) --------------------*/
.textblock_left2col {
  float:left;
  width:200px;
}
.textblock_right2col {
  float:left;
  width:200px;
}
.textblock_spacer {
  display:block;
  clear:both;
}

/****************************************************/
/*    6.  CSS-Modul: ZMS-DEFAULTS                   */
/****************************************************/

/* -- ZMS TABLES -----------------------------------*/
table.ZMSTable {
  border-top:1px solid #0068AE;
  border-left:1px solid #0068AE;
  background:#F2F7FB;
}
table.ZMSTable caption {
  padding:5px;
}

table.ZMSTable th { 
  border-bottom:1px solid #0068AE;
  border-right:1px solid #0068AE;
  background:#E6F0F7;
}	

table.ZMSTable td { 
  border-bottom:1px solid #0068AE;
  border-right:1px solid #0068AE;
}
table.ZMSTable tr.even td { 
  background:#E6F0F7;
}
table.ZMSTable td p {
  margin:0;
  padding:5px;
}

/* -- ZMS GRAPHIC ----------------------------------*/
div.ZMSGraphic {
  background:transparent; 
  margin-bottom:15px;
}
div.ZMSGraphic.left {
  margin-top:5px;
  text-align:left;
}
div.ZMSGraphic.right {
  margin-top:5px;
  text-align:right;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.ZMSGraphic.floatleft {
  float:left;
  margin-right:15px;
}
div.ZMSGraphic.floatright {
  float:right;
  margin-left:15px;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.graphic {
  position:relative;
  background:transparent;
  padding:3px 0 0 0;
}

div.graphic a:hover, div.graphic a:active {
  border:0;
}
div.graphic img {
  border:0;
}
div.graphic.alignleft {
  float:left;
  margin:0 15px 0 0;
  text-align:right;
}
div.graphic.alignright {
  float:right;
  text-align:right;
  margin:0 0 0 15px;
}
div.ZMSGraphic div.text {
  padding:0;
}
div.ZMSGraphic div.text p {
  margin:5px 0;
  padding:0;
  font-size:12px;
  line-height:15px;
}
div.graphic a.zoom, div.graphic a.zoom:link, div.graphic a.zoom:visited {
  position:relative;
  display:inline-block;
  border:0;
}
div.graphic a.zoom span.zoom, div.graphic a.zoom:link span.zoom, div.graphic a.zoom:visited span.zoom {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  background:transparent url(http://www.montessori-eichstaett.de/common/zoom.png) bottom right no-repeat;
}
* html div.graphic a.zoom span.zoom, * html div.graphic a.zoom:link span.zoom, * html div.graphic a.zoom:visited span.zoom {
  background:transparent url(http://www.montessori-eichstaett.de/common/zoom_ie.gif) bottom right no-repeat;
}
/* -- ZMS FILE -------------------------------------*/
div.ZMSFile {
  padding:5px 0;
  font-size:12px;
  line-height:15px;
}
div.ZMSFile div.title a, div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, div.ZMSFile div.title {
  font-weight:bold;
}
div.ZMSFile div.description {
  padding-left:21px;
}
div#teaser div.ZMSFile {
  padding:0;
}
div#teaser div.ZMSFile div.title a, div#teaser div.ZMSFile div.title a:link, div#teaser div.ZMSFile div.title a:visited, div#teaser div.ZMSFile div.title {
  padding-bottom:5px;
}
div#teaser div.ZMSFile div.description {
  padding-left:0;
}
/* -- ZMS TEASER -----------------------------------*/
div#teaser {
  float:left;
  width:175px;
  background:none;
}
div.ZMSTeaserContainer {
  display:none;
}
div.ZMSTeaserElement {
  width:165px;
  margin:0 0 20px 0;
  padding:5px;
  background:#0068AE url(http://www.montessori-eichstaett.de/common/white_trans_80.png) top left repeat;
  font-size:12px;
  line-height:15px;
}
* html div.ZMSTeaserElement {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.montessori-eichstaett.de/common/white_trans_80.png', sizingMethod='scale');
}

div.ZMSTeaserElement img.title {
  border:none;
}
div.ZMSTeaserElement div.graphic {
  display:block;
  width:165px;
  padding:0 0 5px 0;
  overflow:hidden;
}
div.ZMSTeaserElement div.title {
  display:block;
  width:165px;
  padding:0 0 5px 0;
  font-weight:bold;
  text-decoration:none;
  color:#0068AE;
}
div.ZMSTeaserElement div.title a, div.ZMSTeaserElement div.title a:link, div.ZMSTeaserElement div.title a:visited {
  width:100%;
  font-weight:bold;
  text-decoration:none;
}
div.ZMSTeaserElement div.title a:hover, div.ZMSTeaserElement div.title a:active {
  text-decoration:underline;
}
div.ZMSTeaserElement div.text {
  display:block;
  width:165px;
  margin:0;
  padding:0;
  font-weight:normal;
  color:#0068AE;
}
div.ZMSTeaserElement div.text a, div.ZMSTeaserElement div.text a:link, div.ZMSTeaserElement div.text a:visited {
  font-weight:normal;
}

/* -- ZMS LINK -------------------------------------*/
div#pageelement_Links {
  width:180px;
}
div.ZMSLinkElement {
  background-color: transparent;
  padding:2px;
}
div.ZMSLinkElement div.title {
  font-weight:bold;
  color:black;
  font-size:12px !important; font-size: small;
  margin:10px 0px 0px 0px;
}

div.ZMSLinkElement div.text {
}

div.ZMSLinkElement div.text ul {
  margin-top:5px;
  margin-left:-10px !important; margin-left: 20px;
}
li.LinkElementExternal {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementInternalClient {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementMailto {
  list-style-image:url(common/mail_link.gif);
}

/****************************************************/
/*    7.  CSS-Modul: SPECIAL OBJECTS                */
/****************************************************/
/* -- TERMINE --------------------------------------*/
.event {
  position:relative;
  display:inline-block;
  padding:0 0 10px 0;
}
div.ZMSTeaserElement .event {
  padding:5px 0;
}
/* -- CONTACT FORM ---------------------------------*/
div#kontaktFormular {
  float:left;
  width:610px;
  margin:0;
  padding:10px 0;
  color:#0068AE;
}
div#kontaktFormular div {
  display:block;
  float:left;
  width:610px;
  padding:8px 0;
  margin:0;
}
div#kontaktFormular div.checkbox {
  width:403px;
  padding:8px 0 8px 207px;
}
div#kontaktFormular label {
  float:left;
  width:200px;
  margin:0;
  padding:0 10px 0 0;
  color:#0068AE;
  font-size:13px;
  text-align:right;
}
div#kontaktFormular label.checkbox {
  width:190px;
  text-align:left;
}
div#kontaktFormular label.labelLong{
  width:403px;
  text-align:left;
}
div#kontaktFormular label.required {
  font-weight:bold;
}
div#kontaktFormular input {
  float:left;
  width:294px;
  height:16px;
  margin:2px 0px;
  border:1px solid #EBD5A5;
  padding:2px 5px;
  background:#FFFFFF;
  font-size:12px;
}
div#kontaktFormular input.checkbox {
  float:left;
  width:13px;
  height:13px;
  margin:3px 6px 3px 3px;
  border:0;
  padding:2px 5px;
  font-size:12px;
}
div#kontaktFormular select {
  float:left;
  width:306px;
  height:20px;
  margin:2px 0px;
  border:1px solid #EBD5A5;
  background:#FFFFFF;
  color:#0068AE;
}
div#kontaktFormular textarea {
  float:left;
  width:300px;
  margin:3px 0px;
  border:1px solid #EBD5A5;
  padding:2px;
  background:#FFFFFF;
  font-size:12px;
}
div#kontaktFormular .btn {
  float:left;
  width:71px;
  height:21px;
  margin:3px 3px 10px 210px;
  border:1px solid #EBD5A5;
  padding:2px 0;
  background:#FFFFFF;
  font-size:11px;
  color:#0068AE;
  text-align:center;
  vertical-align:middle;
}
div#kontaktFormular .line {
  float:left;
  width:610px;
  height:5px;
  margin:20px 0px 10px 0px;
  border-bottom:1px solid #EBD5A5;
}
div#kontaktDanke, div#kontaktFehler {
  float:left;
  width:370px;
  margin:10px 0;
  border-top:1px solid #EBD5A5;
  border-bottom:1px solid #EBD5A5;
  padding:15px;
  color:#0068AE;
  font-weight:bold;
}

/* -- google maps -- */
#map {
  float:left;
  margin:0 10px 0 0;
}
/* so the big map is centered in IE6 */
* html #map {
  margin:0 5px 0 0;
}
.noBdr {border:0;}

/****************************************************/
/*    8.  CSS-Modul: PRINT                          */
/****************************************************/

body.print table.ZMSTable th, 
body.print table.ZMSTable td { 
  background-color:transparent; 
}

/****************************************************/
/*    9.  ZMI Management Interface                  */
/****************************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size:15px;
  line-height:19px;
} 
body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:15px;
} 

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

body.print { 
  background-color:#fff; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSLinkContainer {
  background-color: #EEEEEE;
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSLinkElement {
  background-color: #EEEEEE;
  padding: 2px;
}

div.ZMSLinkElement div.title a:link,
div.ZMSLinkElement div.title a:visited,
div.ZMSLinkElement div.title {
  font-weight:bold;
  font-size:x-small;
  text-decoration:none;
  color:black;
}

div.ZMSLinkElement div.text {
  font-size:xx-small;
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 

div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color:#E6F0F7;
  color:#0068AE;
  font-weight: bold;
  border:none; 
}