@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body, html {
	height:100%;
}
body {
	background:url('../images/layout/bg-body.png') repeat-x #bdb8ae;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
p, ul, ol, .CompanyDirectoryItem {
	font-size:12px;
	line-height:20px;
	margin-bottom:20px;
}
h2 {
	color:#004a88;
	font-size:22px;
	font-weight:normal;
}
h3 {
	color:#004a88;
	font-size:16px;
	font-weight:normal;
	margin:0 0 18px 0;
}
h4, h5, h6 {
	color:#004a88;
	font-size:14px;
	font-weight:bold;
	margin:0 0 18px 0;
}
a {
	color:#004a88;
}
a img {
	border:none;
}
strong {
	font-weight:bold;
}
div.hr {
	border-bottom:1px dotted #E4E2DE;
	clear:left;
	height:24px;
	margin-bottom:24px;
}
table#anwendungsgebiete {
	border-width: 1px;
	border-style: outset;
	border-color: #004a88 !important;
	border-collapse: collapse;
	width:99%;
}
table#anwendungsgebiete th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color:  #004a88 !important;
	background-color: #f8fafb;
	color:# #004a88 !important;
	text-align:left;
}
table#anwendungsgebiete td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color:  #004a88 !important;
	background-color: white;
	text-align:center;
}
#pagewrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	width:928px;
	background:url('../images/layout/bg-content.png') repeat-y transparent;
	padding-bottom:100px;
}
#header {
	background:url('../images/layout/bg-header.jpg') no-repeat transparent;
	height:220px;
}
#header h1 a {
	display:block;
	width:928px;
	height:155px;
	text-indent:-999em;
	text-decoration:none;
	background:none !important;
}
#navigation {
	/*padding-top:155px;*/
	text-align:center;
}
#content {
	/*background:url('../images/layout/bg-content.png') repeat-y transparent;*/
	min-height:500px;
}
#content h2 {
	padding:0 85px;
	margin-bottom:20px;
}
#content ul, #content ol {
	margin-left:30px;
}
.itemStartseite {
	background:url('../images/layout/bg-produkte-start.png') no-repeat;
	width:255px;
}
#colleft {
	/*border:1px dotted grey;*/
	min-height:220px;
	float:left;
	margin:0 0 0 65px;
	overflow:visible;
	width:535px;
}
#topcap, #botcap {
	background:url('../images/layout/bg-inhalt-topcap.png') no-repeat transparent;
	height:15px;
	width:535px;
}
#botcap {
	background:url('../images/layout/bg-inhalt-botcap.png') no-repeat transparent;
}
#inhalt {
	background:url('../images/layout/bg-inhalt-repeat.png') repeat-y transparent;
	padding:5px 20px;
	width:495x;
}
#colleftfooter {
	font-size:10px;
	margin-top:12px;
	text-align:center;
}
#colright {
	height:220px;
	margin-left:606px;
	padding:0;
	width:260px;
}
#news {
	padding:0;
	margin:0;
}
#topcap_colright, #botcap_colright {
	background:url('../images/layout/bg-marginalie-topcap.png') no-repeat transparent;
	height:15px;
	width:260px;
}
#botcap_colright {
	background:url('../images/layout/bg-marginalie-botcap.png') no-repeat transparent;
}
#inhalt_colright {
	background:url('../images/layout/bg-marginalie-repeat.png') repeat-y transparent;
	padding:5px 20px;
	width:495x;
}
#footer {
	background:url('../images/layout/bg-footer.jpg') repeat-x bottom left transparent;
	bottom:0;
	height:71px;
	position:fixed;
	width:100%;
}

#footer-cfa {
	position:fixed;
	bottom:0;
	margin:0 auto;
	left:68%;
	width:357px;
	height:172px;
}
.CompanyDirectoryItem h3, .links-item h3 {
	margin-bottom:6px;
}
.links-item {
	clear:left;
	font-size:12px;
	line-height:20px;
	margin-bottom:20px !important;
	overflow:visible;
}
.links-item img {
	border:0;
	float:left;
	margin-right:12px;
	outline:0;
}
.links-item p {
	margin:0 !important;
}
/*********************************************/
/* ------------  Menu  ROOT  ------------ */
.page-menu {
	width:860px;
	padding-left:70px;
	height: 35px;
	margin: 3px auto 0 auto;
	text-align:center;
}
.menuwrapper {
}
.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a {
	display: block;
	width:156px;
	height:33px;
	padding-top:10px;
	background:url('../images/layout/bg-li-navi.png') no-repeat 100% 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 1px;
	color:#004a88;
}
* html .page-menu ul#primary-nav li a {
	background:url('../images/layout/bg-li-navi.gif') no-repeat 100% 0;
}
* html .page-menu ul#primary-nav li li a {
	background:none;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active, 
.page-menu ul#primary-nav li a:focus, 
.page-menu ul#primary-nav li a:link.menuactive, 
.page-menu ul#primary-nav li a:visited.menuactive {
	color: #000;
	cursor: pointer;
	background-position:100% -43px !important;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Set the width of the menu elements at second level. Leaving first level flexible. */
ul#primary-nav li li {
	width: 156px;
}
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding: 0px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 15px;
	background: url('../images/layout/bg-li-subnavi-top.png') no-repeat left 1px;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url('../images/layout/bg-li-subnavi-top.gif') no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -20px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -7px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 0;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* IE7 */
*:first-child+html #primary-nav li li {
	margin-left: 0;
}
/* IE6 */
* html #primary-nav li li {
	margin-left: 0;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav .menu_separator{
	position: relative;
	visibility: visible;
	display:block;
	width:130px;
	height: 1px;
	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	margin: 0px 0px -9px;
	background: url('../images/layout/bg-li-subnavi-bot.png') no-repeat left bottom;
}
* html #primary-nav .separator {
	height: 2px;
	background: url('../images/layout/bg-li-subnavi-bot.gif') no-repeat left bottom;
}
* html #primary-nav .separatorh {
	height: 2px;
	background: url('../images/layout/bg-li-subnavi-bot.gif') no-repeat left bottom;
}
#primary-nav ul.unli li a {
	padding: 0px;
	width: 156px;
	margin: 0px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px;
	width: 156px;
	margin: 0px;
}
#primary-nav li li a:hover {
	/*background-color:#CCC;*/
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	/*background-color: #ccc;*/
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url('../uploads/NCleanBlue/arrow.gif');
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/
/* forms */
#kontaktformular div {
	clear:left;
	margin-bottom:3px;
}
.hidden {
	display:none !important;
}
label, div.labelersatz {
	display:block;
	font-size:12px;
	float:left;
	width:150px;
}
input, textarea {
	background:url('../images/layout/bg-input.png') #fff;
	border:1px solid #CCC;
	color:#666666;
	font-size:12px;
	margin-bottom:10px;
	padding:5px 3px 3px 5px;
	width:310px;
}
input:hover, textarea:hover, input:focus, textarea:focus, input:active, textarea:active {
	background:url('../images/layout/bg-input-hover.png') #fff;
	border:1px solid #999;
}
input.fbsubmit {
	border:none;
	color:#004a88;
	cursor:pointer;
	display: block;
	width:156px;
	height:43px;
	background:url('../images/layout/bg-submit.png') no-repeat 100% 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	margin-left: 1px;
	text-decoration: none;
/*
	clear:both;
	color:#666;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;	
	display: block;
	width:156px;
	height:33px;
	padding-top:10px;
	background:url('../images/layout/bg-submit.png') no-repeat 100% 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
*/
}
input.fbsubmit:hover {
	background-position:100% -43px !important;
	border:none;
}
.btn_klein {
	background:url('../images/layout/btn-klein.png') no-repeat 100% 0;
	border:none;
	color:#004a88;
	cursor:pointer;
	display: block;
	height:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	float:left;
	margin-left: 1px;
	padding-top:7px;
	text-align:center;
	text-decoration: none;
	width:116px;
}
* html .btn_klein {
	background:url('../images/layout/btn-klein.gif') no-repeat 100% 0;
}
.btn_klein:hover {
	background-position:100% -31px !important;
	border:none;
}
form {
	padding:0;
}
.fehler {
	color:#ff0000;
}
input.plz {
	float:left;
	margin-right:6px;
	width:56px;
}
input.ort {
	width:240px;
}
label.small {
	display:inline;
	width:auto;
	float:left;
}
/* SCROLLEREI */
.itemStartseite p {
	padding:0 !important;
	margin:0 !important;
}
.itemStartseite h4 {
	padding:35px 0 0 0 !important;
	margin:0 0 6px 0 !important;
}
.itemStartseite img {
	margin:0 6px 6px 0 !important;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 800px;
	height:275px;

	/* custom decorations */
	margin:0 0 0 0;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .itemStartseite {
	float:left;
	margin:0 5px !important;
	margin:20px 5px 20px 21px;
	/*background-color:#fff;*/
	padding:0 20px 0 0;
	width:235px;
	height:225px;
}
.itemwrapper {
	min-height:225px;
}
.itemwrapper p {
	padding-left:10px !important;
}
/* active item */
.scrollable .active {
	/*border:2px solid #000;*/
	z-index:9999;
	position:relative;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url('../images/layout/btn-browse.png') no-repeat;
	display:block;
	width:23px;
	height:60px;
	float:left;
	margin:60px 0 0 5px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}
*html a.browse {
	background:url('../images/layout/btn-browse.gif') no-repeat;
}
a.browse_dia {
	background:transparent;
	display:block;
	height:23px;
	float:left;
	margin-left:15px !important;
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	width:23px;
}

/* right */
a.right			{ background-position: 0 -60px; clear:right; margin-right: 0px; margin-left: 0px;}
a.right:hover 	{ background-position:-23px -60px; }
a.right:active 	{ background-position:-46px -60px; } 
* html a.right			{ background-position: 0 -60px; clear:right; margin-right: 0px; margin-left: 0px;}
* html a.right:hover 	{ background-position:-23px -60px; }
* html a.right:active 	{ background-position:-46px -60px; } 


/* left */
a.left			{ margin-left:36px; margin-right:8px; } 
a.left:hover  	{ background-position:-23px 0; }
a.left:active  	{ background-position:-46px 0; }
* html a.left			{ margin-left:36px; margin-right:8px; } 
* html a.left:hover  	{ background-position:-23px 0; }
* html a.left:active  	{ background-position:-46px 0; }


/* up and down */
a.up, a.down		{ 
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 
/* Overlay */

/* the overlayed element */
.apple_overlay {
	display:none;
	background-image:url('../images/layout/bg-overlay.png');
	width:640px;		
	padding:40px;
	font-size:11px;
}
* html .apple_overlay {
	background-image:url('../images/layout/bg-overlay.gif');
}
.apple_overlay_content {
	width:640px;		
	height:490px;
	overflow:auto;
	margin-right:40px;
}
/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url('../images/layout/close.png');
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
* html .apple_overlay div.close {
	background-image:url('../images/layout/close.gif');
}
div.apple_overlay.black {
	background-image:url('../images/layout/transparent.png');		
	color:#fff;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

#triggers {
	margin-top:10px;
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/***********************/
/* Diashow */
#wrapper_diashow {
	background:url('../images/layout/bg-diashow.png') no-repeat;
	height:175px;
	width:260px;
}
#browsable {
	width:260px;
}
#diashow_navi {
	color:#004a88;
	font-size:15px;
	margin:143px 0 0 0;
	/*font-weight:bold;*/
}
/* position and dimensions of the navigator */ 
.navi { 
	float:left;
    height:12px;
	margin:0 5px;
	width:auto; 
} 
/* items inside navigator */ 
.navi a {
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url('../images/layout/navigator.png') 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
	/*border:1px solid black;*/
} 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}
#ie6 {
	display:none;
}