/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body {
font-family: Arial,Verdana, Helvetica, sans-serif;
margin:0 0 0 0 ;
padding:0 0 0 0;
color:#282725;
font-size:100.1%;
background-color:#d0cdbe;
height:auto;
}

#typo {
font-size:0.7em;
line-height:135%;
min-width:800px;
width:71.5em;
*width:71em;
padding:18px 0 0 0;
position: relative;
}
* html #typo {
font-size:0.71em;
}

h1, h2, h3, h4, h5, h6, p, a, ul, li, div, span, img {
margin:0;
padding:0;
border:0;
font-family: Arial,Verdana, Helvetica, sans-serif;
}

/* Unsichtbare Elemente außerhalb des Bildschirms */
.unsichtbar, .ubar, .nurDruck {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}
a:link {text-decoration: none; color : #000;}
a:visited {text-decoration: none;  color:#3e3d39;}
a:hover {text-decoration: underline;}

.clear {
clear:both;
display:block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

dl, dt, dd, img, li {margin:0; padding:0; border:0;}

.head {
display:block;
}

h2.titel {
float:left;
width:auto;
font-size:110%;
margin:0 0 9px 15px;
*margin:0 0 0 15px;
*padding-bottom:5px;
}

.logo {
position:absolute;
z-index:2;
right:18px;
}
/* - - - - - - - - - - - -  Raster  - - - - - - - - - - - - */
.content {
float:left;
display:block;
background-color:#fff;
min-width:590px;
width:53.70em;
*width:53.05em;
min-height:542px;
*height:554px;
margin-top:-4px;
*margin-top:0px;
background-image:url(../images_dokumente/00-layout/07-microsites/micro_re.jpg);
background-repeat:repeat-y;
background-position:right top;
position:relative;
padding-bottom:15px;
}
.inhalt {
display:block;
padding-bottom:15px;
*padding-bottom:12px;
}
.rechts {
float:left;
min-width:192px;
width:16.95em;
*width:17.00em;
margin-right:7px;
margin-top:49px;
*margin-top:38px;
text-align:left;
line-height:125%;
}
img.rundung {
float:right;
width:auto;
*margin-right:-3px;
}
.meta {
position:absolute;
bottom:0px;
z-index:5;
}

/* - - - - - - - - - - - -  senkrechte Navigation rechts  - - - - - - - - - - - - */
ul.navigation {
list-style-type:none;
}
ul.navigation li {
margin-bottom:3px;
*margin-bottom:1px;
}
.navigation a  {
display:block;
*display:inline-block;
background-color:#ecebe5;
min-height:92px;
height:8.15em;
color:#535049;
background-image:url(../images_dokumente/00-layout/07-microsites/micro-teaser-n.gif);
background-repeat:no-repeat;
background-position:right bottom;
position:relative;
width:100%;
}
.navigation a:hover,
.navigation a.aktiv {
text-decoration:none;
background-color:#68655c;
color:#fff;
background-image:url(../images_dokumente/00-layout/07-microsites/micro-teaser-h.gif);
}
.navigation a .teaserHead {
display:block;
font-weight:bold;
font-size:120%;
padding:5px 18px 4px 6px;
margin-right:5px;
background-image:url(../images_dokumente/00-layout/gesamt/pfeil_center.gif);
background-repeat:no-repeat;
background-position:right center;
position:relative;
}
.navigation a:hover .teaserHead,
.navigation a.aktiv .teaserHead {
background-image:url(../images_dokumente/00-layout/gesamt/pfeil_center-h.gif);
}
.navigation a span.text {
display:block;
padding:5px 5px 5px 7px;;
}
.navigation a img,
.navigation a .teaserImg {
display:block;
/*width:192px;*/
width:100%;
min-height:67px;
height:auto;
*height:67px;
position:absolute;
bottom:0;

}
.navigation a:hover .teaserImg {
display:none;
}
.navigation a.aktiv .teaserImg {
display:block;
}
/* - - - - - - - - - - - -  Metanavigation rechts  - - - - - - - - - - - - */
.meta ul {
list-style-type:none;
*display:inline-block;
margin-left:-7px;
}
.meta ul li {
color:#3e3d39;
float:left;
padding:12px 0 12px 0;
position:relative;
*top:5px;
}
.meta ul li a{
font-size:90%;
line-height:90%;
color:#3e3d39;
padding:0 7px 0 7px;
border-right:1px solid #3e3d39;
}
.meta ul li.icon a {
border-right:0;
/*nur wenn Druck-Icon eingesetzt ist
vertical-align:bottom;
*/
}
.meta ul li.icon a img {
*margin-top:3px;
}
/* - - - - - - - - - - - -  Content  - - - - - - - - - - - - */
h1 {
margin:49px 40px -2px 50px;
font-size:180%;
font-weight:bold;
line-height:110%;
}
h1 img {
margin-top:-6px;
}
.homeImg {
margin-bottom:11px;
margin-top:17px;
}
.inhalt h2 {
font-size:110%;
}
.modul {
display:block;
margin:8px 0 7px 0;
padding:0 46px 0 50px;
}
.modul p a {
background-image:url(../images_dokumente/00-layout/07-microsites/micro-pfeil-link.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:21px;
font-weight:bold;
color:#68655c;
}
.modul p {
padding:0 0 5px 0;
margin:0;
}
@media screen and (min-width: 550px){
.modul p {
display:block;
}
}
.modul .text {
padding:0 0 0 0;
margin:0;
width:auto;
}
.text p {
margin:0;
font-size:100%;
}

.modul a.mehr {
display:block;
background-image:url(../images_dokumente/00-layout/gesamt/pfeil_center.gif);
background-repeat:no-repeat;
background-position:left 0.10em;
color:#68655c;
margin:5px 0 0 0;
padding:0 0 0.15em 20px;
font-weight:normal;
}
/* - - - - - - - - -  Bildpositionierung  - - - - - - - - - */
/*Contentimage links */
dl.imagelinks {
float:left;
padding:0;
margin:0 0 0 0;
}
.textrechts {
margin:0;
padding:0 0 0 30px;
vertical-align:top;
width:auto;
text-align:left;
border:0 solid #E4EAF1;
}
/* C5 Contentspalte, image rechts  */
dl.imagerechts {
float:right;
padding:0;
margin:5px 0 0 0;
}
.textlinks {
margin:0;
padding:0 15px 0 0;
vertical-align:top;
width:auto;
text-align:left;
}

/* C2 Contentimage links, umflossen  */
dl.left {
float:left;
padding:0;
margin:5px 30px 0 0;
}
/* C3 Contentimage rechts, umflossen  */
dl.right {
float:right;
padding:0;
margin:5px 0 0 15px;
}
/*Contentimage mittig */
dl.mitte {
padding:0 0 0 0;
margin-bottom:15px;
}

dl dt { margin: 0; padding:0; margin-bottom:-3px;}
* html dl dt{ margin-bottom:-3px;}

dl dt img {
margin-bottom:0;
padding:0;
}
dl dd {
line-height:110%;
padding:4px 5px 4px 8px;
margin-bottom:10px;
text-align:left;
background-color:#ecebe6;
color:#686669;
}
/*
  nur fuer PC IE wegen Mac IE
\*/
* html dl dd {
padding:3px 5px 3px 8px;
height:auto;
}
* html dl.mitte dd {
margin-bottom:0;
}
/*
*/
/* - - - - - - - - -  Listen  - - - - - - - - - */
.modul ul {
list-style-type:none;
margin:7px 0 7px 0;
}
.modul ul li {
*display:inline-block;
background-image:url(../images_dokumente/00-layout/07-microsites/micro-bullet.gif);
background-repeat:no-repeat;
background-position:left 0.35em;
padding-left:14px;
}
.modul ul.linkliste li {
border-top:1px dotted #382224;
padding:5px 0 5px 0;
background-image:none;
padding-left:0;
}
.modul ul.linkliste a {
display:block;
padding-right:15px;
background-image:url(../images_dokumente/00-layout/07-microsites/micro-pfeil-liste.gif);
background-repeat:no-repeat;
background-position:right 0.25em;
padding-right:17px;
color:#68655c;
}
/* - - - - - - - - -  Pfadnavigation  - - - - - - - - - */
.pfad {
position:relative;
list-style-type:none;
margin:6px 0 7px 15px;
}
.pfad li {
float:left;
width:auto;
background-image:none;
padding-right:5px;
color:#666666;
}
.pfad li a,
.pfad li a:visited {
color:#b2b2b2;
}
.pfad li a.aktuell,
.pfad li a.aktuell:visited {
color:#666666;
}
/* - - - - - - - - -  Bildteaser  - - - - - - - - - */
.bildteaser {
padding-left:45px;
*padding-left:40px;
*margin-top:-2px;
}
.box {
width:22.255em;
height:8.25em;
*width:21.9em;
*height:8.15em;
margin-left:5px;
margin-bottom:5px;
float:left;
background-color:#f0efea;
overflow:hidden;

}
.box img {
float:left;
width:82px;
margin-right:7px;
}
.box .text {
width:auto;
display:block;
padding-left:7px;
padding-right:5px;
}
.box h3 {
display:block;
font-size:100%;
margin-top:4px;
margin-bottom:-1px;
}
.box p {
margin-top:5px;
}
.box p a {
background-image:none;
padding-left:0;
font-weight:normal;
color:#282725;


*position:relative;
}
.box p img {
float:none;
width:auto;
margin:0;
}
/* - - - - - - - - -  Bildergalerie  - - - - - - - - - */
.galerieBox {
float:left;
width:97px;
height:97px;
margin-left:5px;
margin-bottom:15px;
background-color:#f0efea;
overflow:hidden;
}
* html .galerieBox {
margin-left:4px;
}
.galerieBox img {
max-width:97px;
width:expression(this.width > 97? 97: true);
}
/* - - - - - - - - -  Footer  - - - - - - - - - */
.footer {
display:block;
width:45.005em;
*width:44.5em;
min-height:30px;
position:absolute;
bottom:5px;
*bottom:15px;
border-top:1px dotted #382224;
margin:0 0 0 50px;
}
.footer ul {
display:block;
list-style-type:none;
position:relative;
}
.footer ul li {
display:inline;
line-height:250%;
float:left;
width:auto;
position:relative;
top:4px;
*top:9px;
}
.footer ul li img {
position:relative;
top:3px;
}
.footer ul li.footerLeft,
.footer ul li.footerMiddle,
.footer ul li.footerRight  {
width:33%;
}
.footer ul li.footerMiddle {
text-align:center;
*margin-top:-6px;
}
.footer ul li span {
font-weight:bold;
color:#000;
padding:0 8px 0 7px;
border-right:1px solid #282725;
}
.footer ul li span a,
.footer ul li span a:visited {
color:#68655c;
}
.footer ul li span.last {
border:0;
}
.footer ul li.footerRight {
float:right;
text-align:right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - Lightbox- - - - - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	background-color:transparent;
	}
#lightboxDetails {
	font-size: 0.8em;
	font-weight:bold;
	padding-top: 8px;
	padding-bottom: 8px;
	color:#fff;
	border-bottom:1px dotted #fff;
	}
#lightboxCaption{ display:block; }
#keyboardMsg{ display:block;}
#closeButton{ top: 1px; right: 1px; display:none; }

#lightbox img{ border: 1px solid #fff; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(../images_dokumente/00-layout/gesamt/overlay.png); }

* html #overlay{
	background-image:none;
	background-color: #9d9d9d;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.swp-potsdam.de/swp/media/images_dokumente/00-layout/gesamt/overlay.png", sizingMethod="scale");
	}

a.closeBox,
a.closeBox:visited {
background-image:url(../images_dokumente/00-layout/07-microsites/micro-close.gif);
background-repeat:no-repeat;
background-position:left 0.8em;
padding-left:20px;
color:#fff;
padding-top:8px;
position:absolute;
left:0;
margin-top:8px;
display:block;
font-weight:normal;
}
/* - - - - - - - - - - - - - - - - - Lightbox-Ersatz ohne JavaScript - - - - - - - - - - - - - */
.noscriptContent {
width:auto;
margin:15px 0 20px 0;
text-align:center;
}
.noscriptContent dl {
margin:auto;
}
.noscriptContent dd {
background-color:transparent;
padding:5px 2px 3px 2px;
margin:0;
font-size:110%;
color:#3e3d39;
font-weight:bold;
}
.noscriptContent img {
border:1px solid #fff;
}
.noscriptContent .footer {
display:block;
width:100%;
min-height:30px;
position:relative;
bottom:0;
border-top:1px dashed #382224;
margin:0 0 0 0;
font-size:100%;
font-weight:normal;
}
.noscriptContent .footer ul li img {
border:0;
}