/* --------------------------------------------
CSS für Hereke Silk Carpets
Autor: J. Musikant - www.Hoodvisions.de
Datum: 01.08.2007 GMT +0100
Notizen:

-------------------------------------------- */

body {
	margin:0;
	padding:0;
	background:url(imgs/bg.gif) repeat-x #222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#CCCCCC;
}

a {color:#f29f84;text-decoration: none;}
a:hover {color:#ffffff;}
a img {border:none;}

.input {
background:none;
color:#FFFFFF;
border:none;
border-bottom:1px dotted #CCCCCC;
width:200px;
}
.bestellung input {
width:180px;
}
h1 {font-size:18px; padding:0; margin:0; padding-bottom:15px; color:#FFFFFF;}
h2 {}
h3 {}
h4 {font-size:14px; color:#CCCCCC; padding:0; margin:0; text-decoration:none; padding-bottom:2px;}
img.left {float:left; margin-right:15px;}

.clear {clear:both;}

hr {border:0; border-bottom:1px solid #cccccc; height:1px;}

#container {
	width:943px;
	margin-left:auto;
	margin-right:auto;
}

	#header {
		width:943px;
		height:72px;
		background:url(imgs/header.jpg);
	}
		
		#language {padding-top:50px; padding-left:779px;}
		#language .lang a {display:block; float:left;}
		#language .lang a:hover {}
	
	#linktohome a {
	display:block;
	position:absolute;
	top:0;
	width:190px;
	height:150px;
	cursor:pointer;
	}
	
	#navi, #navi_en, #navi_esp, #navi_ru {
		width:943px;
		height:68px;
		background:url(imgs/navi.jpg);
		text-align:right;
		font-size:12px;
	}
	#navi_en {background:url(imgs/navi_en.jpg);}
	#navi_esp {background:url(imgs/navi_esp.jpg);}
	#navi_ru {background:url(imgs/navi_ru.jpg);}
	
/*		#navi ul, #navi_en ul, #navi_esp ul, #navi_ru ul {list-style:none; margin:0 0 0 190px; padding:20px 40px 0 0; text-decoration:none;}
		#navi_en ul {padding-right:45px;}
		#navi_esp ul {padding-right:46px;}
		#navi_ru ul {padding-right:45px;}
		#navi ul li, #navi_en ul li, #navi_esp ul li, #navi_ru ul li {margin-left:30px; display:inline;}
		#navi_ru ul li {margin-left:20px;}
		#navi ul li a, #navi_en ul li a, #navi_esp ul li a, #navi_ru ul li a {color:#FFFFFF; text-decoration:none;}
		#navi ul li a:hover, #navi_en ul li a:hover, #navi_esp ul li a:hover, #navi_ru ul li a:hover {color:#f29f84; text-decoration:none;}
		
	#navi li > ul, #navi_en li > ul, #navi_esp li > ul, #navi_ru li > ul {
		position: absolute;
		padding: 0;
	  	margin: 0 0 0 -90px;
		top: 106px;
		display: none;
	  	width: 140px;
		text-align:left;
		background:#cb0000;
	}
	#navi li ul, #navi_en li ul, #navi_esp li ul, #navi_ru li ul {
		background:url(imgs/navipop.jpg);
		position:absolute;
		display:none;
	}
	
	#navi li a:hover ul {
		display:block;
	}
	
	#navi li:hover ul, #navi_en li:hover ul, #navi_esp li:hover ul, #navi_ru li:hover ul {display:inline;padding:5px 0 25px 0;}
	#navi li ul li a, #navi_en li ul li a, #navi_esp li ul li a, #navi_ru li ul li a {
		font-size:12px;
		letter-spacing:0px;*/
		/*font-weight:bold;*//*
		display:block;
		padding:1px 0 9px 10px;
	}*/

/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */


.dropdown {
text-align:center; font-family:arial, verdana, sans-serif; position:relative; font-size:12px; background:transparent; height:68px; margin:0 auto;
width:770px;margin:0 0 0 186px;}
.dropdown ul {
padding:13px 0 0 120px; margin:0 0 0 0; list-style-type: none;
}
.dropdown ul li {
float:left; position:relative;padding:0;
}
.dropdown ul li.home {width:60px;}
.dropdown ul li.kollektion {width:80px;}
.dropdown ul li.information { width:120px;}
.dropdown ul li.qualitaet {width:130px;}
.dropdown ul li.agb {width:50px;}
.dropdown ul li.kontakt {width:75px;}
.dropdown ul li.impressum {width:90px;}

.dropdown ul li.subprod {background:transparent url(dropdownsubprod.gif) no-repeat;}
.dropdown ul li.subprod2 {background:transparent url(dropdownsubprod2.gif) no-repeat;}
.dropdown ul li.subprod3 {background:transparent url(dropdownsubprod3.gif) no-repeat;}
.dropdown ul li.subnews {background:transparent url(dropdownsubnews.gif) no-repeat;}
.dropdown ul li.subnews2 {background:transparent url(dropdownsubnews2.gif) no-repeat;}
.dropdown ul li.subnews3 {background:transparent url(dropdownsubnews3.gif) no-repeat;}
.dropdown ul li.subserv {background:transparent url(dropdownsubserv.gif) no-repeat;}
.dropdown ul li.subserv2 {background:transparent url(dropdownsubserv2.gif) no-repeat;}
.dropdown ul li.subserv3 {background:transparent url(dropdownsubserv3.gif) no-repeat;}
.dropdown ul li.subserv4 {background:transparent url(dropdownsubserv4.gif) no-repeat;}
.dropdown ul li.subserv5 {background:transparent url(dropdownsubserv5.gif) no-repeat;}
.dropdown ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}
.dropdown ul li.subsubr {background:#eee url(previous.gif) no-repeat 145px 0;}

.dropdown ul li a, .dropdown ul li a:visited {
display:block; text-decoration:none; height:54px; color:#fff; padding-left:00px; line-height:29px;
}
* html .dropdown ul li a, .dropdown ul li a:visited {
/*width:100px; w\idth:70px;*/
}

.dropdown ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.dropdown table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.dropdown ul li:hover a,
.dropdown ul li a:hover {
color:#f29f84; text-decoration:none; border:0;
}
.dropdown ul li:hover ul,
.dropdown ul li a:hover ul {
visibility:visible; text-align:left; width:130px; height:auto; position:absolute; top:26px; left:7px; background:url(imgs/navipop.jpg) 0px -20px; /*border:1px solid #E9C348;*/ overflow:visible;-moz-opacity:0.85;filter:alpha(opacity=85); padding:0;}
.dropdown ul li:hover ul li a,
.dropdown ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#fff; height:auto; line-height:1.5em; padding:5px 30px 5px 15px; width:170px; w\idth:125px;
}
.dropdown ul li:hover ul li a.drop,
.dropdown ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 30px 5px 15px; width:170px; w\idth:125px;
}
.dropdown ul li:hover ul li ul,
.dropdown ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.dropdown ul li:hover ul li a:hover,
.dropdown ul li a:hover ul li a:hover {
color:#f29f84; text-decoration:none;
}
.dropdown ul li:hover ul li:hover ul,
.dropdown ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}
.dropdown ul li:hover ul li:hover ul.left,
.dropdown ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.dropdown ul li:hover ul li:hover ul li a,
.dropdown ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .dropdown ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.dropdown ul li:hover ul li:hover ul li:hover a,
.dropdown ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}
	
#content {
	background:url(imgs/content.jpg);
	width:943px;
}
	
	.contentbox {
		background:url(imgs/content_header.jpg) no-repeat;
		padding-left:40px;
		padding-right:40px;
		padding-top:20px;
		/*min-height:600px; für den IE */
	}

	.ohnenavi {
	padding-left:209px;
	padding-right:50px;
	}
	
	.thumbs div {
	float:left;
	padding-left:0px;
	text-align:center;
	font-size:11px;
	}
	.thumbs div a {
	text-decoration:none;
	color:#CCCCCC;
	}
	
	.thumbs div a:hover {
	color:#f29f84;
	}
	
	.teppich_start_1st a {
	display:block;
	float:right;
	text-align:center;
	padding-right:30px;
	height:300px;
	text-decoration:none;
	color:#f29f84;
	}
	.teppich_start a {
	display:block;
	float:right;
	text-align:center;
	height:300px;
	text-decoration:none;
	color:#f29f84;
	}
	.teppich_start a:hover, .teppich_start_1st a:hover {
	color:#FFFFFF;
	}
	.teppichstarttext {
	text-align:center;
	/*padding-top:280px;*/
	}
	
	.teppich {
	height:572px;
	float:left;
	padding-left:60px;
	}
	.arrows {
	width:231px;
	margin-left:60px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	}
	.arrows img {
	vertical-align:middle;
	}
	.arrows a {
	text-decoration:none;
	color:#CCCCCC;
	}
	.arrows a:hover {
	color:#FFFFFF;
	}
	
	.arrows_big {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	}
	.arrows_big img {
	vertical-align:middle;
	}
	.arrows_big a {
	text-decoration:none;
	color:#CCCCCC;
	}
	.arrows_big a:hover {
	color:#FFFFFF;
	}
	.groessen a {
	text-decoration:none;
	color:#f29f84;
	}
	.groessen a:hover {
	color:#ffffff;
	}
	.buttons {
	padding-top:135px;
	float:left;
	}
	.teppichtext {
	padding-left:12px;
	padding-top:20px;
	}
	.big a {
	width:72px; height:72px;
	background:url(imgs/big.jpg);
	display:block;
	}
	.big a:hover {background:url(imgs/big_on.jpg);}
	.detail a {
	width:72px; height:70px;
	background:url(imgs/detail.jpg);
	display:block;
	}
	.detail a:hover {background:url(imgs/detail_on.jpg);}
	.order a {
	width:72px; height:74px;
	background:url(imgs/order.jpg);
	display:block;
	}
	.order a:hover {background:url(imgs/order_on.jpg);}
	
	
	.back a {
	width:72px; height:72px;
	background:url(imgs/back.jpg);
	display:block;
	float:left;
	}
	.back a:hover {background:url(imgs/back_on.jpg);}
	.detail_big a {
	width:72px; height:72px;
	background:url(imgs/detail.jpg);
	display:block;
	float:left;
	}
	.detail_big a:hover {background:url(imgs/detail_on.jpg);}
	.order_big a {
	width:72px; height:74px;
	background:url(imgs/order.jpg);
	display:block;
	float:left;
	}
	.order_big a:hover {background:url(imgs/order_on.jpg);}
	
	#subnavi {
		width:189px;
		height:641px;
		background:url(imgs/subnavi.jpg) no-repeat;
		float:left;
	}
		
		.snav a {height:25px; width:147px; margin-bottom:29px; padding-left:42px; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; font-size:13px; color:#FFFFFF;}
		.snav a:hover {background:url(imgs/arrow.gif);}
		
		.yatego a {height:100px; width:70px; margin-top:20; margin-bottom:50px; padding-left:90px; display:block; font-family:Arial, Helvetica, sans-serif; font-weight::bold; text-decoration:none; font-size:13px; color:#FFFFFF;}
	
.infoSilkList li{
	margin-bottom:5px;
}
	
#footer {
	background:url(imgs/footer.jpg) no-repeat;
	clear:left;
	width:943px;
	height:42px;
	color:#999999;
	text-align:center;
	font-size:12px;
}