@charset "iso-8859-1";
/* CSS Document */

.body {
	background-image: url(../images/werbeagentur-leipzig.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-position: center center;
	position: absolute;
	overflow:hidden;
	background-color: #333333;
	background-attachment: fixed;	
}
.centerlayer {
	position: absolute;
	left: 50%;
	margin-left: -475px;
	width: 950px;
	top: 50%;
	margin-top: -280px;
	height: 560px;
}
/* -- Links Start ----------------------------------------------- */

a.normal_link:link, a.normal_link:active {
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a.normal_link:visited {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: underline;
}
a.normal_link:hover {
	color: #FF6600;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: underline;
}
a.normal_selected {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: underline;
}
a.mehr_infos:link, a.mehr_infos:visited {
	width: 100px;
	height: 22px;
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 22px;
	text-align: center;
	border: 1px solid #FF9900;
	padding-right: 3px;
	padding-left: 3px;
}
a.mehr_infos:hover {
	width: 80px;
	height: 18px;
	display: inline;
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	text-align: center;
	background-color:#FFF1EA;
}
.mehr_infos span {
display: none;
}
/* -- Links End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- HauptmenÃfÆ'Ã,¼ Elemente Start ----------------------------------------------- */
.navcontainer {
	position: absolute;
	width: 200px;
	height: 360px;
	left: 27px;
	top: 175px;
	background-color: #FFFFFF;
	z-index: 1;
}
.navcontainer ul {
	margin:0;
	padding: 109px 0 0 0; /* Pixelwert muss je nach Anzahl der MenÃfÆ'Ã,¼elemente neu angepasst werden*/
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	position: absolute;
}
.navcontainer ul li a span {
	display: none;
}
.navcontainer li {
	margin: 0;
	padding: 0 0 0 0;
}
.li_doppelt { /*Leerzeile im MenÃfÆ'Ã,¼*/
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 0 0 0 7px;
	width: 193px;
	height: 41px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #fff;
	background-repeat: no-repeat;
}
.navcontainer a {
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 0 0 0 7px;
	width: 193px;
	height: 20px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #fff;
	background-image: url(../images/menu_normal.jpg);
	background-repeat: no-repeat;
}
.navcontainer a:link, .navlist a:visited {
	padding: 0 0 0 7px;
	color: #666666;
	text-decoration: none;
}
.navcontainer a:hover {
	background-image: url(../images/menu_hover.jpg);
	background-color: #fff;
	color: #fff;
	background-repeat: no-repeat;
}
.active a:link, .active a:visited, .active a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 0 0 0 7px;
	width: 193px;
	height: 20px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #fff;
	background-image: url(../images/menu_hover.jpg);
	background-repeat: no-repeat;
}
/* -- HauptmenÃfÆ'Ã,¼ Elemente End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- HauptmenÃfÆ'Ã,¼ Umgebungs_DIVs Start ----------------------------------------------- */
.menulayer {
	position: absolute;
	width: 234px;
	height: 542px;
	background-color: #FFFFFF;
}
.menulayer_innen {
	position: absolute;
	width: 220px;
	height: 528px;
	left: 7px;
	top: 7px;
	background-color: #FFFFFF;
}
.pfeillayer {
	position:absolute;
	width: 20px;
	height: 360px;
	left: 7px;
	top: 175px;
	background-color: #FFFFFF;
	background-image: url(../images/novamedia-leipzig-10.gif);
	background-repeat: no-repeat;
	background-position: 0px 109px;
}
/* -- HauptmenÃfÆ'Ã,¼ Umgebungs_DIVs End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- Logolayer Start ----------------------------------------------- */

.logolayer {
	position: absolute;
	width: 220px;
	height: 273px;
	left: 7px;
	top: 7px;
	background-image: url(../images/werbeagentur-logo.gif);
	z-index: 2;
}
/* -- Logolayer End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- SubmenÃfÆ'Ã,¼ Elemente Start ----------------------------------------------- */

.subnavcontainer {
	position: absolute;
	width: 950px;
	height: 18px;
	top: 542px;
}
.subnavcontainer ul {
	list-style-type: none;
	list-style-image:none;
	margin: 0;
	padding-right: 0px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	line-height: 20px;
}
.subnavcontainer li {
	display: inline;
}
.subnavcontainer ul li a {
	text-decoration: none;
	padding: .1em 0.4em;
	color: #FFFFFF;
}
.subnavcontainer ul li a:hover {
	text-decoration: none;
	padding: .1em 0.4em;
	color:#FFC6AA;
}

.subnavactive a:link, .subnavactive a:visited, .subnavactive a:hover {
	text-decoration: none;
	padding: .1em 0.4em;
	color:#FFC6AA;
}
.extern { /* externe Links*/
	display:none;
}
.weg { /* interne Links*/
	display:none;
}
/* -- SubmenÃfÆ'Ã,¼ Elemente End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- Contentlayer  Elemente Start ----------------------------------------------- */

.contentlayer {
	position: absolute;
	width: 562px;
	height: 542px;
	left: 244px;
	background-color: #FFFFFF;
}
.contentlayer_innen {
	position: absolute;
	width: 548px;
	height: 528px;
	left: 251px;
	top: 7px;
	background-color: #FFFFFF;
	z-index: 1;
}
.contentlayer_innen h1 {
	height:185px;
	background-image: url(../images/video.jpg);
	margin-top: 0px;
}
.contentlayer_innen h1 span {
	display:none;
}
.contentlayer_unten {
	position: absolute;
	width: 548px;
	height: 343px;
	left: 251px;
	top: 192px;
	background-image: url(../images/video.jpg);
	z-index: 2;
	background-position: 0px 343px;
}
.contentlayer_unten_textinhalt {
	width: 468px;
	height: 310px;
	position: absolute;
	left: 298px;
	top: 222px;
	z-index: 3;
	overflow:hidden;
}
/* -- Contentlayer  Elemente End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- Text Styles Start ----------------------------------------------- */
.h2_text_class {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.top_h2_text_class {
	margin:0;
	padding:0;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.p_text_class {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.top_p_text_class {
	margin:0;
	padding:0;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.anker {
	display:none;
}
/* -- Text Styles End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- 4er Reihe Bilder Start ----------------------------------------------- */

.bild1_layer {
	position: absolute;
	width: 134px;
	height: 128px;
	left: 816px;
	background-color: #FFFFFF;
}
.bild2_layer {
	position: absolute;
	width: 134px;
	height: 128px;
	left: 816px;
	top: 138px;
	background-color: #FFFFFF;
}
.bild3_layer {
	position: absolute;
	width: 134px;
	height: 128px;
	left: 816px;
	top: 276px;
	background-color: #FFFFFF;
}
.bild4_layer {
	position: absolute;
	width: 134px;
	height: 128px;
	left: 816px;
	top: 414px;
	background-color: #FFFFFF;
}
.bild1_layer_innen {
	position: absolute;
	width: 120px;
	height: 114px;
	left: 823px;
	top: 7px;
	background-color: #FFFFFF;
}
.bild2_layer_innen {
	position: absolute;
	width: 120px;
	height: 114px;
	left: 823px;
	top: 145px;
	background-color: #FFFFFF;
}
.bild3_layer_innen {
	position: absolute;
	width: 120px;
	height: 114px;
	left: 823px;
	top: 283px;
	background-color: #FFFFFF;
}
.bild4_layer_innen {
	position: absolute;
	width: 120px;
	height: 114px;
	left: 823px;
	top: 421px;
	background-color: #FFFFFF;
}
/* -- 4er Reihe Bilder End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- 4er Reihe Bilder Link ----------------------------------------------- */

a.bildlink_01:link, a.bildlink_01:active, a.bildlink_01:visited {
	width: 120px;
	height: 114px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	background-image: url(../images/filmproduktion-leipzig.jpg);
	background-repeat: no-repeat;
}
a.bildlink_01:hover {
	width: 120px;
	height: 114px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	background-image: url(../images/filmproduktion-leipzig-mo.jpg);
	background-repeat: no-repeat;
}
a.bildlink_01 span {
	display:none;
	}
a.bildlink_02:link, a.bildlink_02:active, a.bildlink_02:visited {
	width: 120px;
	height: 114px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	background-image: url(../images/film-produktion-leipzig.jpg);
	background-repeat: no-repeat;
}
a.bildlink_02:hover {
	width: 120px;
	height: 114px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	background-image: url(../images/film-produktion-leipzig-mo.jpg);
	background-repeat: no-repeat;
}
a.bildlink_02 span {
	display:none;
	}
a.bildlink_03:link, a.bildlink_03:active, a.bildlink_03:visited {
	width: 120px;
	height: 114px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	background-image: url(../images/produktionsfirma-leipzig.jpg);
	background-repeat: no-repeat;
}
a.bildlink_03:hover {
	width: 120px;
	height: 114px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	background-image: url(../images/produktionsfirma-leipzig-mo.jpg);
	background-repeat: no-repeat;
}
a.bildlink_03 span {
	display:none;
	}
a.bildlink_04:link, a.bildlink_04:active, a.bildlink_04:visited {
	width: 120px;
	height: 114px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	background-image: url(../images/fernsehproduktion-leipzig.jpg);
	background-repeat: no-repeat;
}
a.bildlink_04:hover {
	width: 120px;
	height: 114px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	background-image: url(../images/fernsehproduktion-leipzig-mo.jpg);
	background-repeat: no-repeat;
}
a.bildlink_04 span {
	display:none;
	}