html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: baseline;
	background-repeat: no-repeat;
}
html, body {
	width:100%;
	height: 100%;
}
input, textarea, select {
	font-family: Arial, sans-serif;
	font-size:12px;
}
body {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #222;
	text-decoration: none;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	min-width:900px;
}
h1 {
	font-size:19px;
	line-height:24px;
	padding-bottom:10px;
	font-weight:bold;
}
a {
	text-decoration: none;
}
#container {
	position: relative;
	top:0px;
	left:0px;
	z-index: 1;
	width: 100%;
	height: 100%;
}
#main {
	position: relative;
	top:155px;
	left:330px;
	width:550px;
	display:block;
	float:left;
	overflow:hidden;
}
#main > .content {
	padding:30px 30px 30px 30px;
	position: relative;
	z-index: 2;
	overflow:hidden;
}
#main > .content a {
	color:#333333;
	text-decoration: underline;
}
#main > .content > .csc-default {
	overflow:hidden;
}
#main > .background {
	position: absolute;
	left:0px;
	background-color:#ffffff;
	opacity:0.7;
	filter: alpha(opacity = 70);
	width:700px;
	height:5000px;
	bottom:0px;
}
#header {
	position: fixed;
	top:0px;
	right:0px;
	display:block;
	float:left;
	overflow:hidden;
	z-index:2;
}
#header > .content {
	padding:0px;
	position: relative;
	z-index: 2;
	padding:0px 5px 0px 5px;
}
#header > .background {
	position: absolute;
	left:0px;
	background-color:#ffffff;
	opacity:1;
	filter: alpha(opacity = 100);
	width:10000px;
	height:10000px;
	bottom:0px;
}
#header ul {
	float:left;
	display:block;
}
#header ul li {
	float:left;
	display:block;
}
#header ul li a {
	float:left;
	display:block;
	padding:0px 4px 0px 4px;
	color:#333333;
	line-height:26px;
	font-size:12px;
}
#header-nav-1, #language-nav, #header-nav-2 {
	float:left;
}
#header li.active a {
	color:#000000;
	font-weight:bold;
}
#logo {
	position:absolute;
	top:0px;
	z-index:3;
	left:30px;
	width:270px;
	height:155px;
	background-color: #ffffff;
	background-image: url(../img/netto-logo.png);
}
.fr #logo {
	background-image: url(../img/netto-logo-fr.png);
}
#mainnav-button{
	position: absolute;
	top:163px;
	left:41px;
	z-index:4;
	line-height:24px;
	font-size:14px;
	font-weight:bold;
	color:#58595b;
	text-indent: 40px;
	height:26px;
	display:block;
	background-image: url(../img/mainnav-down.png);
	cursor:pointer;
	min-width:120px;
	text-indent: -9999px;
}
#mainnav-button.active{
	background-image: url(../img/mainnav-up.png);
	text-indent: -9999px;
	top:164px;
	left:42px;
}
#mainnav {
	position:absolute;
	top:155px;
	z-index:3;
	left:30px;
	width:270px;
}
#mainnav > .content {
	position: relative;
	z-index: 2;
	padding-bottom:10px;
	overflow:hidden;
}
#mainnav > .background {
	position: absolute;
	top:0px;
	left:0px;
	background-color:#ffffff;
	opacity:0.7;
	filter: alpha(opacity = 70);
	width:100%;
	height:100%;
}
#footer {
	width: 164px;
	height:110px;
	position: fixed;
	right:0px;
	bottom:0px;
	z-index: 2;
	overflow:hidden;
}
#images {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	min-width: 900px;
}
#images img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 0;
}
#image-slider {
	position: absolute;
	top:0px;
	left:330px;
	width:550px;
	z-index:4;
	height:86px;
}
#image-slider > .content {
	position: relative;
	z-index: 2;
	overflow:hidden;
	padding:8px 0px 8px 0px;
}
#image-slider > .background {
	position: absolute;
	top:0px;
	left:0px;
	background-color:#ffffff;
	opacity:0.7;
	filter: alpha(opacity = 70);
	width:100%;
	height:100%;
}
#image-slider > .content > span {
	display:block;
	float:left;
	width:75px;
	height:70px;
	background-position: center center;
	cursor:pointer;
}

#image-slider span.left {
	background-image: url(../img/image-slider-left.png);
}
#image-slider span.right {
	background-image: url(../img/image-slider-right.png);
}
#ul-slider-wrapper {
	float:left;
	display:block;
	width: 400px;
	height: 70px;
	overflow:hidden;
	position: relative;
}
#image-slider ul {
	position:absolute;
	left:0px;
	top:0px;
	width:10000px;
	display:block;
	height:70px;
}
#image-slider ul li {
	width:110px;
	height:70px;
	display:block;
	float:left;
	overflow:hidden;
	padding-right:35px;
	position: relative;
}
#image-slider ul li span {
	position: absolute;
	top:0px;
	left:0px;
	width:110px;
	height:70px;
	display:block;
	z-index: 2;
	background-image: url(../img/ajax.gif);
	background-position: center center;
	display:none;
}
#image-slider ul li span.visible {
	display:block;
}
#image-slider ul li img {
	border: 1px solid #cccccc;
	cursor:pointer;
	position: relative;
	top:0px;
	left:0px;
	z-index: 1;
	width:108px;
	height:68px;
}
#image-slider ul li img.loading {
	opacity:0.5;
	filter: alpha(opacity = 50);
}
#image-slider ul li img:hover {
	border: 1px solid #000000;
}
#image-slider ul li img.active {
	border: 1px solid #000000;
}
#image-slider ul li:last-child {
	padding-right:0px;
}
#main .csc-default p {
	padding-bottom:5px;
}
#main .csc-default:last-child p:last-child {
	padding-bottom:0px;
}
#mainnav > div > ul {
	padding-top:40px;
}
#mainnav > div > ul ul {
	display:none;
}
#mainnav > div > ul > li.current > ul,
#mainnav > div > ul > li.current > ul > li.current > ul {
	display:block;
}
#mainnav > div > ul > li.current > ul {
	padding-bottom:10px;
}
#mainnav > div > ul > li > a {
	line-height:26px;
	text-indent:13px;
	font-size:15px;
	font-weight:bold;
}
#mainnav > div > ul > li > ul {
	padding-top:0px;
	padding-bottom:5px;
}
#mainnav > div > ul > li > ul > li {
	padding-top:5px;
}
#mainnav > div > ul > li > ul > li > ul {
	padding-bottom:10px;
}
#mainnav > div > ul > li > ul > li > a {
	line-height:20px;
	text-indent:25px;
	font-size:13px;
	font-weight:bold;
}
#mainnav > div > ul > li > ul > li > ul > li > a {
	line-height:20px;
	text-indent:40px;
	font-size:12px;
	font-weight:normal;
}
#mainnav > div > ul > li > ul > li > ul > li.current > a {
	font-weight:bold;
}
#mainnav ul,
#mainnav ul li {
	display:block;
	float:left;
	width:100%;
}
#mainnav ul li a {
	color:#58595b;
	display:block;
	float:left;
	width:100%;
	cursor:pointer;
}
#mainnav ul li a:hover,
#mainnav ul li.current > a {
	color:#000000;
} 
#c65 iframe {
	opacity:0.9;
	filter: alpha(opacity = 90);
	border:1px solid #999999;
}
.google-maps-link {
	color:#333333 !important;
	font-size:12px;
}
.csc-text-text a {
	color:#333333;
	text-decoration: underline;
}
.csc-text-text a:hover {
	text-decoration: none;
}
.csc-text-text ul {
	padding-bottom:5px;
}
.csc-text-text ul li {
	list-style-type: square;
	list-style-position: inside;
}
.csc-mailform-field {
	width:100%;
	display:block;
	float:left;
	overflow:hidden;
}
.csc-mailform-field label {
	width:30%;
	display:block;
	float:left;
}
.csc-mailform-field input.input, 
.csc-mailform-field textarea,
.csc-mailform-field.field-captchaResponse .csc-mailform-label input {
	width:68%;
	display:block;
	float:left;
	border:1px solid #cccccc;
	padding:2px;
	font-family: Arial, sans-serif;
	margin-bottom:10px;
	font-size:12px;
	line-height: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #f3f3f3;
}
.csc-mailform-field.field-captchaResponse .csc-mailform-label input {
	width:100px;
}
.csc-mailform-field input.input:hover, 
.csc-mailform-field input.input:focus, 
.csc-mailform-field textarea:hover,
.csc-mailform-field textarea:focus {
	border:1px solid #333333;
}
.csc-mailform-field input.submit {
	float:right;
	display:block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #999999;
	color:#ffffff;
	padding:3px 3px 3px 3px;
	font-size: 12px;
	border:1px solid #666666;
	cursor: pointer;
	vertical-align: middle;
	margin-right:3px;
}
.csc-mailform-field input.submit:hover {
	background-color: #666666;
}
.news-entry {
	width:100%;
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
}
.news-entry .news-text > a {
	font-weight: bold;
}
.news-entry:last-child {
	border-bottom:0px solid #cccccc;
	margin-bottom:0px;
}
.news-entry .news-image img {
	padding-top:4px;
}
.news-image img {
	float:left;
	padding:10px 10px 0px 0px;
}
.news-date {
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}
.memberlist {
	padding-top:10px;
}
.memberlist div.address {
	float:left;
	display:block;
	width:70%;
	padding:0px 0px 10px 0px;
}
.memberlist div.radius {
	float:left;
	display:block;
	width:30%;
	padding:0px 0px 10px 0px;
}
.memberlist div.type {
	float:left;
	display:block;
	width:70%;
	padding:0px 0px 10px 0px;
}
.memberlist input.search {
	float:left;
	display:block;
	width:120px;
}
.memberlist select.radius {
	width:80px;
}
.memberlist label {
	font-size: 14px;
	font-weight: bold;
	display:block;
	float:left;
	padding:0px 10px 0px 0px;
}
.memberlist select, .memberlist input {
	border: 1px solid #666666;
	padding:2px;
}
.memberlist div.address label,
.memberlist div.type label {
	width:140px;
}
.memberlist input {
	padding:3px;
}
.memberlist input.submit {
	color:#333333;
	background-color:#d5d5d5;
	font-size:12px;
	border: 1px solid #999999;
	font-weight: bold;
	width:219px;
}
.memberlist select {
	width:118px;
}
.memberlist input.address {
	width:160px;
}
.memberlist select.type {
	width:168px;
}
.memberlist select.radius {
	float:right;
}
.memberlist input.submit.search {
	float:right;
	width:146px;
	padding:2px;
}
.memberlist .member {
	width:100%;
	display:block;
	float:left;
	padding-top:20px;
	display:none;
	position: relative;
}
.member-name {
	font-weight:bold;
	font-size:16px;
	text-transform: uppercase;
}
.memberlist-nav {
	padding-top:30px;
	display:block;
	width:100%;
	text-align: center;
	float:left;
}
#main > .content .memberlist-nav a {
	display:inline-block;
	width:20px;
	height:20px;
	background-image: url(../img/member-nav.png);
	margin-left:3px;
	margin-right:3px;
	margin-bottom:5px;
	text-align: center;
	line-height: 21px;
	font-size:11px;
	font-weight: bold;
	color:#ffffff;
}
#main > .content .memberlist-nav a.current, .memberlist-nav a:hover {
	background-image: url(../img/member-nav-current.png);
}
.memberlist .member-website {
	position: absolute;
	bottom:20px;
	right:0px;
}
.member-type {
	color:#666666;
	padding:5px 0px 15px 0px;
}
#main > .content .memberlist a {
	text-decoration: none;
}
#main > .content .memberlist a:hover {
	text-decoration: underline;
}
.member-map-link {
	position: absolute;
	right:0px;
	bottom:0px;
}

#map_canvas {
	width:490px;
	height:300px;
	position: relative;
	display:block;
}
.member-map .member-informations {
	padding-bottom: 20px;
}
DIV.csc-textpic DIV.csc-textpic-single-image IMG {
	padding-top:4px;
}
.csc-textpic-imagewrap img {
	float:left;
}
#main > .content > .csc-default > form,
#main > .content > .csc-default > .csc-textpic {
	padding-bottom:20px;
}
#main > .content > .csc-default:last-child > form,
#main > .content > .csc-default:last-child > .csc-textpic {
	padding-bottom:0px;
}
.message {
	width:100%;
	display:block;
	float:left;
	padding:15px 0px 0px 0px;
}
.lb-nav a {
	cursor: pointer;
}
a.back-button {
	position: absolute;
	right:30px;
	top:30px;
}
.social-bookmarks {
	position: absolute;
	right:10px;
	top:35px;
	z-index: 20;
}
.social-bookmarks a {
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin-left:10px;
}
.social-bookmarks a.xing {
	background-image: url(../img/xing.png);
}
.social-bookmarks a.facebook {
	background-image: url(../img/facebook.png);
}

.social-bookmarks a.lyoness {
    background-image: url("../img/lyoness.png");
    width:200px;
    margin-top:2px;
}
.csc-mailform-field {
	position: relative;
}
.csc-mailform img {
		position: absolute;
		left:148px;
		top:0px;
}
.field-captchaResponse {
	padding-top:5px;
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	#header {
		bottom:0px;
		top:auto;
		right:110px;
	}
	
}

@media only screen and (max-width : 1100px) {
	
	#header {
		bottom:0px;
		top:auto;
		right:110px;
	}

}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    overflow: hidden;
}