/**
 *
 * FEINHEIT kreativ studio // www.feinheit.ch
 *
 */
/*html,body{height:100%;}*/
body{
	margin:0px;
	padding:0px;
	background:#fff url(/media/img/design/body_bg.jpg) repeat top center;
	font-family:"lucida grande", lucida, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100.1%;
	overflow-x:hidden;
}
a{
	color:#000;
	outline:none;
	border:none;
}
a img{border:none;}
a.logo{display:block;text-indent:-7777px;}

p{
	margin:0px;
	padding:0px 0px 20px 0px;
	line-height:20px;
}
table,table th,table td,table tr{
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
}
table.art2{margin-top:2px;width:100%;}
table.art2 td{
	padding: 4px 7px 4px 0;
}

/*
table.art1,table.art1 th,table.art1 td,table.art1 tr{
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
}
*/


#country-selection {
	text-align: center;
}

#countryswf {
	margin: 0 auto;
}



h1,h2{margin:0px; padding:0px 0px 20px 0px;font-size:25px;font-weight:normal;line-height:25px;}
h1 {
}
h1 span{
	text-transform: none;
	display:block;
	font-size:13px;
	color:#0065B5;
	line-height:20px;
}

h2.produkttitel{
	font-size:18px;
	padding-bottom:0px;
    /* height: 50px; */
}
h2.produkttitel span{font-size:14px;}

img.advertisement-logo {
	float: left;
}

div.advertisement-comment,.advertisement-comment2{
	width:400px;
	background: url(/media/img/design/advertise_box_top.jpg) no-repeat;
	margin-left: 120px;
}
.advertisement-comment2{
	background: url(/media/img/design/advertise_box_top2.jpg) no-repeat;
	width:320px;
}

div.advertisement-comment .box-content, .advertisement-comment2 .box-content{
	padding: 20px 10px 20px 30px;
	font-size: 13px;
	line-height: 140%;
	min-height: 45px;
}

* html div.advertisement-comment .box-content,* html div.advertisement-comment2 .box-content {
	height: 45px;
}

div.advertisement-comment .box-bottom,div.advertisement-comment2 .box-bottom {
	height: 10px;
	background: url(/media/img/design/advertise_box_bottom.jpg) no-repeat;
}
div.advertisement-comment2 .box-bottom {
	background: url(/media/img/design/advertise_box_bottom2.jpg) no-repeat;
}

.advertisement-comment a {
	text-decoration: none;
	color: #093e88;
}

form p {
	padding: 0 0 5px 0;
	margin: 0;
}

form label {
	display: block;
}

/* Content */
#pagecontent{
	width:955px;
	margin:0px auto;
	height:100%;
	background:#C9C9C9 url(/media/img/design/cont_bg.jpg) repeat-y;
}
#sp1,#sp2{float:left;}
#sp1{width:202px;}
#sp2{width:752px;}

#sp2 #pagetop{
	height:189px;/*212px*/
	padding:23px 0px 0px 11px;
	background:url(/media/img/design/top_bg.jpg) no-repeat left top;
}

#sp2 #pagetop.setpochetta-logo {width:605px;background:url(/media/img/design/header-logo-setpochetta.gif) no-repeat center 60px;}

#sp2 #pagetop.lumina-logo {width:605px;background:url(/media/img/design/header-logo-lumina.gif) no-repeat center 60px;}


#sp2 #pagetop.no-bg {background:none;}

#pagenavi ul, #pagenavi li{
	list-style:none;
	margin:0px; padding:0px;
}
#pagenavi ul{
	padding-top:138px;
	padding-left:20px;
}
#pagenavi li{
	float:left;
	padding-right:1px;

}
#pagenavi li a{
	float:left;
	display:block;
	text-decoration:none;
	font-size:16px;
	background:#fff;
	height:50px;
	line-height:50px;
	padding:0px 5px 0px 5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#pagenavi li a:hover{
	background:#CDE5FF;
}

#sp2 .content{
	padding:15px 0px 50px 50px;
	width:520px;/*520px*/
}

.btn1, .btn2, .btn3{
	display:block;
	background-repeat:no-repeat;
	height:34px;
	width:146px;
	text-indent:-1780px;
}
body.de .btn1, body.de .btn2, body.de .btn3{background-image:url(/media/img/design/shop_btn_de.jpg);}
body.en .btn1, body.en .btn2, body.en .btn3{background-image:url(/media/img/design/shop_btn_en.jpg);}
body.fr .btn1, body.fr .btn2, body.fr .btn3{background-image:url(/media/img/design/shop_btn_fr.jpg);}
.btn1{background-position:0px 0px; height:47px;}
.btn2{background-position:0px -47px;}
.btn3{background-position:0px -81px;}

.btn1:hover{background-position:-150px 0px;}
.btn2:hover{background-position:-150px -47px;}
.btn3:hover{background-position:-150px -81px;}





/* Linke Navi */
#sp1 .logo{
	width:202px;
	height:100px;
	background:url(/media/img/design/logo_pochetta.jpg) no-repeat;
	margin-bottom:130px;
}
#sp1 ul, #sp1 li{
	margin:0px; padding:0px; list-style:none;
}
#sp1 ul{
	margin-bottom:20px;
}
#sp1 li a{
	display:block;
	height:33px;
	text-decoration:none;
	background:url(/media/img/design/navi_li_bg.jpg) no-repeat;
	color:#000;
	font-size:13px;
	padding-left:70px;
	line-height:33px;
}
#sp1 li a:hover,#sp1 li.mark a{color:#003782; background-position:0px -33px;}
#sp1 li.titel a{
	background:url(/media/img/design/navi_titel_bg.jpg) no-repeat;
	color:#fff;
	font-size:16px;
	padding-left:65px;
}
#sp1 li.titel a:hover{color:#fff;}



/* Footer */
#pagefooter{
	height:30px;
	position:fixed;
	width:100%;
	bottom: 0px;
	left:0px;
	background:url(/media/img/design/footer_bg.jpg) repeat;
	z-index:90;
}
* html #pagefooter{
	position:absolute;
	top:expression((0-(pagefooter.offsetHeight-2)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#pagefooter .content{
	height:30px;
	width:655px;/* 955px*/
	padding-left:300px;
	margin:0px auto;
	background:url(/media/img/design/footer_cont_bg.jpg) no-repeat;
	line-height:33px;
	color:#333;
	font-weight:bold;
}
#pagefooter .content .left, #pagefooter .content .right{
	float:left;
}
#pagefooter .content .right{
	padding-left:5px;
	width:100px;
}
#pagefooter .content a{
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}

#pagefooter .content a.flag{
	display:block;
	width:30px;
	height:24px;
	float:left;
	text-indent:-7777px;
	margin-top:5px;
	background-repeat:no-repeat;
	line-height:24px;
}

#pagefooter .content a.flag.de{background-image:url(/media/img/design/flag_de.jpg);}
#pagefooter .content a.flag.fr{background-image:url(/media/img/design/flag_fr.jpg);}
#pagefooter .content a.flag.en{background-image:url(/media/img/design/flag_en.jpg);}

body.de #pagefooter .content a.flag.de,
body.fr #pagefooter .content a.flag.fr,
body.en #pagefooter .content a.flag.en,
#pagefooter .content a.flag:hover{
	background-position:0px -24px;
}

#pagefooter .logo{
	width:66px;
	height:30px;
	background:url(/media/img/design/logo_elag.gif) no-repeat;
	position:absolute;
	right:0px;
}

/* Shop */
.shoplist{
	height:140px;
	clear: both;
}
.shoplist .l, .shoplist .r{
	float:left;
	height:100px;
}
.shoplist .l{
	width:80px;
	text-align:center;
}
.shoplist .l img{
	height:100px;
}

.shoplist .l img.settop {
    height: 35px;
    padding: 50px 0 0 0;
}
.shoplist .r{
	width:400px;
	padding: 10px 0 10px 0;
}
.shoplist .r h2{ margin:0px; padding-bottom:5px;}
.shoplist .r div.t{
	padding:12px;
	padding-top:10px;
	background:#DFF3FE;
}
.shoplist .r div.b{
	background:#fff;
}
.shoplist .delbtn, .shoplist .updatebtn{
	display:block;
	width:60px;
	float:right;
	background: url(/media/img/design/shop_xbtn.jpg) no-repeat center left;
	padding-left:10px;
	text-decoration:none;
	margin-top:3px;
	line-height: 15px;
	height: 15px;
}

.shoplist .updatebtn{
	width: 90px;
	background-image: url(/media/img/design/shop_upbtn.jpg);
}

.shoplist .r input{
	width:55px;
	margin: 0;
}

.shoplist .r form {
	padding: 0;
	margin: 0;
}

.totals {
	color: #093e88;
	font-size: 18px;
	text-align: right;
}

.totals img {
	margin-top: 8px;
}

.totals span {
	font-size: 12px;
}

.lumina img {
	float: left;
	padding: 0 20px 0 0;
}

.lumina .spacer {
	padding: 50px 0 0 20px;
}

/* PRODUKTE */

#productinfo {
	height: 220px;
}

#productinfo ul {
    margin: 0;
    padding: 0 15px;
}

.quantity_form {
	/*display: none;*/
	position: absolute;
	background: #abc;
	width: 148px;
	height: 48px;
	top: 0;
	left: 0;
	background: url(/media/img/design/anzahl_button_de.png) no-repeat;
}
#quantity {
	position: absolute;
	width: 20px;
	height: 12px;
	top: 14px;
	left: 13px;
	text-align: right;
}
.quantity_form a {
	display: block;
	text-indent: -2000em;
	width: 63px;;
	height: 48px;
	position: absolute;
	top: 0;
	left: 87px;
}

.quantity_form a:hover {
	background: url(/media/img/design/anzahl_button_hover_de.png) no-repeat;
}

body.en .quantity_form { background-image: url(/media/img/design/anzahl_button_en.png); }
body.en .quantity_form a:hover { background-image: url(/media/img/design/anzahl_button_hover_en.png); }
body.fr .quantity_form { background-image: url(/media/img/design/anzahl_button_fr.png); }
body.fr .quantity_form a:hover { background-image: url(/media/img/design/anzahl_button_hover_fr.png); }

.pochetta-anzahl {
	background: url(/media/img/pochetta-anzahl.png) no-repeat right top;
	white-space: nowrap;
	padding: 0 11px 0 0;
}

.pochetta-anzahl-inner {
	background: url(/media/img/pochetta-anzahl-left.png) no-repeat;
	padding: 9px 0 10px 9px;
}

/* /PRODUKTE */



/* NUTZEN */
.punktcontent {
	display: none;
	padding: 0 25px;
}
h2.punkttitle {
	cursor: pointer;
	font-size: 15px;
	color: #0065b5;
	font-weight:bold;
}
h2.punkttitle:hover {
	text-decoration: underline;
}

#callback-service {
	background: url(/media/img/service_hotline_de.jpg) no-repeat;
	width: 190px;
	height: 342px;
	float: right;
}

body.fr #callback-service { background-image: url(/media/img/service_hotline_fr.jpg); }
body.en #callback-service { background-image: url(/media/img/service_hotline_en.jpg); }

#callback-service fieldset {
	margin: 60px 10px 20px 15px;
	padding: 0;
	border: none;
	overflow: hidden;
}

#callback-service fieldset table {
	width: 100%;
}

#callback-service fieldset table td.r {
	text-align: right;
	padding-bottom: 3px;
}

html body #callback-service .label {
	margin: 0;
	padding: 0;
	float: left;
	width: 20px;
	display: inline;
}

#callback-service #id_service-name {
	width: 100px;
}

#callback-service #id_service-phone {
	width: 100px;
}

#callback-service #id_service-question {
	width: 161px;
	height: 30px;
}

#callback-service #submit {
	text-align: center;
	margin: 3px 0 0 0;
}

/* /NUTZEN */

/* Intro */
body#intro #pagefooter .content{
	/*background:url(/media/img/design/footer_bg.jpg) repeat;*/
}
#introcontent{
	height:100%;
	width:100%;
}



/* Forms
.checkout_form input[type=text],.checkout_form input[type=password]{
	font-family:"lucida grande", lucida, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:250px;
} */


.submitinput{
	/*border:1px solid #124B95;
	color:#fff;
	background:#124B95;*/
	padding:0px;
	margin:0px;
}

textarea,.textinput, .passwordinput{
	font-family:"lucida grande", lucida, Arial, Helvetica, sans-serif;
	border:1px solid #866C55;
	font-size:12px;
	color:#000;
}
textarea#id_comment{
	width:400px;
}

.textinput, .passwordinput{
	width:250px;
	margin:0px;
	padding:2px;
}

.checkout_form{}
#service-hotline,.textinput{
}

.template-download {
    padding: 5px 3px 5px 0;
    float: right;
}

.template-download a {
    color: #0065B5;
    text-decoration:none;
}
.template-download a:hover {
    color: #003782;
    text-decoration:none;
}

/*
 * ------------
 * profile
 * ------------
 */
.profile {
	list-style: none;
	margin: 0;
	padding: 0;
}

.profile li {
	line-height: 2em;
}

/*
 * ------------
 * addressblock
 * ------------
 */
.addressblock {
	list-style: none;
	margin: 0 0 0 25px;;
	padding: 0;	
}

.addressblock li {
	line-height: 1.2em;
}

/*
 * ---------
 * quotation
 * ---------
 */
.quotation {
    float: right;
    margin: 5px 0 10px 5px;
    width: 270px;
}

.quotation .quote-text {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.quotation .quote-from {
    font-style: italic;
    text-align: right;
}

a#feinheit{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:16px;
	height:53px;
	text-indent:-7777px;
	background:#fff url(/media/img/design/feinheit.gif) no-repeat;
}
a#feinheit:hover{background-position:-16px 0px;}

/* thickbox */
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;

	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



@media print {
	*{background: #fff; color: #000;}
	html {font: 100%/1.5 Arial, Helvetica, sans-serif;}
	#pagefooter,#pagetop,#sp1,#produktecoverflow{display: none;}
	#sp2, #sp2 .content{
		padding:0px;
		width:auto;
	}
	#pagecontent{
		width:auto;
		margin:0px;
		padding:0px;
		height:auto%;
		background:#fff;
	}
}