/* ===[ RESET ]============================================================ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* ===[ BASIC ELEMENTS ]=================================================== */

html {background:#f0e3ca;}
body {
    font:75% Verdana,"Bitstream Vera Sans",sans-serif;
    line-height:1.45em;
    border-top:20px solid #5ec5ed;
    min-width:980px;
    background:#f0e3ca;
}
a {color:#f29400;}
a:focus, a:hover {color:#f29400; text-decoration:underline;}
strong {font-weight:bold;}
em {font-style:italic;}
sup, sub {line-height:0; font-size:smaller;}
sup {vertical-align:super;}
sub {vertical-align:sub;}

/* ===[ PAGE STRUCTURE ]=================================================== */
/* position and colors of the main components on the site. */

#mainNav {
    width:250px;
    position:absolute;
    left:0;
}

div.article {
    margin:0 0 1.5em 250px;
    width:720px;
}
div.article .header, div.article .section {}

/* ===[ HELPERS ]==================================================== */

.hidden {visibility:hidden; height:0;}
.spacer {display:block; height:1em;}

/* ===[ PAGE ELEMENTS ]==================================================== */

/* headers */
div.header {background:#f8f0e3;}
#teaser {
    padding: 0;
    margin: 0;
    line-height: 0;
    /*background:#00aace;*/
}

body.home #teaser {
    padding-top:0;
}
#teaser img {
    display: inline;
}

/* breadcrumbs */
.breadCrumbs {
    display:block;
    position:relative;
    width: 495px;
    background: #f8f0e3;
    margin-top:-40px;
    overflow:auto;
    padding:.5em 0 2em 10px;
    color:#666;
    font-size:.9em;
}
.breadCrumbs a {
    color: #666;
    text-decoration: none;
}
.breadCrumbs a:focus, .breadCrumbs a:hover {
    color: #f29400;
    text-decoration: underline;
}
.breadCrumbs .home {
    font-weight: bold;
    text-transform: uppercase;
    background: transparent;
    padding-left: 0;
}

/* sections */
div.section{
    padding:1em 1.5em 2em 1.5em;
    background:#f8f0e3;
    position:relative;
    overflow:auto;
}
/* css hack ie6: doesn't display text-with-image */
* html div.section {position: static;}

div.section h1 {
    font-size:1.5em;
    font-weight:bold;
    color: #f29400;
    padding:.4em 0 0 0;
}
div.section h2, div.section h2 a {
    font-size: 1.3em;
    color: #00aace;
    text-decoration: none;
    padding-top: 1em;
    padding-bottom: .5em;
}
div.section ul li {
    margin-left:1.4em;
    padding-left:.4em;
    list-style: disc;
}
div.section ol li {
    margin-left:2em;
    list-style: decimal;
}
div.section p, div.section ul, div.section ol {
    margin:.5em 0;
}

/* newsflash section */
div.newsSection {
    background: #e1d7cb;
    padding:0;
    border: 1em solid #e1d7cb;
    border-left: 0;
    border-right: 0;
    padding-left:5px;
    overflow:hidden;
    font-size:1em;
}

div.newsSection table {
    background:#e1d7cb;
    width: 710px;
    border:0;
    margin:0;
}
div.newsSection td {
    width:240px;
    border: 10px solid #e1d7cb;
    border-spacing:10px;
    border-top: 0;
    border-bottom: 0;
    background: #fff;
    border-collapse: collapse;
    padding:0;
    padding-bottom: 10px;
    margin:0;
}
div.newsSection td * {
    padding: 0 10px;
}
div.newsSection h2 {
    font-size:1em;
}

div.newsSection img, 
div.newsSection a, 
div.newsSection p *, 
div.newsSection ul *, 
div.newsSection ol *, 
div.newsSection div * {
    padding: 0;
    margin:0;
}
div.newsSection h2 {
    padding-top: 10px;
}
div.newsSection h2 a {
    color: #00aace;
    text-decoration: none;
}
div.newsSection td.action {
    border-bottom: 1px solid #f29400;
    text-align: right;
    padding: 0;
}
div.newsSection td.action a {
    background: #f29400;
    color: #fff;
    text-decoration: none;
    padding: .3em;
}
div.newsSection .info {
    color: #00aace;
    text-decoration: none;
    font-size:.9em;
    margin:0;
}

div.logoSection, div.infoSection {
    margin-top: .6em;
}
div.logoSection {
    padding:0;
    background: #fff;
}
div.logoSection table {width:100%;}
div.logoSection th, td {
    border:0;
    padding:1em 1.5em .5em 1.5em;
}
div.logoSection th {
    font-weight: normal;
    text-align: left;
}

div.logoSection a {text-decoration:none;}

div.logoSectoin img {
    display:inline;
}

div.infoSection {
    font-size:.9em;
    background: #5ec5ed;
    color: #fff;
    padding:.5em 0;
    width:720px;
}

div.infoSection p {
    padding:1.5em;
    margin:0;
}

div.infoSection a {
    color:#fff;
    text-transform:uppercase;
}

div.infoSection .logos {
    background:transparent;
    padding:0 1.5em;
    float:right;
    text-align:right;
}

/* all types of menus */
.menu {
    padding: 1.5em;
}

/* list based menus */
ul.menu {}
ul.menu li, ul.menu a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    display: block;
}
ul.menu a:focus, ul.menu a:hover {
    color: #00aace;
    font-weight: bold;
}
ul.menu li ul {
    border-top: 1px solid #000;
    margin: .3em 0 1em 0;
    padding-top: .3em;
}
ul.menu ul a {
    font-weight: normal;
    padding-left: 1em;
}
ul.menu ul a:focus, ul.menu ul a:hover, ul.menu ul li.menuitem_selected a {
    background: transparent url(arrow-left.gif) no-repeat 0 4px;
    color: #00aace;
    font-weight: bold;
}
ul.menu ul li.menuitem_selected li a {
    background:transparent;
    font-weight:normal;
    color:#000;
}
ul.menu li.menuitem_selected li a:focus, ul.menu li.menuitem_selected li a:hover {
    background: transparent url(arrow-left.gif) no-repeat 0 4px;
    color: #00aace;
    font-weight: bold;
}
ul.menu ul ul {
    border: 0;
    padding-top: 0;
    margin: 0;
}
ul.menu ul li {
    border: 0;
    padding-top: 0;
    padding-left: 1em;
    margin: 0;
}

/* definition list based menus */
dl.menu {}
dl.menu dt {}
dl.menu dd {}

/* free form menus */
div.menu {}


/* Blog Posts */

div.blogPost {
    padding-bottom:3em;
}

div.blogPost h2 {
    margin:0;
    padding: 0;
    padding-left: 25px;
    background: url(sternchen.gif) no-repeat 0 0;
}
div.blogPost h2 a {
    margin: 0;
    padding: 0;
    text-decoration:none;
}

div.blogPost .info, div.blogPost .info a {
    color: #00aace;
}
div.blogPost div {
    padding:0;
}
div.blogPost div h2 {
    color: #000;
    padding: .5em 0 0 0;
    background: transparent;
}
div.blogPost .info {margin:.5em 0 .5em 0;}
div.blogPost .actions {
    border-top: 1px solid #f29400;
    display: block;
    padding: 0;
    margin: 0;
    text-align:right;
}
div.blogPost .actions li {
    float:right;
    padding:.3em 1em .3em 16px;
    background:#f29400 url(sternchen_white.gif) no-repeat 3px 5px;
    font-size: .9em;
    display: block;
    margin:0;
}
/*div.blogPost .actions li:before {
    color:#fff;
    content:"★  ";
}*/
div.blogPost .actions a {
    color: #fff;
    text-decoration:none;
}

/* General settings for item lists */
div.section ul.items {overflow:hidden; position:static; display:block; padding:0; width:100%;}
ul.items li.item {list-style:none;}
ul.items li.item, ul.items li.item * {margin:0; padding:0; border:0;}

ul.items li.item .preview {float: left; padding: 0; margin: 5px 5px 5px 5px; text-align:center;}
ul.items li.item .preview a {text-decoration: none; border: 0;}
ul.items li.item h1,
ul.items li.item .info,
ul.items li.item .description,
ul.items li.item .actions {text-align: left; margin-right: 1em;}
ul.items li.item h1,
ul.items li.item h1 a,
ul.items li.item .info,
ul.items li.item .info a {color: #00aace;}
ul.items li.item .info {font-size:.9em;font-style:italic;margin:0;}
ul.items li.item .info li{display:inline;margin:0;padding:0;padding-right:.1em;}
ul.items li.item li.tags {display:block;}
ul.items li.item .actions {text-align:right;padding-right:.2em;position:relative;}
ul.items li.item .actions * {display:inline;}
ul.items li.item .actions input {margin:0 2px;}

ul.items li.album, 
ul.items li.gallery {
    margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #f29400;
    overflow:hidden; position: relative; display: block; width: 100%; list-style: none;
}

ul.items li.image {display:block; float:left; margin:3px;}
ul.items li.image .preview {float:none; margin:0; padding:0; text-align:center; overflow:hidden;}
ul.items li.image img {display:block;}

/* Tags */
div.section h1.availableTags_title {color:#000; background:#fff; padding:.4em .4em 0 .4em; margin:0;}
div.section ul.selectedTags li {display:inline; margin:0; padding:0 1em 0 16px; background:transparent url(sternchen_orange.gif) no-repeat;}
div.section ul.cloud {background:#fff; padding:.7em; margin-top:0;}
div.section ul.cloud li {
    position:static;
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
    margin:0;
}
ul.cloud li a {
    margin:0; padding:0;
    text-decoration:none;
    color: #00aace;
}
ul.cloud li a:hover, ul.cloud li a:focus {
    text-decoration:underline;
}
.tag1 {font-size:.8em;}
.tag2 {font-size:.9em;}
.tag3 {font-size:1em;}
.tag4 {font-size:1.1em;}
.tag5 {font-size:1.2em;}
.tag6 {font-size:1.3em;}
.tag7 {font-size:1.4em;}
.tag8 {font-size:1.5em;}
.tag9 {font-size:1.6em;}

/* Paginator */
div ul.paginator {width:100%; padding:0; position:relative; overflow:hidden;}
div ul.paginator li {display:block; text-align:left; margin:0; padding:1px; float:left; padding:.5em 1em .5em 1em;}
div ul.paginator li.jump, div ul.paginator li.page {padding-right:.3em; padding-left:.3em;}
div ul.paginator span {padding:0; margin:0; display:inline;}
div ul.paginator li.jump {margin:1px}
div ul.paginator a {text-decoration:none; color:#00aace; padding:0; margin:0; display:inline;}
div ul.paginator a:hover {color:#000;}

div ul.paginator li.first span,
div ul.paginator li.previous span,
div ul.paginator li.next span,
div ul.paginator li.last span {display:none;}
div ul.paginator li.first,
div ul.paginator li.previous,
div ul.paginator li.next,
div ul.paginator li.last {padding:.2em 0 0 0;}
div ul.paginator li.first a{display:block;width:24px; height:24px; background:url(../icons/first.gif) no-repeat;}
div ul.paginator li.previous a{display:block; width:24px; height:24px; background:url(../icons/previous.gif) no-repeat;}
div ul.paginator li.next a{display:block; width:24px; height:24px; background:url(../icons/next.gif) no-repeat;}
div ul.paginator li.last a{display:block; width:24px; height:24px; background:url(../icons/last.gif) no-repeat;}

/* ===[ OVERRIDES ]======================================================== */

#mainNav h1 {
    background: #fff;
}

/* Form Fields */
#form_tell_friend_field_website {display:none;}

/* Admin Panel */
#adminpanel{background:#e3004f;margin:0;padding:.5em 0;position:fixed;z-index:5000;top:0;left:0;right:0;width:100%;color:#fff;}
#adminpanel h1{text-transform:uppercase;float:left;font-size:1.5em;padding:0 .5em;}
#adminpanel p{float:left;margin:0 2em;}
#adminpanel ul{overflow:auto;}
#adminpanel li{float:right;padding:0 1em;}
#adminpanel a{color:#fff;background:#202020;text-decoration:none;padding:.1em .3em;}
#adminpanel a:focus{background:#fff;color:#000;}
#adminpanel a:hover{background:#fff;color:#000;}

/* Text With Image */
/*
div.text-with-image ul.images,
div.text-with-image ul.images * {padding:0;margin:0;font-size:.9em;}
div.text-with-image ul.images li {list-style:none; overflow:auto;}
div.text-with-image ul.images div {display:inline; float:left; padding:5px 0; margin-top:1em;}
div.text-with-image ul.images p {padding:5px; width:auto;}

div.twi-image-inline-left .images img,
div.twi-image-top-left .images img {padding:0 10px 10px 0;}
div.twi-image-bottom-left .images img {padding:10px 10px 0 0;}

div.twi-image-top-centered .images img {padding:0 5px 10px 5px;}
div.twi-image-bottom-centered .images img {padding:10px 5px 0 5px;}

div.twi-image-inline-right .images img,
div.twi-image-top-right .images img {padding:0 0 10px 10px;}
div.twi-image-bottom-right .images img {padding:10px 0 0 10px;}

div.twi-image-inline-left .images {float: left; width: auto;}
div.twi-image-inline-right .images {float: right; width: auto;}

div.twi-image-top-left ul.images div.image,
div.twi-image-top-centered ul.images div.image,
div.twi-image-top-right ul.images div.image,
div.twi-image-bottom-left ul.images div.image,
div.twi-image-bottom-centered ul.images div.image,
div.twi-image-bottom-right ul.images div.image {
    display:table-cell;float:none;overflow:auto; padding:0;
}
* html div.twi-image-top-left ul.images div.image,
* html div.twi-image-top-centered ul.images div.image,
* html div.twi-image-top-right ul.images div.image,
* html div.twi-image-bottom-left ul.images div.image,
* html div.twi-image-bottom-centered ul.images div.image,
* html div.twi-image-bottom-right ul.images div.image {
    display:inline;float:none;overflow:auto; padding:0;
}
div.twi-image-top-left .images, 
div.twi-image-bottom-left .images, {display:table; width:100%; text-align:left;}
div.twi-image-top-centered .images,
div.twi-image-bottom-centered .images {display:table; width:100%; text-align:center;}
div.twi-image-top-right .images,
div.twi-image-bottom-right .images {display:table; width:100%; text-align:right;}

div.twi-image-bottom-left .images {text-align: left; width:auto;}
div.twi-image-bottom-centered .images * {text-align: center; width:auto; display:inline;}
div.twi-image-bottom-right .images {text-align: right;}
div.twi-image-bottom-right .images .image {text-align: right;}
*/

div.text-with-image {padding:0 0 1em 0;}
div.text-with-image ul.images {margin:0; padding:0; margin-top:0;}
div.text-with-image ul.images li{list-style:none;margin:0;padding:0;}
div.text-with-image ul.images p{font-size:.9em;line-height:1.2em;margin:0;}
div.text-with-image ul.images a {text-decoration:none;}
div.text-with-image ul.images a:hover,
div.text-with-image ul.images a:focus {text-decoration:underline;}

div.twi-image-inline-left ul.images {float:left;}
div.twi-image-inline-left ul.images div.image {float:left; padding:0 10px 10px 0;}
div.twi-image-inline-right ul.images {overflow:auto; float:right;}
div.twi-image-inline-right ul.images div.image {float:left; padding:0 0 10px 10px;}

div.twi-image-top-left ul.images,
div.twi-image-top-right ul.images,
div.twi-image-bottom-left ul.images,
div.twi-image-bottom-right ul.images {overflow:hidden; width:100%;}

div.twi-image-top-left ul.images div.image,
div.twi-image-bottom-left ul.images div.image {display:inline; float:left; padding:0; padding-right:10px;}

div.twi-image-top-right ul.images div.image,
div.twi-image-bottom-right ul.images div.image {display:inline; float:right; padding:0; padding-left:10px;}

div.twi-image-top-centered ul.images,
div.twi-image-bottom-centered ul.images {width:100%; text-align:center; display:block;}
div.twi-image-top-centered ul.images li,
div.twi-image-bottom-centered ul.images li {display:-moz-inline-box; display:inline-block;}
* html div.twi-image-top-centered ul.images li,
* html div.twi-image-bottom-centered ul.images li {display:inline;}
div.twi-image-bottom-centered ul.images li {zoom:1;}
div.twi-image-top-centered ul.images div.image,
div.twi-image-bottom-centered ul.images div.image {float:left;padding:5px;}
div.twi-image-top-centered ul.images p,
div.twi-image-bottom-centered ul.images p {text-align:left;}

div.section div.twi-image-bottom-left .images li {width: 100%; overflow: hidden; position: relative; padding-bottom: 15px;}

div.twi-clearer {clear:both; padding:0; height:1px;}


/* last minute changes, thanks to all testers */

/*
.newsSection .text-with-image h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.newsSection h2.newsTitle {
  font-size: 1em;
}
.blogPost .text-with-image {
  padding: 0 !important;
  margin: 0 !important;
}
.blogPost .text-with-image p {
  padding-top: 0 !important;
  margin: 0 !important;
}*/

#email-link {
 position: absolute;
  top: 50px;
  left: 760px;
  display: block;
  width: 200px;
  height: 20px;
  z-index: 199;
}
#email-link a {
  display: block;
  width: 200px;
  height: 20px;
  line-height: 20px;
  text-decoration: none;
}
.home #email-link {
  top: 160px;
  left: 760px;
}


/* Tell-A-Friend link on the startpage */
#kinderuni-tellAFriend {
    display:block;
    position:absolute; 
    top:195px; left:867px;
}
* html #kinderuni-tellAFriend {top:175px;}
#kinderuni-tellAFriend * {
    padding:0; margin:0;
    text-decoration:none;
    z-index:200;
}

#c_6791, #c_6794, #c_6799, #c_6804, #c_6802, #c_6869 {
    background: #fff; padding: 15px 10px; margin-bottom: 10px;
    color: #000; font-weight: normal;
}

#c_6791 h2, #c_6794 h2, #c_6799 h2, #c_6804 h2, #c_6802 h2, #c_6869 h2 {
    color: #000; font-weight: normal; font-size: 1.2em; margin-bottom: 10px;
}

#c_6764 ul.images {
    background: #fff; margin-bottom: 10px;
}
#c_6764 ul.images div {padding-top: 15px; padding-bottom: 15px; padding-left: 10px;}