/*
	CSS Stylesheet
	written by Hendrik Meyer
	MEDIA DSIGN | websolutions
	www.media-dsign.de
*/

body { margin: 0px 0px; background: #5C5B49 url('img/background.jpg') repeat-x top center; text-align: left; font-family: Verdana,Arial,sans-serif; font-size: 12px; text-align:center; }
div,ul,li { text-align:left; margin:0;padding:0; }
a:link,a:hover,a:active,a:visited { color: #000000; text-decoration: underline; }
h1 { font-size: 16px; font-weight: normal; }
h2 { font-size: 16px; font-weight: normal; }
td ul { margin:5px 30px; }
.cl { clear:left; }
.cr { clear:right; }
.cb { clear:both; }
:focus { outline:0; }
.small { font-size:10px; }
div.msg { padding: 5px;	font-family: Verdana,Arial;	font-size: 11px;	color: #000000;	background-color: #CCCCCC; border: #FF0000 1px solid; }

/* layout */
div#header { width: 842px; margin: 61px auto 0 auto; background: url('img/header_bgline.gif') repeat-x bottom left; }
img#logo_left { position:absolute; margin: 0 0 0 -24px; }
div#page { width: 842px; margin:0px auto; background: #F5F4EF; padding-top: 34px; }
div#shadow_left { width: 5px; height:620px; background: url('img/schatten_links.jpg') no-repeat right top; float: left; margin-top:-34px; margin-left:-5px; }
div#shadow_right { width: 9px; height:620px; background: url('img/schatten_rechts.jpg') no-repeat right top; float: right; margin-top:-34px; margin-right:-9px; }

/* navigation */
div#navigation { height: 32px; background: url('img/navi_bg.jpg') repeat-x top left; }
div#navigation ul { list-style:none; }
div#navigation ul li { float:left; margin: 2px 0; border-right: #fff 1px solid; }
div#navigation ul li a { color: #D3D2BE; text-decoration: none; display:block; padding: 0 33px 0 35px; font-size:15px; line-height:22px; }
div#navigation ul li a:hover,a.current { background: #5C5B49; }
div#navigation ul li a img { display: none; }
div#navigation ul li a:hover img,div#navigation ul li a.current img { display:block; position:absolute; margin: 0 0 0 -35px; }
div#navigation ul li ul { display:none; }
/*div#navigation ul li:hover ul { display:block; }*/
div#navigation ul li ul { position: absolute; }
div#navigation ul li ul li { background:#9D9B8C; float:none; }
div#navigation ul li ul li a { color: #D3D2BE; text-decoration: none; }

/* content */
div#content { margin: 30px 120px 30px 120px;  }
div#content div { padding:20px; text-align:justify; }
div#content p { text-align:justify; }
div#content div.clear { clear: both; padding:0; }

/* footer */
div#footer { clear: both; background: #5C5B49 url('img/footer_bg.jpg') repeat-x top center;height:100px; padding:0px; color: #fff; }
div#footer a { color: #fff; font-weight:bold; text-decoration: none; }
div#footer div { padding: 25px 5px 0 0;text-align:right; }
#logo { width:253px;height:46px;margin-top:37px; }

/* slideshows */
.slideshows {width:942px;height:193px;margin-left:-10px;}
h1.index { text-indent: -9999px; display:block; width: 480px; height: 34px; background: url('img/headline_index.jpg') no-repeat top left; }
div#content.index { margin: 180px 110px 0 290px; text-align:justify; }
div#content.about { margin: 80px 110px 0 290px; text-align:justify; }
.index .slideshows,.about .slideshows {width:942px;height:193px;margin-left:-290px;}

/* produkte */
.breadcrumb { margin: -50px 0 0 -20px; font-size:12px; }
div#content div.subcat { padding: 70px 0px 0px 0px; margin:0 0 10px 0; border: #aead8a 1px solid; background:#EEEEEE; }
div#content div.subcat div { background: #383821; padding:5px; opacity: .8;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
div#content div.subcat div a { color:#fff;text-decoration:none; }
div#content div.subcat div h4 { font-size:14px; color:#fff;text-transform: lowercase;text-decoration:none; margin:0;padding:0; }
div#content div.subcat div p { padding:0; margin:0; color: #fff; }
div#content.produkte div.subcat h2,div#content.produkte div.subcat p { margin-right:0px; }
div#content div.cat_product { float:left; width:310px; margin:0 50px 30px 0; padding:0; text-align:left; }
div#content div.cat_product_right { margin:0 0 30px 0;text-align:left; }
div#content div.cat_product a { display:block;padding:0 0 5px 0;text-align:left;font-size:14px;text-decoration:none; }
div#content div.cat_product p { padding:0; margin:2px 0;text-align:left; }
div#content div.cat_product a.cat_prod_img { width:110px;height:70px;display:block;float:left;margin: 0 5px 0 0;padding:0; text-indent: -9999px; }
div#content div.cat_product div { margin:0 0 0 115px;padding:0 10px; background:none;text-align:left; }
div#content.produkte { margin: 30px 80px 30px 80px; }
div#content.produkte div.breadcrumb { margin: -50px 0 30px -20px; }
div#content.produkte h2,div#content.produkte p { margin-right:170px; }
div#content div#produkt_sidebar { width:150px; float:right;padding:0; }
div#content div#produkt_sidebar div { padding:0; }
div#textures { margin: 0 0 40px 0; min-height:225px; height: auto !important; }
div#textures div.textur { float: left; width:73px; height:73px;border:#5C5B49 1px solid; }
div#textures div.textur a { width:73px; height:73px; display:block; }
div#content div#produkt_sidebar div.tooltip { position:absolute; margin: -200px 0 0 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #5C5B49; background:#5C5B49; color: #fff; font-size:14px; padding: 5px 10px;opacity: .8;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; display:none; text-align:center; }
div#content div#produkt_sidebar div.tooltip img { opacity: ;filter: ;-ms-filter:""; }
div#content div#produkt_sidebar div.texture_description { display: none; }
div#zeichnung { width:150px; line-height:30px; margin:0 0 40px; }
div#zeichnung a img { border:#5C5B49 1px solid; }
div#content div#produkt_sidebar div#zeichnung_zoom { position:absolute; width:450px;height:280px;margin:-150px 0 0 -280px;padding:0;border:#5C5B49 1px solid; display:none; }
div#content div.button { width:139px;height:27px;background: url('/img/button139x27.gif') no-repeat top left; margin:10px 0;padding:0;text-align:center; }
div#content div.button a { color:#fff; text-decoration:none; line-height:20px;}
div#content div#produkt_sidebar div.button.auf_merkzettel { background: url('/img/Modify.png') no-repeat 0% 0%; padding-left:25px; text-align:left; }
div#content div#produkt_sidebar div#remove,.remove { display:none; background: none; padding-left:25px; text-align:left; font-size:11px; line-height: 15px; float:left; }
div#content div#produkt_sidebar div#remove a,.remove a { color:red; }
div#content div#produkt_sidebar div#refresh,.refresh { display:none; background: none; padding-left:25px; text-align:left; font-size:11px; line-height: 15px; float:left; }
div#content div#produkt_sidebar div#refresh a,.refresh a { color:#84B274; }
div#content div#produkt_sidebar div.texture_select { margin: 20px 0; font-size: 14px; font-weight:bold; }
div#content div#produkt_sidebar div.texture_select #texture_select { font-weight:normal; font-size:12px; }
div#content div.refresh,div#content div.remove { display: block; float:right; padding:0 20px 0 0; }