@charset "utf-8";
/* CSS Document */

.genres {
	font-weight:bold;
	font-style:italic;
	color:#000033;
}
.footnote {
	color:#666666;
	font-size:8px;
}

.messagebox{
    border:0px solid green;
    float:left;
    width:200px;
    margin-left:20px;
    padding:0px;
    min-height:200px;
    
}
.messagebox img{
    border:none;
}
.messagebox a{
    color:black;
}
.message{
    border:0px solid orange;
    float:left;
    margin-bottom:10px;
    padding:10px;
    background: url(elements/news-corner.jpg) no-repeat left top;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    min-height:200px;
}
.message p{
    margin-top:0px;
}
.message a{
    color:gray;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration:none;
}
.message_title{
    clear:both;
    font-size:15px;
    font-weight:bold;
}
/*************************************************************************/
.mitteilung{
	margin-bottom:20px;
	margin-top:0px;
	padding:10px;
	border:0px solid red;
        background: url(elements/news-corner.jpg) no-repeat left top;
        
	float:left;
}	
.mitteilung a,p{
	margin-top:0px;
	color:black;
}
.mitteilung a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration:none;
}
/*************************************************************************/

.indentmenu{
	font:  bold 13px Verdana;
	width: 100%; /*leave this value as is in most cases*/
	border: 1px solid red;
}

.indentmenu div ul{
	margin: 0;
	padding-left: 10px;
	float: left;

	border: 0px solid green;
    height: 48px;
    vertical-align: bottom;
}

.indentmenu div ul li{
	display: inline;
}

.indentmenu div ul li a{
	float: left;
	text-decoration: none;
    vertical-align: bottom;
    border: 0px solid red;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 25px;
    height: 32px;
    color: white;
    /*background: url(graph/mitte.gif) repeat-x left top;*/
    background: url(elements/border-left.gif) no-repeat right top;
}

.indentmenu div ul li a:visited{
	/*color: white;*/
}

.indentmenu div ul li a:hover, .indentmenu div ul li{
	background: url(elements/mitte-hell.gif) repeat-x left top;

}

.indentmenu div ul li a.current{
	background: white url(elements/mitte-current.gif) repeat-x left top;
    color: red;
}




.galeriecontainer {
	
}
/*************************************************************************/
#navlist li{
	display: inline;
	/* for IE5 and IE6 */
	color: white;
}

#navlist li a{
    font-size:12px;
}


#navlist{
	width: auto;
	/* to display the list horizontaly */
	font-family: sans-serif;
	margin: 0px 0px 0px 0px;
	margin-bottom: 10px;
	padding: 	0px 0px;
	border-top: 1px rgb(191,195,215) solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
}

#navlist  a{
	width: auto;
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px;
	border-bottom: 0px gray solid;
	text-align: left;
	text-decoration: none;
	color: black;
}
#navlist  a{
	display: block;
}
#navlist  a:hover{ 
	background-color: #EFEFFF; 
	color: black;
}
#navlist  a#current { 
	background-color: #DFDFFF; 
	color: white;
}

#navlist li ul li a{
	display: block;
}
#navlist li ul li a:hover{ 
	background-color: #EEFFEE; 
	color: black;
}
#navlist li ul li a#current { 
	background-color: #CCFFCC; 
	color: black;
}

/*************************************************************************/
div#Inhalt div.besonders {
	border: 0px red solid;
	padding: 0 00px;
}

div#Inhalt {
  margin-left: 30px;
  padding: 0px 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 650px; /* Die Breite des INHALT-Feldes */
  border: 0px red solid;
  float:left;
  min-height:400px;
}

div#Inhalt img{
	margin-left:20px;
	margin-bottom:20px;
}

div#Inhalt form input{
	border: 1px gray solid;
}
div#Inhalt  a img{
	border: none;
}
div#Inhalt h1 {
  font-size: 16px;
  margin: 0 0 0px;
  
}
div#Inhalt ul {
  font-size: 12px;
  padding-top: 0px;
  
  list-style-type: square;
  list-style-position:outside;
  list-style-image:url(elements/red-square.gif);
}
div#Inhalt ul li ul li{
  font-size: 12px;
  
  list-style-type: square;
  list-style-position:outside;
  list-style-image:url(elements/blue-square.gif);
}
div#Inhalt ul li ul li ul li{
  font-size: 12px;
  
  list-style-type: square;
  list-style-position:outside;
  list-style-image:url(elements/green-square.gif);
}
div#Inhalt p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	
}
div#Inhalt h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 16px;
	font-weight:bold;
	margin-top: 5px;
  	
}
div#Inhalt h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 15px;
	font-weight:bold;
	background-color:#EEEEEE;
	color:#000066;  
	padding: 2px;
}
div#Inhalt h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 14px;
	font-weight:bold;
	background-color:#F5F5FF;
	color:#000066;  
	padding: 2px;
}
/****************************************************************************/
.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 5px; height: 5px;
    padding: 0px; border: 0px;
    z-index: 99;
}

.menutitle h2{
	padding: 8px 10px;
	margin: 0px 0px;
	height: 16px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -5px 0px 0px 0px; }
.borderBR { margin: -5px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(195,191,215);
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 	0px;
    border: 0px;
}

/****************************************************************************/

.info{
	width:220px;
	height:150px;
	
	padding:5px 10px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border:0px red solid;
	background:url(elements/right-corner.gif) no-repeat top right;
}
.info a img{
	border: none;
}