/*  #################################################
    CSS Template «SIGG» for TYPO3
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Sandro Hagen
	date:		2008-08
	www:		www.dachcomdigital.com
	
	INCLUDES					  */
	
	@import url("resets.css");
	@import url("content.css");
	
/*	################################################# */



/* ------- FRAMEWORK -------  */

/*-- clearfix -- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}


/* vertical alignment - crossbrowser! */
div.v-align1 {
	display: table;
	overflow: hidden;
}
div.v-align2 {
	display: table-cell;
	vertical-align: middle;
}

.clear {clear: both;}
img {vertical-align: bottom;}

a img,a:link img,a:visited img {border: none;}
a,a:link,a:visited,a:hover,a:active {
	text-decoration: none;
	color: #DA131E;
}

img.spacer-gif {
	display: block;
	clear: both;
}


/*-------- / MARKUP / ---------*/
html {
	font-family: Tahoma, Arial, Helvetica, Arial;
	font-size: 100.1%;
	height: 100%;
	min-height: 100%;

}
body {
	font-size: .75em; /* .75em = 12px */
	line-height: 1.2em;
	height: 100%;
	min-height: 100%;
	color: #333;
	background:#595959;
}
#outerwrapper {
	width: 100%;
	background:#fff;
}
#wrapper {
	width: 995px;
}


/*-------- HEADER ---------*/
div#header {
	width: 100%;
	height: 155px;
	background: url('/fileadmin/templates/images/header_bgline.gif') -90px 100% no-repeat;
}

#header div.tx-rlmpflashdetection-pi1,
#header div.tx-rlmpflashdetection-pi1 * {
	position: relative;
	z-index: 1;
}

/* Logo */
#logo,
a#logo:link,a#logo:visited,
a#logo:hover,a#logo:active {
	position: absolute;
	top: 74px; left: 825px;
	z-index: 80;
	display: block;
}

/* Hauptnavigation HNAV */
div#hnav {
	padding-left: 22px;
	z-index: 10;
}
#hnav ul li {
	display: block;
	float:left;
	position: relative;
	margin: 5px 21px 0 0;
}
#hnav ul li:hover ul {
	display: none;
}
/*-- 2. Ebene --*/
#hnav ul ul {
	position: absolute;
	top: 20px; left: 0;
	z-index: 200;
	background: url('/fileadmin/templates/images/hnav_layerbg.gif') no-repeat 0 100%;
	width: 135px;
	padding: 4px 2px 8px;
	display: none;
}
#hnav ul ul li {
	float: none;
	position: static;
	margin: 0;
	display: block;
}
#hnav ul ul li a,
#hnav ul ul li a:link,
#hnav ul ul li a:visited {
	display: block;
	font-size: .9em;
	color: #333;
	padding: 0px 10px 0px 15px;
}
#hnav ul ul li a:hover,
#hnav ul ul li a:active {
	background: #E9E9E9 url('/fileadmin/templates/images/arr_red.gif') no-repeat .6em .4em;
}
/*-- 3. Ebene --*/
#hnav ul ul ul {
	position: static;
	top: auto; left: auto;
	background: none;
	width: auto;
	padding: 0;
	margin: 0;
}
#hnav ul ul ul li a,
#hnav ul ul ul li a:link,
#hnav ul ul ul li a:visited {
	color: #666;
	padding: 0 0 0 20px;
}
#hnav ul ul ul li a:hover,
#hnav ul ul ul li a:active {
	background-position: 1.2em .4em;
}

/* Worldwide-Navigation Selectorbox */
div#worldwidenav {
	margin-left: 26px;
	width: 156px;
	float: left;
}
#worldwidenav div.selectwrap {
	width: 100%;
	height: 20px;
	padding-top: 2px;
	color: #e3e3e3;
	font-size: 10px;
	position: relative;
	z-index: 80;
}
#worldwidenav div.selectcontainer {
	cursor: pointer;
	height: 17px;
	background:url('/fileadmin/templates/images/wwnav/wwnav_selectbg.gif') no-repeat 100% 0;
}
#worldwidenav div.selectcontainer:hover {background-position: 100% 100%}

#worldwidenav .selectcontainer span {
	float: left;
	width: 22px;
	height: 17px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* flags */
#worldwidenav span.flag-cor,
#worldwidenav span.flag-ch {
	background-image:url('/fileadmin/templates/images/wwnav/flag_globe.gif');
}
#worldwidenav span.flag-aut {background-image:url('/fileadmin/templates/images/wwnav/flag_aut.gif');}
#worldwidenav span.flag-ger {background-image:url('/fileadmin/templates/images/wwnav/flag_de.gif');}
#worldwidenav span.flag-can {background-image:url('/fileadmin/templates/images/wwnav/flag_ca.gif');}



#worldwidenav .selectcontainer p {
	line-height: 16px;
	text-transform: uppercase;
	margin-left: 27px;
	width: 110px;
	overflow: hidden;
}
#worldwidenav div.selectwrap div.optionscontainer {
	display:none;
	position: absolute;
	bottom: 100%;
	left: 23px;
	width: 133px;
	clear: both;
}
#worldwidenav div.selectwrap:hover div.optionscontainer {
	display:block;
}

#worldwidenav div.optionscontainer div.container-top {
	width: 100%;
	height: 2px;
	background: url(/fileadmin/templates/images/wwnav/wwnav_container_t.gif) no-repeat 0 0;
}
#worldwidenav div.optionscontainer div.container-bottom {
	width: 100%;
	height: 2px;
	background: url(/fileadmin/templates/images/wwnav/wwnav_container_b.gif) no-repeat 0 0;
}
#worldwidenav div.container-inner {
	padding-top: 2px;
	width: 100%;
	background: url('/fileadmin/templates/images/wwnav/wwnav_optionbox_bgt.gif') repeat-y 0 0;
}
#worldwidenav div.optionscontainer p {
	margin: 0 1px;
	height: 17px;
	line-height: 17px;
	background: url('/fileadmin/templates/images/wwnav/wwnav_optionsline.gif') 1px 16px no-repeat;
}
#worldwidenav div.optionscontainer p.last {background: none;}

#worldwidenav div.optionscontainer p:hover a,
#worldwidenav div.optionscontainer p:hover a:link,
#worldwidenav div.optionscontainer p:hover a:visited {
	background: #777;
}

#worldwidenav div.optionscontainer p a,
#worldwidenav div.optionscontainer p a:link,
#worldwidenav div.optionscontainer p a:visited {
	line-height: 16px;
	height: 16px;
	display:block;
	color: #e3e3e3;
	padding: 0 4px;
}




/*-------- / MAIN / ---------*/
div#main {
	margin: 30px 0 0 0;
	padding-bottom: 20px;
}
div.left {
	float: left;
	width: 200px;
}
/*-Language-Nav-*/
div.left div.tx-bblanguageselect-pi1 {
	margin: 10px 0 0 23px;
}
div.tx-bblanguageselect-pi1 span {
	text-align:center;
	display:inline-block;
	padding-top: 4px;
	margin: 0 2px;
}
div.tx-bblanguageselect-pi1 span.act {
	background: url('/fileadmin/templates/images/arr_black.gif') 50% 0 no-repeat;
}
div.tx-bblanguageselect-pi1 span.disabled {
	opacity: .15;
	-moz-opacity: .15;
	filter: alpha(opacity=15);
}

/* Sekundäre Navigation SNAV */
div.snav {
	width: 160px;
	padding-top: 8px;
	background: url('/fileadmin/templates/images/snavbg_top.gif') no-repeat -20px 0;
	margin-bottom: 20px;
}
ul#snav {
	padding: 0 10px 8px 8px;
	background: url('/fileadmin/templates/images/snavbg_bottom.gif') no-repeat -20px 100%;
}
ul#snav li {
	margin: .2em 0;
}
ul#snav li a,
ul#snav li a:link,
ul#snav li a:visited {
	font-size: .9em;
	display: block;
	font-weight: normal;
	color: #5E656D;
	padding: .1em 0 .1em .8em;
}
ul#snav li a:hover,
ul#snav li a:active,
ul#snav li a.act,
ul#snav li a.act:link,
ul#snav li a.act:visited,
ul#snav li a.cur,
ul#snav li a.cur:link,
ul#snav li a.cur:visited {
	color: #DA131E;
	background: url('/fileadmin/templates/images/arr_red.gif') no-repeat 0 .5em;
}
ul#snav li a.act:link,
ul#snav li a.act:visited,
ul#snav li a.cur:link,
ul#snav li a.cur:visited {
	font-weight: bold;
}

/*-- 2. Ebene --*/
ul#snav ul {
	margin-left: 5px;
}

ul#snav li li a,
ul#snav li li a:link,
ul#snav li li a:visited {
	padding: 0 0 0 .8em;
}
ul#snav li li a:hover,
ul#snav li li a:active,
ul#snav li li a.act:link,
ul#snav li li a.act:visited,
ul#snav li li a.cur:link,
ul#snav li li a.cur:visited {
	font-weight: normal;
}




div.content {
	float: left; 
	width: 520px;
}
div.right {
	width: 225px;
	float: right;
}



/*--------	GNAV generische Navgation --------*/

div#footer {
	clear:both;
	width: 100%;
	height:35px;
	padding-top: 122px;
	background: transparent url('/fileadmin/templates/images/footer_bg.gif') 0 100% no-repeat;
	color: #898989;
	font-size: .9em;
}
div#footer ul#gnav {
	font-family: Helvetica, Arial, Verdana;
	margin: 3px 0 0 0;
	float: left;
}
ul#gnav li {
	display: inline;
	padding: 0 8px;
}
ul#gnav li:first-child {border-left:none;}

ul#gnav li a,
ul#gnav li a:link,
ul#gnav li a:visited {
	color: #BCBCBC;
	text-transform: uppercase;
}
ul#gnav li a:hover,
ul#gnav li a:hover {
	color: #fff;
}



/*--------	RGSLIDESHOW --------*/
/* general div */
.rgslideshow {
  border: none !important;
}


/* ---- Squarebuttons ----- */

div.squarebuttonbox {
	padding-top: 10px;
}


div.squarebuttonbox a,
div.squarebuttonbox a:link,
div.squarebuttonbox a:visited {
	float: left;
	width: 119px;
	height: 120px;
	margin: 0 20px 20px 0;
}
div.squarebuttonbox a:hover,
div.squarebuttonbox a:active {background-position: 0 -120px;}


a.squarebtn span {display: none;}

a.design,
a.design:link,
a.design:visited {
	background: #fff url('/fileadmin/templates/images/squarebutton_design.jpg') no-repeat 0 0;
}
a.classics,
a.classics:link,
a.classics:visited {
	background: #fff url('/fileadmin/templates/images/squarebutton_classic.jpg') no-repeat 0 0;
}
a.kids,
a.kids:link,
a.kids:visited {
	background: #fff url('/fileadmin/templates/images/squarebutton_kids.jpg') no-repeat 0 0;
}
a.steelworks,
a.steelworks:link,
a.steelworks:visited {
	background: #fff url('/fileadmin/templates/images/squarebutton_steelworks.jpg') no-repeat 0 0;
}
a.accessories,
a.accessories:link,
a.accessories:visited {
	background: #fff url('/fileadmin/templates/images/squarebutton_accessories.jpg') no-repeat 0 0;
}
a.parts,
a.parts:link,
a.parts:visited {
	background: #fff url('/fileadmin/templates/images/squarebutton_spareparts.jpg') no-repeat 0 0;
}



/* ---- Steelworks Flash ----- */

#steelworks-flash {
	position: absolute;
	top: 62px;
	left: 200px;
	z-index: 100;
}