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

/*                        Basis-Stylesheet                           */

/*                     für www.museumsportal-berlin.de               */

/*      copyright 2007/2008 Sunbeam GmbH www.sunbeam-berlin.de       */

/*                                                                   */

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




* {
margin: 0;
padding: 0;
border: 0 none;
}

html {
height: 100.1%;
}/* 'kuenstlicher' scrollbar */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
background-color: #fff;
color:#222;
margin: 0.5em;
text-align: center;/*IE*/
}

#wrapper {
margin: 0 auto;
text-align: left;
width:82em;
background-color: #fff;
color:#222;
text-align:left;
}

/* === header-bereich === */
#header {
height: 133px;
background-color: #fff;
color:#222;
}

#header #header-logo p {
display: none;
}

#header #header-logo {
background-color:#FFFFFF;
color:#222222;
height:134px;
position:absolute;
z-index:25;
}

#header #header-bild {
background-color:#FFFFFF;
height:134px;
float: right;
position:relative;
top:0pt;
z-index:0;
}


/* hauptmenue */

#topmenue {
height: 4em;
background-color: #f9f9f9;
color:#222;
border-bottom: 1px solid #e7e7e7;
background-repeat: repeat-x;
background-position: bottom left;
clear: both;
}

#topmenue ul.left {
list-style: none;
margin:0pt 0pt 0pt 7px;
padding: 16px 0px 0px 3px;
}

#topmenue ul.right{
float:right;
list-style: none;
padding: 0 10px 0 0;
margin-top: -15px;
clear:left;
}

#uid436 #topmenue ul.right {
margin-top: 16px
}

 *+html #topmenue ul.right{
margin:0px;
}

#topmenue ul.right li{
display: inline;
	
}

#topmenue ul.right li a{
display: inline;
padding: 0 5px 0 5px;
text-decoration:none;
}

#topmenue ul.right li a:hover, 
#topmenue ul.right li a:focus, 
#topmenue ul.right li a:active{
text-decoration:underline;
}

#topmenue ul.left li {
display: inline;
}


#topmenue ul.left li a {
border-right:1px solid #e7e7e7;
color:#64A500;
font-size:125%;
padding:4pt 10px 0pt;
text-decoration:none;
font-weight: 700
}

#topmenue ul.left li a:hover, 
#topmenue ul.left li a:focus,
#topmenue ul.left li a:active{
color:#414141;
}

#topmenue table.left {
margin:0pt 0pt 0pt 7px;
padding: 16px 0px 0px 3px;
}

#topmenue table.left td a {
border-right:1px solid #e7e7e7;
color:#64A500;
font-size:125%;
padding:4pt 10px 0pt;
text-decoration:none;
font-weight: 700;
}

#topmenue table.left td a:hover, 
#topmenue table.left td a:focus,
#topmenue table.left td a:active{
color:#414141;
}

#topmenue table.left td.aktiv {
color:#414141;
}

div a.topmenu-layer2{
    text-decoration: none;
    padding-bottom:5px;
    display: block;
}
div a:hover.topmenu-layer2{
    text-decoration: underline;
}

#topmenue ul.left li a.topsub {
padding: 0 5px;
font-size: 100%;
font-weight: normal;
color: #666;
text-decoration: none;
background: none
}
 
#topmenue ul.left li.aktiv {
border-right:1px solid #e7e7e7;
color:#414141;
font-size:125%;
padding:4pt 10px 0pt;
text-decoration:none;
font-weight: 700
}
 
#topmenue ul.right li.notranslation {
padding:1em 5px 0;
color: #999;
}

#breadcrumb {
margin: 0;
padding: 0 0 10px 0;
display: none
}

#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active{
text-decoration: none;
}

#breadcrumb span{
float: right; padding-right:40px; margin-top: -15px
}


body#uid436 ul.sb_teaserbox li {
background:transparent none repeat scroll 0% 50%;
border:4px double #ececec;
margin-top:1em;
padding:7px;
}

/**/



#breadcrumb p {
font-size: 90%;
padding: 0px 0px 0px 20px;
}
#breadcrumb em {
font-style:normal;
}

#service {
background:#fff url(../images/bg_service.gif);
background-position:left bottom;
background-repeat:repeat-x;
border: 1px solid #e7e7e7;
height:4.5em;
margin:7px 0pt 15px 0px;
padding: 10px
}

/* suche */
#service #searchform {
float: left;
width: auto;
}

#service #searchform form {
margin:5px 0pt 0pt 3px;
}

#service #searchform .tx-wgxmportal-pi1-searchbox {
	margin:5px 0pt 0pt 3px;
}

#service #searchform .tx-wgxmportal-pi1-searchbox td {
	font-size:80%;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#service #searchform input.tx-wgxmportal-pi1-searchbox-sword {
border:1px solid #CCCCCC;
height:1.25em;
margin-left:5px;
padding-left:5px;
width:19.6em;
}

#service #searchform input.tx-wgxmportal-pi1-searchbox-sword:hover {
border: 1px solid #999;
}

#service #searchform input.submit, #service #searchform .tx-wgxmportal-pi1-searchbox input.tx-wgxmportal-pi1-searchbox-button {
width: 8.7em;
padding: 2px 14px;
font-weight: normal;
font-size:95%;
background: #65A500 /*url(../images/bg_submit.gif) no-repeat scroll 3px 50%*/;
color: #fff;
cursor: pointer;
margin: 0;	
border: 1px outset #65A500;
}

#service #searchform input.submit:hover, #service #searchform input.tx-wgxmportal-pi1-searchbox-button:hover {
background:#686868 /*url(../images/bg_submit_over.gif) no-repeat scroll 3px 50%*/;
color:#fff;
cursor:pointer;
border: 1px outset #686868;
}

.csc-mailform input#mailformformtype_mail:hover {
background:#686868 /*url(../images/bg_submit_over.gif) no-repeat scroll 0px 50%*/;
color:#fff;
cursor:pointer;
border: 1px outset #686868;
}

#service #searchform input.tx-wgxmportal-pi1-searchbox-chk {
font-weight:400;
font-size:95%;
color:#fff;
cursor:pointer;
border:1px solid #64A500;
margin: 0px 0px 0px 2px;
padding: 0px;
width: 1.8em;
}

#service #searchform div.tx-wgxmportal-pi1-searchbox-chklayer {
	margin-bottom: 6px;
	font-size: 90%
}

/*kalender */
#service #kalender {
background-color:#FFFFFF;
border:1px solid #E7E7E7;
color:#454545;
float:right;
font-family:tahoma,helvetica,arial;
margin:7px 0pt 0pt;
width:auto;
}

#service #kalender ul {
list-style: none;
margin-right: 20px;
padding: 0;
font-size: 90%;
}

#service #kalender ul li {
display: inline;
}

#service #kalender ul.monat {
margin: 3px 0 6px 0;
color: #454545;
padding: 0;
text-align: left
}

#service #kalender ul.tag {
margin: 3px 0 3px 0;
color: #454545;
}

#service #kalender ul.monat li.prev {
background-color:#fff;
border-left:1px solid #fff;
padding:3px 50px 3px 3px;
}

#service #kalender ul.monat li a,
#service #kalender ul.tag li a {
background-color:#FFFFFF;
border-top:1px solid #e0e0e0;
color:#454545;
padding:3px;
text-decoration:none;
}

#service #kalender ul.monat li a:hover, #service #kalender ul.tag li a:hover,
#service #kalender ul.monat li a:focus, #service #kalender ul.tag li a:focus,
#service #kalender ul.monat li a:active, #service #kalender ul.tag li a:active{
background-color: #65A500;
color: #fff;
text-decoration: none;
padding: 3px 3px 3px 3px;
}


#service #kalender ul.monat li.now a, #service #kalender ul.tag li.now a {
margin: 5px 0 8px 0;
color: #454545;
background-color: #d5f4a6;
}

#service #kalender ul.monat li.current a, #service #kalender ul.tag li.current a {
margin: 5px 0 8px 0;
color: #fff;
background-color: #65A500;
}

#service #kalender ul.tag li .history {
background-color:#fff;
border-top:1px solid #e0e0e0;
color:#e0e0e0;
padding:3px;
text-decoration:none;
}


/* === content-bereich === */

#content {
position:relative;
z-index: 20;
margin: 0 0 0 20px;
background-color: #fff;
color:#222;
clear: both;
}

/* rechte spalte */
#content #marginalie {
background:#fff none repeat scroll 0% 50%;
float:right;
width:18em;
}

#content #marginalie ul {
list-style-type:none;
padding:0;
margin:5px 0pt 10px 10px;
font-size: 95%;
}


#content #marginalie li {
padding: 3px 0
}

#uid436 #content #marginalie {
margin:2em 0pt 0pt 3em;
}


#content #marginalie p.feedbackp {
margin:0px 0pt 10px 10px;
padding:10px 0pt 5px;
font-size: 95%;
}


#content #marginalie h3.feedback {
background:#fff url(../images/bg_margih3.gif) repeat-x scroll left bottom;
margin-top:10px;
}

#content #marginalie h3 {
background:#fff url(../images/bg_margih3.gif) repeat-x scroll left bottom;
border:1px solid #f0f0f0;
font-size:1.2em;
padding:9px;
}



#content #marginalie .teaser h3.vorschau {
background-image: url(../images/linie_margi.gif);
background-repeat: repeat-x;
background-position: bottom left;
}


#content #marginalie .teaser h3.backgr {
/* background: #D5F3A6 url(../images/bg_shophead.gif) no-repeat top right; */
color:#222;
margin-top: 25px
}


#content #marginalie p {
margin: 5px 0 10px 10px;
height:100%;
font-size: 95%;
}


#content #marginalie .teaser ul {
list-style: none;
margin: 10px 0 0 10px;
padding: 0;
}
#content #marginalie .teaser ul li {
margin: 10px 0 0 0;
}


#content #marginalie .teaser img.float-right {
float: right;
width: 83px;
margin: 0 0 15px 10px;
}


#content #marginalie .teaser p.rechtsfett {
clear: right;
font-weight: bold;
text-align: right;
background: transparent url(../images/icon_weiter.gif) 100% 50% no-repeat;
padding-right: 20px;
}

#content #marginalie .teaser span.eins {
font-size: 130%;
font-weight: bold;
}
#content #marginalie .teaser span.zwei {
font-weight: bold;
}
#content #marginalie .teaser span.drei {
font-size: 130%;
}




/* mittlere spalte */
#centercontent {
float: left;
width: 73.8%;
}
#centercontent h2 {
margin-bottom: 5px;
font-size: 130%;
background: url(../images/centercontent_linie.gif);
background-repeat: repeat-x;
background-position: bottom left;
}
#centercontent p {
margin: 10px 0px;
line-height: 1.5;
}

#centercontent #linkespalte-start {
float: left;
width: 28em;
margin: 0em 3em 0 0;
position: relative;
}

#centercontent .textbox-start {
float: left;
width: 28em;
position: relative;
margin: 0 0 0 0;
}

#centercontent #linkespalte-start .block-1,
#centercontent .textbox-start .block-1 {
background: url(../images/linie_topmenue.gif);
background-repeat: repeat-x;
background-position: bottom left;
padding: 0 0 10px 0;
clear: right;
}
#centercontent #linkespalte-start .block-2,
#centercontent .textbox-start .block-2 {
background: url(../images/linie_topmenue.gif);
background-repeat: repeat-x;
background-position: bottom left;
padding: 0 0 10px 0;
clear: right;
}

#centercontent .headlink {
font-weight: bold;
}

#centercontent .block-1 img.float-right {
float: right;
width: 148px;
margin: 0 0 15px 10px;
}

#centercontent .block-2 img.float-right {
float: right;
width: 83px;
margin: 0 0 15px 10px;
}


/* sb_teaserbox styles */

ul.sb_teaserbox {
list-style: none;
padding:0 0 0 0;
line-height: 1.5em
}

ul.sb_teaserbox img {
float:right;
margin:15px 0pt 0pt 15px;
}

ul.sb_teaserbox h3 {
padding: 5px 0 5px 0;
font-size:115%
}

ul.sb_teaserbox h4 {
margin: 0px 0 10px 0;
}


ul.sb_teaserbox li {
background:transparent url(../images/linie_topmenue.gif) repeat-x scroll left bottom;
padding-bottom:10px;
float:left;
}


/*============================================*/
/* headings */
h1, h2, h3, h4 {
background-color: transparent;
color:#414141;
margin: 0pt
}
h1 {
font-size: 200%;
}
h2 {
padding: 5px 0px 5px 0px;
font-size: 150%;
}
h3 {
font-size: 130%;
}
h4 {
font-size: 100%;
}

h5 {
font-size: 130%;
background: url(../images/centercontent_linie.gif);
background-repeat: repeat-x;
background-position: bottom left;
color: #fff;
margin: 0;
padding:5px 0px
}

/* links */
a {
background-color: transparent;
color: #64A500;
}

#content a:visited {
color: #4c7e00;
}

#content a:focus {
color: #fff!important;
background-color: #64A500;
}

#content a:active {
color: #fff!important;
background-color: #64A500;
}

#content a:hover {
background-color:#65A500;
color:#fff;
text-decoration:none;
padding:2px 0;
}

/* others */
.invis, hr {
display: none;
}

.clear-right {
clear: right;
}
.clear-left {
clear: left;
}
.clear-both {
clear: both;
}

.extern {
background: transparent url(../images/icon_extern.gif) 100% 50% no-repeat;
padding-right: 15px;
}




/*==============================================*/
/* Bastelecke - merkwuerdiges Verhalten des IE in 
   der Marginalie (springende Links etc.) */

* html #content #marginalie .teaser {
margin: 0 5px 20px 0;
}

* html #content #marginalie .teaser a,
* html #content #marginalie .teaser a:hover {
height: 1%;
margin: 0 1px;
padding: 0;
}

* html #content #marginalie .teaser .newsletterbox {
padding: 0;
position: relative;
}
* html #content #marginalie .teaser .newsletterbox input.nl-bestell {
width: 10em;
}
* html #content #marginalie .teaser a {
position: relative;
}

* html #centercontent #linkespalte-start .block-2,
* html #centercontent .textbox-start .block-2 {
margin-top: 10px;
}

/* hcalender sytles*/ 
.date {
display:none;
}

abbr, acronym, .explain {
background:transparent none repeat scroll 0%;
border-bottom:1px dotted Black;
cursor:help;
}

#footer {
text-align:right;
float:right;
height: 2em;
max-width: 80.4em;
width:100%;
margin-top:2em;
padding-top:0.5em;
background: url(../images/centercontent_linie.gif);
background-repeat: repeat-x;
background-position: top left;
}


#footer .web20
{
	float: left;
}

#footer .social {
background:transparent url(../images/social.gif) 0 50% no-repeat;
padding-left:15px;
margin-right:1em;
}

#footer .favorites {
background:transparent url(../images/favorites.gif) 0 50% no-repeat;
padding-left:15px;
margin-right:1em;
}


#footer .drucken {
background:transparent url(../images/druck.gif) 0 50% no-repeat;
padding-left:15px;
margin-right:1em;
}

#footer .nachoben {
background:transparent url(../images/icon_oben.gif) 0 50% no-repeat;
padding-left:15px;
}

.trenner
{
	clear: both;
	height: 1px;
	overflow: hidden;
	width: 100%;
}

/* ausgeblendete Gliederungspunkte */

#sprungnav {position: absolute; left: 0; top: 0em; list-style: none; z-index: 30;}

#sprungnav li {position: absolute; left: -180em;}

#sprungnav a {position: absolute; background: #eee; color: #000;
width: 15em; font-weight: bold; padding: 0.4em;
}

#sprungnav a:active, #sprungnav a:focus {
    position: absolute; left: 180em; z-index: 100;
    padding-left: 1em;
}

/* TagCloud Formate */

a.tx-wgxmportal-tclink {
	text-decoration: none;	
	background-color: #FFFFFF;
	color: #64A500;	
}

#content a.tx-wgxmportal-tclink:hover {
	color: #fff;
}

.tx-wgxmportal-tclink span.tc-0 {
	font-size: 110%;
}

.tx-wgxmportal-tclink span.tc-1 {
	font-size: 120%;
	font-weight: bold;
}

.tx-wgxmportal-tclink span.tc-2 {
	font-size: 130%;
	font-weight: bold;
}

.tx-wgxmportal-tclink span.tc-3 {
	font-size: 140%;
	font-weight: bold;
}

.tx-wgxmportal-tclink span.tc-4 {
	font-size: 150%;
	font-weight: bold;
}

.tx-wgxmportal-tclink span.tc-5 {
	font-size: 160%;
	font-weight: bold;
}



.tx-newloginbox-pi1 fieldset {
background:#F2F8EA;
padding:0px 0px 5pt 10px;
border: none
}

.tx-newloginbox-pi1 fieldset div {
margin-top:0.4em;
}

.tx-newloginbox-pi1 h3 {
margin-top: 25px
}

.tx-newloginbox-pi1 fieldset div input {
border: 1px solid #96D678;
width: 190px
}

.tx-newloginbox-pi1 fieldset .login{
color:white;
background: #65A500 /*url(../images/bg_submit.gif) no-repeat scroll 0pt 50%*/;
border:1px outset #65A500;
font-family:verdana,tahoma,arial;
font-size:95%;
margin:5px 10px 0pt 0;
padding:3px 14px;
}



.tx-newloginbox-pi1 input.logout {
color:white;
background: #65A500 /*url(../images/bg_submit.gif) no-repeat scroll 0pt 50%*/;
border:1px outset #65A500;
font-family:verdana,tahoma,arial;
font-size:95%;
margin:0px 12px 0pt;
padding:3px 14px;
}


.tx-newloginbox-pi1 input.logout:hover {
background:#686868 /*url(../images/bg_submit_over.gif) no-repeat scroll 0pt 50%*/;
border:1px outset #686868;
color:#fff;
cursor:pointer;
padding:3px 14px;
}

.tx-newloginbox-pi1 fieldset .login:hover {
background:#686868 /*url(../images/bg_submit_over.gif) no-repeat scroll 0pt 50%*/;
border:1px outset #686868;
color:#fff;
cursor:pointer;
padding:3px 14px;
}


/* COUNTDOWN STYLE */

div.countdown input {
background-color:#ffffff;
border:1px solid #fff;
font-size:12px;
font-family: arial, helvetica, sans serif;
color:#222;
background-color: #fff
}

div.countdown form p {
font-size:10px;
color:#888;
margin: 0 0 0 2em;
padding-top: 1.2em;
}


body#uid436 div.countdown form p, body#uid436 div.countdown input {
background-color:#F7F7F7;
border: none;
}


/*stefan*/
/*
.nodisplay {
position: absolute;
text-indent: -999em;
}
*/
#centercontent .nodisplay, #searchform .nodisplay {
	display: none;
}

/* Bannerausgabe im footer */

.amc {
background:#EDE9E1 none repeat scroll 0%;
float:left;
height:80px;
margin:10px 4px;
width:170px;
}

.amc  img{
border: 0;
}

#footer2 {
background:#fff;
float:left;
height:157px;
width: 730px;
text-align: left;
margin-left: 15px;
}

#footer2 #footerinfo {
width:740px;
}

.bannernote {
font-size: 95%;
color: #666;
margin-left: 10px;
}


/* Partner LInks */
p.csc-frame-frame1 img {
vertical-align: -3px;
padding-left: 5px;
border: none
}

#marginalie .csc-textpic-text p a{
line-height: 1.2em
}

/*Newsletter*/
#content #marginalie  h3.newsletter {
background-image: none;
padding: 7px 0 15px 10px;
background-color: #fff;
color:#222;
border-bottom: 1px solid #96D678;
}

#content #marginalie  #newsletterbox p {
position: relative;
padding: 0px;
}


#content #marginalie #newsletterbox input.nl-bestell, .csc-mailform input#mailformemail {
border: 1px solid #96D678;
width: 190px;
}

#content #marginalie #newsletterbox input.nl-submit, .csc-mailform input#mailformformtype_mail {
background: #65A500 /*url(../images/bg_submit.gif) no-repeat scroll 0pt 50%*/;
color: #fff;
border: 1px outset #65A500;
cursor: pointer;
margin: 5px 13px 5px 0;
padding: 0;
font-family: verdana, tahoma, arial;
font-size: 95%;
padding: 3px 10px 3px 10px;
}

#content #marginalie #newsletterbox input.nl-submit:hover{
background: #686868;
color: #fff;
border: 1px outset #686868;
cursor: pointer;
margin: 5px 13px 5px 0;
padding: 0;
font-family: verdana, tahoma, arial;
font-size: 95%;
padding: 3px 10px 3px 10px;
}


#content #marginalie p.rightside {
margin-top: -5px
} 

p.anmeldungerfolgreich {color:red;}

h1.hidden {
position:absolute;
left:-3000px
}

.hidden
{
	display: none;
}


#newsticker
{	
	position: relative;
	padding: 10px;
	margin: 0 0 25px 0;
	background:#fcfcfc;
	border: 1px solid #e7e7e7;
}

#newsticker a
{	
	text-decoration: none;
}

#newsticker #newsdetail
{
	position: absolute;
	top: 30px;
	padding: 10px;
	background:#fcfcfc;
	border: 1px solid #e7e7e7;
}

#newsticker ul
{	
	height: 15px;
	list-style: none;
}










#footerparner
{
	padding: 10px 10px 25px 10px;
}

#footerparner h3
{
	font-size: 95%;
	color: #666;
	font-weight: normal;
	margin: 0;
	padding: 0;
}