/* Standarddefinitionen */
*{	margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; border:0;}
html{ width: 100%; height: 100%;}
body{ font-size: 82%; color:#000000; height:101%;}

table, td, h3, h4, ul { font-size: 90%; color:#000000;}
p { margin-bottom: 10px;}
h1{	font-size: 130%; font-weight: bold;	color: #2D6AA8;	margin: 0 0 15px 0;}
h2{	font-size: 110%; font-weight: bold;	color: #000000;	margin: 20px 0 10px 0;}

a {	font-size: 100%; color: #2D6AA8;}
a.activ{ font-weight: bold;	text-decoration: none;}

.leftalign{	float: left;}
.rightalign{ float: right;}
.clear{	clear: both;}
.hide{ display: none;}
.show{ display:block;}
.blue{ color:#2D6AA8;} /* Für Pagenavigation */


/* Später löschen!!!!! */
.alignleft{	float:left;}
.alignright{ float:right;}

/* Layout - Hauptelemente */
#printFooter{ display: none;}
#wrapper{ position:relative; top:0px; left: 0px; margin: 0 auto 0 auto; width: 974px;}
#header{
	margin: 30px auto 15px auto;
	width: 964px;
	height: 31px;
	text-align:center;
	background-image: url(/deutsch/wLayout/design/img/logos/spk_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#body4a #pages { position: absolute; top: 150px; left: 565px; text-align: right; width: 260px;}

/* 4 Spalten Standard (mit Bild 100px) */
#body4a { min-height: 380px; clear: both;}
#body4a #spalte1{ width: 195px;	float: left; text-align: left;}
#body4a #spalte2{ margin: 0 0 0 10px; width: 105px;	float: left; text-align: left;}
#body4a #spalte3{ margin: 0 0 0 10px; width: 509px;	float: left; text-align: left;}
#body4a #spalte4{ margin: 0 0 0 15px; width: 130px;	float: left; text-align: left;}

/* 4 Spalten Einrichtungen  (Bild 130px) */
#body4b {clear: both;}
#body4b #spalte1{ width: 195px;	float: left; text-align: left;}
#body4b #spalte2{ margin: 0 0 0 10px; width: 135px;	float: left; text-align: left;}
#body4b #spalte3{ margin: 0 0 0 10px; width: 479px;	float: left; text-align: left;}
#body4b #spalte4{ margin: 0 0 0 15px; width: 130px;	float: left; text-align: left;}

/* 4 Spalten Einrichtungen  Standortkarten */
#body4c {clear: both;}
#body4c #spalte1{ width: 195px;	float: left; text-align: left;}
#body4c #spalte2{ margin: 0 0 0 10px; width: 105px;	float: left; text-align: left;}
#body4c #spalte3{  position:relative; top:0px; left: 0px; margin: 0 0 0 10px; width: 513px;	float: left; text-align: left;}
#body4c #spalte4{ margin: 0 0 0 10px; width: 130px;	float: left; text-align: left;}

/* 4 Spalten Einrichtungen  Diashow */
#body4d {clear: both;}
#body4d #spalte1{ width: 195px;	float: left; text-align: left;}
#body4d #spalte2{ margin: 0 0 0 10px; width: 105px;	float: left; text-align: left;}
#body4d #spalte3{ margin: 0 0 0 10px; width: 509px;	float: left; text-align: left;}
#body4d #spalte4{ margin: 0 0 0 15px; width: 130px;	float: left; text-align: left;}



/* STARTSEITE */
#startbild{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}
#startinfo{
	padding: 20px 0 0 0 ;
}
#ticker{
	width: 700px;
	color: #2D6AA8;
}
#ticker h1{
	margin: 0px;
	padding: 3px;
	font-size: 1em;
	background-color: #C5D4E5;
}
#ticker ul{
	margin: 3px 0 3px 0;
	padding: 0 0 0 10px;
	list-style-type: square;
}
#ticker ul li{
	margin: 0 10px 0 10px;
}

#extraLink{
	color: red;
	font-weight: bold;
	width: 272px;
	text-align: right;
}
#extraLink h1{
	margin: 0px;
	padding: 3px;
	font-size: 1em;
	color: #FF0000;
	background-color: #C5D4E5;
	text-align: right;
}
#extraLink a{
	color: #2D6AA8;
	font-weight: bold;
}
#extraLink a:hover{
	color: red;
	font-weight: bold;
	text-decoration: none;
}

img#museum_spenden{
	margin-top: 5px;
}



/* CONTENT-ELEMENTE */

#contentImage{
	width: 100px;
	margin: 0;
	padding: 0;
}
#contentImage #imageDescription{
	width: 100px;
}

#contentText{ margin: 0 0 10px 0; text-align: left;}
#contentText ul{list-style-type: square; margin:0 0 20px 20px;}
#contentText ul li{ padding: 0 0 8px 0;}

.contentRight{
	position:relative;
	top: 0px;
	left: 0px;
	width: 130px;
	margin: 0 0 0 0;
	padding: 0;
}
#contentRight ul{
	list-style-type: none;
}
#contentRight ul li{
	padding: 0 0 8px 0px;
}
#contentRight ul li.disk, #contentRight a.disc{
        display: block;
	padding-left: 20px;
	background-image:url(/deutsch/wLayout/design/img/icons/disk.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
}


.imageRight{
	margin: 0 0 20px 0;
	padding: 0;
}

/* Content Presse */
#contentListe .pageNav{
	width: 440px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align:right;
}

#contentListe ul{
	width: 440px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contentListe ul li.presse{
	background-image: url(/deutsch/wLayout/design/img/icons/pdf.gif);
	background-position: 0px 4px;
	background-repeat:no-repeat;
	margin: 0 0 12px 0;
	padding: 0 0 6px 26px;;
	border-bottom: 1px dashed #2D6AA8;
	line-height: 24px;
}


#contentListe ul li.online{
	background-image: url(/deutsch/wLayout/design/img/icons/link.gif);
	background-position: 0px 4px;
	background-repeat:no-repeat;
	margin: 0 0 12px 0;
	padding: 0 0 6px 26px;;
	border-bottom: 1px dashed #2D6AA8;
	line-height: 24px;
}


/* Einrichtungen */

#charlottenburg1{ position: absolute; top: 110px; left: 100px;}
#charlottenburg2{ position: absolute; top: 184px; left: 220px;}
#charlottenburg3{ position: absolute; top: 175px; left: 320px;}
#charlottenburg4{ position: absolute; top: 310px; left: 196px;}
#charlottenburg5{ position: absolute; top: 150px; left: 56px;}
#dahlem1{ position: absolute; top: 254px; left: 230px;}
#dahlem2{ position: absolute; top: 400px; left: 300px;}
#dahlem3{ position: absolute; top: 85px; left: 325px;}
#koepenick1{ position: absolute; top: 280px; left: 176px;}
#tiergarten1{ position: absolute; top: 70px; left: 285px;}
#tiergarten2{ position: absolute; top: 110px; left: 170px;}
#tiergarten7{ position: absolute; top: 155px; left: 166px;}
#tiergarten3 {position: absolute; top: 270px; left: 100px;}
#tiergarten4{ position: absolute; top: 475px; left: 90px;}
#tiergarten5{ position: absolute; top: 250px; left: 300px;}
#tiergarten6{ position: absolute; top: 295px; left: 205px;}
#mitte1{ position: absolute; top: 125px; left: 335px;}
#mitte2{ position: absolute; top: 50px; left: 85px;}
#mitte3{ position: absolute; top: 140px; left: 148px;}
#mitte4{ position: absolute; top: 180px; left: 260px;}
#mitte5{ position: absolute; top: 240px; left: 320px;}
#mitte6{ position: absolute; top: 330px; left: 240px;}
#mitte7{ position: absolute; top: 294px; left: 165px;}

#body4c .menu a{ text-decoration: none; font-size: 100%; font-weight: normal;}
#body4c .menu ul li{list-style-type: none;}
#body4c .menu li{margin-bottom: 3px; color: #999999;}
#body4c .menu h2{margin-bottom: 3px;}
#body4c .menu h2 a, #body4c .menu a strong{font-weight: bold;}

/* Popup Fenster */
#InfoHead { 
width: 630px;
height: 90px;
margin: auto;
}

#InfoTitel{ 
width: 630px;
height: 25px;
margin: auto;
}

#InfoText{
display: block; 
width: 630px;
margin: auto;
}
#InfoLink{ 
width: 630px;
height: 18px;
margin: auto;
}


/* Bildergalerie */
#diashow{ width:505px;}
#diashow_row{ width:505px;}
#diashow .thumbnail{
   float:left;
   width: 127px;
   margin-bottom: 25px;
   margin-right: 33px;
   border: 0px;
   font-size: 90%;
   color:#2D6AA8;
}

#diashow .thumbnail img{
     border: 0 ;
}