@charset "utf-8";


/******* BASIC ELEMENTS *******/

h1 {
	font-size: 15px;
	font-weight: bold;
	color: #524534;
	line-height: 1.4 em;
	margin: 0 0 22px 0;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	color: #524533;
	line-height: 1.4 em;
	margin: 22px 0 14px 0;
}

p {
	margin: 8px 0 0 0;
}

iframe {
	margin: 15px 0 0 0;
	border: 1px solid #fff;
}

.first_row {
	margin: 0;
}

.bold {
	color: #322b22;
	font-weight: bold;
}

img.bg {
	/*** Set rules to fill background ***/
	min-height: 100%;
	min-width: 1200px;
	
	/*** Set up proportionate scaling ***/
	width: 100%;
	height: auto;
	
	/*** Set up positioning ***/
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1200px) {
	img.bg {
		left: 50%;
		margin-left: -600px; 
	}
}
		
div#stage {
	/*** This is the only important rule ***/
	/*** We need our content to show up on top of the background ***/
	position: relative; 
	
	/*** These have no effect on the functionality ***/
	font-family: Georgia, Times, serif;
	font-size: 13px;
	color: #26211f;
	line-height: 1.4em;
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: transparent;
}

.wrapper {
	width: 725px;
	margin: 0 auto;
}

.clearer {
	height: 0.01em;
	clear: both;
}

a {
	color: #470800;
	text-decoration: none;
}

a:hover {
	color: #000;
	cursor: pointer;
}

.arrow {
	padding: 0 0 0 16px;
	background: url(../images/arrow.png) no-repeat left center;
}

.spacerSmall {
	line-height: 1px;
	height: 14px;
}

.spacerBig {
	line-height: 1px;
	height: 24px;
}

.noMarginTop {
	margin-top: 0 !important;
}

.noMarginBottom {
	margin-bottom: 0 !important;
}



/******* HEADER *******/


/*#header { width:100%; background:url(images/bg-header.jpg) repeat-x center top; } ***/
/*#header_container { 
	width:100%;
}*/

/*#logo { display:block; position:relative; margin:0 auto; width:460px; height:225px; background:url(images/bg-logo.jpg) no-repeat center top; }*/
#header { 
	position: relative; 
	margin: 0 auto; 
	min-width: 725px;
	width:100%;
/*	width: auto;*/ 
	height: 220px;
/*	margin: 0 0 40px 0; ***/
	background: url(../images/bg-header.png) repeat-x center top; 
}

#logo a {
	width: 170px;
	height: 106px;
	text-indent:-9999px; 	
	position: relative;
	top: 25px;
	left: 10px;
	background: url(../images/logo-pentalpha.png) no-repeat;
	float: left;
}

#nav {
/*** 	width: 232px; ***/
	width: 295px;
	height: 134px;
	position: relative;
	left: 102px;
	float: left;
}

#banderole {
	width: 114px;
	height: 220px;
	position: relative;
/*** 	left: 186px; ***/
	left: 123px;
	background: url(../images/banderole.png) no-repeat;
	float: left;
}



/******* NAVIGATION *******/


ul#menue-1, ul#menue-2 {
	height: 130px;
	display: block;
	float: left;
	border-left: 1px dotted #87827a;
}

ul#menue-1 {
	width: 160px;
}

ul#menue-1 li, ul#menue-2 li {
	margin: 0 0 0 12px;
	list-style: none;
}

#subnav {
/*
	width: 91px;
	height: 100px;
*/
	width: 132px;
	height: 132px;
	position: relative;
/*	top: 160px;
 	left: 132px; ***/
	top: 165px;
	left: 91px;
	background: url(../images/bg-submenue.png) no-repeat;
}

ul#submenue {
	height: 133px;
	padding: 16px 0 0 30px;
	list-style: none;
}

ul#submenue li {
	margin: 0;
	padding: 0 0 30px 0;
}

ul#menue-3 li a#nav_datenschutz, ul#menue-3 li a#nav_datenschutz_aktiv {
	margin: 16px auto 14px;
	list-style: none;
}

ul#menue-3 li a#nav_impressum, ul#menue-3 li a#nav_impressum_aktiv {
	margin: 20px auto 14px;
	list-style: none;
}

ul#menue-3 li a#nav_kontakt, ul#menue-3 li a#nav_kontakt_aktiv {
	margin: 0 auto;
	list-style: none;
}

a#nav_datenschutz,a#nav_datenschutz_aktiv,
a#nav_verlag, a#nav_redaktion, a#nav_bildung, a#nav_produktionen, a#nav_partner, a#nav_kontakt, a#nav_impressum, a#nav_dvds, a#nav_bildungspakete,
a#nav_verlag_aktiv, a#nav_redaktion_aktiv, a#nav_bildung_aktiv, a#nav_produktionen_aktiv, a#nav_partner_aktiv, a#nav_kontakt_aktiv, a#nav_impressum_aktiv, a#nav_dvds_aktiv, a#nav_bildungspakete_aktiv {
	display: block;
	border-style: none;
	background-image: url(../images/buttons.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

a#nav_datenschutz:active,a#nav_datenschutz_aktiv:active,
a#nav_verlag:active, a#nav_verlag_aktiv, a#nav_redaktion:active, a#nav_redaktion_aktiv, a#nav_bildung:active, a#nav_bildung_aktiv, a#nav_produktionen:active, a#nav_produktionen_aktiv, a#nav_partner:active, a#nav_partner_aktiv, a#nav_impressum:active, a#nav_impressum_aktiv, a#nav_kontakt:active, a#nav_kontakt_aktiv, a#nav_dvds:active, a#nav_dvds_aktiv, a#nav_bildungspakete:active, a#nav_bildungspakete_aktiv {
	cursor: default;	
}

/*** Button Verlag ***/

a#nav_verlag, a#nav_verlag:hover, a#nav_verlag_aktiv {
	width: 53px;
	height: 16px;
	margin: 38px 0 0 0;
}

a#nav_verlag {
	background-position: 0 0;
}

a#nav_verlag:hover {
	background-position: -53px 0;
}

a#nav_verlag:active, a#nav_verlag_aktiv {
	background-position: -106px 0;
}

/*** Button Redaktion ***/

a#nav_redaktion, a#nav_redaktion:hover, a#nav_redaktion_aktiv {
	width: 76px;
	height: 16px;
	margin: 22px 0 0 0;
}

a#nav_redaktion {
	background-position: -159px 0;
}

a#nav_redaktion:hover {
	background-position: -235px 0;
}

a#nav_redaktion:active, a#nav_redaktion_aktiv {
	background-position: -311px 0;
}

/*** Button Bildung ***/

a#nav_bildung, a#nav_bildung:hover, a#nav_bildung_aktiv {
	width: 59px;
	height: 16px;
	margin: 22px 0 0 0;
}

a#nav_bildung {
	background-position: -387px 0;
}

a#nav_bildung:hover {
	background-position: -446px 0;
}

a#nav_bildung:active, a#nav_bildung_aktiv {
	background-position: -505px 0;
}

/*** Button Produktionen ***/

a#nav_produktionen, a#nav_produktionen:hover, a#nav_produktionen_aktiv {
	width: 101px;
	height: 16px;
	margin: 76px 0 0 0;
}

a#nav_produktionen {
	background-position: -564px 0;
}

a#nav_produktionen:hover {
	background-position: -665px 0;
}

a#nav_produktionen:active, a#nav_produktionen_aktiv {
	background-position: -766px 0;
}

/*** Button Partner ***/

a#nav_partner, a#nav_partner:hover, a#nav_partner_aktiv {
	width: 56px;
	height: 16px;
	margin: 22px 0 0 0;
}

a#nav_partner {
	background-position: -867px 0;
}

a#nav_partner:hover {
	background-position: -923px 0;
}

a#nav_partner:active, a#nav_partner_aktiv {
	background-position: -979px 0;
}

/*** Button Impressum ***/

a#nav_datenschutz,a#nav_datenschutz:hover,a#nav_datenschutz_aktiv {
  width: 61px;
	height: 12px;
}

a#nav_datenschutz {
  background-position: -1326px 0;
}

a#nav_datenschutz:hover {
	background-position: -1387px 0;
}

a#nav_datenschutz:active,a#nav_datenschutz_aktiv  {
	background-position: -1448px 0;
}


a#nav_impressum, a#nav_impressum:hover, a#nav_impressum_aktiv {
	width: 59px;
	height: 12px;
}

a#nav_impressum {
	background-position: -1035px 0;
}

a#nav_impressum:hover {
	background-position: -1094px 0;
}

a#nav_impressum:active, a#nav_impressum_aktiv {
	background-position: -1153px 0;
}

/*** Button Kontakt ***/

a#nav_kontakt, a#nav_kontakt:hover, a#nav_kontakt_aktiv {
	width: 38px;
	height: 12px;
}

a#nav_kontakt {
	background-position: -1212px 0;
}

a#nav_kontakt:hover {
	background-position: -1250px 0;
}

a#nav_kontakt:active, a#nav_kontakt_aktiv {
	background-position: -1288px 0;
}

/*** Button Bildungspakete ***/

a#nav_bildungspakete, a#nav_bildungspakete:hover, a#nav_bildungspakete_aktiv {
	width: 106px;
	height: 45px;
	margin: 0 0 0 -18px;
}

a#nav_bildungspakete {
	background-position: -120px -17px;
}

a#nav_bildungspakete:hover {
	background-position: -226px -17px;
}

a#nav_bildungspakete:active, a#nav_bildungspakete_aktiv {
	background-position: -332px -17px;
}

/*** Button DVDs ***/

a#nav_dvds, a#nav_dvds:hover, a#nav_dvds_aktiv {
	width: 40px;
	height: 12px;
	margin: 4px 0 0 38px;
}

a#nav_dvds {
	background-position: 0 -17px;
}

a#nav_dvds:hover {
	background-position: -40px -17px;
}

a#nav_dvds:active, a#nav_dvds_aktiv {
	background-position: -80px -17px;
}



/******* CONTENT *******/


#content, #bg-text-head, #bg-text-foot {
	width: 504px;
}

#content {
	height: auto;
	margin: 40px auto 20px;
}

#content_produktionen {
	min-width: 725px;
/*** 	width: 593px; ***/
	width: 630px;
	height: auto;
	margin: 0 auto 20px;
	position: relative;
	top: -92px;
	left: -111px;
}

#text_container_produktionen {
	float: right;
}

#bg-text-head {
	height: 32px;
	background: url(../images/bg-text-head.png) no-repeat;
}


#bg-text-body {
	width: 440px;
	height: auto;
	padding: 0 32px 32px 32px;
	background: url(../images/bg-text-body.png) repeat-y;
	overflow: hidden;
}

#bg-text-foot {
	height: 10px;
	background: url(../images/bg-text-foot.png) no-repeat;
}

ul.address li {
	margin: 4px 0 0 0;
}

.dotted_line {
	height: 1px;
	margin: 28px 0 28px 0;
	border-top: 1px dotted #736c60;
	clear: both;
}

.produktionen_left_side {
	width: 320px;
	margin: 0 20px 0 0;
	float: left;
}

	.produktionen_left_side h2, .produktionen_left_side_small h2 {
		margin-top: 0;
	}

.produktionen_left_side_small {
	width: 304px;
	margin: 0;
	float: left;
}



/******* Accordion »Infotext/Beschreibung« *******/


.accordion {
	width: 440px;
	margin: 5px 0 20px 0;
	position: relative;
	overflow: hidden;
}
	
	.accordion h3 {
		font-family: Georgia, Times, serif;
		font-size: 13px;
		color: #470800;
		width: 58px;
		padding: 5px 0 5px 23px;
		margin: 0;
		background: url(../images/arrow-square.gif) no-repeat left -51px;
	}
	
		.accordion h3:hover, .accordion h3.active:hover {
			color: #000;
			cursor: pointer;
		}
		
		.accordion h3.active {
			font-weight: bold;
			color: #470800;
			width: 72px;
			background-position: left 5px;
		}
	
	.accordion div.infotext {
		margin: 0;
		padding: 0 10px 10px 0;
		display: none;
	}

.accordion ol li {
	list-style: decimal;
	margin-left: 40px;
}



/******* Pics Produktionen *******/


#pic_dvd_da-1, #pic_dvd_da-2, #pic_dvd_gd, #pic_dvd_uf {
	width: 100px;
	height: 152px;
/*** 	margin: 0 0 28px 0; ***/
	float: right;
}

#pic_dvd_da-1 {
	background: url(../images/dvd-ddr-ahoi-1.png) no-repeat;
}

#pic_dvd_da-2 {
	background: url(../images/dvd-ddr-ahoi-2.png) no-repeat;
}

#pic_dvd_gd {
	background: url(../images/dvd-gesundheit-ddr.png) no-repeat;
}

#pic_dvd_ke {
	width: 136px;
	height: 144px;
	margin: 0 0 28px 0;
	float: right;
	background: url(../images/dvds-kulturlandschaften-europas.png) no-repeat;
}

#pic_dvd_uf {
	background: url(../images/dvd-urban-future.png) no-repeat;
}

#pic_buch_le, #pic_buch_zr-1, #pic_buch_zr-2, #pic_buch_zr-3, #pic_buch_zr-4, #pic_buch_zr-5, #pic_buch_slw {
	width: 100px;
	height: 135px;
	margin: 0 0 28px 0;
	float: right;
}

#pic_buch_le {
	background: url(../images/buch-landwirtschaft-entdecken.png) no-repeat;
}

#pic_buch_zr-1 {
	background: url(../images/buch-zeitreise-ddr-1.png) no-repeat;
}

#pic_buch_zr-2 {
	background: url(../images/buch-zeitreisen-ddr-2.png) no-repeat;
	
}
#pic_buch_zr-3 {
	background: url(../images/buch-zeitreisen-ddr-3.png) no-repeat;
	
}
#pic_buch_zr-4 {
	background: url(../images/buch-zeitreisen-ddr-4.png) no-repeat;
	
}
#pic_buch_zr-5 {
	background: url(../images/buch-zeitreisen-ddr-5.png) no-repeat;
	
}
#pic_buch_slw {
	background: url(../images/buch-slw.png) no-repeat;
	
}


/******* Kontakt *******/


.kontakt_left_side {
	width: 188px;
	margin: 0 10px 0 0;
	float: left;	
}

.kontakt_right_side {
	padding: 36px 0 0 0;
	float: right;
}

#align_right {
	font-size: 11px;
	text-align: right;
	margin: 6px 4px 15px 0;
}


.datenschutz ul, .datenschutz li {
  list-style: disc;
  padding-left: 14px;
}