/*	projekt: 	42 INTERNATIONAL CO., Ltd. - Resix	*/
/*	website:	manufacturing.fortytwointernational.com 		*/
/*	author:		robert gäßler						*/
/*	datum:		10-Jan-2010							*/	


/*  ===  Global =============== */
body {
	background:url(/library/png/bck_resix.png) top left repeat-x #eee;
}

	/*  ---  Headlines --------------- */
h1 {
	color:#646464;
}
	
h1 em {
	padding-left:95px;
}
	
h2 {
	padding:5px 0 0 0;
	font-weight:bold;
	color:#3d2916;
	}

h2 em {
	font-style:normal;
	color:#86796e;
	}

h3 {
	width:370px;
	margin:0 0 5px 0;
	padding:3px 5px;
	color:#3d2916;
	background:#ece9d8;
	}

h4 {
	padding:15px 0 0 115px;
	color:#86796e;
	}

h4 em {
	color:#3d2916;
	}
	
h5 {
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#86796e;
  	text-transform:uppercase;
	}
	
h5 em {
	font-style:normal;
	color:#646464;
}

	/*  ---  Other --------------- */
a, a:link, a:visited {
	color:#3d2916;
	}
a:active {
	color:#3d2916;
	}

.tbl {
	margin-top:15px;
	font-size:100%;
	}

.tbl td {
	padding:3px 0;
	}
	
/*  ===  Header ================= */
#head {
	color:#eee;
	}

#head-right {
	background:url(/library/graphics/header_crn_r_resix.gif) no-repeat top right #86796e;	
	}

#head-nav {
	background:#86796e;
	}

	/*  ---  Menu --------------- */
.menu li {
	background:url(/library/graphics/button_resix.gif) no-repeat left top #c2d69b;
	}

.menu li.sub {
	background:url(/library/graphics/button_resix.gif) no-repeat left top #c2d69b;
	}

.menu li:hover > a {
	color:#fff;
	background:url(/library/graphics/button_resix.gif) no-repeat left bottom #91d22d;
	}
			
.menu :hover {
	color:#fff;
	background:url(/library/graphics/button_resix.gif) no-repeat left bottom #91d22d;
	}
	
#home #nav-home a, #products #nav-products a, #products-mach #nav-products-mach a, #products-acc #nav-products-acc a, #goal #nav-goal a, #service #nav-service a, #forum #nav-forum a {
	color:#fff;
	background:url(/library/graphics/button_resix.gif) no-repeat left bottom #91d22d;
	}
	
/*  ===  Content ================= */

	/*  ---  Area1 - Linke Seite --------------- */
#area1 {
	width:714px;
	margin:0 25px 0 0;
	}

#mainframe {
	border-left:1px solid #a4ac83;
	border-right:1px solid #a4ac83;
	background:url(/library/png/fader_beige_resix.png) repeat-x left top #fff;
	}
	
#subhead {
	margin:0;
	padding:5px 0 20px 50px;
}
	
		/*  ---  CornersGreen --------------- */
.gtop,.gbottom {
	display:block;
	background:transparent;
	font-size:1px;
	}

.gb1,.gb2,.gb3,.gb4 {
	display:block;
	overflow:hidden;
	}

.gb1,.gb2,.gb3 {
	height:1px;
	}

.gb2,.gb3,.gb4 {
	background:#fff;
	border-left:1px solid #a4ac83;
	border-right:1px solid #a4ac83;
	}

.gb1 {
	margin:0 5px;
	background:#a4ac83;
	}

.gb2 {
	margin:0 3px;
	border-width:0 2px;
	}

.gb3 {
	margin:0 2px;
	}

.gb4 {
	height:2px;
	margin:0 1px;
	}

		/*  ---  CornersGreenGradient --------------- */
.xtop,.xbottom {
	display:block;
	background:transparent;
	font-size:1px;
	}

.xb1,.xb2,.xb3,.xb4 {
	display:block;
	overflow:hidden;
	}

.xb1,.xb2,.xb3 {
	height:1px;
	}

.xb2,.xb3,.xb4 {
	background:#ece9d8;
	border-left:1px solid #a4ac83;
	border-right:1px solid #a4ac83;
	}

.xb1 {
	margin:0 5px;
	background:#a4ac83;
	}

.xb2 {
	margin:0 3px;
	border-width:0 2px;
	}

.xb3 {
	margin:0 2px;
	}

.xb4 {
	height:2px;
	margin:0 1px;
	}
	
		/*  ---  Homepage --------------- */
#headleft, #headright {
	width:326px;
	margin:20px 0 0 0;
	}

#mainleft {
	width:440px;
	margin:25px 0 5px 0;
	padding:0;
	float:left;
	}

#mainleft pre {
	width:370px;
	margin:0;
	padding:3px 5px;
	color:#3d2916;
	background:#ece9d8;
	font-family:'segoe ui';
	font-size:125%;
	font-weight:bold;
}

#mainleft div {
	margin:5px 0 15px 25px;
	padding:0 20px 0 10px;
	border-left:5px solid #a4ac83;
	text-align:justify;
	}
	
#mainleft div.last {
	margin:5px 0 0 25px;
	}
	
#mainleft ul {
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	border:1px solid #ece9d8;
	list-style-image:none;
}

#mainleft li {
	margin:0;
	padding:2px;
	list-style:none;
	font-weight:bold;
}

#mainright {
	width:205px;
	margin:25px 0 5px 10px;
	padding:0 0 0 25px;
	border-left:1px dotted #3d2916;
	float:left;
	}
	
			/*  ---  Slideshow --------------- */
#slideshow {
	height:276px;
	width:210px;
	margin:10px 0 0 0;
}

#slideshow img {
	padding:5px;
	background:#c4bfba;
}
	
		/*  ---  products --------------- */

			/*  ---  products main --------------- */
#products-main {   
	height:370px;
	margin:0;
    padding:0;
	background:url(/library/images/prod_bck.jpg) left bottom no-repeat;
    }

#products-main ol {
    margin:10px 0 0 0;
    padding:10px 15px;
	list-style-image:none;
	float:left;
    }

#products-main li {
    margin:0;
    padding:0;
	list-style:none;
    display:inline;
    }

#products-main ol li ol {
    height:170px;
	width:322px;
	margin:10px 0 0 0;
    padding:10px 0 0 0;
	list-style:none;
    position:relative;
	border-bottom:1px dotted #3d2916;
	border-right:1px dotted #3d2916;
    }

#products-main a {
	width:160px;
	margin:0;
	padding:10px 0;
	float:left;
	display:block;
    text-decoration:none;
    }

#products-main a:hover {
	text-decoration:underline;
	border:none;	/* IE6 Hover Bug - dont delete */
	}

#products-main li a:link div, #products-main li a:visited div {
    display: none;
    }

#products-main li a:hover div, #products-main li a:focus div {
    height:auto;
	width:380px;
	margin:0;
    padding:0 5px;
    border-left:5px solid #a4ac83;
    position:absolute;
    top:210px;
    left:120px;
    display:block;
    text-align:justify;
    }

#products-main ol.right a:hover div, #products-main ol.right a:focus div {
    height:auto;
	width:380px;
	margin:0;
    padding:0 5px;
    border-left:5px solid #a4ac83;
    position:absolute;
    top:210px;
    left:-190px;
    display:block;
    text-align:justify;
    }

#products-main img {
	float:left;
	padding:0 10px 0px 0;
	}
	
		/*  ---  products detail menu --------------- */
#products-menu {
	width:185px;
	margin:30px 0 0 0;
	padding:0;
	float:left;
	text-align:center;
	}

#products-menu ul {
	margin:8px 0 0 0;
	padding:0;
	position:relative;
	list-style:none;
	border-top:1px solid #a4ac83;
	}

#products-menu ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #a4ac83;
	text-align:left;
	}

#products-menu a:link, #products-menu a:visited {
	height:1em;
	width:180px;
	margin:0;
	padding:5px 0 5px 5px;
	display:block;
	line-height:18px;
	font-size:15px;
	color:#3d2916;
	background:url(/library/graphics/products-menu_hover.gif) top left no-repeat;
	text-decoration:none;
	}

html>body #products-menu a:link, #products-menu a:visited {
	height:auto;
	}

#products-menu a:hover {
	text-decoration:none;
	background-position:bottom left;
	}

#products-menu li.current a {
	height:1em;
	margin:0;
	padding:5px 0 8px 5px;
	display:block;
	text-decoration:none;
	background:url(/library/graphics/products-menu_hover.gif) bottom left no-repeat;
	}

* html .current {
	height:1em;
	margin:0;
	padding:5px 0 6px 5px;
	display:block;
	text-decoration:none;
	background:url(/library/graphics/products-menu_hover.gif) bottom left no-repeat;
	}

		/*  ---  Products detail main --------------- */
#products-spec-left, #products-spec-right {
	width:270px;
	margin:20px 0 5px 0;
	padding:0 10px;
	float:left;
	}

#products-spec-left {
	height:325px;
	border-left:1px solid #a4ac83;
	border-right:1px dotted #3d2916;
	}

#products-spec-right {
	height:325px;
	border-left:1px dotted #3d2916;
	border-right:1px solid #a4ac83;
	}

#products-spec-img {
	width:235px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
	}

#prod-img-main {
	margin:0 12px;
	padding:0 0 6px 0;
	border-bottom:1px dotted #3d2916;
	}

#prod-img-thumb ul {
	height:141px;
	margin:6px 0;
	padding:0 8px;
	list-style:none;
	}

#prod-img-thumb li {
	margin:0;
	padding:4px;
	float:left;
	}
	
#prod-img-sub {
	width:211px;
	margin:0 12px;
	padding:20px 0 3px 0;
	text-align:right;
	}

#prod-div-hor {
	width:100%;
	margin:15px 0 0 0;
	padding:10px 0 0 0;
	background:url(/library/graphics/div_hor_small.gif) no-repeat top center;
	}
	
		/*  --- Contact --------------- */
#contactleft {
	width:300px;
	padding:10px 0 0 15px;
	}
	
#contactright {
	width:350px;
	padding:10px 10px 0 25px;
	border-left:1px dotted #3d2916;
	}
	
#contactright ul {
	border-top:1px dotted #3d2916;
	}

	
#contactright li {
	width:75px;
	padding:0 6px;
	float:left;
	font-size:10px;
	}

#contactright li img {
	margin:5px 0;
	}
	
		/*  --- News --------------- */

.news {
	width:200px;
	margin:10px 0 0 25px;
	padding:0 0 8px 0;
	background:url(/library/graphics/div_hor_small.gif) no-repeat bottom center;
}

#news-slideshow {
	margin:0;
	padding:0;
	background:#fff;
}
	
		/*  ---  Goal --------------- */
#goal-frame {
	height:auto;
	margin:0;
	padding:25px 15px 10px 15px;
	border-left:1px solid #a4ac83;
	border-right:1px solid #a4ac83;
	background:url(/library/graphics/grd_gr_t.gif) repeat-x left top #fff;
	}
	
.goall {
	width:330px;
	height:140px;
	position:relative;
	float:left;
	border-right:1px solid #3d2916;
	}

.goalr {
	width:330px;
	height:140px;
	position:relative;
	float:left;
	}

			/*  ---  Left Top --------------- */
#goallt {
	height:140px;
    margin:0;
	padding:0;
    position:absolute;
    right:0;
	bottom:0;
    }

#goallt a {
    height:140px;
	width:330px;
	margin:0px;
    padding:0;
    display:block;
	border:none;
    text-decoration:none;
    outline:none;
	background:url(/library/images/goal_resix_lt.jpg) no-repeat left top transparent;
    }

#goallt a:hover {
	background:url(/library/images/goal_resix_lt.jpg) no-repeat left bottom transparent;
	}

			/*  ---  Right Top --------------- */
#goalrt {
	height:140px;
	width:330px;
    margin:0;
	padding:0;
    position:absolute;
    left:0;
	bottom:0;
    }

#goalrt a {
    height:140px;
	width:330px;
	margin:0px;
    padding:0;
    display:block;
	border:none;
    text-decoration:none;
    outline:none;
	background:url(/library/images/goal_resix_rt.jpg) no-repeat left top transparent;
    }

#goalrt a:hover {
	background:url(/library/images/goal_resix_rt.jpg) no-repeat left bottom transparent;
	}
	
			/*  ---  Left Bottom--------------- */
#goallb {
	height:140px;
    margin:0;
	padding:0;
    position:absolute;
    right:0;
	top:0;
    }

#goallb a {
    height:140px;
	width:330px;
	margin:0px;
    padding:0;
    display:block;
	border:none;
    text-decoration:none;
    outline:none;
	background:url(/library/images/goal_resix_lb.jpg) no-repeat left top transparent;
    }

#goallb a:hover {
	background:url(/library/images/goal_resix_lb.jpg) no-repeat left bottom transparent;
	}

			/*  ---  Right Bottom --------------- */
#goalrb {
	height:140px;
	width:330px;
    margin:0;
	padding:0;
    position:absolute;
    left:0;
	top:0;
    }

#goalrb a {
    height:140px;
	width:330px;
	margin:0px;
    padding:0;
    display:block;
	border:none;
    text-decoration:none;
    outline:none;
	background:url(/library/images/goal_resix_rb.jpg) no-repeat left top transparent;
    }

#goalrb a:hover {
	background:url(/library/images/goal_resix_rb.jpg) no-repeat left bottom transparent;
	}
	
	
	

	/*  ---  Area2 - Rechte Seite --------------- */
#area2 {
	overflow: auto;
	height:490px;             /* nur IE 5.x */
	width:190px;
	height/**/:/**/ 470px;    /* alle anderen User-Agents */
	width/**/:/**/ 169px; 
	margin:0;
	padding:10px 0 10px 10px;
	border-left:1px solid #3d2916;
	background:#c4bfba;
	float:left;
	text-align:left;
}
	
#area2 a, #area2 a:link, #area2 a:visited {
	color:#646464;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
}

#area2 a:hover {
	text-decoration:none;
}

#area2-news {
	width:139px;
	margin:5px 0 15px 0;
	padding:3px 5px;
	background:#fff;
	border:1px solid #646464;
}

#area2-news ul {
	margin:0;
	padding:0 0 0 20px;
	list-style-image:url(/library/graphics/arr_gr.gif);
}
	
#area2-news li {
	margin:0;
	padding:2px 0 0 0;
	color:#646464;
}

#area2-distr ul {
	width:149px;
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
}
	
#area2-distr li {
	margin:0;
	padding:3px 0 2px 0;
	color:#646464;
	border-bottom:1px solid #f5f4f3;
}
.accordion {
	width:149px;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}

.accordion ul {
	width:139px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
	display:block;
	
}
.accordion li {
	width:100%;
	margin:0;
	padding:3px 0 2px 0;
	list-style-type:none;
	float:left;
	display:block;
	border-bottom:1px solid #f5f4f3;
}

.accordion a {
	display:block;
}

.accordion li.active>a {
	background:url('/library/graphics/close.gif') no-repeat center right;
}

.accordion li div {
	width:100%;
	margin:2px 0 2px 0;
	padding:0;
	background:#d3cfcb;
	float:left;
	display:block;
	clear:both;
}

.accordion p {
	padding:3px 0 2px 10px;
	display:block; 
	background:none;
	border-bottom:1px solid #646464; 
}

.accordion li ul li {
	margin:0;
	padding:3px 0 2px 10px;
	border-bottom:none;
}

.accordion li ul li ul li {
	width:129px;
}
	/*  ---  Right Column --------------- */
#rightcol {
	height:490px;
	background:url(/library/png/copy.png) bottom center no-repeat #86796e;	
	}

/*  ===  Footer ================= */
#foot {
	background:url(/library/graphics/footer_crn_r_resix.gif) top right no-repeat #86796e;	
}