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

.body {
	background-image: url(../images/werbeagentur-leipzig-02.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.bestellen_link:link, a.bestellen_link:active {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.bestellen_link:visited {
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.bestellen_link:hover {
	color: #FFffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	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 ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- Kontaktfeld Start ----------------------------------------------- */

.kontaktdaten {
	position:absolute;
	left:300px;
	top:0px;
	width: 300px;
	z-index:1;
}
/* -- Kontaktfeld Start ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- Formulartext Start ----------------------------------------------- */

.submit {
	width: 110px;
	height: 20px;
	border: solid 1px #ced2ca;
	background-color: #ffffff;
	color:#FF9900;
	margin: 0 0 0 0;
	padding-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.formulartext {
	background-color: #ffffff;
	color:#FF9900;
	margin: 0 0 0 0;
	padding-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 200px;
}
.textfield {
	width:200px;
	background-color: #ffffff;
	color:#FF9900;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/* -- Formulartext End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/
/* -- Referenzmenü Start ----------------------------------------------- */
.referenzmenu {
	position: absolute;
	width: 692px;
	height: 40px;
	left: 0px;
	top: -25px;
	z-index: 6;
}
.referenzmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: justify;
}
.referenzmenu ul li {
	margin: 0;
	padding: 0; 
	display: inline; 
}
.referenzmenu ul li span { 
	display: none; 
}
.referenzmenu ul li a {
	display: inline; 
	padding: 4px 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-decoration: none;
	color: #666666;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.referenzmenu ul li a:hover
{
	color: #ffffff;
	background-color:#FF9933;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.referenz_active a:link, .referenz_active a:visited, .referenz_active a:hover {
	color: #fff;
	background-color:#FF9933;
}


/* -- Referenzmenü 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-11.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: 706px;
	height: 542px;
	left: 244px;
	background-color: #FFFFFF;
}
.contentlayer_innen {
	position: absolute;
	width: 692px;
	height: 528px;
	left: 251px;
	top: 7px;
	background-color: #FFFFFF;
	z-index: 1;
}
.contentlayer_innen h1 {
	height:185px;
	background-image: url(../images/novamedia-leipzig.jpg);
	margin-top: 0px;
}
.contentlayer_innen h1 span {
	display:none;
}
.contentlayer_unten {
	position: absolute;
	width: 692px;
	height: 365px;
	left: 251px;
	top: 169px;
	z-index: 2;
	background-position: 0px 343px;
}
.contentlayer_swf {
	position: absolute;
	width: 692px;
	height: 360px;
	left: 251px;
	top: 174px;
	z-index: 2;
	background-position: 0px 343px;
}
.contentlayer_unten_textinhalt {
	width: 692px;
	height: 343px;
	position: absolute;
	left: 251px;
	top: 7px;
	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;
}
.schrift_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #666666;
}

.schrift_normal_fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #666666;
	font-weight: bold;
}
/* -- Text Styles End ----------------------------------------------- */
/*---------------------------------------------------------------------------------*/

.referenz_innen {
	position:absolute;
	width: 320px;
	height: 240px;
	left: 57px;
	top:20px;
	background-color: #FFFFFF;
	border: 1px solid #FF9900;
}
.referenztext {
	position:absolute;
	width: 230px;
	height: 250px;
	left: 410px;
	top: 20px;
}
.quadratrahmen {
	height: 16px;
	width: 320px;
	position: absolute;
	visibility: visible;
	left: 57px;
	top: 280px;
	z-index:3;
}


.quadrat1 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute;  visibility: visible; border: solid 1px #f93; }
a.quadrat1:link,a.quadrat1:visited,a.quadrat1:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif;  }
a.quadrat1:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f93; position: absolute; width: 14px; height: 14px; display:block; border: solid 1px #f99d1c; }
a.quadrat1selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f93; position: absolute; width: 14px; height: 14px; display:block; border: solid 1px #f99d1c; }

.quadrat2 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute; left: 33px; visibility: visible; border: solid 1px #f93; }
a.quadrat2:link,a.quadrat2:visited,a.quadrat2:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 33px; }
a.quadrat2:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 33px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px;  }
a.quadrat2selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 33px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }


.quadrat3 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute; left: 65px; visibility: visible; border: solid 1px #f93; }
a.quadrat3:link,a.quadrat3:visited,a.quadrat3:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 65px; }
a.quadrat3:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 65px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }
a.quadrat3selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 65px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }

.quadrat4 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute; left: 97px; visibility: visible; border: solid 1px #f93; }
a.quadrat4:link,a.quadrat4:visited,a.quadrat4:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 97px; }
a.quadrat4:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 97px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }
a.quadrat4selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 97px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }

.quadrat5 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute; left: 129px; visibility: visible; border: solid 1px #f93; }
a.quadrat5:link,a.quadrat5:visited,a.quadrat5:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 129px; }
a.quadrat5:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 129px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }
a.quadrat5selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 129px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }

.quadrat6 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute; left: 161px; visibility: visible; border: solid 1px #f93; }
a.quadrat6:link,a.quadrat6:visited,a.quadrat6:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 161px; }
a.quadrat6:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 161px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }
a.quadrat6selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 161px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }

.quadrat7 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute; left: 193px; visibility: visible; border: solid 1px #f93; }
a.quadrat7:link,a.quadrat7:visited,a.quadrat7:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 193px; }
a.quadrat7:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left:193px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }
a.quadrat7selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left:193px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }

.quadrat8 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute; left: 225px; visibility: visible; border: solid 1px #f93; }
a.quadrat8:link,a.quadrat8:visited,a.quadrat8:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 225px; }
a.quadrat8:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 225px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }
a.quadrat8selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 225px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }

.quadrat9 { color: #fff; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; height: 14px; width: 14px; position: absolute; left: 257px; visibility: visible; border: solid 1px #f93; }
a.quadrat9:link,a.quadrat9:visited,a.quadrat9:active{ color: #fff; display:block; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 257px; }
a.quadrat9:hover{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 257px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }
a.quadrat9selected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 257px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }

.next {
	color: #f93;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	height: 14px;
	width: 32px;
	position: absolute;
	left: 257px;
	visibility: visible;
	border: solid 1px #f93;
	line-height: 14px;
	text-align: center;
}
a.next:link,a.next:visited,a.next:active{ color: #f93; display:block; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 288px; }
a.next:hover{ background-color: #f93; color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 288px; display:block; border: solid 1px #f99d1c; }
a.nextselected{ color: #f93; font-size: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; left: 288px; display:block; border: solid 1px #f99d1c; background-color: #f93; position: absolute; width: 14px; height: 14px; }


















img { 
	position:absolute; 
	top:0px;
	border:none;
}
h1 {
	text-align:center;
}
a{
	color:#fff;
}
.clear{
	clear:both;
}
#images{
	visibility:hidden;
}
#loading{
	left:20px;
	top:130px;
	text-align:center;
	width:100%;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
}
#bestellen{
	left:10px;
	top:340px;
	text-align:left;
	width:60px;
	color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
}
#loading img{
	margin-top:10px;
	position:relative; 
}
#captions{
	visibility:hidden;
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative; 
	z-index:10001;
}
#slider{
	visibility:hidden;
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}
#imageflow{
	width: 650px;	
	position:absolute;
	left:0px;
}
#changelog{
	width:349px;
	border-right:solid 1px #666;
	float:left;
	margin-top: 15px;
}
#changelog div{
	text-align: justify;
	padding: 0 15px 5px 15px;
}