/* Imports */  
@import url("reset.css");  

* {
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:130%;
	color:#555;
}

body {
	background-color:#ffffff;
}

a, a:visited {
	color: #777;
}

a:hover {
	color: #000;
	cursor: pointer;
}

a {
	outline: none;
}

.productsFrame,
.slideFrame {
	float:left;
	height:650px;
	position:absolute;
	top:0;
	overflow:hidden;
}

.mainFrameOverlay,
.mainFrame {
	height:650px;
	width:1200px;
	overflow:hidden;
}

.mainFrameOverlay {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1200;
	background-color:#fff;
}

.homeLinkHelper {
	height:650px;
	width:190px;
	position:absolute;
	top:0px;
	left:0px;
}

.productsFrame {
	width:952px;
	height:650px;
	border-right:1px solid #999999
}

.leftFrame {
	background:url(../images/design/bg_mainframe_home.jpg) left top no-repeat;
	left:0;
	width:952px;
}

.leftFrameInactive #nothingContent {
	display:none;
}

/*
.leftProductFrameActive,
.leftProductFrameInactive {
	background:none;
}
*/

.rightFrame,
.rightFrameInactive,
.rightFrameInactiveGeneral {
	width:190px;
	left:762px;
}

.levelFrameRightActive,
.rightFrameInactiveGeneral {
	left:190px;
}

.rightFrameActive,
.rightProductFrameActive {
	width:762px;
	left:190px;
}

.rightFrameInactiveGeneral {
	width:762px;
}

/*
.rightProductFrameInactive 
*/

.generalFrame {
	width:195px;
	left:952px;
	background:#fff;
	z-index:215;
}

.generalFrameActive {
	width:810px;
	left:380px;
}

.levelFrame {
	height:650px;
	width:5px;
	/*border-right:1px solid #999999;*/
	background:url(../images/design/bg_framewrapper.png) left top repeat-y;
	position:absolute;
	top:0;
	z-index:;
	z-index:800;
}

.levelProductFrameRightInactive,
.levelFrameRightInactive {
	left:757px;
}

.levelFrameRightInactiveGeneral {
	left:185px;
}

.levelProductFrameRightActive {
	left:185px;
}

.levelFrameGeneralActive {
	left:375px;
}

.levelFrameGeneralInactive {
	left:947px;
}

.everythingTeaserText {
	position:absolute;
	top:92px;
	left:210px;
	z-index:210;
}

.nothingTeaserText {
	position:absolute;
	top:92px;
	left:210px;
}

.everythingTeaser {
	position:absolute;
	top:365px;
	right:153px;
}

.frameNavi {
	padding:17px 0 0 0;
	width:180px;
	position:absolute;
	z-index:999;
	margin-left:10px;
}

.everythingNavi,
.nothingNavi {
	padding-top:25px;
	display:none;
}

.everythingCorrespondingNavi ul,
.nothingCorrespondingNavi ul,
.everythingNavi ul,
.nothingNavi ul {
	list-style-type:none;
}

.nothingCorrespondingImage,
.everythingCorrespondingNavi,
.nothingCorrespondingNavi,
#nothingContent .content,
#everythingContent .content {
	position:absolute;
	left:0px;
	top:0px;
}

.nothingCorrespondingNavi {
	left:0px;
	top:92px;
}

.everythingCorrespondingNavi {
	left:0px;
	top:92px;
}

.nothingCorrespondingImage {
	left:0px;
	width:190px;
	height:650px;
	background-position:right top;
	z-index:100;
}

#nothingContent .content .contentCenter,
#everythingContent .content .contentCenter {
	position:absolute;
	top:0px;
}

#imagesBox {
	position:absolute;
	top:0px;
	left:1px;
	z-index:100;
}

#godfatherBox {
	position:absolute;
	left:144px;
	top:200px;
}

#aboutBox,
#ideaBox,
#godfatherBox {
	position:absolute;
	left:1px;
	top:0px;
	line-height:130%;
	width:758px;
	height:650px;
	overflow:auto;
	z-index:200;
	background:url(../images/design/bg_semi_opac.png);
}

#ideaBox {
}

div.inner {
	line-height:130%;
	padding:85px 30px 0px 230px;
}

div.inner ul li {
	background:url(../img/product_list_item.gif) no-repeat 0 8px;
	padding-left:18px;
}

#loading {
	/*border:1px solid #fff;*/
	background-color:#ccc;
	color:#555;
	padding:7px;
	padding-bottom:4px;
	position:absolute;
	top:200px;
	left:500px;
	display:none;
	z-index:1400;
}

#loading img {
	margin-right:8px;
}

#loadingOverlay {
	position:absolute;
	top:0px;
	left:0px;
	height:650px;
	width:1200px;
	display:none;
	z-index:1395;
	/*background:#fff;*/
}

#generalContentBox {
	position:absolute;
	left:210px;
	top:0px;
	z-index:1000;
	padding-top:6px;
}

.generalContent {
	width:590px;
}

span.imageSpan {
	display:block;
	width:200px;
	height:25px;
	background: -1px 0px no-repeat;
}

span.imageSpan span {
	display:none;
}

.productImagesNavi a span.imageSpan,
a:hover span.imageSpan {
	background-position:-1px -25px;
}

a.activeLink span.imageSpan {
	background-position:-1px -50px;
	cursor:default;
}

.productInfoLinks {
	position:absolute;
	top:517px;
	left:10px;
	z-index:800;
}

.productInfoLinksEverything {
	top:467px;
}

.productImages {
	width:757px;
	height:650px;
	overflow:hidden;
	background-color:#fff;
	height:650px;
}

.productImagesWrapper {
	width:5000px;
}

.productImagesWrapper img {
	margin:0;
	float:left;
}

.productImagesNavi {
	position:absolute;
	top:567px;
	left:220px;
	z-index:800;
}

.productImagesNavi a span.imageSpan,
.productImagesNavi span.navDivider {
	float:left;
	width:57px;
}

.productImagesNavi a.productImagesNaviFirst span.imageSpan {
	width:40px;
}

a.inactive span.imageSpan {
	background-position: -1px 0px;
	cursor:default;
}

.productsGodfatherImage,
.logoBox {
	position:absolute;
	top:600px;
	/*left:598px;*/
	left:775px;
	z-index: 210;
}

.rightFrameLogo {
	left:775px;
}

.productsGodfatherImage {
	top:560px;
	left:424px;
	width:300px;
	height:40px;
	text-align:right;
	z-index: 210;
}

/*----------------------------------------------------------------------------------------/
/ Contentelemente 
/---------------------------------------------/
/ Bereiche innerhalb von content
/--------------------------------------------*/

div.areaContent {
	position: relative;
	padding: 0 16px 0 17px;
	min-height: 566px;
}

* html div.areaContent {
	height: 566px;
	overflow: visible;
	/* IE 5-6 kein min-height */
}

/*
.conColNext {
	margin-top:10px;
	margin-bottom:50px;
}
*/

div.areaContent .conCol1, div.areaContent .conColNext {
	width: 186px;
}

div.areaContent .conColNextDouble {
	width: 386px;
}

div.areaContent .conColNext, div.areaContent .conColNextDouble {
	margin-left: 14px;
}

td p.padSubTopHeadline,
div.areaContent .conCol1 .padSubTopHeadline,
div.areaContent .conColNext .padSubHeadline {
	margin-bottom:20px;
}

div.areaContentLogo {
	clear: both;
	position: relative;
}

div.areaContentLogo.default {
	padding: 20px 0 20px 461px;
	background-color:#FFF;
}

div.areaContentLogo.standAlone {
	padding: 586px 0 20px 461px;
	background-color:#FFF;
}

div.areaLogoAbsolut {
	position: absolute;
	z-index: 10;
	top: 586px;
	left: 461px;
	width: 140px;
	height: 27px;
}

div.logoTransparent {
	background-repeat: no-repeat;
	background-image: url(../img/logo.png);
}

* html div.logoTransparent {
	background-image: none;
}

div.areaContent .padTop {
	padding-top:10px;
}

div.areaContent .padSubTopHeadline {
	padding-top: 4px;
}

div.areaContent .padSubHeadline {
	padding-top: 26px;
}

div.areaContent .padConHeadline {
	padding-top: 5px;
}

div.areaContent .padCon {
	padding-top: 73px;
}

.areaConAccountEdit {
	padding-top:10px;
}

.areaConCheckout,
.areaConAccount {
	padding-top:7px;
}

td.tblLeftEntry {
	padding-right: 10px;
}

div.areaContent .spacerNoHeadlines {
	height: 62px;
}

div.areaContent .spacerNoSubHeadline {
	padding-top: 26px;
}

.padButBottom {
	padding-top: 16px;
}

.padButNext {
	padding-top: 2px;
}

.areaShopContent {
	padding-bottom: 16px;
	min-height: 526px;
}

* html .areaShopContent {
	height: 542px;
	overflow: visible;
}

.areaShopContent.withButton {
	min-height: 500px;
}

* html .areaShopContent.withButton {
	height: 516px;
	overflow: visible;
}

.note_banktransfer_2,
.note_banktransfer_3,
.note_banktransfer_4,
.note_banktransfer_5 {
	float:left;
	padding:0;
	width:165px;
	height:40px;
}

.block_banktransfer .bold {
	clear:left;
}

.buttonShopContent {
	height: 26px;
}

img {
	border: 0;
}

.blockElm {
	display: block;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.clearB {
	clear: both;
}

h1, h2, h3, p {
	margin: 0;
	padding: 0;
}

/* Abstaende dieser Elemente selbst an gegebener Stelle definieren */
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.dimensionZero, a#backToTop, div#pageFinish {
	line-height: 0;
	font-size: 0;
}

form, input, textarea, select {
	padding: 0;
	margin: 0;
}

input, textarea {
	font-size: 13px;
}

select {
	font-size: 11px;
}

/* IEs machten trotz padding:0, margin:0 1px Abstand nach oben zur Schrift */
* html input, * html textarea, * html select {
	margin-top: -1px;
}

/* IE 5-6 */
*+html input, *+html textarea, *+html select {
	margin-top: -1px;
}

/* IE 7 */
input.resetMarginIE {
	margin-top: 0;
}

form textarea {
	overflow: auto;
}

form .formText {
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	background-color: #EFEFEF;
}

form .formText:focus {
	background-color: #FFF;
}

select {
	font-size: 11px;
}

.button {
	display: block;
	border: 0;
	width: 186px;
	height: 24px;
	background-repeat: no-repeat;
}

a.button, input.button {
	cursor: pointer;
}

a.button:hover {
	background-position: 100% 0;
}

/* Breiten */
form .widthNormal {
	width: 184px;
}

* html form .widthNormal {
	width: 186px;
}

form .widthDouble {
	width: 384px;
}

* html form .widthDouble {
	width: 386px;
}

form .widthFull {
	width: 584px;
}

form#checkout_address textarea.agbTextarea {
	width:180px;
	height:250px;
}

* html form .widthFull {
	width: 586px;
}

form .padNextEntry {
	padding-bottom: 16px;
}

div.inputTypeHidden {
	display: none;
}

.areaShoppingCart {
	margin-top:53px;
	overflow:auto;
	height:560px;
}

* html .areaShoppingCart {
	height: 560px;
	overflow: visible;
}

div.entryShoppingCart {
	min-height: 100px;
}

* html div.entryShoppingCart {
	height: 100px;
	overflow: visible;
}

.cartTableHead {
	color:#333;
	font-weight:bold;
}

a.itemShoppingCart {
	text-decoration: none;
}

a.itemShoppingCart span:hover {
	color: #000;
}

a.itemShoppingCart span.productName {
	text-decoration: underline;
}

a.itemShoppingCart span.noHover {
	color: #666;
}

.cartImageBox {
	width:80px;
	overflow:hidden;
	text-align:right;
}

.cartImageBox img {
	border:1px solid #ccc;
	border-right-width:0;
}

.cartButtons .button {
	float:right;
}

.messageStack {
	font-size: 11px;
	line-height: 14px;
	padding: 10px 0 8px;
}

.warningMessage, 
.warningMessage a, 
.warningMessage a:visited, 
.errorMessage, 
.errorMessage a, 
.errorMessage a:visited {
	color: #FF65B2;
}

.warningMessage a:hover, .errorMessage a:hover {
	color: #000;
}

.successMessage {
	color: #1a1;
}

.productsOverviewBox {
	position:absolute;
	top:94px;
	left:200px;
	width:575px;
}

.productsItemBox {
	width:190px;
	height:100px;
	float:left;
	line-height:140%;
}

.productsItemBox a {
	font-weight:bold;
	text-decoration:none;
	color:#444;
}

.productsItemBox img {
/*	float:left;
	border:1px solid #aaa;*/
	margin:1px 0 0 1px;
}

.productsItemBox a.overviewListItem {
	float:left;
	display:block;
	width:83px;
	height:83px;
	background:url(../images/design/bg_product_overview.png) no-repeat;
	margin-right:8px;
}

.maybeSeeIt { 
	display:none; 
}