/*
 * $Id: main.css,v 1.3 2006-05-30 08:56:06 sven Exp $
 */
div.whiteSurface {
	background: #fff;
	position: absolute;
	opacity: 0.3;
	filter: alpha(opacity=30);
	width: 475px;
	display: none;
	z-index: 5;
}
div#tapeLeft {
	position: absolute;
	width: 241px;
	height: 82px;
	top: -15px;
	background: url(/images/design/plakband-links.png);
	z-index: 4;
}

div#tapeRight {
	position: absolute;
	width: 133px;
	height: 68px;
	bottom: -20px;
	right: 0px;
	background: url(/images/design/plakband-rechts.png);
	z-index: 4;
}

div#tapeRight2 {
	position: absolute;
	width: 133px;
	height: 68px;
	top: 20px;
	right: 0px;
	background: url(/images/design/plakband-rechts2.png);
	z-index: 4;
}

div.newsSubscribe {
	position: absolute;
	right: 100px;
	top: 200px;
	z-index: 100;
}

a.newsSubscribe {
	display: block;
}

div#container {
	width: 987px;
	margin: 0 auto;
	color: #000;
	font-size: 1.35em;
	font-family: Times new Roman, Arial, Verdana;
}

div#header {
    position: relative;
    height: 121px;
}

div.headernl {
	background: url(/images/design/header_bg.gif) right top no-repeat;
}

div.headerde {
	background: url(/images/design/header_bg_de.gif) right top no-repeat;
}

div.headernl .logolinkavec {
	display: block;
	position: absolute;
	left: 332px;
	top: 54px;
}

    h1.siteLogo {
        display: block;
        position: absolute;
        top: 14px;
        right: 22px;
        margin: 0px;
    }
    h1.siteLogo a { margin: 0px; padding: 0px; }

    div#shopLinks { position: absolute; top: 40px; right: 136px; }
        #shopLinks a.shopProducten {
        	position: relative;
            display: block;
            width: 100px;
            float: left;
            height: 15px;
            line-height: 15px;
            overflow: hidden;
            margin-right: 40px;
            top: 7px;
            /*background: url(/images/shop/products_link.gif) 0 0 no-repeat;*/

        }
        #shopLinks a.shopProductenOn, #shopLinks a.shopProducten:hover { background-position: 0 -15px; background-repeat: no-repeat;}
        #shopLinks a.shopCart {
            display: block;
            float: left;
            width: 170px;
            height: 21px;
            margin-top: 3px;
            /*background: url(/images/shop/cart_link.gif) 0 0px no-repeat;*/
        }
        #shopLinks a.shopCartOn, #shopLinks a.shopCart:hover { background-position: 0 -21px; }
        #shopLinks a{
        	font-size: 19px;
            font-weight: bold;
            letter-spacing: 2px;
            color: #000000;
            text-decoration:none;
        }
        #shopLinks a:hover{
        	color: #FF0000;
        }


div#body {
	min-height: 400px;
	position: relative;
	background: url(/images/design/background-repeat.png) repeat-y;
}
div.scrollContent processedContent { overflow: auto; }

    #contentBorderBottom { clear: both; height: 51px; background: url(/images/design/contentBottomBg.png); }
		div#flag { height: 24px; width: 35px; position: relative; top: 10px; }
div#footer {
	clear: both;
    height: 27px;
    overflow: hidden;
    font-family: arial black, arial, verdana;
    position: relative;
    z-index: 10;
}

    #mainMenu { margin: 0px; padding: 0px 20px; list-style-type: none; }
	#mainMenu li {
	   display: block;
	   height: 24px;
	   line-height: 24px;
	   float: left;
	   padding: 0px 25px;
	   font-size: 0.75em;
	   font-weight: bold;
	}

	#mainMenu a { color: #000; }
	#mainMenu a.itemOn, #mainMenu a:hover { color : #ed1c24; text-decoration: none;}

	div.saleLarge {
	   position: absolute;
	   width: 282px;
	   height: 162px;
	   background: url(/images/design/sale_large.png);
	   background-repeat: no-repeat;
	   z-index: 3;
	}

	div.discountView {
	   top: 30px;
	   right: 70px;
	}

	div.productView {
	   bottom: 20px;
	   right: 80px;
	}

	div.categoryView { display: none; }

	form#contactForm {
		position: absolute;
		right: 85px;
		top: 50px;

	}
		#contactForm td { height: 46px; }
		#contactForm td.key { font-size: 0.875em; }
		#contactForm input.text { height: 18px; padding: 4px 0px; width: 233px; line-height: 24px; }
		#contactForm textarea.text { width: 233px; height: 87px; }
		#contactForm input.button { cursor: pointer; width: 47px; height: 47px; background: url(/images/design/contact_submit.gif); border: 0px; margin-top: 20px; }
div#bodyFooter { text-align: center; font-weight: bold; }


div.flagMenu {
	float: right;
	padding-right: 120px;
	padding-top: 5px;

}