@charset "utf-8";

BODY {
	FONT-SIZE: 11px; 
	FONT-FAMILY: tahoma, verdana, arial, sans-serif; 
	TEXT-ALIGN: left;
	/*BACKGROUND: #669933;*/
	
	COLOR: #ffffff;
	border: none;
}
P {
	FONT-SIZE: 11px; FONT-FAMILY: tahoma, verdana, arial, sans-serif; TEXT-ALIGN: left
}
TABLE {
	FONT-SIZE: 11px; TEXT-ALIGN: left
}
A:link {
	 COLOR: #4888B7; text-decoration:none;
}
A:visited {
	 COLOR: #4888B7; text-decoration:none;
}
A:hover {
	COLOR: #666666;
}
A:active {
	COLOR: #4888B7;
}

.criteria {
	FONT-SIZE: 18px
}
.contact-us {
	BORDER-RIGHT: #cccccc 1px ridge; 
	BORDER-TOP: #cccccc 1px ridge; 
	BORDER-LEFT: #cccccc 1px ridge; 
	COLOR: #000000; 
	BORDER-BOTTOM: #cccccc 1px ridge; 
	BACKGROUND-COLOR: #a9bfcd;
	font-size: 11px;
	Height: 18px;
	
}
.mhhint {
	COLOR: #999999
}
.artistint {
	COLOR: #d6d6d6
}
#blocks {
	BORDER-RIGHT: #ffffff 1px dashed; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px dashed; PADDING-LEFT: 3px; BACKGROUND: #191919; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px dashed; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px dashed
}
#inset {
	BORDER-RIGHT: #999 1px dashed; PADDING-RIGHT: 6px; BORDER-TOP: #999 1px dashed; PADDING-LEFT: 6px; FLOAT: right; PADDING-BOTTOM: 6px; MARGIN-LEFT: 2px; BORDER-LEFT: #999 1px dashed; PADDING-TOP: 6px; BORDER-BOTTOM: #999 1px dashed
}
#wrapper {
	BORDER-RIGHT: #999 1px dashed; PADDING-RIGHT: 3px; BORDER-TOP: #999 1px dashed; PADDING-LEFT: 3px; BACKGROUND: #000; PADDING-BOTTOM: 3px; BORDER-LEFT: #999 1px dashed; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px dashed
}
#adtop {
	BORDER-RIGHT: #999 1px dashed; PADDING-RIGHT: 3px; BORDER-TOP: #999 1px dashed; PADDING-LEFT: 3px; BACKGROUND: #000; PADDING-BOTTOM: 3px; BORDER-LEFT: #999 1px dashed; WIDTH: 468px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px dashed
}
#adbottom {
	BORDER-RIGHT: #999 1px dashed; PADDING-RIGHT: 3px; BORDER-TOP: #999 1px dashed; PADDING-LEFT: 3px; BACKGROUND: #000; PADDING-BOTTOM: 3px; BORDER-LEFT: #999 1px dashed; WIDTH: 384px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px dashed
}
#mhhnav {
	BORDER-RIGHT: #999 1px dashed; PADDING-RIGHT: 3px; BORDER-TOP: #999 1px dashed; PADDING-LEFT: 3px; BACKGROUND: #333; PADDING-BOTTOM: 3px; BORDER-LEFT: #999 1px dashed; WIDTH: 420px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px dashed
}


.Stil3 {color: #FFFFFF; font-weight: bold; }
.Stil4 {color: #FFFFFF }
.Stil5 {color: #999}

.StilBlack {color: #000000; FONT-WEIGHT: bold; text-decoration:none;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #353535;
width: 120px; /*Default width of hint.*/ 
padding: 3px;
border: 1px solid black;
font:normal 11px Verdana;
color:#FFFFFF;
line-height:14px;
z-index:100;
border-right: #ffffff 1px solid black;
border-bottom: #ffffff 1px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.navtext {
	BORDER-RIGHT: #999999 1px ridge; 
	BORDER-TOP: #999999 1px ridge; 
	BORDER-LEFT: #999999 1px ridge; 
	COLOR: #000000; 
	BORDER-BOTTOM: #999999 1px ridge; 
	BACKGROUND-COLOR: #ffffff; 
	font-size:11px;
}

.navtext_e{
	BORDER-RIGHT: #999999 0px ridge; 
	BORDER-TOP: #999999 0px ridge; 
	BORDER-LEFT: #999999 0px ridge; 
	COLOR: #000000; 
	BORDER-BOTTOM: #999999 1px ridge; 
	BACKGROUND-COLOR: #ffffff; 
	font-size:11px;
	width:200px;
}


.navtexto {
	BORDER-RIGHT: #cccccc 1px ridge; 
	BORDER-TOP: #cccccc 1px ridge; 
	BORDER-LEFT: #cccccc 1px ridge; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #cccccc 1px ridge; 
	BACKGROUND-COLOR: #a9bfcd; 
	font-size:11px;
}

.navi {
	BORDER-RIGHT: #cccccc 1px ridge; 
	BORDER-TOP: #cccccc 1px ridge; 
	BORDER-LEFT: #cccccc 1px ridge; 
	COLOR: #000000; 
	BORDER-BOTTOM: #cccccc 1px ridge; 
	BACKGROUND-COLOR: #FFFFFF; 
	font-size:11px;
}

.navtext2 {
	BORDER-RIGHT: #cccccc 1px ridge; 
	BORDER-TOP: #cccccc 1px ridge; 
	BORDER-LEFT: #cccccc 1px ridge; 
	COLOR: #000000; 
	BORDER-BOTTOM: #cccccc 1px ridge; 
	BACKGROUND-COLOR: #a9bfcd; 
	WIDTH: 85px;
	font-size:11px;
}

.progress{
	width: 1px;
	height: 2px;
	color: white;
	font-size: 8px;
  overflow: hidden;
	background-color: #669933;
	padding-left: 0px;
	}
	
#blocks2 {
	BORDER-RIGHT: #ffffff 1px dashed; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px dashed; PADDING-LEFT: 3px; BACKGROUND: #191919; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px dashed; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px dashed; border: #ffffff dashed; 
}


#tablist{
padding: 3px 0;
margin-left: 20px;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
background-color: #ffffff
}

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

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #a9bfcd;
border-bottom: none;
background-color: #a9bfcd
}

#tablist li a:link, #tablist li a:visited{
/*color: navy;*/
}

#tablist li a.current{

}

#tabcontentcontainer{

/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
 border-top: 1px solid #a9bfcd;
}

.tabcontent{
display:none;
}

/*
html{
  scrollbar-base-color:#a9bfcd;
  scrollbar-3d-light-color:#a9bfcd;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#a9bfcd;
  scrollbar-face-color:#a9bfcd;
  scrollbar-highlight-color:#000000;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#a9bfcd;
}
*/

  body {
    color: black; background-color: #a9bfcd;
    font-size: 100.01%;
    font-family: tahoma, verdana, arial, sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
	padding-top: 10px; 
	margin-top:10px;
  }

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0;
    background: #ffffff;
    /*border: 1px ridge silver;*/
  }
  html>body div#Seite {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }

  h1 {
    font-size: 1.5em;
    margin: 0; padding: 0.3em;
    text-align: center;

    border-bottom: 1px solid silver;
  }
  
  div#Top
  {
  	float: left;
    font-size: 1em;
    margin: 0; padding: 0em;
    text-align: left;
	height: 46px;
	width: 250px;
	background-color: #ffffff;
  }
  
  div#TopMenue
  {
  	margin: 0; padding: 0em;
	height: 46px;
	width: 486px;
  	background-color: #a9bfcd;
  }
  
  div#TopCornerRight
  {
	float:right;
	font-size: 0.8em;
	text-align: left;
	height: 46px;
	width: 24px;
	background-image: url(../Bilder/top-right.jpg);
	background-repeat: no-repeat;
  }
  
  div#Navi 
  {
	font-size: 0.83em;
	float: left;
	width: 140px;
	margin: 0 0 1.2em;
	padding: 0;
	height: 100%;
	background-color: #ffffff;
  }

  div#InhaltTop
  {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0px;
	padding-top: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	font-size: 0.8em;
	color: #7B818A;
	float: left;
	background-color: #FFFFFF;
  }
  * html div#InhaltTop 
  {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  
  div#InhaltTopRight
  {
  	text-align:right;
	margin-top: 0;
	margin-right: 0;
	padding-top: 1em;
	padding-bottom: 0.2em;
	padding-right: 0.5em;
	font-size: 0.8em;
	color:#7B818A;
	background-color: #FFFFFF;
  }
  * html div#InhaltTopRight 
  {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  
  div#InhaltBG
  {
	margin-top: 0;
	margin-right: 0;
	/*margin-bottom: 1em;*/
	margin-left: 124px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1em;
	background-color: #FFFFFF;
  }
  * html div#InhaltBG {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  div#Inhalt {
	margin-top: 0;
	margin-right: 0;
	/*margin-bottom: 1em;*/
	margin-left: 0;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	padding-right: 0em;
	background-color:#FFFFFF;
	min-height: 270px;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: navy;
  }
  div#Inhalt p {
    font-size: 0.8em;
    margin: 1em 0;
  }

  div#Fusszeile 
  {
    clear: both;
	margin: 0; padding: 0em;
    text-align: left;
	border-top: 1px solid #B1B4BA;
	border-bottom: 1px solid #B1B4BA; 
    background-color: #E8E8E8;
	width: 760px;
	height: 30px;
  }
  
  div#BottomCornerRight
  {
    font-size: 0.5em;
    text-align: center;
	height: 30px;
	width: 45px;
	/* background-image: url("Bilder/bottom-right.jpg"); */
	border-top: 1px solid #B1B4BA;
	border-bottom: 1px solid #B1B4BA; 
	background-color: #E8E8E8;
	background-repeat: no-repeat;
  }
  
  .cs_ToggleShowHide 		{ display: none; }
  
#navlist
{
padding: 0px;
margin-left: 0;
background: #FFFFFF;
width: 100%;
color: #4888B7; 
}

#navlist li
{
list-style: none;
margin: 0px;
border-bottom: 1px #9CA8AF solid;
text-align: left;
font-size: 12px;
}

#navlist li a
{
display: block;
padding: 0.2em 0.5em 0.1em 0.5em;
text-decoration: none;
outline:none;
font: 11px tahoma, verdana, arial, sans-serif;
FONT-WEIGHT: normal;
}


#navlist li a:link { color: #4888B7; }
#navlist li a:visited { color: #4888B7; }

#navlist li a:hover
{
color: #FFFFFF;
background: white;
background-color:#a9bfcd ;
}


#navlist2
{
padding: 0px;
margin-left: 0;
background: #FFFFFF;
width: 100%;
color: #4888B7; 
}

#navlist2 li
{
list-style: none;
margin: 0px;
border-bottom: 1px #9CA8AF solid;
text-align: left;
font-size: 11px;
}

#navlist2 li a
{
display: block;
padding: 0 0.25em 0 0.25em;
text-decoration: none;
outline:none;
}

#navlist2 li a:link { color: #4888B7; }
#navlist2 li a:visited { color: #4888B7; }

#navlist2 li a:hover
{
color: #4888B7;
background: white;
background-color:#a9bfcd ;
}


#navlist3
{
padding: 0px;
margin-left: 0;
background: #FFFFFF;
width: 100%;
color: #006; 
}

#navlist3 li
{
list-style: none;
margin: 0px;
border-bottom: 1px #9CA8AF solid;
text-align: left;
font-size: 11px;
}

#navlist3 li a
{
display: block;
padding: 0 0.25em 0 0.25em;
text-decoration: none;
outline:none;
}


#navlist3 li a:link { color: #4888B7; }
#navlist3 li a:visited { color: #4888B7; }

#navlist3 li a:hover
{
color: #4888B7;
background: white;
background-color: #D6D6D6 ;
}



#listTOP ul{
margin:0;
padding:0px;
list-style: none;
white-space: nowrap;}

#listTOP li{display:inline;}

#listTOP a
{
color:#006595;
font: 11px verdana;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:#A9BFCD;
text-align:center;
outline:none;
FONT-WEIGHT: normal;
}

#listTOP a:hover{
color:#FFFFFF;
background-color:#9CA8AF;
text-align:center;} 
  


#listBottom ul{
margin:0;
padding:5px;
list-style: none;
white-space: nowrap;}

#listBottom li{display:inline;}

#listBottom a
{
color:#006595;
font: 11px verdana;
padding:3px 15px 3px 15px;
text-decoration:none;
background-color:#E8E8E8;
text-align:center;
outline:none;
FONT-WEIGHT: normal;
}

#listBottom a:hover{
color:#FFFFFF;
background-color:#A9BFCD;
text-align:center;} 
  


.searchtxt1
{
 background: transparent;
 background-image: url(../Bilder/lupe.jpg);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 20px;
 padding-bottom: 3px;
 padding-top: 3px;
  	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid; 
	COLOR: gray; 
	BORDER-BOTTOM: #cccccc 1px solid; 
	font-size:11px;
}


#navcontainer_hor
{
padding: 0;
background: #FFFFFF;
height:15px; 
}

#navlist_hor
{
margin: 0px;
padding: 0px 0px;
display: block;
}

#navlist_hor li
{
list-style: none;
float: left;
}

#navcontainer_hor a, #navlist_hor li.extend
{
margin: 0px;
display: block;
padding: 0px 6px;
text-decoration: none;
background: #FFFFFF;
font: normal 11px verdana, serif;
color: #4888B7;

border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

#navcontainer_hor a:hover, #navcontainer_hor a#current
{
padding: 0px 6px;
background: #FAFAFA;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #4888B7;
}

#navcontainer_hor a#current
{
background: #E8E8E8;
border-bottom: 2px solid #E8E8E8;
}

*.spalte { padding:3px; text-align:left; width:60px; float:left; }


.msg{

	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/


}

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:0px solid #000;	
	padding:0px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

	#mainContainer{
		width:500px;
		margin:0 auto;
		margin-top:10px;
		border:0px;
		padding:5px;
		
	}
	
	/* Alternative layout for the message box - used by one of the messages */
	
	.modalDialog_contentDiv_error{
		border:3px solid #FFF;	
		padding:2px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#F00;	/* White background color for the message */
		color:#FFF;
	}
	.modalDialog_contentDiv_error a{
		color:#FFF;
	}
	h1{
		margin-top:0px;
	}
	
	

.meine_userseite_width{
	width:220px;
}

/* FF verschiebung entgegenwirken */
#gecko_scrollbar { 
 display: none; 
} 

html>body #gecko_scrollbar { 
 position: absolute; 
 z-index: 1; 
 bottom: -1px; 
 left: 0; 
 width: 1px; 
 height: 1px; 
 display: block; 
 font-size: 0; 
}