/*  #################################################
    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);
}

div.left div.tx-bblanguageselect-pi1 {
	margin: 10px 0 0 12px;
}

div.tx-bblanguageselect-pi1 span a,
div.tx-bblanguageselect-pi1 span a:link,
div.tx-bblanguageselect-pi1 span a:visited {
  color: #000;
  padding-left: 4px;
}

div.tx-bblanguageselect-pi1 span a:active,
div.tx-bblanguageselect-pi1 span a:hover,
div.tx-bblanguageselect-pi1 span.act a,
div.tx-bblanguageselect-pi1 span.act a:link,
div.tx-bblanguageselect-pi1 span.act a:visited {
  color: #DA131E;
}

div.tx-bblanguageselect-pi1 span.act {
  background: none;
}

div.morelanguages {
	position: relative;
	display:inline-block;
	z-index: 1000;
	cursor: pointer;
	display:none;
}
div.morelanguages i {
	position: relative;
	top: 5px;
	padding-top: 5px;
	display:inline-block;
	width: 9px;
	height: 9px;
	background: url('/fileadmin/templates/images/arr_lnav.gif') no-repeat 3px 0;
	padding-left: 3px;
	overflow: hidden;
}
div.morelanguages span {
	display:none;
	width: 25px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	right: -12px;
	top: 18px;
	position: absolute;	
}
div.morelanguages:hover span {
	display:block;
}
div.morelanguages:hover i {
	width: 9px;
	height: 9px;
	background-position: -9px 0;
}

div.morelanguages span a,
div.morelanguages span a:link,
div.morelanguages span a:visited {
	padding: 0;
	margin: 0;
}

/* 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;
}


/* ---- Social Media Icons ----- */

.socialmedia {
	position: absolute;
	top: 125px;
	left: 770px;
	margin: 20px 0;
	z-index: 20;
}

.socialmedia img {
	width: 24px;
	height: 24px;
}
.newsletter img {
	width:auto;
	height:24px;
	vertical-align:top;
}

.sicon {
	display: inline-block;
	margin: 0 1px;
	text-decoration: none;
}

.sicon:hover {
	opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

.sicon.flickr {
	display: none;
}


/* Powermail Contact Forms */
.ui-tabs.ui-widget-content {
  background: none;
  border: none;
}

.ui-tabs .ui-tabs-panel {
  border-left: 1px solid #D4D3D4;
  border-right: 1px solid #D4D3D4;
  border-bottom: 1px solid #D4D3D4;
}

.ui-tabs .ui-widget-header {
  background: none;
  border-width: 0 0 1px;
  border-color: #D4D3D4;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border-color: #D4D3D4;
  background: none;
  background-color: #E3E3E3;
}

.ui-tabs-nav {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

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

.tx_powermail_pi1_fieldwrap_html {
  margin-bottom: 5px;
}

.tx-powermail-pi1 fieldset legend {
  display: none;
}

.tx-powermail-pi1 fieldset label {
  cursor: pointer;
  float: left;
  width: 30%;
}

.tx-powermail-pi1 fieldset input.powermail_text, 
.tx-powermail-pi1 fieldset select, 
.tx-powermail-pi1 fieldset textarea {
    border: 1px solid #898989;
    float: left;
    font-family: Tahoma,Verdana,Arial;
    font-size: 1em;
    padding: 1px 2px;
    width: 65%;
}

.tx-powermail-pi1 fieldset select {
  width: 66%;
}

.tx-powermail-pi1 fieldset textarea {
  height: 90px;
}

.tx-powermail-pi1 fieldset img.powermail_captcha {
  display: block;
  margin-bottom: 2px;
}

.tx-powermail-pi1 fieldset input.powermail_captcha {
  border: 1px solid #898989;
  font-family: Tahoma,Verdana,Arial;
  font-size: 1em;
  padding: 1px 2px;
  margin-left: 30%;
  width: 160px;
}

.tx-powermail-pi1 .validation-advice {
  margin-left: 30%;
  color: #D0041F;
  clear: both;
}

.tx-powermail-pi1 fieldset .validation-failed {
  border-color: #D0041F !important;
}

.tx-powermail-pi1 fieldset span.intro {
  font-weight: bold;
  display: block;
  margin-bottom: 1em;
}