body {
  color: #000;
  background: #666;
  font-family: arial,helvetica,sans-serif;
  font-size: 100.01%;
  padding: 0 0;
  margin: 20px;
  text-align: center;   /* Zentrierung fuer alte IEs */
}

table{margin: 10px 20px;}
td { font-size:75%;}

a { text-decoration: underline;}
a:link    { color: #234D60;}
a:visited { color: #234D60;}
a:focus, a:hover, a:active { color: #BD1823;}



/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}



/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#wrapper {
  background: #FFF url(images/back.gif) repeat-y;
  width: 960px;            /* der Breite des Hintergrundbilds entsprechend */
  border: 1px solid #FFF;
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */

}

* html #wrapper, * html #footer1, * html #footer2 {   /* Box Model Hack - notwendig wegen border-Angabe */
  width: 962px;    /* fuer IE 5 und 5.5 */
  wid\th: 960px;   /* fuer IE 6 */
}

#kopf {
  background: #FFF;
  padding: 0;
  height: 125px;
  overflow: hidden;
}



/* Menue oben
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#navi1 {
  background: #14A4E5 url(images/hifi-navi-top.gif)  no-repeat;
  border-bottom: 1px solid #FFF;   /* weisse Trennlinie zw. Menue u. Inhalt */
}

#navi1 ul {
  width: 600px;
  padding: 0 0 3px 148px;
  margin: 0 0 0 20px;
  list-style: none;
}

#navi1 li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  margin-right: 15px;
}

* html #navi1 li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#navi1 a {
  font-size: 70%;
  font-weight: bold;
  text-transform: uppercase;
}

#navi1 a:link, #navi1 a:visited {
  color: #FFF;
  text-decoration: none;
}

#navi1 a:focus, #navi1 a:hover, #navi1 a:active {
  color:#CC0084;
}



/* Spalte 1 - Navigation 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  float: left;
  background: #F1F1F3 url(images/hg-nav-l.gif) no-repeat;
  font-size:70%;
  font-weight: bold;
  width: 148px;    /* Breite ohne senkrechte weisse Linie */
  margin-right:0px
}

#spalte1 ul{
  /*width: 148px;*/
  list-style: none;
  padding: 0;
  margin: 0;
}

#spalte1 li {
  margin: 0 0 1px 0;
}

/* Links (als Block)
*****************************************************/
#spalte1 a{
   font-weight: 70%;
	display: block;
	width:136px;
	padding: 4px 6px;
	color: #000;
   background-color: transparent;
   text-decoration: none;
}

/*#spalte1 a:link, #spalte1 a:visited {
  font-weight: bold;
  text-decoration: none;
}*/

#spalte1 a:hover, #spalte1 li.on a{
  text-decoration: none;
  color: #FFF;
  background: #14A4E5;
}
/* Ebene2
*********************************************************************/
#spalte1 ul ul li { margin: 0 0 1px 0; }

#spalte1 ul ul a
{
display: block;
padding: 4px 4px 4px 12px;
width: 132px;
}

#spalte1 ul ul a:link, #spalte1 ul ul a:visited{
	color: #000;
	background:#F1F1F1 url(images/category.gif) no-repeat 0.2em 0.45em;
	text-decoration: none;
}

#spalte1 ul ul a:hover,#spalte1 ul ul li.on a
{
color: #000;
background:#F1F1F1 url(images/category_content.gif) no-repeat 0.2em 0.45em;
text-decoration: none;
}

/*#spalte1 li ul{
   width:140px;
	background:  transparent;
	padding: 0 0 0 8px;
}
#spalte1 li ul li{*/
	/*background: url(images/category_content.gif) no-repeat 0 0.43em;
	padding-left:8px;
	border:none;*/
/*}

/* Spalte 2 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  float:left;
  width: 642px;                  /* Breite ohne senkrechte Linien */
  margin-left:0px;
  background: #fff;
  padding: 38px 0 10px 0px;
  /*border-right: 1px solid #FF0;  /* Senkrechte Linie rechts */
  /*border-left: 1px solid #FF0;   /* Senkrechte Linie links */
  margin: 0 0 0 2px;
}

/** html #spalte2 {  /* Box Model Hack - notwendig wegen border-Angabe */
/*  width: 684px;    /* Fuer IE 5 und 5.5 */
/*  wid\th: 684px;   /* Fuer IE 6 */
/*}*/

#spalte2 div.csc-frame-frame1{
background-color: #DDD;
margin: 10px 20px
}

#spalte2 h1, #spalte2 h2, #spalte2 h3{
  color: #CC0084;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 120%;
  line-height: 140%;
  border-top: 1px solid #CC0084;
  border-bottom: 1px solid #CC0084;
  margin: 0 20px 1em 20px;
  text-align: center;
}
#spalte2 h2{
  border-top: none;
  font-size:100%;
  margin-bottom: 0.7em; 
text-align: left; 
}

#spalte2 h3{
border: none;
margin-bottom: 0;
font-size: 75%;
text-align: left;
}

#spalte2 h4{
border:none;
font-size:75%;
color: black;
}

#spalte2 p {
  font-size: 75%;
  line-height: 150%;
  margin: 0.7em 20px 0.3em 20px;
  
}

#spalte2 ul{
  margin-top:0;
}

#spalte2 li{
  font-size:75%;
}

#spalte2 a:link, #spalte2 a:visited {
  color: #BD1823;
  font-weight: bold;
}

#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
  color: #264F63;
}

.nachoben { text-align: right; }


/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte3 {

  float:left;
  width: 168px;  /* Breite ohne senkrechte weisse Linie */
  /*background: #ddd;*/
  padding: 28px 0 10px 0;
}

* html #spalte3 {  /* Box Model Hack - notwendig wegen border-Angabe */
  width: 167px;    /* Fuer IE 5 und 5.5 */
  wid\th: 167px;   /* Fuer IE 6 */
}
#spalte3 h1 {
  color: #FFF;
  font-size: 80%;
  line-height: 160%;
  margin: 0 8px;
}

#spalte3 div.csc-header{
  background-color: #14A4E5;
}
#spalte3 div.csc-frame{
  background-color: #F1F1F3;	
  color: white,
}
	

#spalte3 p {
  font-size: 70%;
  line-height: 150%;
  margin: 1em 8px;
}


#footer1,#footer2{
  width: 960px;            /* der Breite des Hintergrundbilds entsprechend */
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;

  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
  font-size: 70%;

}
#footer1{
background: #14a4e5;
text-align: center;
font-weight: bold;
}
#footer2{
text-align: center;
background: #FFF;
}

#footer1 ul {
list-style: none;
margin: 0;
padding: 3px 6px;
color: #FFF;
}

#footer1 li{
display: inline;
padding: 0 6px;
border-right: 1px solid #FFF;
}
#footer1 li.last{
border: none;
}

#footer1 a{
color: #FFF;
text-decoration: none;
}




/* Formular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-mailform-submit{
font-size: 80%;
color: #999;
font-weight:bold;
}

.csc-mailform-check{
text-align:left;
width:20px;
background:#123;
border:4px solid black;
}

#content #mailform{
width:481px;
margin-left:0px;
}

#content fieldset{
border:none;
padding-bottom:20px;
}

label {
  clear:both;
  float: left;
  width: 130px;
  text-align: right;
}


form p {
  font-size: 1em;
  margin: 14px 0;
}

label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: .7em;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
}


/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */

input,
textarea {
  width: 20em;
  background: #F7F7F7;
  font-family: verdana, arial, sans-serif;
  font-size: .9em;
  border: 1px solid #CCC;
  margin-bottom:0.3em;
}

#mailform input.csc-mailform-submit{
  width:9em;
  margin-left:140px;
}
/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */

input:hover,
textarea:hover {
  background: #FCFCFC;
  border: 1px solid #999;
}

input:focus,
textarea:focus {
  background: #FFF;
  border: 1px solid #CC0000;
}


.tx-cegallery-pi1{
font-size:80%;
text-align: center;
padding: 4px 20px;
}

.tx-cegallery-pi1 a{
font-weight: normal !important;
}

.tx-cegallery-pi1-album_header{
text-align: left;
}
h2.tx-cegallery-pi1-album_header{
width: 600px;
border-style:none !important;
margin: 0 !important;
padding: 0;

}


.tx-cegallery-pi1-detail_entry img{
border: 1px solid #666;
}

.tx-cegallery-pi1-detail_nav{
float: left;
text-align: center;
width: 100%;
margin-bottom: 4px;
}
.tx-cegallery-pi1-detail_nav span{
padding: 2px 8px;
}

div .tx-cegallery-pi1-pagebrowser{
float: left;
width: 602px;
margin-bottom: 12px;
background: #DDD;
}

.tx-cegallery-pi1-page,
.tx-cegallery-pi1-pagebrowser_pages,
.tx-cegallery-pi1-pagebrowser_next,
.tx-cegallery-pi1-pagebrowser_prev
{
text-align: left;
float: left;
width: auto;
padding: 4px;
}

.tx-cegallery-pi1-pagebrowser div span{
padding-right: 4px;
}
tx-cegallery-pi1-album_backlink{
padding-bottom: 4px;
}

div .tx-cegallery-pi1-album_entry {
margin: 7px 4px 0px 3px;
padding: 0px;
float: left;
width: 140px;
height: 140px;
background: #DDD;
border: 1px solid #666;
}

div .tx-cegallery-pi1-album_entry a{

}
div .tx-cegallery-pi1-album_entry img{
padding: 4px;
}

#searchBox {
  float: left;
  height: 18px;
  line-height: 18px;
  margin: 0 3px;
}
#searchBox .searchBox-button img{
border: 1px solid black;
}

#searchBox .searchBox-button{
}

#searchBox .searchBox-field{
  /*position: relative;
bottom: 2px;*/
  width: 110px;
  height: 12px;
  line-height: 14px;
  margin: 0px 0px 4px 0px;
  font-size: 10px;

}

#searchBox input.searchBox-button{
  margin: 2px 0px 2px 0px;
/*position: relative;
bottom: 0px;*/
border: none;
width: auto;
background: none;
}

div.tx-indexedsearch-whatis{
padding-left: 12px;
}

div.csc-sitemap ul{
margin-left: 2em;
padding: 0;
list-style: none;
font-size: 1.1em;
}

div.csc-sitemap a:link, div.csc-sitemap a:visited{
text-decoration: none;
}

div.csc-sitemap a:hover, div.csc-sitemap a:active{
text-decoration: underline;
}