/* -------------------------------------------------------------

   General style sheet for kiga-st-nikolaus-rosenheim.de

   version: 2.2.0
   author: Florian Hamberger
   e-mail: info@fhcb.net
   website: http://www.fhcb.net

   Copyright (c) Florian Hamberger Computerberatung 2005-2008,
   all rights reserved

------------------------------------------------------------- */

/* Structure */
* {
  margin: 0;
  padding: 0;
  font-size: 100.01%;
}

body {
  font-size: 75%;
  font-family: Arial,Helvetica,sans-serif;
  color: #101023;
  background-color: #ECF0BC;
  overflow: auto;
}

body.pers {
  background: #FFFFCC;
}
body.soz {
  background: #CCFFFF;
}
body.lern {
  background: #CCFFCC;
}

#anfang {
  position: absolute;
  top: 0;
  height: 10px;
}

#skip {
  position: absolute;
  width: 25%;
  top: 0;
  margin: 6px;
  text-align: left;
  z-index: 10;
  color: #FFFFFF;
  background: #850048;
}

#service {
  position: absolute;
  width: 100%;
  top: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: right;
  z-index: 9;
  color: #FFFFFF;
  background: #850048;
}

#top {
  height: 180px;
}

#header {
  position:absolute;
  top:0;
  width:100%;
  height:130px;
  overflow:hidden;
  text-align:center;
  margin:0;
  padding: 0;
  margin-top: 25px;
  padding-top: 17px;
  padding-bottom: 0;
  color:#000070 ;
  background:#AAFF80 url(../images/AAFF80.jpg) repeat;
}

div#orientation {
  position: absolute;
  top: 216px;
  text-align: center;
  padding-top: 5px;
  margin-top: 7px;
  height: 25px;
  width: 100%;
  color: inherit;
  background: #AAFF80 url(../images/AAFF80.jpg) repeat;
  border-top: 3px #AAFF80 inset;
  z-index: 15;
}

#mask, #colmask {
  background-color:#ECF0BC;
  background-image: url(../images/feet.gif);
  background-attachment: fixed;
  background-position: 50% 60%;
  background-repeat: repeat-x;
}

#colmask {
  position: relative;
  width: 100%;
  top: 220px;
  padding-bottom: 35px;
  padding-top: 18px;
  color: inherit;
}

#colleft {
  width: 100%;
}

#col1 {
  position: absolute;
  top:50px;
  bottom: 20px;
  left: 0;
  width: 13%;
  padding: 2%;
}

#col2 {
  position: absolute;
  right: 0;
  top:50px;
  bottom: 20px;
  width: 13%;
  padding: 2%;
}

#col3 {
  position: relative;
  width: 62%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 17%;
  padding-right: 17%;
  clear: both;
}

#footer {
  position:relative;
  bottom:0;
  text-align: center;
  font-size:0.9em;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 0;
  width: 99.9%;
  color:inherit;
  background:#AAFF80 url(../images/AAFF80.jpg) repeat;
}

#aktuell {
  position: absolute;
  top: 165px;
  width: 100%;
  height: 42px;
  margin-top: 7px;
  text-align: center;
  color: #FF0000;
  background-color: transparent;
  z-index:100;
  font-size: 1.5em;
}


.image {
  text-align: center;
}

.clear {
  clear: both;
  display: none;
}

.bild{
  color: inherit;
  background-color: #FFFFE5;
}

#body.pers {
  background-color: #FFFFCC;
}
#body.soz {
  background-color: #CCFFFF;
}
#body.lern {
  background-color: #CCFFCC;
}

.index #colmask {
  background-image: none;
}

.index #col3 {
  text-align: center;
}

/* Content */

/* headings */

h1 {
  font-family: cursive; 
  font-size: 1.8em; 
  font-weight: normal; 
  text-align: center; 
  color: #246B00;
  margin: 1.5em;
  margin-top: 1.5em;
}

h2 {
  font-family: cursive; 
  font-size: 1.5em; 
  font-weight: normal; 
  text-align: center; 
  color: #246B00;
  margin: 0.5em;
}

h3 {
  font-family: cursive;
  font-size: 1.3em;
  font-weight: normal;
  text-align: center;
  color: #246B00;
  margin: 0.5em;
}

#navigation h2, #subnav h2, #orientation h2, #skip h2, #service h2, h2.auswahl {
  position: absolute;
  left: -9999px;
}

#haus h1 {
  padding-top: 10px;
}

/* paragraphs */

p {
  margin-bottom: 0.5em;
}

#leitbild p, #haus p, #offen p {
  text-align: center;
}

#col3 p {
  margin-left: 15%;
  margin-right: 15%;
}

p.seitenanfang {
  text-align: center;
}

p.hinweis {
  color: inherit; 
  background-color: #FF9470; 
  padding: 1em;
}

#h3 p.center {
  margin: 0;
  padding: 0;
}

/* text formatting */

strong,b {
  font-weight: bold
}

em,i {
  font-style:italic
}


/* images */

img {
  border: 0;
  margin: 0;
  padding: 0;
}

#header img {
  border: none;
  margin: -8px;
}

#col1 img, #col2 img, #col3 img {
  vertical-align: middle;
}

#footer img {
  vertical-align: middle;
  margin: 0;
}

.image img {
  text-align: center;
}

/* lists */

#col3 ul, #col3 ol, #col3 dl {
  margin-left: 5%;
  margin-right: 5%;
}

ul {
  list-style-image: url(../images/ul.gif);
  padding-left: 7em;
  margin-bottom: 0.5em;
}

ul.map {
  list-style-image: none;
  padding-left: 0;
}

ul.auswahl {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-top: -20px;  
}

dl {
  text-align: left;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 0.5em;
  margin-left: 1em;
}

/* tables */

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.2em;
  text-align: left;
  margin-left: 15%;
  margin-right: 15%;
}

td {
  vertical-align: top;
}

/* links */

a:link {
  color: #850048;
  background-color: transparent;
}

a:hover, a:active {
  text-decoration: none;
}

a:visited {
  color: #66142B;
}

#skip a, #service a {
  color: #FFFFFF;
}

#header a:link, #header a:visited, #header a:hover, #header a:active {
  border: none;
  text-decoration: none;
  background-color: transparent;
  color: #000070;
  display: block;
}

#aktuell a:link, #aktuell a:active {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  background: #F00;
  padding: 10px;
  padding-top: 5px;
}

#aktuell a:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #000070;
}

#aktuell a:visited {
  color: #FFF;
  background: transparent;
}

.seitenanfang a:link, .seitenanfang a:visited {
  color: #FFF;
  text-decoration: none;
  background-color: #850048;
  border: 2px outset #850048;
  padding: 2px 3px;
}

.seitenanfang a:hover {
  background-color: #000070;
  border: 2px outset #000070;
}

a.page {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  color: #850048;
}

a.extern {
  padding-left: 15px;
  background: url(../images/ext.png) left top no-repeat;
}

a.mail {
  padding-left: 20px;
  background: url(../images/mail.png) left center no-repeat;
}

/* other */

hr {
  position: absolute;
  left: -9999px;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.anfa {
  vertical-align: bottom;
  padding: 0;
  margin-bottom: -6px;
}

.anfe {
  vertical-align: top;
  padding: 0;
  margin-top: -15px;
}

.fontbig, .fontnormal, .fontsmall {
  font-weight: bold;
}
.fontbig {
  font-size: 1.2em;
}
.fontnormal {
  font-size: 1.0em;
}
.fontsmall {
  font-size: 0.8em;
}