/*
wichtige farben:
hintergrund: #fff
rot, bg hover: #b40000;
text : #333
linien: #ccc;

stylesheet fuer www.museumsinsel-berlin.de
letzte Aenderung: 2006.05.19, MS
*/

*{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin:0;
	padding:0;	
	border:0;
	font-size: 1em;
}
body{
	font-size: 16px;
	color:#333;
	background-color:#fff;
	margin-bottom:15px;
}

h1{
	font-size:1.2em;
}
h2{
	font-size:1.0em;
}
hr{
	height:1px;	
	border-top:1px solid #ccc;
	margin-bottom:1em;
	line-height:1px;
}
hr.nomargin, hr.nomargin2{
	margin:0px;
}
hr.nomargin3{
	margin: 2px 0 0 0;
}

p{
	margin-bottom:1em;
}

.hide{	
	position:absolute;
	top:-9999px;
	left:-9999px;
	height:1px;
	width:1px;
	overflow:hidden;
}

.fll{
	float:left;
}
.flr{
	float:right;
}
.clr-l{
	clear:left;	
}
.clr-r{
	clear:right;	
}
.clrBlock{
	display: block;
	clear: both;
	float: none;
	height: 1px;
	font-size: 1px;
	line-height: 1px;	
}
.borderTop{
	border-top:1px solid #ccc;
}
.borderBottom{
	border-bottom:1px solid #ccc;
}


#head{
	/*kann auch noch png als bg-img, ausser ie-pc*/
	background:#fff url(../images/headback.gif) repeat-x bottom left;
	padding:0 0 12px 0;	
	
}

#head .logoLang{
	max-width:710px;	
}
#head #logo{
	padding:8px 0 15px 38px;	
	float:left;
}

#head #langbuts{
	float:right;
}

#langbut,
#flashbut {
	margin-top:15px;
	display:block;
	float:left;
}
#flashbut{
	margin-right:25px;
}
#langbuts .first{
	border-right:1px solid #64564E;
}

#langbut a, #flashbut a
{
	font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding:0;
	color: #64564E;
	text-decoration:none;
	padding:0 5px;
	float:left;
	display:block;
	line-height:1em
}

#langbuts .current{
	font-weight:bold;
}



#langbut a:hover,
#langbut a:focus,
#langbut a:active,
#flashbut a:hover,
#flashbut a:focus,
#flashbut a:active
{
	text-decoration:underline;	
}

/*-----------------------------  footer -----------------------------*/
#footer{
	/*kann auch noch png als bg-img, ausser ie-pc*/
	background: #fff url(../images/footback.gif) repeat-x top left;
	/*position:relative;*/
	margin-top:1.7em;
}
#footer .inner{
	max-width:710px;
	padding-top:15px;
}
#footer .inner #logosmb{
	/*float:right;*/
}
#footer ul{
	margin:0 0 0 96px;
	list-style: none;	
	float:left;
}

#footer ul li{
	margin:0;
	padding:0;
	line-height:1em;
	margin: 0 0 0.3em 0 ;
	font: normal 0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
}



#footer li.txtlink, #footer li.toplink {
    line-height:1em;
	padding-right:1em;
	/*float: left;*/
	/*margin:0;*/
	white-space: nowrap;	
	background:url(../images/pfeil_grau_s.gif) no-repeat left center;
}

#footer li.toplink{
    margin-bottom:1.2em;
	background:url(../images/pfeiltop_grau.gif) no-repeat left center;
}

#footer li a
{
	padding-left: 0.7em;	
    line-height:1em;
	color: #333;
	text-decoration:none;
}


#footer li.toplink a{
	padding-left: 1.2em;	
}

#footer li.txtlink a:hover,
#footer li.txtlink a:focus,
#footer li.txtlink a:active,
#footer .inner #smblink p a:hover,
#footer .inner #smblink p a:focus,
#footer .inner #smblink p a:active
{
	color: #b40000;
	text-decoration: underline;
	font-weight: normal;
	background:url(../images/pfeil_rot_s.gif) no-repeat left center;
}
#footer li.toplink a:hover,
#footer li.toplink a:focus,
#footer li.toplink a:active{
	color: #b40000;
	text-decoration: underline;
	font-weight: normal;
	background:url(../images/pfeiltop_rot.gif) no-repeat left center;
}

#footer li.active a,
#footer li.active a:hover,
#footer li.active a:focus,
#footer li.active a:active
{	
	color: #b40000;
	text-decoration: none;
	font-weight:bold;	
	background:url(../images/pfeil_rot_s.gif) no-repeat left center;
}

#footer #smblink {
    float:right;
    background-color: #eae6e5;
    padding:.3em .5em;
}

#footer #smblink a img {
    float:left;
    margin:.5em 0;
    margin-right:1em;
}

#footer #smblink p {
    float:left;
    margin:0;
    padding:0;
	font: normal 0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

#footer #smblink p a  {
	padding-right:1em;
	padding-left: 0.7em;	
	white-space: nowrap;	
	background:url(../images/pfeil_grau_s.gif) no-repeat left center;
	color: #333;
    text-decoration:none;
}


/*-----------------------------  /footer -----------------------------*/

/*-----------------------------  navigation -----------------------------*/

#navi {
	border-top: 1px solid #ccc;		
}
#navi ul
{
	margin:0;
	padding: 0 0 0px 96px;
	list-style-type: none;	
	width: auto;		
}
#navi .clrBlock{
	border-top: 1px solid #ccc;	
	
}
#navi li
{	
	float: left;
	width: 6.71em;
	margin: 0 2px 0 0 ;		
}

#navi li a
{
	display: block;
	padding: 2px 0.1em 2px 0.45em;
	background-color: #64564E;	
	color: #fff;
	font: normal 0.7em/1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}



#navi li.active a,
#navi li.active a:hover,
#navi li.active a:focus,
#navi li.active a:active
{	
	font-weight: bold;	
	background-color: #b40000;
}

#navi li.active,
#navi li a:hover,
#navi li a:focus,
#navi li a:active
{
	background-color: #b40000;
	color: #fff;
	text-decoration: none;
	font-weight:normal;
}



/*-----------------------------  / navigation -----------------------------*/

/*-----------------------------  subnavigation -----------------------------*/
#subnavi{
	max-width:46em;
	min-height:63px;	
}
#subnavi .inner{
	padding:12px 0;
}
#subnavi ul{
	margin-top:-2px;
	padding: 0 0 0 96px;	
	list-style: none;
}
#subnavi li{
	padding-right:1em;
	float: left;
	margin: 0 0 0.2em 0 ;
	white-space: nowrap;
	background:url(../images/pfeil_grau_s.gif) no-repeat left center;
}
#subnavi li a
{
	display:block;
	padding-left: 0.7em;	
	color: #333;
	font: normal 0.7em/1.17em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#subnavi li a:hover,
#subnavi li a:focus,
#subnavi li a:active
{
	color: #b40000;
	text-decoration: underline;
	font-weight: normal;
	background:url(../images/pfeil_rot_s.gif) no-repeat left center;
}

#subnavi li.active a,
#subnavi li.active a:hover,
#subnavi li.active a:focus,
#subnavi li.active a:active
{
	display:block;
	padding-left: 0.7em;	
	font: normal 0.7em/1.17em Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pfeil_rot_s.gif) no-repeat left center;
	text-decoration:none;
	color: #b40000;
	font-weight:bold;
}

/*-----------------------------  / subnavigation -----------------------------*/

/*-----------------------------  2.ebene -----------------------------*/

.subnavi2{
	max-width:440px;
	/*border:1px solid red*/
}
.subnavi2 ul{
	list-style: none;
	margin:0 0 1.2em 0;
	max-width:440px;
}
.subnavi2 li{
	display:block;
	white-space: nowrap;
	background:url(../images/pfeil_grau_s.gif) no-repeat left center;
	font: normal 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0.4em 0;
	height:1em;
}
.kreis li{
	background:url(../images/kreis_grau_s.gif) no-repeat left center;
}
.subnavi2 li a
{
	display:block;
	padding-left: 0.7em;	
	color: #333;	
	text-decoration:none;	
	line-height:1em
}
.kreis li a{
	padding-left: 0.9em;	
}
.subnavi2 ul.float{
	margin:2px 0 0 0;
	padding:0 0 6px 0;
	display:block;
}
.subnavi2 ul.float li{
	float:left;
	padding-right:1.2em;
	margin: 0 0 0.3em 0;
}
.subnavi2 h4{	
	margin: 1.7em 0 0 0;
	padding: 8px 0 1px 0;
	font: bold 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
}


.subnavi2 li a:hover,
.subnavi2 li a:focus,
.subnavi2 li a:active
{
	color: #b40000;
	text-decoration: underline;
	background:url(../images/pfeil_rot_s.gif) no-repeat left center;
}

.subnavi2 li.active a,
.subnavi2 li.active a:hover,
.subnavi2 li.active a:focus,
.subnavi2 li.active a:active
{
	padding-left: 0.7em;	
	background:url(../images/pfeil_rot_s.gif) no-repeat left center;
	text-decoration:none;
	color: #b40000;
	font-weight:bold;
}
.kreis li.active,
.kreis li a:hover,
.kreis li a:focus,
.kreis li a:active,
.kreis li.active a,
.kreis li.active a:hover,
.kreis li.active a:focus,
.kreis li.active a:active
{
	background:url(../images/kreis_rot_s.gif) no-repeat left center;
}

.kreis li.active a,
.kreis li.active a:hover,
.kreis li.active a:focus,
.kreis li.active a:active{
	padding-left: 0.9em;	
}

/*-----------------------------  / subnavigation 2.ebene-----------------------------*/


/*----------------------------- thumbs --------------------------------------------*/
 ul.subnavithumb{
	list-style: none;
	display:block;
}
.subnavithumb li{		
	border: 1px solid #ccc;
	margin-bottom: 4px;
	display:block;
	padding: 4px;
}
.subnavithumb li a{
	display:block;	
}
.subnavithumb li img{
	display:block;	
}
.subnavithumb li.active{
	border: 1px solid #b40000;	
}

.legende div{
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:0.7em;
	width:10.98em;
}
.legende div img{
	margin:0 0.5em;
	vertical-align:top;
	display:block;
	float:left;
}
.legende div span{
	margin-left:0px;
	float:left;
	display:block;
	width:6em;
}
.legende span.txtlink a{
	white-space:nowrap !important;
	display:block;
	margin:0.1em 0;
}
.legende h4{
	margin-bottom:0.2em;
}
/*----------------------------- /thumbs --------------------------------------------*/

/*-----------------------------  content -----------------------------*/
#content{
	/*max-width:710px;
	padding-bottom:1em;*/
}
#content .inner{
	padding:0 0 0 96px;
}
#content .inner-1{
	padding:25px 0 0 32px;
	position:relative;
}
#contentstart{
	max-width:770px;
	padding-top:9px;
}
#contentstart .txt
{
	margin: 16px 60px 10px 96px;
	font: normal 0.74em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
#contentstart #foerderer {
	list-style: none;
	margin-left:96px;
}

#contentstart #foerderer li {
	margin-bottom:2em;
	float:left;
	padding: 8px;
	border-right: 1px solid #ccc;
}
#contentstart #foerderer #spk {
	border-left: 1px solid #ccc;
}
#contentstart p{
	max-width:614px;
	display:block;	
}

#content p span.txtlink, #contentstart p span.txtlink{		
	margin:0 0 0 0.3em;		
	display:inline-block;		
}
#content p span.txtlink a, #contentstart p span.txtlink a{		
	color: #64564E; 		
	background: url(../images/pfeil_grau_s.gif) no-repeat left center;	
	text-decoration:none;
	padding-left: 0.7em;	
	white-space:normal;
}



#content p span.txtlink a:hover,
#content p span.txtlink a:focus,
#content p span.txtlink a:active,
#contentstart p span.txtlink a:hover,
#contentstart p span.txtlink a:focus,
#contentstart p span.txtlink a:active
{
	color: #b40000;	
	text-decoration:underline;
	background: url(../images/pfeil_rot_s.gif) no-repeat left center;	
}


#contentstart #bigimg,
#content #bigimg
{
	display:block;
	position:relative;
	height:280px;	
}

#content #thumbs{
	position:absolute;
	top:25px;
	margin-left:550px;
	/*float:left*/
	
}
#content .txt{
	font: normal 0.74em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #333;	
	margin:1.7em 0 0 0;	
	max-width:480px;
}
#content .txt p{
	max-width:450px;
}
#content .txt h2{
	font: bold 1.20em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin:0 0 0.7em 0;
}
#contentstart h2.start{
	font: bold 1.20em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin:0 0 0.7em 0;
}
#content .txt h3{
	font: bold 1.20em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 0.7em 0 ;
}
#content .txt img{
	float:left;
	display:block;
	margin: 0.2em 0.7em 0.2em 0;
}
/*----------------------------- / content -----------------------------*/

/*----------------------------- hover bei image-map -----------------------------*/

#content #bigimg #mapgif{
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	z-index:99;
	width:535px;
	height:270px;	
	
}
#bigimg .ov {
	position:absolute;
	z-index:9;
	padding:4px;
	border:1px solid #ccc;
}
#bigimg .ov img{
	float:left;
	clear:left;
}
#bigimg .hvimg
{
	position:absolute;
	display:none;
	z-index:10;
	top:5px;
	left:5px;
	width:535px;
	height:270px;
}


#bigimg .circle{
	background: url(../images/hoverpic/hv_ring.png) no-repeat;
	width:11px;
	height:11px;
	/*display:block;*/
}
#bigimg .visible{
	display:inline;	
} 

#hvsamantikgross9{	top:78px;left:282px;}
#hvsamantikgross10{	top:91px;left:290px;}
#hvsamantikgross11{	top:105px;left:298px;}
#hvsamantikgross12{	top:127px;left:266px;}
#hvsamantikgross13{	top:134px;left:214px;}
#hvsamantikgross14{	top:113px;left:200px;}
#hvsamantikgross15{	top:108px;left:195px;}
#hvsamantikgross16{	top:98px;left:171px;}
#hvsamantikgross17{	top:86px;left:233px;}

/*----------------------------- /hover bei image-map -----------------------------*/

/*----------------------------- sitemap -----------------------------*/

ul#sitemap, ul#sitemap ul {
	list-style:none;
	display:block;
	margin:0.5em 0 0.5em 1.5em; 	
}

#sitemap li.main0{
	margin-bottom:1em;
}
#sitemap li.sub0{
	border-top:1px solid #ccc;	
	background-image:none;	
}
#sitemap li.sub1{
	padding-bottom:0.2em;
	border-bottom:1px solid #ccc;	
}
#sitemap li.sub0 a.sub0,
#sitemap li.sub0 span.sub0,
#sitemap li.sub0 a.subflash
{
	display: block;
	padding: 2px 0.3em 2px 0.5em;	
	font-weight: normal;
	text-decoration: none;
	background: #64564E;	
	color:#fff;		
}	
#sitemap li.sub0 a.subflash{	
	background: #333;	
	font-style:italic;	
}
#sitemap li.sub0 a.sub0:hover,
#sitemap li.sub0 a.sub0:focus,
#sitemap li.sub0 a.sub0:active,
#sitemap li.sub0 a.subflash:hover,
#sitemap li.sub0 a.subflash:focus,
#sitemap li.sub0 a.subflash:active
{
	background:#b40000;	
	color:#fff;	
}	

#sitemap li.main0,
#sitemap li.sub1,
#sitemap li.sub2,
#sitemap li.sub3
 {	
	display:block;
	white-space: nowrap;
	background:url(../images/pfeil_grau_s.gif) no-repeat 0px 5px;	
	margin: 0.5em 0 0.5em 0;
}

#sitemap li.main0 a.main0,
#sitemap li.sub1 a.sub1,
#sitemap li.sub2 a.sub2,
#sitemap li.sub3 a.sub3
{
	display:block;
	padding-left: 0.7em;	
	color: #333;	
	text-decoration:none;		
}

#sitemap li.main0 a,
#sitemap li.sub1 a,
#sitemap li.sub2 a,
#sitemap li.sub3 a,
#sitemap li.main0 span,
#sitemap li.sub1 span,
#sitemap li.sub2 span,
#sitemap li.sub3 span

{
	display:block;
	padding-left: 0.7em;	
	color: #333;	
	text-decoration:none;	
}

#sitemap li.main0 a:hover,
#sitemap li.main0 a:focus,
#sitemap li.main0 a:active,
#sitemap li.sub1 a:hover,
#sitemap li.sub1 a:focus,
#sitemap li.sub1 a:active,
#sitemap li.sub2 a:hover,
#sitemap li.sub2 a:focus,
#sitemap li.sub2 a:active,
#sitemap li.sub3 a:hover,
#sitemap li.sub3 a:focus,
#sitemap li.sub3 a:active
{
	color: #b40000;
	text-decoration: underline;
	background:url(../images/pfeil_rot_s.gif) no-repeat 0px 5px;	
}


#sitemap li.keinPfeil{
	background:none;
}


/*----------------------------- /sitemap -----------------------------*/


/*-----------------------------  letzer ausweg fuer clear probs ---------------------*/
.clrfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clrfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clrfix {height: 1%;}
.clrfix {display: block;}
/* End hide from IE-mac */
/*----------------------------- / letzer ausweg fuer clear probs ---------------------*/


/*-----------------------------  ie specials -----------------------------*/
/* können später noch z.B mit cc eingebunden werden*/


/*-----------------------------  ie specials -----------------------------*/