body {
background-color: #FFFFFF;
font-family: Verdana, Arial;
font-size: 8pt;
color: #000000;
}

table {
font-family: Verdana, Arial;
font-size: 8pt;
color: #000000;
}

.comment{

background-color: #B4CCD8;
border-left: 1px dashed;
font-size: 7.5pt;

}

a{
font-family: Verdana, Arial;
color: #000000;
}

a:hover{
/*font-size: 10pt;*/
color: #9ECBEB;
font-weight: bold;
}

/*div{
border: 1px #000000 solid;
}*/

#galerie {
width: 80%;
text-align: center;
}

#bilder{
width: 75%;
float: right;
}

#kategorien {
width: 25%;
text-align: left;
}

#kategorien #Cat {

}

#kategorien #Cat #subCat {
	padding: 0px 15px;
}

#image {
float: left; 
}

#clear {
clear: both;
}

ul li {
font-size: 10pt;
}

.galerieCaption{
	font-size: 10pt;
	color: #9ECBEB;
	font-weight: bold;
}

.galerieCaption:hover{
	font-size: 10pt;
	color: #7ECBEB;
	font-weight: bold;
}
/* this first rule is probably unnecessary, */
/* but better safe than sorry               */
div.image div.dt,
div.image div.dd {
  display : inline ;
  list-style-type : none ;
}
div.image {
  float: left;
  margin : 1.2em auto ;
  border : none ;
  padding : 0 1.2em ;
  text-align : center ;
}
div.image div.dt {
  margin : 0 ;
  border : none ;
  padding : 0 ;
}
div.image div.dt a img {
  display : block ;
  margin : 0 auto ;
  border : 1px dotted #38abc8 ;
  padding : 15px ;
  color : #38abc8 ;
  background : #eee ;
}
div.image div.dd {
  margin : 0 ;
  border : none ;
  padding : 1ex 1ex 0 1ex ;
  font-size : 90% ;
  font-style : italic ;
  color : #38abc8 ;
}