/* CSS Document */

#ng_bitflux_org, body {
	background-color: #000000;
	font-size: 13px;
	font-family:  Arial, Helvetica, sans-serif;
	color:#363F47;  
	padding: 0;
	margin: 0;
	background-image:url("../images/container/bg_container.jpg");
	background-repeat:no-repeat;
}

body {
	background-color:#FFFFFF;
	background-image:none;
	color:#000000;
}

#container {
	width: 967px;
	margin:0px 0px 0px 24px;
	padding: 0px 0px 500px 0px;
	
}

ul {
	margin:0px;
	padding:0px;
}

img a {border: 0;}

/* -------------------------- banner -------------------------- */
#banner {
	padding: 0;
	margin: 0;
	height:90px;
}

#banner .left {
	margin: 0px 226px 0px 0px;
	height:90px;
}

#banner .right {
	background-color:#000000;
	float:right;
	width:226px;
	
}

#logoprint {display: none;}

#banner #logo {
	float:left;
	width: 150px; /* TODO: try it out without width */
}

#banner #logo img {border: 0;}

#banner #logo .inner {
	margin: 22px 0px 0px 2px;
}

#banner #search {
	float:right;
	width:226px;
	background-color:#23231D;
	background-image:url("../images/search/bg_search.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
}

#banner #search a {
	color:#7F7A68;
	text-decoration:none;
}

#banner #search a:hover {
	color:#B8B3B8;
}

#banner #search a.selected {
	color:#B8B3B8;
}


#banner #search .inner {
	margin:9px 12px 0px 12px;
}

#banner #search .inner form {
	margin:0px 0px 8px 0px;
}

#banner #search .inner form #livesearch {
	background-image:url("../images/banner/search_input.jpg");
	background-repeat:no-repeat;
	border:0px;
	width:165px;
	height:21px;
	background-color:#23231D;
	padding: 2px 0px 0px 3px;
	float:left;
}

#banner #search .inner form .sendButton {
	background:none;
	border:none;
	background-image:url("../images/banner/search_button.jpg");
	background-repeat:no-repeat;
	width:29px;
	height:29px;
	cursor:pointer;
}

#banner #search .inner .meta {
	/*border-top: 1px solid #32322C;*/
}

#banner #search .inner .innerright {
	float:right;
}

#banner #search .inner .innerright .small {
	font-size:14pt;
}

#banner #search .inner .innerright .big {
	font-size:20pt;
}

#banner #search .inner .innerleft {
	float:left;
}

#banner #search .inner .innerleft .lang {
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

#banner #search .inner .innerleft .lang img {
	position:relative;
	top: 2px;
}
/* -------------------------- end of banner -------------------------- */



/* -------------------------- mainnavi -------------------------- */
#mainnavi {
	height:37px;
	font-size:13pt;
}

#mainnavi a {
	text-decoration:none;
	color:#009EE0;
}

#mainnavi a.selected {
	text-decoration:none;
	color:#ccc;
}


#mainnavi li {
	margin: 0px 0px 0px 0px;
	padding: 0px 9px 0px 9px;
	background-image:url("../images/mainnavi/bg_li.gif");
	background-position:left;
	background-repeat:no-repeat;
	height:31px;
}

#mainnavi ul {
	padding: 0px 0px 0px 0px;
	line-height:31px;
}

#mainnavi .left {
	margin:0px 226px 0px 0px;
	padding:0px 0px 0px 0px;
	height:37px;
	width:700px;
}

#mainnavi .right {
	float:right;
	width:226px;
}

/* IE6 3pixel float bug */
* html body #mainnavi .right {
	margin-left:-3px;
}
* html body #mainnavi .left {
	margin:0px 223px 0px 0px;
}
/* end of IE6 3pixel float bug */

#mainnavi .left ul {
	margin:0px 0px 0px 0px;
}

#mainnavi .left ul li {
	float:left;
	list-style:none;
}

#mainnavi .right ul li {
	list-style:none;
	margin: 0px 0px 0px 12px;
}
/* -------------------------- end of mainnavi -------------------------- */

/* -------------------------- leftcontainer -------------------------- */
#leftcontainer {
	margin:0px 226px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#EDEBF2;
	background-image:url("../images/leftcontainer/bg_top.jpg");
	background-position:top;
	background-repeat:no-repeat;
}


#blogTitel {
	font-size:26px;
	font-weight:bold;
	color:#454547;
	margin:20px 0 0 22px;
	
}

div.post_links {display: none;}

h3.blog {display: none;}

div.trennlinie {
	display: none;
    width:100%;
	height:1px;
	background:url(../images/blog/trennlinie.png) repeat-x;
	margin-top:8px;
}
div.post_meta_data {
	color:#B6B7BC !important;
	margin:17px 0;
	font-weight:bold;

}
div.monthDay {
	margin:-53px 0px 0px 405px;
	width:200px;
}
div.monthDiv {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:17px;
	margin:auto;
	padding-top:7px;
	text-align:center;
	width:40px;
}
div.dayDiv {
	color:#00A7EC;
	font-size:24px;
	font-weight:bold;
	height:35px;
	left:0;
	margin:0 auto;
	text-align:center;
	width:38px;
}
div.post_meta_data2 {
	background:transparent url(../images/blog/datum.png) no-repeat scroll 0 0;
	color:#B6B7BC !important;
	height:59px;
	margin:-55px 0 0 -90px;
	width:44px;
	
}
div#content {
	position:relative;
}
h2.post_title a{
	margin:-100px 0px 0px -2px;
	font-size:26px !important;
	color:#B6B7BC !important;
	text-decoration:none !important;
}

/*ferig pete styles*/
#leftcontainer #subnavi a {
	text-decoration:none;
	color:#009EE0;
}

#leftcontainer #subnavi ul {
	padding: 0;
}

#leftcontainer #subnavi ul li {
	float:left;
	list-style:none;
	margin: 0px 9px 0px 0px;
	background-image:url("../images/subnavi/bg_line_separator.gif");
	background-position:left;
	background-repeat:no-repeat;
	line-height:35px;
}
#leftcontainer #subnavi ul li a {
	padding: 0px 0px 0px 11px;
}

#leftcontainer #subnavi ul li a.selected, #leftcontainer #subnavi ul li a:hover {
	color:#2E2E2E;
}
/* end of subnavi with bg line */



#leftcontainer #metanavi {
/*	height:41px; */
}

#leftcontainer #topimg {
	background:url(../images/topimg/bg_line.gif) center bottom repeat-x;

	text-align:center;
	margin:0 -28px 0 -28px;
	padding:0px 0px 38px 0px;
}
#leftcontainer .col1 #topimg {
	margin-left:-188px;
}

/* content */
#leftcontainer #content {
	padding:0px 28px 0px 28px;
	min-height:600px;
	height:auto !important;
	height:600px;
}

#leftcontainer #content.col1 {
	padding-left:188px;
}

#leftcontainer #content h1 {
	background-image:url(../images/subnavi/bg_line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px 0px 30px 0px;
	padding:0px 0px 8px 0px;
	color:#B3B6BB;
	font-size:17pt;
}

#leftcontainer #content.col1 h1 {
	margin-left:-160px;
}

#leftcontainer #content.col1 h1.fr_special {
    margin-left: -160px;
    margin-top: 80px;
}

#leftcontainer #content h2 {
	margin:0px 0px 20px 0px;
	padding:0px;
	color:#3d3d3d;
	font-size:14pt;
}

#leftcontainer #content p {
	margin:0px 0px 20px 0px;
	padding:0px 20px 0px 0px;
	color:#3D3D3D;
	font-size:10pt;
	word-spacing:1px;
	line-height:17px;
}

#leftcontainer #content a {
	color:#000000;
	background:transparent url(../images/listarrow.gif) no-repeat scroll 0 2px;
	font-size:13px;
	margin-left:4px;
	padding-left:12px;
}

#leftcontainer #content .entry a {
	padding-left:0;
	background:0;
	text-decoration:underline;
	margin-left:0;
}

#leftcontainer #content .entry {
	margin-bottom:20px;
}






/* lists */
#leftcontainer #content ul.links { /* could be used for tag links */
	margin:0px 0px 15px 0px;
}

#leftcontainer #content ul.links li { /* could be used for tag links */
	float:left;
	list-style:none;
	background-image:url("../images/leftcontainer/content/bg_link_arrow.gif");
	background-repeat:no-repeat;
	padding:0px 0px 0px 11px;
	margin:0px 12px 0px 0px;
	background-position:0px 6px;
}
/* end of lists */





/* col1 specific layout margins for the content */
#leftcontainer #content.col1 h2 {
	margin:30px 0px 20px 0;
}

#leftcontainer #content.col1 p{
	margin:0px 0px 20px 0;
}

#leftcontainer #content.col1 ul.links { /* could be used for tag links */
	margin:0px 0px 15px 0;
}
/* end of layout specific margins for the content (1col or 2col */






/* This is for a 2col content layout in the content (not used yet) */
#leftcontainer #content .right {
	float:right;
	width:340px;
}

#leftcontainer #content .left {
	margin: 0px 340px 0px 0px;
}
/* end of 2col content layout */
/* end of content */

/* -------------------------- end of leftcontainer -------------------------- */

/* ----------------- right container ------------------ */

#rightcontainer {
	float:right;
	width:226px;
	color:#bcbfad;
	background-color:#23231D;
	font-size:10pt;
	background-image:url(../images/rightcontainer/bg_middle.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#rightcontainer h1 {
    font-size: 16px;
}

#rightcontainer a {
    color:#bcbfad;
	text-decoration:underline;
	font:11px arial;
	line-height:15px;
}

#rightcontainer a:hover {
    color:#fff;
}

#rightcontainer .box form, #rightcontainer .box div, #rightcontainer .box h5, #rightcontainer .box ol,
#rightcontainer .subbox p {
    display:none;
}

#rightcontainer .box.over form, #rightcontainer .box.over div, #rightcontainer .box.over h5, #rightcontainer .box.over ol, #rightcontainer .box .head, 
#rightcontainer .box.over .subbox.over p {
    display:block;
}

#rightcontainer .box {
    font-weight:normal;
    padding:6px 12px 0px;
    background-color:#32322a;
	background-image:url(../images/rightcontainer/bg_middle_in.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#rightcontainer .box.over .head {
    margin-bottom:10px;
}

#rightcontainer .box.over .bgline {
    background:url(../images/rightcontainer/bg_line.gif) bottom no-repeat;
    border:0;
    height:2px;
    margin:10px -12px 0 -12px;
}

#rightcontainer .top {
	background-image:url(../images/rightcontainer/bg_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:3px;
	line-height:0px;
}

#rightcontainer .footer {
	background-image:url(../images/rightcontainer/bg_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:2px;
	line-height:0px;
}

#rightcontainer h3 {
	margin:0px 0px 11px 0px;
	padding:0px;
	font-size:10pt;
	font-weight:normal;
}

#rightcontainer ul li {
	list-style:none;
}

/* accordion */

#rightcontainer div.product-images {
    float:left;
    width:60px;
}
#rightcontainer div.product-details {
    float:right;
    width:140px;
}
* html #rightcontainer div.product-details {
    width:130px;
}
#rightcontainer div.product-images img {
    border:3px solid #fff;
}

#rightcontainer .head h4 {
    font:13px arial;
    background-image:url(../images/rightcontainer/bg_header.gif);
    background-repeat:no-repeat;
    background-position: bottom;
	padding:8px 7px 8px 12px;
    margin:-6px -12px 0 -12px;
    font-size:14px;
    cursor:pointer;
}

#rightcontainer .standorte h5 {
	cursor:pointer;
	font-size:12px;
	background:url(../images/bullet-off.gif) no-repeat;
	padding-left:10px;
	color:#dbdbdb;
}

#rightcontainer .standorte .subbox.over h5 {
	background:url(../images/bullet-on.gif) no-repeat;
}

#rightcontainer .standorte .subbox p {
	margin-left:10px;
}

#rightcontainer .standorte button {
	background-image:url(../images/btn_bgdark.gif);
	font-size:16px;
	height:49px;
	margin-bottom:5px;
	padding:0;
	width:198px;
	background-color:#32322A;
    background-repeat:no-repeat;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:arial,sans-serif;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

#rightcontainer .head h4 span {
    padding-left:16px;
    background:url(../images/rightcontainer/icon_plus.gif) 0 3px no-repeat;
}

#rightcontainer .box.over .head h4 span {
    background-image:url(../images/rightcontainer/icon_minus.gif);
}

#rightcontainer .head h4 a, #rightcontainer .one-page-checkout-progress h4 a {
    font:11px arial;
    color:#868673;
    float:right;
}

#rightcontainer div.box h5{
    margin:2px 0;
}

#rightcontainer #cart-sidebar-reorder .product-checkbox {
    float:left;
    clear:left;
    width:20px;
    margin-top:-1px;
}

#rightcontainer #cart-sidebar-reorder .product-names {
    float:left;
}


#rightcontainer #cart-sidebar-reorder .field-row {
    clear:left;
    display:block;
    margin:3px 0;
}

#rightcontainer .actions {
    clear:both;
    text-align:center;
    margin:5px 0;
}

#rightcontainer .form-button, #rightcontainer .form-button-alt {
    background-image:url(../images/btn_bg2dark.gif);
    background-color:#32322a;
}

#footer {
background-image:url(../images/subnavi/bg_line.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:25px;
	margin:0px 25px 0px 25px;
	padding:8px 0px 8px 0px;
	font-size:9pt;
	color:#B3B6BB;
}
#footer a{
color:#B3B6BB;
text-decoration:none;
}
#footer a:hover{
color:#009EE0;
text-decoration:underline;
}
#footerlinks {
float: right
}

/*agb table */
table.agb {
font-size:8pt;
}

.agb td {
vertical-align:top;
padding:2px;
}
.agb td strong {
padding-top:5px;
}

.formurl {
display:none;
}

/**************************************************************

	SlideShow
	v 1.3

**************************************************************/
ul.slidenavigation {
float:right;
position:relative;
margin-right:30px;
list-style-type:none;
top:-5px;
}

.post_content ul.slidenavigation {
float:right;
position:relative;
margin-right:25px;
list-style-type:none;
top:10px;
}

#leftcontainer #content ul.slidenavigation li{
float:left;
}

#leftcontainer #content ul.slidenavigation li a{
background-image:none;
font-size:11px;
padding:0px;
}

#leftcontainer #content ul.slidenavigation li a img{
border:none;
}
.slideshowContainer {
width: 690px;
height: 300px;
margin-left:auto;
margin-right:auto;
clear:left;
}

div.post_content .slideshowContainer {
width: 530px;
height: 300px;
margin-left:auto;
margin-right:auto;
clear:left;
}

.loading {
background: url(/themes/carlo/javascript/slideshow/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}


/*************************************************************/

div.abdeckungen {
position:relative;
width:527px;
}

div.abdeckungen .item{
float:left;
width:170px;
min-height: 270px;
margin-bottom:20px;
}

div.abdeckungen .item img{
border:7px solid #fff;
}
#leftcontainer #content div.abdeckungen .item p{
margin:0px 0 5px 7px;
padding:0px 0 0 0;
font-size:12px;
}
#leftcontainer #content div.abdeckungen .item h5{
margin:5px 0 5px 7px;
padding:0px 0 0 0;
}

div.back_to_prods {
margin: 10px 0 20px 0;
}

div.back_to_top {
margin: 10px 0 20px 0;
width:500px;
}


/************ FCK specific (show page-break for Prince PDF) ************/

div.pagebreak {
    background-color: #000000;
    height: 3px;
}

td#swissbau_code {
    background: url('/themes/carlo/images/blue_puzzle.png') no-repeat;
    width: 201px;
    height: 118px;
    background-size: 201px 118px;
}

td#swissbau_code input {
    width: 60px;
    margin-left: 67px;
}