* {margin:0px; padding:0px; border:0px;}

body {
  font-family:arial;
  font-size:11px;
  color:#414a53;
  
  background-color:#5480a8;
  background-image:url('images/waldorfschule_itzehoe_hintergrund.jpg');
  background-repeat:repeat-x;
}

/* -- html elements -- */

td {
  font-size:11px;
}

h1 {
  font-size:16px;
  margin-bottom:10px;
}

h2 {
  display:block;
  margin-bottom:10px; 
  padding:3px;
  width:75%;
  overflow:auto;
  
  font-size:11px;
  font-weight:bold;
  
  background-color:#e2e6ea;
}

ul {

}

li {
  margin-left:20px;
}

input[type=text], input[type=password] {border:1px solid #e0e0e0;}

/* -- navigation links -- */

a {
  color:#414a53;
}

a.topic_navigation {
  padding-right:10px;

  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  text-transform:uppercase;
}

a.topic_navigation:hover {
  text-decoration:underline;
}

a.main_navigation, a.main_navigation_active {
  display:block;
  padding-left:25px;
  
  color:#414a53;
  text-decoration:none;
  text-transform:uppercase;
  
  background-image:url('images/navigation_bullet.jpg');
  background-repeat:no-repeat;
  background-position:15px 4px;  
}

a.main_navigation_active {
  font-weight:bold;
}

a.main_navigation:hover, a.main_navigation_active:hover {
  text-decoration:underline;
}

a.sub_navigation, a.sub_navigation_active {
  display:block;
  padding-left:40px;
  
  color:#414a53;
  text-decoration:none;
  text-transform:uppercase;
  
  background-image:url('images/navigation_bullet.jpg');
  background-repeat:no-repeat;
  background-position:30px 4px;  
}

a.sub_navigation_active {
  font-weight:bold;
}

a.sub_navigation:hover, a.sub_navigation_active:hover {
  text-decoration:underline;
}


/* -- content elements -- */

div#content {
  padding:50px 15px;
}

div#right_content {
  padding:5px;
}


div.right_content_headline {
  padding:5px;
  font-weight:bold;
  margin-bottom:20px;
}

div#contact_address {
  position:absolute;
  bottom:30px;
  left:20px;
  
}

/* -- layout elements -- */

div#outer {
  position:relative;
  
  overflow:auto;
  
  margin:20px auto;
  padding:1px 1px 0px 1px;
  width:872px;

  background-image:url('images/hintergrund_innen.jpg');
  background-repeat:repeat-y;
  background-position:1px 1px;  
  background-color:#ffffff;
    
}

div#header {
  overflow:auto;
  padding-top:20px;
  
  background-color:#ffffff;
}

div#header_image {
  float:right;
  width:675px;
  height:199px;
  border-top:1px solid #00294f;  
}

div#header_logo {
  margin-right:675px;
  height:199px;
  border-top:1px solid #00294f;  
}

div#navigation {
  height:25px;
  background-color:#00294f;
}

div#topic_navigation {
  float:right;
  padding-top:5px; padding-bottom:5px;
  width:675px;
  
  text-align:right;
  vertical-align:middle;
  
  background-color:#414a53;
}

div#main_navigation {
  margin-top:75px;
  margin-bottom:100px;
}

div#inner {
  overflow:auto;
  
  background-image:url('images/hintergrund_links_und_rechts.jpg');
  background-repeat:no-repeat;
}

div#left {
  float:left;
  width:197px;  
}

div#inner_right {
  overflow:auto;

  padding-top:5px; padding-bottom:5px;
  margin-left:197px;
  
  background-image:url('images/hintergrund_rechts.jpg');
  background-repeat:no-repeat; 
  background-color:#ffffff;   
}

div#right {
  float:right;
  width:175px;
}

div#center {
  margin-right:175px; margin-left:197px;
  min-height:430px;height:expression(this.scrollHeight > 430 ? "auto":"430px");  
  
  border-right:1px solid #8a9dae; 
}

div#footer {
  height:10px;
  background-color:#414a53;
  border-bottom:1px solid #ffffff;
}