@import url("/css/grundelemente.css");
@import url("/css/navigation.css");
@import url("/css/lightbox.css");


/*farbcodes kuettigen.ch
------------------------------------------
--------------------------------------------

#f4edd7 = cremefarbe-gelb hintergrund
#f7e61e = helles, grelles gelb
#ef9d0b = dunkleres gelb

#206db9 = blau fuer links
#0d355e = hover-blau
------------------------------------------
------------------------------------------ */


body {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 0.75em;
line-height: 1.55em;
color: #000;
margin: 0px 0px 10px 0px;
padding: 0;
text-align: center;
background-color: #f4edd7;
}

#accesskeys {
position: absolute;
top: -400px; 
}

/* container, head
------------------------------------------
------------------------------------------*/

#wrapper {
margin: auto;
text-align: center;
background-image: url(/pictures/bg_wrapper.gif);
background-repeat: repeat-y;
background-position: center top;
width: 1000px;
}

#container {
background-image: url(/pictures/bg_container.gif);
background-repeat: no-repeat;
background-position: center top;
width: 1000px;
}

#container-inner {
width: 976px;
margin: auto;
text-align: left;
}

#head,
#head-schule  {
background-position: top-left;
background-repeat: no-repeat;
width: 780px;
text-align: right;
height: 136px;
}

#head {
background-image: url(/pictures/bg_head_wasserfluh.jpg);
}
#head-schule {
background-image: url(/pictures/bg_head_schule.jpg);
}


img#logo {
margin: 50px 0px 0px 0px;
}


/* banner links
------------------------------------------
------------------------------------------*/

#banner {
width: 120px;
margin: 0px 0px 0px 15px;
}

#banner img{
margin: 18px 0px 0px 0px;
}


/* content
------------------------------------------
------------------------------------------*/

#content {
width: 584px;
margin: 15px 0px 25px 195px;
padding: 10px 0px 0px 0px;
text-align: left;
}

#content ul {
list-style-type: none;
margin: 0px 0px 20px 8px;
padding: 0;
line-height: 1.45em;
}

#content ul li {
margin: 0;
padding: 0 0 0 12px;
background-image: url(/pictures/list-style-image.gif);
background-repeat: no-repeat;
background-position: 0 6px;
}



/* rechte spalte:  -------------------------

 - quicklinks
 - navigationstools
 - news, events
------------------------------------------
------------------------------------------*/

#right {
text-align: left;
float: right;
width: 158px;
margin: -107px 0px 0px 0px;
}

#right a {
text-decoration: none;
font-weight: bold;
color: #000;
}

#right h2{
font-size: 1.4em;
}


/* quicklinks
------------------------------------------
------------------------------------------*/

#quicklinks ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#quicklinks ul li a {
border-bottom: 1px solid #ef9d0b;
border-top: 1px solid #fff;
display: block;
padding: 4px 0px 2px 15px;
-padding: 3px 0px 3px 15px;
line-height: 19px;
height: 19px;
background-color: #f7e61e;
}

#quicklinks ul li a:hover,
#quicklinks ul li.active a {
color: #000;
background-color: #ef9d0b;
background-image: url(/pictures/bg_quicklinks_hover.jpg);
background-repeat: repeat-x;
}

/* navigationstools
------------------------------------------
------------------------------------------*/

ul#accessibility {
margin: 0;
padding: 0;
list-style-type: none;
}

ul#accessibility li {
display: inline;
}

ul#accessibility a {
font-size: 11px;
padding: 0px 12px 5px 0px;
display: block;
float: left;
}

#volltextsuche {
margin: 33px 0px 30px 15px;
padding: 0;
}

#volltextsuche button {
position: absolute;
background-color: transparent;
text-indent: -5000px;
background-image: url(/pictures/icon_search.gif);
background-repeat: no-repeat;
width: 15px;
height: 15px;
border-style: none;
cursor: pointer; }

#volltextsuche #suche {
font-size: 0.8em;
color: #000;
background-image: url(/pictures/search_bg.gif);
background-repeat: no-repeat;
width: 95px;
margin: 0px 9px 0px 0px;
padding: 4px;
border: solid 1px #575757;
}

#volltextsuche #suche:hover,
#volltextsuche #suche:focus {
border: solid 1px #000;
color: #000;
}

/* news, events
------------------------------------------
------------------------------------------*/

#news-rechts {
margin: 0px 0px 0px 1px;
}

#news-rechts table td{
padding: 0px 0px 0px 10px;
}

#news-rechts a.topnews {
font-size: 11px;
color: #206db9;
}

#news-rechts a.topnews:hover {
color: #0d355e;
}

#veranstaltungen {
margin: 25px 0px 0px 1px;
}

#veranstaltungen #topevents {
margin: 0px 0px 10px 10px;
font-size: 11px;
font-weight: bold;
}

#veranstaltungen #topevents a {
color: #206db9;
}


#veranstaltungen #topevents a:hover {
color: #0d355e;
}

#veranstaltungen #topevents .datum {
font-weight: normal
}

/* html #topevents {
width: 143px;
overflow-x: hidden;
}*/

#news-rechts h2 a,
#veranstaltungen h2 a {
display: block;
padding: 3px 0px 3px 10px;
background-color: #f7e61e;
font-size: 0.85em;
font-weight: normal;
}

#news-rechts h2 a:hover,
#veranstaltungen h2 a:hover {
background-color: #F5D81A;
background-repeat: repeat-x;
background-position: top;
}

/* footer
------------------------------------------
------------------------------------------*/

#footer {
background-image: url(/pictures/bg_footer.gif);
background-repeat: no-repeat;
background-position: bottom;
height: 33px;
width: 1000px;
margin: auto;
text-align: left;
clear: both;
}

ul#nav-bottom {
list-style-type: none;
margin: 0px 0px 0px 195px;
padding: 0;
}

ul#nav-bottom li {
display: inline;
padding: 0;
margin: 0;
}

ul#nav-bottom a {
font-size: 0.95em;
padding: 0px 11px 0px 11px;
text-decoration: none;
color: #5F5F5F;
border-right: 1px solid #5F5F5F;
}

ul#nav-bottom a.impressum {
border-right: none;
}

ul#nav-bottom a:hover {
background-color: transparent;
color: #000;}


/* diverses
------------------------------------------
------------------------------------------*/

.invis {display: none}
.break {clear: both}

p.created {
width: 160px;
font-size: 11px;
color: #5F5F5F;
padding: 0;
margin: 10px 0px 0px 0px;
}
.created a,
.created a:link {
color: #5F5F5F !important;
font-size: 11px;
text-decoration: none;
}


/* startseite schule
------------------------------------------
------------------------------------------*/

#flashcontent {
text-align: center;
height: 265px;
}

#flashcontent.gemeinde {
margin: 55px 0px 0px 58px;
text-align: left;
height: auto;
}