@charset "UTF-8";
@import url("BLE5.css");
@import url("dealer.css");
@import url("elegante.css");
@import url("evolution.css");
@import url("haendler.css");
@import url("home.css");
@import url("kurs.css");
@import url("liste.css");
@import url("messe.css");
@import url("ottlite_dekorativ.css");
@import url("SE200S.css");
@import url("success.css");
@import url("zubehoer.css");
@import url("hzl-e61.css");
@import url("../layout/css/lightview.css");
@import url("naehen_juki.css");

body {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #f8f8f8;
}
.oneColFixCtr #container {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}
.oneColFixCtr #mainContent {
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background-color: f8f8f8;
	font-size: 12px;
}


ul.liste_box_txt { list-style-type: circle; margin-left:0; padding-left:15px }


a:link img,
a:hover img,
a:visited img,
a:active img { border:none; }
a:link,
a:visited,
a:active { color: #d4aa5a; }
a:hover { text-decoration:underline }

.fixfloat {height:1px;font-size: 0;line-height: 0;clear: both;}

#header_logo_bbl { padding:20px 0 0; }
#header_logo_bbl a { float:left; margin:-10px 20px 10px 0 }
#header_logo_bbl img { margin-right:20px; }
#header_logo_bbl img.lJuki { float:left; margin-top:25px; }
#header_logo_bbl img.lSuccess { margin-top:15px; }

#header_logo_juki {
	position: absolute;
	height: 20px;
	width: 220px;
	clear: both;
	float: right;
	text-align: right;
	top:75px;
	margin: 0 0 0 630px;
}
#header_linie {
	background-image: url(../images/seite/header/linie);
	background-repeat: repeat-x;
	height: 7px;
	margin-bottom: 10px;
}
.land {
	font-size: 10px;
	width: 100px;
	float: right;
	text-align: right;
}

#header {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#header_link {
	font-size: 10px;
	float: right;
	height: 21px;
	width: 500px;
	margin: 0px;
	line-height: 21px;
	text-align: right;
	padding: 0px;
}
.header_linktxt {
	padding-right: 10px;
}
.header_flaggetxt {
	line-height: 21px;
	padding-right: 10px;
	padding-left: 30px;
	height: 21px;
}

#nav { width:850px; background:url("../images/seite/header/navi.png") no-repeat; overflow:hidden; margin:8px 0; }
#nav ul { /*border-right:1px solid #999;*/ border-left:1px solid #ccc; margin:0px 10px; padding:0; overflow: hidden; width:auto; }
#nav ul li { list-style:none; float:left; display:block; color:#fff; }
#nav ul li a { float: left; display:block; padding:6px 9px; font-size:12px; color:#eee; border-right:1px solid #ccc; border-left:1px solid #999; text-shadow: #666 1px 1px 1px }
#nav ul li a:hover,
#nav ul li a.current { background:url("../images/seite/header/navi_hover.png") -20px no-repeat; text-decoration: none; color:#fff; }

/* GLOBALHEADER /
#navigation {
	width: 850px;
	height: 28px;
	position: relative;
	z-index: 9;
	background-color: f8f8f8;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
}
#navigation #globalnav { margin: 0; padding: 0; }
#navigation #globalnav li { display: inline; }
#navigation #globalnav li a { float: left; height: 0; padding-top: 28px; overflow: hidden; }
#navigation #globalnav li a,
#navigation #globalsearch {
	background-image: url(../images/seite/header/navi2.png);
	background-repeat: no-repeat;
}

/* BUTTONS /
#navigation #globalnav li#gn-home a { background-position: 0 0; width: 68px;}
#navigation #globalnav li#gn-overlock a { background-position: -68px 0; width: 82px;}
#navigation #globalnav li#gn-coverstich a { background-position: -150px 0; width: 91px;}
#navigation #globalnav li#gn-blindstich a { background-position: -241px 0; width: 86px;}
#navigation #globalnav li#gn-naehen a { background-position: -327px 0; width: 66px;}
#navigation #globalnav li#gn-quilten a { background-position: -393px 0; width: 72px;}
#navigation #globalnav li#gn-knopfloecher a { background-position: -465px 0; width: 99px;}
#navigation #globalnav li#gn-zubehoer a { background-position: -564px 0; width: 80px;}
#navigation #globalnav li#gn-overlockgarn a { background-position: -644px 0; width: 108px;}
#navigation #globalnav li#gn-tageslicht a { background-position: -752px 0; width: 98px;}

/* OVER STATES /
#navigation #globalnav li#gn-home a:hover { background-position: 0 -28px; width: 68px;}
#navigation #globalnav li#gn-overlock a:hover { background-position: -68px -28px; width: 82px}
#navigation #globalnav li#gn-coverstich a:hover { background-position: -150px -28px; widt: 91px;}
#navigation #globalnav li#gn-blindstich a:hover { background-position: -241px -28px; width: 86px;}
#navigation #globalnav li#gn-naehen a:hover { background-position: -327px -28px; width: 66px;}
#navigation #globalnav li#gn-quilten a:hover { background-position: -393px -28px; width: 72px;}
#navigation #globalnav li#gn-knopfloecher a:hover { background-position: -465px -28px; width: 99px;}
#navigation #globalnav li#gn-zubehoer a:hover { background-position: -564px -28px; width: 80px;}
#navigation #globalnav li#gn-overlockgarn a:hover { background-position: -644px -28px; width: 108px;}
#navigation #globalnav li#gn-tageslicht a:hover { background-position: -752px -28px; width: 98px;}

/* PRESSED STATES /
#navigation #globalnav li#gn-apple a:active { background-position: 0 -76px; width: 67px;}
#navigation #globalnav li#gn-store a:active { background-position: -117px -76px; }
#navigation #globalnav li#gn-mac a:active { background-position: -234px -76px; }
#navigation #globalnav li#gn-ipoditunes a:active { background-position: -351px -76px; }
#navigation #globalnav li#gn-iphone a:active { background-position: -468px -76px; }
#navigation #globalnav li#gn-downloads a:active { background-position: -585px -76px; }
#navigation #globalnav li#gn-support a:active { background-position: -702px -76px; }

/* ON STATES /
#navigation.home #globalnav li#gn-apple a:hover { background-position: 0 0; cursor: default; width: 67px;}
#navigation.store #globalnav li#gn-store a { background-position: -117px -114px !important; }
#navigation.mac #globalnav li#gn-mac a { background-position: -234px -114px !important; }
#navigation.ipoditunes #globalnav li#gn-ipoditunes a { background-position: -351px -114px !important; }
#navigation.iphone #globalnav li#gn-iphone a { background-position: -468px -114px !important; }
#navigation.downloads #globalnav li#gn-downloads a { background-position: -585px -114px !important; }
#navigation.support #globalnav li#gn-support a { background-position: -702px -114px !important; }
*/
.oneColFixCtr #mainContent h1{
	font-size: 22px;
	color: #333;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
	float: left;
	width: 500px;
	font-variant: normal;
	font-style: normal;
	text-align: left;
}
.oneColFixCtr #mainContent h2 {
	font-size: 18px;
	color: #666;
	font-weight: bold;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: left;
}
.oneColFixCtr #mainContent h3{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}
#produkt_box_top {
	background-image: url(../images/seite/main/box_oben.jpg);
	height: 9px;
	width: 850px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#produkt_box_mitte {
	background-image: url(../images/seite/main/box_mitte.jpg);
	width: 790px;
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 20px;
	margin: 0px;
}
#produkt_box_bottom {
	background-image: url(../images/seite/main/box_unten.jpg);
	height: 14px;
	width: 850px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#produkt_box_bottom_top {
	background-image: url(../images/seite/main/box_mitte.jpg);
	height: 14px;
	width: 830px;
	background-repeat: no-repeat;
	margin: 0px;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 10px;
	color: #999;
	clear: both;
}
#produkt_box_bottom_top a { color:#999; }

#produkt_box_navi { font-size: 10px; float: right; padding-top: 0 26px 0 0; border-bottom: 1px solid #ccc; margin:0 -26px 0 20px; }
#produkt_box_navi ul { margin:0; padding:0; }
#produkt_box_navi ul li { list-style-type: none; float: right; display: block; margin: 0 4px 0 0; padding: 0px; }
#produkt_box_navi ul li a { float: right; display: block; padding:1px 4px; color:#999; }
#produkt_box_navi ul li a:hover,
#produkt_box_navi ul li a.current { background-color: #ccc; color: #333; text-decoration: none; }
#produkt_box_navi ul li a:hover { background:#D4AA5A; color:#fff; }

.produkt_box_navi_txt {
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.product_box_img_right {
	float: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
	text-align: right;
}
.product_box_img_left {
	float: left;
	clear: both;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#produkt_box_button {
	height: 55px;
	padding-top: 20px;
	padding-bottom: 5px;
}
#produkt_box_button img{
	float: left;
	margin-top: -15px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.product_garantie {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

.produkt_box_headline {
	color: #EF8706;
	font-size: 14px;
	font-weight: bold;
}

#footer {
	height: 50px;
	width: 850px;
}
#footer #img_shiniji {
	float: right;
	clear: both;
	margin-right: 10px;
	margin-top: 20px;
}
a {
	text-decoration: none;
}
.artikel_nr {
	font-size: 9px;
	font-style: normal;
}

#footer_top {
	background-image: url(../images/seite/main/box_oben.jpg);
	height: 9px;
	width: 850px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer_mitte {
	background-image: url(../images/seite/main/box_mitte.jpg);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 20px;
	height: 130px;
	margin: 0px;
	font-size: 10px;
	color: #aaa;
}
#footer_mitte hr{
	margin-top: 10px;
	margin-bottom: 5px;
	border: none;
	background: #ccc;
	height:1px;
}
#footer_mitte ul{
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer_mitte li{
	font-size: 10px;
	line-height: 14px;
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#footer_mitte li a { color:#666; }
#footer_bottom {
	background-image: url(../images/seite/main/box_unten.jpg);
	height: 14px;
	width: 850px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#info_frame {
	height: 300px;
	width: 500px;
	border: 2px dotted #0C0;
	z-index: 9999;
}

.frage {
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
}


/*--------------------------detailseite: Eigenschaften der maschinen--------------------------*/
.prop { clear: both; margin: 30px 0 30px -26px; padding: 0 40px 0 30px; width:784px; overflow: hidden; }
.prop h3 { margin-top:0; padding-top:0; }

.info { clear:both; border:1px solid #ccc; background:url(../images/seite/main/bgInfo.png) 10px no-repeat #eee; padding:5px 10px 10px 80px; color:#555; line-height:1.2em; margin:30px 0 10px; }
.info h3 { font-size:12px!important; padding:0; margin:0!important; color:#666!important; }
.info p { font-size:11px!important; padding:0; margin:0; }

/*--------------------------Bildpositionierungen--------------------------*/
img.pLeft { float:left; margin: 0 15px 15px 0; }
img.pRight { float:right; margin: 0 0 15px 15px; }
img.pDashed { border:2px dashed #999; padding:10px; }
img.pLeft.pDashed { margin-left:-26px; border-left-width:0; }
img.pRight.pDashed { margin-right:-26px; border-right-width:0; }
img.top-40px { margin-top:-40px; }
img.right-40px { margin-right:-40px; }


.clear { clear:both; }
.clearL { clear:left; }
.clearR { clear:right; }