@charset "utf-8";
/* CSS Document abel-metallwaren.de */
a img {border: 0;}
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	margin: 0;
	background: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	line-height: 150%;
}
#container {
	width: 972px;
	margin: 0 auto;
	text-align:left;
}
#header {
	height: 113px;
	background-color:#fff;
	border-bottom: 1px solid #FFF;
	position: relative;
}
#logo {
	position: absolute;
	top: 22px;
	left: 12px;
}
#tueviso9001 {
	position: absolute;
	right: 12px;
	top: 22px;
}
#headerbild {
	position: absolute;
	bottom: 0;
	right: 0;
}
#navbar {
	height: 30px;
	line-height: 30px;
	background-color: #c5c9cc;
	border-bottom: 1px solid #fff;
}
#suche {
	width: 230px;
	float: left;
	height: 29px;
	color: #808080;
	padding-left: 14px;
}
#breadcrumb {
	float: left;
	width: 580px;
	color: #808080;
}
#breadcrumb a:link,#breadcrumb a:visited, #breadcrumb a:active {
	text-decoration: none;
	color: #FFF;
}
#breadcrumb a:hover,#breadcrumb a:focus {
	text-decoration: underline;
	color: #FFF;
}
#sprachauswahl {
	float: right;
	padding-right: 8px;
	padding-top: 8px;
}
#sprachauswahl span {padding-left: 10px;}
#menu {
	width:226px;
	padding: 23px 0 0 1px;
	float:left;
}
#content {
	width:731px;
	padding: 10px 0 0 14px;
	float: left;
}
/*
 * Zweispaltiger Inhaltsbereich
 */
div#col1 {
	float: left;
	width:490px;
}
div#col2 {
	float:right;
	width:233px;
	padding-left: 4px;
}
div.clear {clear: left;}
/*#right {
	float: right;
	width: 233px;
	padding-top: 10px;
}*/
#footer {
	height: 1px;
	clear: both;
}
/*
 * Suchbox 
 */
#suche label {
	vertical-align:middle;
}
input#sucheInput {
	width: 140px;
	vertical-align: middle;
	border: 1px solid #808080;
	height: 16px;
	/*line-height:21px;*/
}
input#sucheSubmit {
	vertical-align: middle;
}
input#sucheSubmit:hover {
	cursor: pointer;
}
/*
 * Main menu
 */
#menu ul, #menu ul li {margin: 0; padding:0; list-style: none}
#menu li {
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6f7376;
	border-top: 1px solid #999da0;
	border-right: 1px solid #999da0;
	border-left: 1px solid #999da0;
}
#menu li.spacer {
	border-left: 0;
	border-right: 0;
}
#menu li.last {border-bottom: 1px solid #999da0; margin-bottom: 20px;}
#menu li a {padding-left: 12px;}
#menu li a  {
	color: #6f7376;
	display: block;
	border-left: 8px solid #f3f5f6;
	background-color: #f5f7f7;
	text-decoration: none;
}
#menu a.x8 {
	color: #FFF;
	background-color: #c71431;
	border-left: 8px solid #c71431;
	line-height: 30px;
}
#menu li a:hover, #menu li a:focus {
	color: #0a3c93;
	background-color: #c5c9cc;
	display: block;
	border-left: 8px solid #0a3c93;
}
#menu li.current a {font-weight:bold;}
#menu li.current li a {font-weight: normal;}
#menu ul ul li {
	font-weight: normal;
	text-transform: none;
	border-top: 0;
	border-left: 0; 
	border-right: 0;
}
#menu ul ul ul li a {	padding-left: 20px;}

/*
 * Content
 */
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	color: #0a3b93;
}
#content a:link, #content a:active, #content a:visited, #right a:link, #right a:active, #right a:visited {
	color: #093b93;
	background: url(../img/linkicon.gif) no-repeat 0 50%;
	padding-left: 15px;
	text-decoration: underline;
}
#content a:hover, #content a:focus, #right a:hover, #right a:focus {
	color: #093b93;
	background: url(../img/linkicon.gif) no-repeat 0 50%;
	padding-left: 15px;
	text-decoration: none;
}
/* Remove Link icon for Images */
#content .csc-textpic-image a:link, #content .csc-textpic-image a:active, #content .csc-textpic-image a:visited, 
#right .csc-textpic-image a:link, #right .csc-textpic-image a:active, #right .csc-textpic-image a:visited,
#content .csc-textpic-image a:hover, #content .csc-textpic-image a:focus, #right .csc-textpic-image a:hover, 
#right .csc-textpic-image a:focus {
	padding-left: 0;
	background: none;
}
.grau h1 {
	background-color: #c5c9cc;
	line-height: 26px;
	padding-left: 8px;
}
th, td {font-size: 11px;}
th {font-weight: bold; text-align:left;}

/*
 * EXT:sr_language_menu
 */
.tx-srlanguagemenu-pi1 p, .tx-srlanguagemenu-pi1 .links-list-header { 
	line-height:100%; 
	color: #35006d; 
	margin-top: 8px; 
	padding: 0; 
	text-indent: 0; 
}
.tx-srlanguagemenu-pi1 img { margin: 0 5px; padding: 0; border-style: none; }
.tx-srlanguagemenu-pi1 .CUR { float: left; font-size: .8em; }
.tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: #35006d; text-decoration: none; font-weight: bold; }
.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; }
.tx-srlanguagemenu-pi1 .NO { float: left; font-size: .8em; }
.tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #35006d; text-decoration:none; font-weight:bold; }
.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; }
.tx-srlanguagemenu-pi1 .INACT { float: left; font-size: .8em; }
.tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; color: #35006d; text-decoration: none; font-weight: normal; }
.tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; }
.tx-srlanguagemenu-pi1 .SPC {  float: left; font-family: Verdana, sans-serif; font-size: .8em; line-height: 100%; color: #35006d; }
.tx-srlanguagemenu-pi1 fieldset { }
.tx-srlanguagemenu-pi1 fieldset legend { }
.tx-srlanguagemenu-pi1 fieldset label { display: none; }
.tx-srlanguagemenu-pi1 fieldset select { font-size: .8em; font-family: Verdana, sans-serif; background-color: #35006d; color: white; font-weight: bold; }
.tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }

/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(../../../typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 150px;
}
/*fieldset.tx-powermail-pi1_fieldset {
	border: 1px solid #aaa;
	background-color: #ccc;
	padding: 10px;
}*/
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
	display: none;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 150px;
	float: left;
	clear: both;
	font-weight: bold;
	cursor: pointer;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 150px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 150px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
/*fieldset.tx-powermail-pi1_fieldset div.even {
	background-color: #eee;
}*/


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}
/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	background-color:#FF0000;
	border:1px solid #FF0000;
	font-size:11px;
	color:#fff;
	padding:3px 10px 5px 10px;
	margin-left:-2px;
    z-index:10;
    text-align:left;
    height:auto;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	box-shadow:0 0 6px #ddd;
}

.error p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* pure CSS arrow */
html:root .error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FF0000 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-10px;
	left:5px;
	border-bottom:0 none;
}
.tx-felogin-pi1 legend {display: none;}
.tx-felogin-pi1 fieldset {padding-top: 8px;}
.headerstyle {
	color: #0A3B93;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	margin-bottom: 9px 0px;
}