/*
// NSD Sicherheitsdienst
// Copyright© 2017 NSD Sicherheitsdienst. 
// http://www.nsdsicherheit.de/.../styles_nsd_lay.css


22.03.2017
BACKGROUND-COLOR = #F7F7F7
COLOR + LINKS	= #3D3D6D

*/
/* scrolleiste internet explorer ab vers.5.5 */

body {
  font-family: Verdana, Helvetica, Arial;
  scrollbar-face-color: #dadada;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-highlight-color: #000000;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #ECECEE;
  scrollbar-arrow-color: #000000;
/* änderung ... 22.03.2017-*/
/*	background: #000 url('#../images/lay/back_top.png') repeat; */

	BACKGROUND-COLOR: #F7F7F7;
	COLOR: #FFF; 
	margin: 0; 
	padding: 0;
	text-align: center; 
	height:100%;
	min-height:100%;
}


/* ******************************************************************************
	RAHMEN NEU--- LINKS RECHTS PLUS FOOTER INNEN.....22.03.2017  --ANFANG
********************************************************************************* */

/*...ANFANG...NEU RAHMEN LINKS RECHTS PLUS FOOTER INNEN.....22.03.2017-*/

.li {
width:6%;
height:auto;
background-image:url(../images/lay/lay-rand/rand2.jpg);
border-left:solid 1px #3F3F3F;border-right:solid 0px #000;
}

.re {
width:6%;
height:auto;
background-image:url(../images/lay/lay-rand/rand1.jpg);
border-right:solid 1px #3f3f3f;border-left:solid 0px #000;
}

/* footer_li_re --INNEN */
#footer_li_re {
border-bottom: 0px solid  #222;
border-top: 1px solid #DADADA;
padding: 5px 10px 5px 15px;
background: #ECECEC;
COLOR: #FFF;
height:20px; line-height:20px;
}

/* ******************************************************************************
	RAHMEN NEU--- LINKS RECHTS PLUS FOOTER INNEN.....22.03.2017  --ENDE
********************************************************************************* */


/*...ANFANG...NEU VERLAGERT VON ...styles_nsd.css...   ...22.03.2017-*/


/* ******************************************************************************
	HEADER  --ANFANG
********************************************************************************* */

/* -------------------------  #logo */
#logo {
	width:360px;
	text-align:left;
	background:  url('../images/lay/lay-logo/lay-logo.png') no-repeat ; 
	height:35px;
	position:absolute;
	top:15px;
	float:left;
}

/* -------------------------  #text unter Logo --------*/
#logotxt {
	COLOR: #3D3D6D;
	font-size:14px;
	padding-top:22px;
	padding-left:8px;
	text-align:left;
}

#logo_divider {
	background: url('../images/lay/border-dark.png') repeat-x left 90%;
	height:2px;
	position:relative;
	top:75px;
}

/* -------------------------  #header_back --------TOP BACK	*/
#header_back {
	left: 0;
	margin: 0 auto;
	padding: 0;
	z-index: 1001;
	height: 85px;
	min-height: 85px;
	width: 100%;
	background: #000 url('../images/lay/back_top.png') repeat; 
	border-bottom: thin solid black;
}



.default_back {
	position: fixed;
	top: 0px;
	width: 100%;
	    -webkit-box-shadow: 0 8px 6px -6px black;
           -moz-box-shadow: 0 8px 6px -6px black;
                box-shadow: 0 8px 6px -6px black;
}

hr {background: url('../images/lay/border-dark.png') repeat-x left 90%; height:2px;
	position:relative;
	border:none;
	margin-top:15px;
	margin-bottom:15px;
}

/* -------------------------  #header-nav --------	*/

#header-nav{
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top: 25px;
	COLOR:#BBB;
	text-transform:uppercase ;
	font-size:12px;
	float:right;
}

#header-nav ul { 
	padding:0; 
}

#header-nav li { 
	display:inline ;
	background-image: url('../images/menu-dark.png') ; 
	background-position: 0% ;
	background-repeat: no-repeat;
	padding: 1px 8px;
}

/* änderung ... 22.03.2017
BACKGROUND = #ECECEC;
border-top: 1px solid #DADADA;

--Alles für den headerSub unter den LAYBILDER
linter Text // LANG // LINKS
.headerSub / .headerSubcontent
--2 neue Tabellen 
--ab 28.03.2017 (breadcrumbs)
*/

.headerSub { border-bottom: 0px solid  #222; border-top: 1px solid #DADADA; padding: 5px 10px 5px 15px; background: #ECECEC;  COLOR: #FFF; height:20px; line-height:20px;}
.headerSubcontent { width:960px; margin:auto;}


/* -------------------------  #header_content Hintergrund TOP aussen (alles) */
#header_content {
width:960px;
	text-align:left;
	background: url('../images/stripes-dark.png') ; 
	height:85px ;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}



/* ******************************************************************************
	HEADER  --ENDE
********************************************************************************* */

/* ******************************************************************************
	BREADCRUMBS  --ANFANG
********************************************************************************* */


/* -------------------------  #breadcrumbs --------	*/

#breadcrumbs ul { 
	padding:0; 
}

/* änderung ... LINKS reche Seite wagrecht -22.03.2017  */
#breadcrumbs li { 
	padding-bottom: 0px;
	display:inline ;
	background-image: url('#../images/lay/menu-dark.png') ; 
	background-position: 0% ;
	background-repeat: no-repeat;
	padding: 0px 0px;
	COLOR: #999999;
}

/* änderung ... TEXT linke Seite -22.03.2017  */
.breadcrumbsTXTlinks{ 
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	text-align:left;
	font-size:11px;
	font-weight: normal;
	COLOR: #3D3D6D;
}

/* 
#breadcrumbs li a {COLOR:#BBB; margin-left:0px; margin-right:5px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal;}
/* #breadcrumbs li a:hover{ COLOR: white; margin-left:0px; margin-right:5px; padding: 1px 0px; border-radius: 10px; -webkit-border-radius: 10px; background: #568B1E;}
#breadcrumbs li a:hover {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D6D;font-size: 12px; text-decoration: none;}
 */

/* änderung ... 22.03.2017  LINS BREADCRUMBS */ 
.breadcrumbs { font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; COLOR: #3D3D6D; text-decoration: none; }
.breadcrumbs:link {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D6D;font-size: 11px; text-decoration: none;}
.breadcrumbs:active {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D6D;font-size: 11px; text-decoration: none;}
.breadcrumbs:visited {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D6D;font-size: 11px; text-decoration: none;}
.breadcrumbs:hover {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #999999;font-size: 11px; text-decoration: none;}

/* ******************************************************************************
	BREADCRUMBS  --ENDE
********************************************************************************* */


/* ******************************************************************************
	FOOTER  FEST AUSSEN  --ANFANG
********************************************************************************* */


/* änderung ... 22.03.2017
.footer
BACKGROUND = #ECECEC;

*/

.footer_border_top { 
	width:960px;
	margin:0 auto;
	height:2px;
	background-image: url('../images/footer/footer_dark.png');
}


.footer {
/*	BACKGROUND: #ECECEC url('#../images/footer/footer_bg.png') repeat-x center top; */
	BACKGROUND: #ECECEC;
	border-bottom: 1px solid #555;
	height:45px;
	font-family: Thoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	COLOR: #999;
	width:100%;
	position: fixed;
	bottom: 0;
}

.footer_bar {
	font-family: Thoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	COLOR: #3D3D3A;
	padding: 5px 55px 5px 55px;
	text-align:left;
	width:960px;
}


.footer_bar_small {
	font-family: Thoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOR: #999;
	padding: 5px 55px 5px 55px;
	min-width:960px;
	overflow:hidden;
}

/* LINS mitte + rechts */
.bc_linksfooter:link {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D3A;font-size: 12px; text-decoration: none;}
.bc_linksfooter:active {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D3A;font-size: 12px; text-decoration: none;}
.bc_linksfooter:visited {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D3A;font-size: 12px; text-decoration: none;}
.bc_linksfooter:hover {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #999999;font-size: 12px; text-decoration: none;}

/* LINS links COPYRIGHT© */
.bcl_linksfooter:link {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D3A;font-size: 11px; text-decoration: none;}
.bcl_linksfooter:active {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D3A;font-size: 11px; text-decoration: none;}
.bcl_linksfooter:visited {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #3D3D3A;font-size: 11px; text-decoration: none;}
.bcl_linksfooter:hover {font-family: Thoma, Arial, Helvetica, sans-serif; COLOR: #999999;font-size: 11px; text-decoration: none;}



/* ******************************************************************************
	FADER  --ANFANG (header klein/ groß -- Psition) SCHRINK
********************************************************************************* */


#fader_small{position:relative;width:960px;height:130px;top:0px;margin:auto;margin-bottom:0px;z-index:1;}
.fade_holder_small{width:944px;height:130px;position:absolute;background-repeat:no-repeat;}
.fade_holder_small img{background:transparent;}

#fader{position:relative;width:960px;height:300px;top:0px;margin:auto;margin-bottom:0px;z-index:1;}
.fade_holder{width:944px;height:300px;position:absolute;background-repeat:no-repeat;}
.fade_holder img{background:transparent;}

#fader_navigation{display:none; }
.label_text { width:100%; background:#000; z-index:150;position:absolute;bottom:0px;left:4px;  filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8; }
.label_text p {padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px;z-index:1;}


/* ******************************************************************************
	FADER  --ENDE (header klein/ groß -- Psition) SCHRINK
********************************************************************************* */