html {
margin: 0;
padding: 0;
}

body {
background-color: #E4F2F0;
color: #000;
font-family: Arial, sans-serif;
font-size: 80%;
text-align: center; /* fuer IE */
margin: 0;
padding: 0;
height:100%;
}

/*
Einfuehrung eines alles umschliessenden Containers (#seite);
Bestimmung einer Breite ;
*/
#seite {
position: relative;
padding: 0;
margin: 0px auto;
margin-top: 10px;
width: 98%;
background: #fff url(../_images/hg_seite.gif);
background-repeat: repeat-y;
border: 1px solid #18887A;
text-align: left;
}

#bottom {
margin-top: 1em;
padding-bottom: 1em;
font-size: 95%;
}


#bottom li {
 margin: 0;
 padding: 0;
 list-style: none;
 display: inline;
}

#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active, #bottom a:focus {
 font-weight: normal;
 text-decoration: none;
 color: #000;
}

#bottom a:hover, #bottom a:active, #bottom a:focus {
 text-decoration: underline;
 background-color: transparent;
}

/*
	Margins und Paddings generell auf 0 setzen
*/
h1, h2, h3, h4, p, ul, li, a {
margin: 0;
padding: 0;
}

/*
===================
ID HEADER
*/

#header   {
background: #fff;
background-image: url(../_images/kuchem_bgcontent.jpg);
background-repeat: repeat-y;
background-position:right;
margin: 0;
border: 0;
height: 90px;
width: 100%;
 }


#header h2 {
margin-top: 0;
color: #178879;
}

#header .imgli {
position: absolute;
top: 0;
left: 0;
}

#header .logo {
position: absolute;
top: 15px;
right: 40px;
float: right;
margin: 0;
width: 400px;
text-align: right;
color: #178879;
}

/* ------------------------------------------------
  Hauptnavigation
  ---------------------------------------------- */

#hauptnavigation
{
height: 28px;
width: 100%;
background: #18887A url(../_images/kuchem_bghauptnavi.jpg);
background-repeat: no-repeat;
border-top: 1px solid #fff;
color: #fff;
font-weight:bold;
text-align: right;
}




#hauptnavigation ul {
  display: inline;
}
  #hauptnavigation ul li {
font-weight: bold;
}

#hauptnavigation ul li {
display: inline;
margin: 0;
padding: 0;
color: #000;
}
#hauptnavigation li a {
margin: 0;
}

#hauptnavigation ul li a:hover, #hauptnavigation ul li a:focus {
background-color: #79B9B0;
}

#hauptnavigation .lev1_no a {
position: relative;
top: 6px;
color: #fff;
text-decoration: none;
background-color: transparent;
padding: 5px 10px 5px 10px;
margin: 0;
}

#hauptnavigation .lev1_act a {
position: relative;
top: 6px;
color: #fff;
text-decoration: none;
background-color: #5EABA0;
padding: 5px 10px 5px 10px;
margin: 0;
}

#hauptnavigation .lev1_cur {
position: relative;
top: 6px;
color: #fff;
text-decoration: none;
background-color: #5EABA0;
padding: 5px 10px 5px 10px;
}


/*
===================
ID Servicemenu*/

#servicemenu {
position: absolute;
top: 0px;
left: 0px;
background-color: #fff;
padding-top: 2px;
}

#servicemenu img {
margin-left: 0px;
}


#servicemenu ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  height: 15px;
  padding-top: 3px;
}

#servicemenu li {
 margin: 0;
 padding: 0;
 list-style: none;
 display: inline;
 color: #000;
}


#servicemenu a:link, #servicemenu a:visited,#servicemenu a:hover,#servicemenu a:active,#servicemenu a:focus {
 padding: 3px 4px 0px 4px;
 margin: 0;
 font-weight: normal;
 text-decoration: none;
 color: #333;
}




/*
===================
ID ECKE
*/

#ecke
{
width: 200px;
height: 13px;
background-image: url(../_images/kuchem_bgecke.jpg);
background-repeat: no-repeat;
background-position:left top;
color: #000;
}



/*
===================
ID SPALTE LINKS
*/
#spalteli {
float: left;
width: 200px;
min-height: 300px;
background-color: #D5EAE7;
color: #fff;
margin: 0;
padding: 0;
}


* html #spalteli {
 /*vor IEMac verstecken \*/
height: 300px;
 /*IEMac wieder reinlassen*/
}




/* ------------------------------------------------
  Seitennavigation
  ---------------------------------------------- */



/* 1. Ebene */


#navigation {
width: 200px;
}
* html #navigation {
margin-top: -3px;
}

#navigation ul {
list-style-type: none;
text-align: left;
padding: 0;
margin: 0;
}

#navigation ul li {
padding: 0px;
margin: 0;
}

#navigation ul a {
color: #000;
text-decoration: none;
display: block;
}

#navigation ul a:hover, #navigation ul li a:focus, #navigation ul li a:active{
background-color: #178879;
color: #fff;
border-left: 7px solid #fff;
}

#navigation .lev1_no a, #navigation .lev1_act a, #navigation .lev1_cur {
padding: 1px 0px 1px 5px; /* 5px Abstand zu border-left  */
margin-top: 0px;
background-color: #D5EAE7;
color: #000;
border-top: 1px solid #fff;
border-bottom: 1px solid #178879;
font-weight: normal;
border-left: 7px solid #178879;
}

/*aktive Gruppe */
#navigation .lev1_act a{
border-left: 7px solid #900;
}

/*aktive Seite */
#navigation .lev1_cur{
display: block;
padding: 1px 0px 1px 5px; /* 5px Abstand zu border-left  */
margin-top: 0px;
background-color: #D5EAE7;
color: #000;
border-top: 1px solid #fff;
border-bottom: 1px solid #178879;
font-weight: normal;
border-left: 7px solid #900;
}


/* ############ 2. Ebene ########################## */


#navigation ul ul {
margin-left: 7px;
}

#navigation ul ul a {

}

#navigation .lev2_no a, #navigation .lev2_act a, #navigation .lev2_cur {
border-left: 7px solid #7EC2B6;
border-top: 1px solid #fff;
border-bottom: 1px solid #178879;
padding: 1px 0px 1px 5px; /* 5px Abstand zu border-left  */
background-color: #E5F4F0;
font-weight: normal;
color: #000;
}

#navigation .lev2_no a {
}

#navigation .lev2_act a{
border-left: 7px solid #f96;
}


#navigation .lev2_cur{
display: block;
border-left: 7px solid #f96;
margin-top: 0px;
}

/* ############ 3. Ebene ########################## */



#navigation .lev3_no a, #navigation .lev3_act a, #navigation .lev3_cur {
border-left: 7px solid #B4DAD5;
border-top: 1px solid #fff;
border-bottom: 1px solid #178879;
padding: 1px 0px 1px 5px; /* 5px Abstand zu border-left  */
background-color: #EEF6F5;
font-weight: normal;
color: #000;
}

#navigation .lev3_no a {
}

#navigation .lev3_act a{
border-left: 7px solid #FFCC66;
}


#navigation .lev3_cur{
display: block;
border-left: 7px solid #FFCC66;
margin-top: 0px;
}

/*
===================
CONTENT
*/

#content  {
background: url(../_images/kuchem_bgcontent.jpg);
background-repeat: repeat-y;
background-position:right;
margin: 0px 0px 0px 200px;
padding: 20px 50px 10px 20px;
color: #000;
text-align: left;
min-height: 300px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content {
height: 300px;
}
/* End hide from IE5/mac */


#inhalt {
float: left;
width: 100%;
}




.absatz {
background: #fff;
text-align: left;
margin-top: 0;
margin-bottom: 1em;
padding: 0;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .absatz {width: 100%;}
/* End hide from IE5/mac */

.meldung {
background: #EEF6F5;
text-align: left;
margin-top: 0;
margin-bottom: 2em;
border: 1px solid #B4DAD5;
padding: 1em 1em 0 1em;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .meldung {width: 100%;}
/* End hide from IE5/mac */



#content img {
margin-top: 0;
}

#content img.rahmenlos {
border: none;
margin-top: 0;
}

#content ul {
list-style-position: outside;
margin-left: 50px;
}

#content li {
margin-bottom: 1em;
}





/* ------------------------------------------------
Schriften
  ---------------------------------------------- */


h1 {
height: 36px;
padding-top: 7px;
padding-left: 25px;
font-size: 150%;
color: #000;
margin-bottom: 1em;
background-image: url(../_images/raute_web.gif);
background-repeat: no-repeat;
}

h2 {
font-size: 130%;
margin-top: 1.5em;
margin-bottom: 1em;
color: #0E6F63;
}

h3 {
font-size: 110%;
margin-top: 1.5em;
margin-bottom: 0.5em;
}

h4 {
font-size: 100%;
margin-bottom: 0;
}

p {
margin-bottom: 1em;
}


.bildunterschrift {
margin-bottom: 0;
clear: both;
}

/* ------------------------------------------------
Inhalt
  ---------------------------------------------- */

.invis {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}


.clear {
clear: both;
}

.left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}



/*  -----------------------------------------------------
  Links
  ---------------------------------------------------- */


a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: underline;
 color: #18887A;
 font-weight: bold;
}


a:hover, a:focus {
color:#c00;
background-color: #ffc;
}

a img {
border: none;
background-color: transparent;
}




/* ----------------------------------------------------------
  Tabelle
  ---------------------------------------------------------- */

table {
color: #000;
BORDER-COLLAPSE: collapse;
}

th, td {
padding: 2px 10px 2px 0;
vertical-align: top;
text-align: left;
}

td, th, table {
border: 1px solid #ccc;
}

.prbr {
border: none;
}

.prbr td, .prbr th {
border: none;
padding: 0 30px 1em 0;
}

/* ----------------------------------------------------------
  Sitemap
  ---------------------------------------------------------- */

.csc-sitemap ul ul, .csc-sitemap ul ul ul {
margin-top:1em;
margin-bottom:1em;
}

/* ----------------------------------------------------------
  Sitemap Plus (Menu der Unterseiten)
  ---------------------------------------------------------- */
.sitemapplus_entry {
background: #EEF6F5;
border: 1px solid #B4DAD5;
padding: 1em 1em 0 1em;
margin-bottom: 1em;
clear: both;
}

p.sitemapplus_subtitle {
font-size: 0.9em;
margin: 0 0 4px 0;
padding: 0;
line-height: 1em;
}

h2.sitemapplus_head {
margin-top: 0;
}

p.sitemapplus_inhalt{}

p.sitemapplus_more {}


/* ----------------------------------------------------------
  tt_news
  ---------------------------------------------------------- */

.news-item, .csc-frame-frame1 {
background: #EEF6F5;
border: 1px solid #B4DAD5;
padding: 1em 1em 0 1em;
margin-bottom: 1em;
clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .news-item,* html .news-single-item, *html .csc-frame-frame1 {
 height: 1%;
}
/* End hide from IE5/mac */
 {
background: #EEF6F5;
border: 1px solid #B4DAD5;
padding: 1em 1em 0 1em;
margin-bottom: 1em;
clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .news-item,* html .news-single-item {
 height: 1%;
}
/* End hide from IE5/mac */


.news-single-item {
margin-right: 20px;
}

h2.news-head, h3.news-head {
margin-top: 0;
padding: 0;
}


p.news-date, p.news-single-date {
font-size: 0.9em;
margin: 0 0 4px 0;
padding: 0;
line-height: 1em;
}


.news-teaserimg {
float: left;
margin-top: 3px;
}


.news-teaserimg img {
margin-right: 20px;
margin-bottom: 10px;
}


.news-singleimg {
margin-top: 3px;
}


.news-singleimg img{
margin-bottom: 10px;
}


.news-item p {
margin-top: 0;
}


.news-teaser {
margin-bottom: 1em;
}


p.news-subheader {
font-weight: bold;
margin-bottom: 4px;
}


.news-morelink {
margin-top: 0;
}
.news-single-backlink {
margin-top: 1em;
}

.news-morelink a:link,
.news-morelink a:visited,
.news-morelink a:active,
.news-morelink a:hover,
.news-morelink a:focus {

}

.news-single-backlink a:link,
.news-single-backlink a:visited,
.news-single-backlink a:active,
.news-single-backlink a:hover,
.news-single-backlink a:focus {

}


.news-amenu-container ul{
list-style-type: none;
margin: 0;
padding: 0;
}

/* ----------------------------------------------------------
  Formular
  ---------------------------------------------------------- */


.mailform {
padding: 5px 5px; 20px 5px;
}

.mailform fieldset{
margin-bottom: 1em;
padding-left: 30px;
margin-top: 0;
}


.mailform fieldset legend{
margin-bottom: 1em;
padding-left: -5px;
color: #178879;
}

.mailform fieldset .label-checkbox {

}

.mailform fieldset .label-radio {

}

li.error {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
color: #c00;
}

.mailform fieldset .labelleft {
float: left;
width: 150px;
}

.tx-your-extension-id-pi1-captcha input {
margin-top: 1em;
}

.tx-srfreecap-pi2-image {
 float: left;
 margin-right: 20px;
 margin-left: 0;
 }


.tx-srfreecap-pi2-cant-read {
 clear: both;
 font-size: 100%;
 color: #000;
}
.tx-srfreecap-pi2-cant-read a:link {
background-color:transparent;
font-weight:normal;
text-decoration: underline;
}




/* ----------------------------------------------------------
  RTE
  ---------------------------------------------------------- */

/* CSS-Konfiguration htmlarea RTE */
/* hier wird Reihenfolge der Anzeige festgelegt */

.htmlarea-content-body {
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	margin:0;
	padding:3px;
	background-color:#fff;
}

/* Ausrichtung */
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Textfarben */
p.red, span.red {color: #f00;}
p.darkred, span.darkred {color: #c00;}
p.blue, span.blue {color: #039;}
p.grey, span.grey {color: #999;}
p.darkgrey, span.darkgrey {color: #666;}
p.green, span.green {color: #060;}
p.yellow, span.yellow {color: #ff0;}
p.white, span.white {color: #fff;}
p.invis {color: yellow;}

/* Absätze */
p.frame_red {background-color: #c00; padding: 5px;}
p.frame_yellow {background-color: #Ffc; padding: 5px;}

p.blockleft {
width: 220px;
margin-right: 20px;
float: left;
}
* html p.blockleft {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}
p.blockright {
width: 220px;
margin-left: 20px;
float: right;
}
* html p.blockright {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}


/* Schriftgrössen */
p.big, span.big {font-size: 1.2em;}

/* Clearing */
p.clear {
clear: both;
}

/* Bilder */

.Bild_rechts {
float: right;
margin-left: 10px;
margin-bottom:10px;
}

.Bild_links {
float: left;
margin-right: 20px;
margin-bottom:10px;
}



/* ----------------------------------------------------------
  css styled content
  ---------------------------------------------------------- */

div.csc-textpic-imagerow {
margin-bottom: 1em;
}

p.csc-linkToTop {
text-align: right;
}

.csc-frame-frame1 h3 {
margin-top: 0;
}

/* ----------------------------------------------------------
  Galerie
   ---------------------------------------------------------- */



.gallery_thumb {
background-color: #F2F2F2;
float: left;
margin-right: 5px;
width: 120px;
height: 100px;
margin-bottom: 5px;
text-align: center;
}

p.gallery_pagebrowser {
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}

p.gallery_imgnr{
float: right;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}

h2.gallery_imgtitle{
font-size: 1em;
}

.gallery_single {
text-align: center;
padding-top: 0.5em; 
}

.gallery_thumb a img {
border: 1px solid #F2F2F2;
}

.gallery_thumb  a:hover img, .clickEnlarge a:focus img {
border: 1px solid red;
}