/*
	Accessible News Slider : Plugin Specific
-----------------------------------------------------------------------------------------*/

.accessible_news_slider img {
	border: 0;
}

.accessible_news_slider li,
.accessible_news_slider p {
	font-family: "Arial", "Verdana", sans-serif;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.6;
}

.accessible_news_slider {
	font-size: 11px;
	position: relative;
	overflow: hidden;
}
.accessible_news_slider .javascript_css {
	position: relative;
	z-index: 3;
	padding: 20px;
	background: #fffcd3;
}
.accessible_news_slider .skip_to_news {
	position: absolute;
	top: 0;
	left: -9999px;
}
.accessible_news_slider .back {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.accessible_news_slider .back a,
.accessible_news_slider .next a {
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
}
.accessible_news_slider .next {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.accessible_news_slider ul {
	position: relative;
	left: 0; /* important for ie!! */
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}

.n98_slidecontainer {
	position: relative;
}

/*
	Accessible News Slider : Plugin Specific : Theme [ Netz98-Referenzen Slider Mittel ]
	Eingesetzt auf Startseite und Referenzen-Seite
-----------------------------------------------------------------------------------------*/

/*** @section 
 *   Breite der Einzelmodule im Slider!
 *   Der Slider multipliziert die Menge mit der Breite!
 *   An Inhalt anzupassen! 
 ***/ 

.accessible_news_slider li {
	float: left;
	display: inline;
	width: 455px;
}

.n98_ref_middle .view_all {
	display: none;
}

.n98_ref_middle  {
	padding: 0 22px;
	width: 455px;
}

.n98_ref_middle a {
	color: #105b9e;
	padding-left: 1px;
}

/*** @section 
 *    Aufteilung des Einzelmoduls in Bild (links) und Text (rechts)!
 ***/ 

.n98_ref_middle .n98_refimage {
	float: left;
	width: 304px;
}

.n98_ref_middle .n98_reftext {
	float: left;
	width:145px;
	padding-right:5px;
}

/*** @section 
 *    Vor-Zurück-Pfeile!
 ***/

.n98_ref_middle .back {
	width: 22px;
	height: 350px;
	background: #fff;
	top: 0px;
}

.n98_ref_middle .next {
	width: 24px;
	height: 350px;
	left: 475px;
	background: #fff;
	top: 0px;
}

.n98_ref_middle .next a {
	width: 22px;
	height: 62px;
	line-height: 62px;
	background: url(../../../../fileadmin/img/bt_arrow_next.png) no-repeat top center;
	text-indent: -999em;
	margin-top: 150px;
}

.n98_ref_middle .next a:hover {
}


.n98_ref_middle .back a {
	width: 22px;
	height: 62px;
	line-height: 62px;
	background: url(../../../../fileadmin/img/bt_arrow_back.png) no-repeat;
	text-indent: -999em;
	margin-top: 150px;
}

.n98_ref_middle .back a:hover {
}

.n98_ref_middle ul li ul li {
	margin-top: 10px;
	width: auto;
}

.n98_ref_middle ul li ul li a {
	background: url(images/ico_arrow_blue.gif) no-repeat;
	padding-left: 12px;
}

/*
	Accessible News Slider : Plugin Specific : Theme [ Netz98-Referenzen Slider Mini (Nur Logos) ]
	Eingesetzt auf Startseite und Referenzen-Seite
-----------------------------------------------------------------------------------------*/

/*** @section 
 *   Breite der Einzelmodule im Slider!
 *   Der Slider multipliziert die Menge mit der Breite!
 *   An Inhalt anzupassen! 
 ***/ 

.n98_small_refs .accessible_news_slider li {
	float: left;
	display: inline;
	width: 111px;
	height: 87px;
	/*width: 138px;*/
}

.n98_ref_small .view_all {
	display: none;
}

.n98_ref_small  {
	padding: 0 22px;
	width: 465px;
}

.n98_ref_small  ul {
	margin-left: 15px;
}

.n98_ref_small a {
	color: #105b9e;
}

/*** @section 
 *    Aufteilung des Einzelmoduls in Bild (links) und Text (rechts)!
 ***/ 

.n98_ref_small .n98_refimage {
	float: left;
	background: url(images/bg_customers.gif) top left no-repeat;
	width: 101px;
	height: 86px;
	padding-top: 1px;
	/*width: 295px;*/
}

/* todo Bildgroesse anpassen */

.n98_ref_small .n98_refimage img{
	display: block;
	margin: auto;
	/*padding: 34px;*/
}


.n98_ref_small .n98_reftext {
	float: left;
	width: 150px;
}

#n98_ref_small .n98_refimage a {
	background: none;
}

/*** @section 
 *    Vor-Zurück-Pfeile! 
 ***/

.n98_ref_small .back {
	width: 35px;
	height: 90px;
	background: #fff;
	top: 0px;
	left: 0px;
}

.n98_ref_small .next {
	background: #FFFFFF none repeat scroll 0 0;
	height: 90px;
	left: 480px;
	top: 0;
	width: 46px;
}

.n98_ref_small .next a {
	width: 22px;
	height: 62px;
	line-height: 62px;
	background: url(../../../../fileadmin/img/bt_arrow_next.png) no-repeat top center;
	text-indent: -999em;
	/*margin-top: 50px;*/
	margin-top: 18px;
}

.n98_ref_small .next a:hover {
}

.n98_ref_small .back a {
	background:transparent url(../../../../fileadmin/img/bt_arrow_back.png) no-repeat scroll 6px 0;
	height:62px;
	line-height:62px;
	margin-top:18px;
	text-indent:-999em;
	width:35px;
}

.n98_ref_small .back a:hover{
}

.n98_ref_small ul li ul li {
	margin-top: 10px;
	width: auto;
}

.n98_ref_small ul li ul li a {
	background: url(images/ico_arrow_blue.gif) no-repeat;
	padding-left: 12px;
}

.n98_ref_small .more {
	margin-top: 10px;
}

/*
	Accessible News Slider : Plugin Specific : Theme [ Netz98-Referenzen Slider Sidebar (Screenshots) ]
	Eingesetzt auf Startseite und Referenzen-Seite
-----------------------------------------------------------------------------------------*/

/*** @section 
 *   Breite der Einzelmodule im Slider!
 *   Der Slider multipliziert die Menge mit der Breite!
 *   An Inhalt anzupassen! 
 ***/ 

 .n98_ref_sidebar {
	width: 230px;
}
 
.n98_sidebar_refs .accessible_news_slider li {
	float: left;
	display: inline;
	width: 220px;
}

.n98_sidebar_refs .view_all {
	display: none;
}

.n98_sidebar_refs {
	padding: 0 22px;
	width: 230px;
}

.n98_sidebar_refs a {
	color: #105b9e;
}

/*** @section 
 *    Aufteilung des Einzelmoduls in Bild (links) und Text (rechts)!
 ***/ 

.n98_sidebar_refs .n98_refimage {
   float: left;
   width: 160px;
}

.n98_sidebar_refs .n98_reftext {
   float: left;
   width: 150px;
}

/*** @section 
 *    Vor-Zurück-Pfeile! 
 ***/

.n98_sidebar_refs .back {
	width: 21px;
	height: 120px;
	background: transparent;
	top: 0px;
}

.n98_sidebar_refs .next {
	width: 21px;
	height: 120px;
	left:210px;
	background: transparent;
	top: 0px;
}

.n98_sidebar_refs ul {
	margin-left:35px;
}

.n98_sidebar_refs .next a {
	width: 21px;
	height: 70px;
	line-height: 70px;
	background: transparent url(images/bt_arrow_next.png) no-repeat scroll 0 0;
	text-indent: -999em;
	margin-top: 30px;
}

.n98_sidebar_refs .back a {
	width: 21px;
	height: 70px;
	line-height: 70px;
	background: transparent url(images/bt_arrow_back.png) no-repeat scroll 0 0;
	text-indent: -999em;
	margin-top: 30px;
}

.n98_sidebar_refs ul li ul li {
	margin-top: 10px;
	width: auto;
}