@charset "utf-8";
/* CSS Document */

body {
	background: url(css-bilder/Pattern.jpg) repeat-x #dad0be;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553E24;
	line-height: 14px;
	}
	
html {
	/*overflow-y: hidden;*/
	}

button{
	background : transparent;
	border : none;
	cursor : pointer;
	color : white;
}
 a.b:link{
	color : white;
	text-decoration : underline;
}

/*------------------------------------- Beginn Typo ------------------------------------*/

a img, a:link img { 
	border: none; 
	}

a {
	color: #009999;
	outline: none;
	}

a:link {
	color: #553E24;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #553E24;	
	}
a:hover {
	text-decoration: underline;
	color: #fff;
	}
a:active {
	text-decoration: none;
	color: #fff;
	}


	.ueberschrift {
		font-size: 18px;
		font-family: "Trebuchet MS",Verdana, Arial,sans-serif;
		font-weight: normal;
		/* text-transform: uppercase; 
		background: url(css-bilder/schmucklinie.png) bottom left no-repeat;*/
		}


	.ueberschrift-linie {
		background: transparent url(css-bilder/bg_button_a.png) no-repeat scroll top right;
		display: block;
		float: left;
		height: 24px;
		padding-right: 18px;
		text-decoration: none;
		margin-right: 10px;
		
		font-size: 16px;
		font-family: "Trebuchet MS",Verdana, Arial,sans-serif;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	.ueberschrift-linie2 {
		background: transparent url(css-bilder/bg_button_span.png) no-repeat;
		display: block;
		line-height: 14px;
		padding: 5px 0 5px 18px;
	}




	.hell {
		color: #DDD3C2;
		font-weight: normal;
		height : 80px;
		display : block;
		width : 210px;
		overflow : auto;
		}
	
	.unbedeutend {
		font-size: 9px;
		color: #DDD3C2;
		font-weight: normal;
		}
	
	.Preis {
		float: right;
		margin-top: -14px;
		}

/*------------------------------------- Ende Typo ------------------------------------*/
	
	
/*------------------------------------- Beginn Bilder mit Erklärtext ------------------------------------*/
	
	.img-desc {
		position: relative;
		display: block;
		height:435px;
		width : 290px;
		overflow : hidden;
	}
	
	.img-desc cite {
		/* background: #c7b7a0; 
		filter:alpha(opacity=90);
		opacity:.90;
		color: #553E24 */;
		font-style: normal;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 16px;
		width: 266px;
	}
	
	.citeclass {
		/*background: #c7b7a0;  #bdb09d 
		filter:alpha(opacity=90);
		opacity:.90;
		color: #553E24;*/
		font-style: normal;
		position: absolute;
		padding: 16px;
		top:465px;
		display:block; 
		height:30px;
		width:266px;		
		overflow : hidden;
		
	}
	
	

/*------------------------------------- Tockis Sexy Buttons ------------------------------------*/


a.button {
    background: transparent url(css-bilder/bg_button_a.png) no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    padding-right: 18px;
    text-decoration: none;
	margin-right: 10px;
}

a.button span {
    background: transparent url(css-bilder/bg_button_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}
/*------------------------------------- Beginn Menue ------------------------------------*/

	/* Hauptmenue: */
	#menu {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 150px;
		position: relative;
	}
	#menu li {
		font-size: 16px;
		font-family: "Trebuchet MS",Verdana, Arial,sans-serif;
		margin: 0;
		padding: 0;
	}
	#menu a {
		color: #553E24;
		display: block;
		margin: 0;
		padding: 17px 16px;
		text-decoration: none;
	}
	#menu a:hover {
		background: #c7b7a0; /* #bdb09d */
		color: #553E24;
		padding-bottom: 17px;
	}
	#menu #akt {
		background: #c7b7a0; /* #bdb09d */
		color: #553E24;
		padding-bottom: 17px;
	}
	#menu #akt2 {
		background: #dacdba; /* cabeac */
		color: #553E24;
		padding-bottom: 17px;
	}

	
	
	
	/* AGB, Impressum, Hinweise: */
	
		/* Sonder-DIV für den IE */
		#agbMenue-ieDIV {
		 margin: 0px 0px 0px -40px;
		 position:absolute;
		 width: 150px;
		 z-index: 75;
		}
		/* Ende Sonder-DIV für den IE */
	
	#agbMenue{
		list-style: none;
		margin-top: 190px;
		padding: 0;
		width: 100%;
	}
	#agbMenue li {
		font-size: 11px;
		font-weight: normal;
		font-family: "Trebuchet MS",Verdana, Arial,sans-serif;
		margin: 0;
		padding: 0;
	}
	#agbMenue a {
		color: #553E24;
		display: block;
		margin: 0;
		padding: 2px 16px;
		text-decoration: none;
	}
	#agbMenue a:hover {
		background: #c7b7a0; /* #bdb09d */
		color: #553E24;
		padding-bottom: 2px;
	}
	#agbMenue #akt {
		background: #c7b7a0; /* #bdb09d */
		color: #553E24;
		padding-bottom: 2px;
	}

/*------------------------------------- Begin SubMenue -----------------------------*/

	/* Sonder-DIV für den IE */
	#SubMenue-ieDIV {
	 float: left;
	 width: 40px;
	 height: 484px;
	 background-color: #dacdba; /* cabeac */
	}
	/* Ende Sonder-DIV für den IE */

	#SubMenue {
		list-style: none;
		margin: 0px 0px 0px -40px;
		width: 150px; 
	}
	
	#SubMenue li {
		font-size: 14px;
		font-weight: normal;
		font-family: "Trebuchet MS",Verdana, Arial,sans-serif;
		margin: 0;
		padding: 0;
	}
	#SubMenue a {
		color: #553E24;
		display: block;
		margin: 0;
		padding: 9px 12px;
		text-decoration: none;
	}
	#SubMenue a:hover {
		background: #c7b7a0; /* #bdb09d */
		color: #553E24;
		padding-bottom: 9px;
	}
	#SubMenue #akt {
		background: #c7b7a0; /* #bdb09d */
		color: #553E24;
		padding-bottom: 9px;
	}
	#SubMenue #akt3 {
		background: #cfc1ac; /* #bdb09d */
		color: #553E24;
		padding-bottom: 9px;
	}


/*------------------------------------- Begin SubSubMenue -----------------------------*/

	/* Sonder-DIV für den IE */
	#SubSubMenue-ieDIV {
	 float: left;
	 width: 40px;
	 height: 484px;
	 background-color: #dacdba; /* cabeac */
	}
	/* Ende Sonder-DIV für den IE */

	#SubSubMenue {
		list-style: none;
		margin: 0px 0px 0px -40px;
		width: 150px; 
	}
	
	#SubSubMenue li {
		font-size: 14px;
		font-weight: normal;
		font-family: "Trebuchet MS",Verdana, Arial,sans-serif;
		margin: 0;
		padding: 0;
	}
	#SubSubMenue a {
		color: #553E24;
		display: block;
		margin: 0;
		padding: 9px 12px;
		text-decoration: none;
	}
	#SubSubMenue a:hover {
		background: #c7b7a0; /* #bdb09d */
		color: #553E24;
		padding-bottom: 9px;
	}
	#SubSubMenue #akt {
		background: #c7b7a0; /* #bdb09d */
		color: #553E24;
		padding-bottom: 9px;
	}

/*------------------------------------- Ende Menue ------------------------------------*/



/*--------------------------------- Box-Layout ---------------------------------*/
		
		
		#sprachwahl-container { 
		 margin: 6% auto;
		 width: 700px;
		 height: 500px;
		 background: url(css-bilder/index-screen.png) no-repeat;
		}

		.sprachwahl { 
		 margin-top: 400px;
		 margin-left: 105px;
		 width: 85px;
		 float: left;
		 display: inline;
		}
		
		#Menue-Box {
		 position: relative;
		 float: left;
		 margin: 0px;
		 height: 484px;
		}
		
		#SubMenue-Box {
		 position: relative;
		 float: left;
		 height: 484px;
		 background-color: #dacdba; /* cabeac */
		}
		
		#SubMenue-Box-Shop {
		position: absolute;
		bottom: 0px;
		} 
		
		#SubSubMenue-Box {
		 position: relative;
		 float: left;
		 margin: 0px;
		 height: 484px;
		 background-color: #cfc1ac; /* cabeac */
		}
		
		#TockiShaddow-CONTENT {
		 float: left;
		 margin: 57px 0px 30px 0px;
		 height: 484px;
		}
		
		#TheLoop {
		 float: left;
		 background-color: #c7b7a0; /* #c7b7a0 */
		 height: 484px;
		 margin: 0px;
		 padding-left:19px;
		}
		
		.ContentBox-erste {
		 float: left;
		 margin: 34px 15px 0px 34px;
		}
		
		.ContentBox {
		 float: left;
		 margin: 34px 15px 0px 15px;
		}			

/*--------------------------------- News  */		
		.ContentBox-News-erste {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 15px;
		 background: url(css-bilder/background-NEWS.gif) no-repeat;
		}
		
		.ContentBox-News {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 15px;
		 background: url(css-bilder/background-NEWS.gif) no-repeat;
		}
		
		.ContentBox-News-Text {
		 float: left;
		 width: 309px; /* waren mal 350px*/
		 height: 367px;
		 margin: 50px 15px 0px 50px;
		 overflow: auto;
		 overflow-x: hidden;
		 background: url(css-bilder/schmucklinie.png) top left no-repeat;
		}
		
		.ContentBox-News-Bild {
		 float: left;
		 margin: 0px;
		}

/*--------------------------------- Kollektion  */			
		.ContentBox-video-erste {
		 float: left;
		 width: 672px;
		 height: 435px;
		 margin: 34px 15px 0px 34px;
		 background: url(css-bilder/background-VIDEO.gif) no-repeat;
		}
		
		.ContentBox-viedeo {
		 float: left;
		 width: 672px;
		 height: 435px;
		 margin: 34px 15px 0px 15px;
		 background: url(css-bilder/background-VIDEO.gif) no-repeat;
		}
		
		.ContentBox-viedeo-Text {
		 float: left;
		 margin: 11px 0px 0px 16px;
		}
		
		.ContentBox-viedeo-embed {
		 text-align: right;
		 float: right;
		 margin: 11px 16px 0px 16px;
		}
		
		.Zusatz-DIV-Content-embed {
		font-size: 9px;
		position:absolute;
		height: 228px;
		width: 210px;
		background-color: #c7b7a0; /* #bdb09d */
		border: #DDD3C2 solid 1px;
		bottom:16px;
		overflow: auto;
		overflow-x: hidden;
		}

/*--------------------------------- Shop  */			
		.ContentBox-Shop-erste {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 34px;
		 background: url(css-bilder/background-NEWS.gif) no-repeat;
		}
		
		.ContentBox-Shop {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 34px;
		 background: url(css-bilder/background-NEWS.gif) no-repeat;
		}
		
		.Shop-Box-Container {
		 position:fixed;
		 margin-top: 0px;
		 width: 100%;
		 height: 118px;
		 z-index: 9;
		 background: url(css-bilder/background-ShopBox.png) no-repeat;
		 background-position: top right;
		 text-align: right;
		}
		
		.Shop-Box {
		 margin-top: 10px;
		 margin-right: 20px;
		 font-size: 10px;
		 line-height: 10px;
		}
		
		.mehr-DIV{
		float: right;
		}
		
		.Zusatz-DIV {
		float: left;
		height: 435px;
		width: 290px;
		margin: 34px 15px 0px -15px;
		background: url(css-bilder/background-SHOP.gif) no-repeat;
		}
		
		.Zusatz-DIV-close {
		height: 40px;
		width: 280px;
		margin: 10px 10px 0px 0px;
		text-align: right;
		}
			
		.Zusatz-DIV-Content {
		position:relative;
		margin: 0px 15px 0px 50px;
		height: 385px;
		width: 220px;
		}
		
		.Zusatz-DIV-Content-kaufen {
		position:absolute;
		bottom:120px;		
		}
				
		.Zusatz-DIV-PullDown {
		border: #DDD3C2 solid 1px;
		background-color: #c7b7a0; /* #bdb09d */
		width: 210px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #553E24;
		margin: 0px 0px 10px 0px;
		}
		
		.Zusatz-DIV-Content-Thumbs {
		position:absolute;
		bottom:16px;
		}
		
		.Zusatz-DIV-Content-Thumbs img {
		margin: 0px;
		}
		
		
		
		.ContentBox-Warenkorb-erste {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 34px;
		 background: url(css-bilder/background-WARENKORB.gif) no-repeat;
		}
		
		.ContentBox-Warenkorb-erstesBild {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 0px;
		 background: url(css-bilder/background-NEWS.gif) no-repeat;
		}
		
		.ContentBox-Warenkorb-Text-erste {
		 float: left;
		 width: 503px;
		 padding-right: 10px;
		 margin: 50px 25px 0px 50px;
		 height: 367px;
		 overflow: auto;
		 overflow-x: hidden;

		}
		
		.ContentBox-Warenkorb-Text {
		 float: left;
		 width: 350px;
		 margin: 50px 50px 0px 0px;
		}
		
		.Warenkorb-Item-erste {
		height: 80px; 
		padding-top: 5px;
		}
		
		.Warenkorb-Item {
		 width: 100%;
		 height: 80px;
		 display: block;
		 padding-top: 5px ;
		 border-bottom: #DDD3C2 solid 1px;
		}
		
		.Warenkorb-Item-img {
		 float: left;
		 width: 50px;
		 height: 75px;
		 margin: 0px 35px 0px 0px;
		}
		
		.Warenkorb-Item-ieDIV-head {
		 margin-top: -46px;
		 float: left;
		}
		
		.Warenkorb-Item-ieDIV {
		 margin-top: -18px;
		 float: left;
		}
		
		.Warenkorb-Item-rechts-oben {
		text-align: right;
		float: right;
		display: inline;
		}
		
		
		
		
		
		.ContentBox-Kasse-erste{
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 34px;
		 background: url(css-bilder/background-KASSE-ext.gif) no-repeat;
		}
		
		.ContentBox-Kasse-Abfolge{
		height: 40px;
		width: 400px;
		margin: 10px 10px 0px 0px;
		text-align: right;
		}
		
		.ContentBox-Kasse-Abfolge img{
		margin-left: 10px; 
		}
				
		.ContentBox-Kasse-Text {
		 float: left;
		 width: 513px;
		 height: 350px;
		 margin: 50px 25px 0px 50px;
		overflow: auto;
		overflow-x: hidden;
		}
		
		.ContentBox-Kasse-Preis {
		margin: 0px 10px 0px 0px;
		}
		
		.Zusatz-DIV-Kasse {
		position: relative;
		display: block;
		height:435px;
		margin-top: 0px;
		}
		
		.Zusatz-DIV-Kasse-close {
		height: 40px;
		width: 350px;
		margin: 10px 10px 0px 0px;
		text-align: right;
		}
		
		.Zusatz-DIV-Kasse-Content {
		position:relative;
		margin: 0px 15px 0px 50px;
		height: 350px;
		width: 280px;
		overflow: auto;
		overflow-x: hidden;
		}
		
		.ContentBox-Info-erste{
		 float: left;
		 height: 435px;
		 width: 775px;
		 margin: 34px 15px 0px 34px;
		 background: url(css-bilder/background-KASSE.gif) no-repeat;
		}
		
		.ContentBox-Info-Text {
		 float: left;
		 height: 350px;
		 width: 675px;
		 margin: 50px 15px 0px 50px;
		 overflow: auto;
		 overflow-x: hidden;
		}
				
		.Shop-eingabe {
		border: #DDD3C2 solid 1px;
		background-color: #c7b7a0; /* #bdb09d */
		color: #553E24;
		}

/*--------------------------------- Label  */			
		
		.ContentBox-Label-erste {
		 background: url(css-bilder/background-NEWS.gif) no-repeat;
		 height: 435px;
		 float: left;
		 margin: 34px 0px 0px 34px;
		}
		
		.ContentBox-Label {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 0px;
		}
		
		.ContentBox-Label-Text {
		 float: left;
		 width: 309px;
		 height: 367px;
		 margin: 50px 15px 0px 50px;
		 overflow: auto;
		 overflow-x: hidden;
		}

/*--------------------------------- Kontakt  */			
		
		.ContentBox-Kontakt-erste {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 34px;
		 background: url(css-bilder/background-NEWS.gif) no-repeat;
		}
		
		.ContentBox-Kontakt {
		 float: left;
		 height: 435px;
		 margin: 34px 15px 0px 15px;
		 background: url(css-bilder/background-NEWS.gif) no-repeat;
		}
		
		.ContentBox-Kontakt-Text {
		 float: left;
		 width: 309px; /* waren mal 350px*/
		 height: 367px;
		 margin: 50px 15px 0px 50px;
		 overflow: auto;
		 overflow-x: hidden;
		}
		
		.ContentBox-Kontakt-Bild {
		 float: left;
		 margin: 0px;
		}


/*--------------------------------- AGB  */			
		
		.ContentBox-AGB-erste {
		 float: left;
		 height: 435px;
		 width: 672px;
		 margin: 34px 15px 0px 34px;
		 background: url(css-bilder/background-KASSE.gif) no-repeat;
		}
		
		.ContentBox-AGB {
		 float: left;
		 height: 435px;
		 width: 672px;
		 margin: 34px 15px 0px 15px;
		 background: url(css-bilder/background-KASSE.gif) no-repeat;
		}
		
		.ContentBox-AGB-Text {
		 float: left;
		 width: 577px;
		 height: 350px;
		 margin: 50px 35px 0px 50px;
		 padding-right: 10px; 
		 overflow: auto;
		 overflow-x: hidden;
		}

		

/*--------------------------------- vor-zurück  */			
		.vor-zurueck {
		 float: left;
		 margin-top: 215px;
		 width: 46px;
		 text-align: center;
		 white-space: nowrap;
		}
		 
		.vor-zurueck-ende {
		 float: left;
		 margin-top: 215px;
		 width: 200px;
		 text-align: center;
		 white-space: nowrap;
		}
		 	 
		.zumMenue {
		 margin-top: 25px;
		 text-align: right;
		 font-size:10px;
		}
		
		.zumMenue-Kollektion {
		 margin-top: 80px;
		 text-align: right;
		 font-size:10px;
		 width: 673px;
		}
		

/*--------------------------------- Ende Box-Layout ---------------------------------*/		


/*--------------------------------- Beginn Logos im Hintergrund ---------------------------------*/

	#Logo-Box {
	 position:absolute;
	 height: 100%;
	 z-index:10;
	 background-image: url(css-bilder/Logo-bottom.png) bottom left; 
	}
	
	.Logo-Top {
	 margin: 10px 0px 0px 10px;
	}
	
	.Logo-Bottom {
	 margin: 400px 0px 0px 10px;
	}

/*--------------------------------- Ende Logos im Hintergrund ---------------------------------*/


/*------------------------------------- Tocki Shaddow Box ------------------------------------*/

		/* Hier ist alles drin */

		.TockiShaddow-BOX {
		 position:absolute;
		 float: left;
		 height: 619px;
		 margin-top: 60px;
		 margin-left: 80px;
		 z-index:50;
		 
		 /* Vorläufig: */
		 width: 8000px;
		 
		}

		
		.TockiShaddow-links {
		 float: left;
		 background:url(css-bilder/TockiShaddow-links-35.png) left top no-repeat;
		 width: 50px;
		 height: 619px;
		}
		
		.TockiShaddow-mitte {
		 float: left;
		 display : inline;
		 background: url(css-bilder/TockiShaddow-mitte-35.png) repeat-x;
		 height: 619px;
		}
		
		.TockiShaddow-rechts {
		 float: left;
		 display: inline;
		 background:url(css-bilder/TockiShaddow-rechts-35.png) right top no-repeat;
		 height: 619px;
		 width: 130px;
		}


/*--------------------------------- Ende Tocki Shaddow Box ---------------------------------*/

.erfolgreich{
	color : green;
	font-weight : bold;
	text-align : left;
}
.fehlerDIV, .fehler{
	font-weight : bold;
	color : red;
	text-align : left;
}
.artikel{
	float : left;
}