/* basic stylesheet for www.faval.com */
/* author: www.ideenwerft.com */

* {padding:0px;margin:0px;}

/* +++ LAYOUT  UND POSITIONIERUNG +++ */
body {text-align:center;background:#fff url(img/bg.gif) 0 -4px repeat-x;font-size:80%;font-family:arial,verdana,Sans-Serif;color:#444;}
#wrap {position:relative;width:830px;margin:0 auto 20px;padding:0px 35px;background: url(img/bg_wrap.png) 0 0 no-repeat;text-align:left;overflow:hidden;}
div#branding {height:91px;width:162px;margin-bottom:38px;background:url(img/faval-logo.jpg) center 35px no-repeat;}
ul#navi {position:absolute;left:245px;top:9px;}
div#sidebar {float:left;padding-left:0px;width:160px;margin-top:2px;}
div#searchbox {margin-top:40px;}
div#keyvisual {float:right;width:620px;height:178px;margin-top:2px;margin-bottom:20px;overflow:hidden;}
div#content {float:right;width:620px;}
div#site_info {width:825px;height:28px;margin:0 auto 20px;padding:100px 35px 0 40px;font-size:0.9em;background: url(img/bg_foot.png) left bottom no-repeat;overflow:hidden;}

/* branding */
div#branding h1, div#branding p {text-indent:-999px;height:0;overflow:hidden;}
div#branding a {display:block;height:51px;width:162px;margin:9px 0 0 15px; padding-top:20px;}

/* keyvisual */
div#keyvisual p {text-indent:-999px;}

/* +++ common styles +++ */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}

/* links */
a:link, a:visited {color: #666;outline:none;}
a:hover, a:focus {color: #e2001a;}
a.internal-link:link, a.internal-link:visited {padding-left:25px;background: url(img/linkInt.png) 0 bottom no-repeat;}
a.internal-link:hover, a.internal-link:focus {padding-left:25px;background: url(img/linkInt.png) 0 top no-repeat;}
a.external-link-new-window:link, a.external-link-new-window:visited {padding-left:25px;background: url(img/linkExt.png) 0 bottom no-repeat;}
a.external-link-new-window:hover, a.external-link-new-window:focus {padding-left:25px;background: url(img/linkExt.png) 0 top no-repeat;}
a.pdf {padding-left:20px;padding-top:2px;background:url(img/file-pdf.gif) left top no-repeat;}
a.rar {padding-left:20px;padding-top:2px;background:url(img/file-zip.png) left top no-repeat;}
a.zip {padding-left:20px;padding-top:2px;background:url(img/file-zip.png) left top no-repeat;}
a.doc {padding-left:20px;background:url(img/file-doc.png) left top no-repeat;}
a.mail {padding-left:15px;background:url(img/linkMail.gif) left top no-repeat;}

/* text */
p,h1,h1,h3,h4,h5 {}
p {line-height:1.5em;margin-bottom:15px;}
h1 {font-size:1.5em;}
h2 {font-size:1.5em;margin-bottom:25px;}
h3 {font-size:1.1em;margin-bottom:20px;}
h4 {font-size:1.1em;margin-bottom:10px;}

/* other */
ul,ol {list-style:none;}
#content ul {list-style:disc;margin-left:20px;line-height:1.5em;margin-bottom:10px;}
#content ol {list-style:decimal;margin-left:20px;line-height:1.5em;margin-bottom:10px;}
#content .csc-textpic ul, #content .csc-textpic ol {margin-left:0px;}

table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
hr , div.linie-davor,  div.linie-danach{
clear:both;
background-color:#adadad; /* Mozilla 1.4 */
color:#adadad; /* IE 6 */
border: #adadad; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:540px;
margin:10px 0;
}
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#000;}
textarea {font-size:1.1em;font-family:Arial, Helvetica, sans-serif;}
input:focus, textarea:focus {background-color:#f3f3f3;color:#666666;}

img {border:0;}

/* +++ Top navigation +++ */
ul#navi {background:url(img/headnavi-dots.gif) right bottom no-repeat;} 
ul#navi li {float:left; background:url(img/headnavi-dots.gif) left 27px no-repeat; }
ul#navi a:link, ul#navi a:visited {display:block;width:150px;margin-right:5px;text-align:center;padding-top:21px;color:#444;text-decoration:none;font-size:1.1em;font-family:tahoma,arial,sans-serif;												   }
ul#navi a:hover, ul#navi a:focus {background:url(img/head-navi-arrow.jpg) center top no-repeat; font-weight:bold;}
ul#navi li.cur a:link, ul#navi li.cur a:visited {background:url(img/head-navi-arrow.jpg) center top no-repeat;;color:#000;}

/* +++ product navigation +++ */
ul#product_navi a:link, ul#product_navi a:visited {display:block; width:142px;height:18px; padding:7px 20px 3px 0;margin-bottom:2px;
color:#525252;text-decoration:none; text-transform:uppercase; text-align:right;font-size:0.9em;
background:url(img/produktnavi.gif) right top no-repeat;}
ul#product_navi a:hover, ul#product_navi a:focus {background:url(img/produktnavi.gif) right center no-repeat;color:#e2001a;}
ul#product_navi li.cur a:link, ul#product_navi li.cur a:visited {color:#e2001a;background:url(img/produktnavi.gif) right bottom no-repeat; font-weight:bold;}/* current*/

/* 2. ebene */
ul#product_navi li.cur ul {margin:0px 0 0px 0;padding:2px 0px 4px 0;}
ul#product_navi li.cur ul a:link, ul#product_navi li.cur ul a:visited {width:132px;height:13px;padding:2px 12px 2px 10px;text-transform:none;font-size:0.9em;font-weight:normal;line-height:1.4em;color:#000; background:url(img/prodnavi_sub.gif) right 7px no-repeat;}
ul#product_navi li.cur ul a:hover, ul#product_navi li.cur ul a:focus {color:#e2001a;}
/* current*/
ul#product_navi li.cur ul li.cur a:link, ul#product_navi li.cur ul li.cur a:visited {color:#e2001a;}

/* 3. ebene */
ul#product_navi ul ul {border:none;margin:0px 0;padding:1px 0 5px;}
ul#product_navi li.cur ul li.cur ul a:link, ul#product_navi li.cur ul li.cur ul a:visited {padding:1px 0 1px 23px;color:#000; background:url(img/navi_arrowsub.gif) 10px 4px no-repeat;}
ul#product_navi li.cur ul li.cur ul a:hover, ul#product_navi li.cur ul li.cur ul a:focus {color:#caad74;background:url(img/navi_arrowsub.gif) 10px -29px no-repeat;}

/* current*/
ul#product_navi li.cur ul ul li.cur a:link, ul#product_navi li.cur ul ul li.cur a:visited {color:#caad74;background:url(img/navi_arrowsub.gif) 10px -29px no-repeat;}

/* +++ suche +++++++++ */
#search input.text {border:1px solid #ccc;width:115px;padding:2px;}
#search input.submit  {width:26px;height:27px;margin-left:4px;background:url(img/search.gif) 2px 4px no-repeat;border:none;}
#search input.submit:hover {background:url(img/search.gif) 2px -36px no-repeat;}

/* +++ static ++++ */
#site_info ul li {float:left;padding-right:10px;}
#site_info a:link, #site_info a:visited {text-decoration:none;}
#site_info a:hover, #site_info a:focus {text-decoration:underline;}


/* +++ infobox  +++ */
#infobox {margin-top:20px;background: #fcfcfc url(img/box_bg.jpg) top left repeat-x;border: 1px solid #dcdcdc;padding:15px 15px 0;}
#infobox a.button:link, #infobox a.button:visited  {
float:right;display:block;width:140px;padding:8px 5px 8px 35px;background: url(img/infobox_button.jpg) 0 0 no-repeat;border:1px solid #dcdcdc;
font-weight:bold;text-decoration:none;color:#666666;outline:none;}
#infobox a.button:hover, #infobox a.button:focus  {background: url(img/infobox_button.jpg) 0 -50px no-repeat;color:#e2001a;}

/* +++ copy ++++ */
a.copy:link, a.copy:visited { float:right;color:#CCC; text-align:right; background:url(../img/anker.gif) right 0 no-repeat; display:block; padding-right:17px; text-align:right;}
a.copy:hover, a.copy:focus { background:url(../img/anker.gif) right -15px no-repeat; color:#333}

/* +++ EXT: iw_salesdepartments ++++ */
.iw-salesdepartments-pagecount {width:150px;float:left;height:20px;padding-left:5px;color:#666;}
.iw-salesdepartments-pagebrowser {width:350px;float:right;text-align:right;height:20px;padding-right:5px;color:#666;}
.tx-iwsalesdepartments-pi1 {clear:both;}
.tx-iwsalesdepartments-form {background:#f1f1f1;padding:10px 10px 9px;margin-bottom:10px;}
.tx-iwsalesdepartments-form table {width:100%;}
.tx-iwsalesdepartments-form td {padding:0 10px;}
tr.iw-salesdepartments-search-labels {display:none;}
.tx-iwsalesdepartments-pi1 input[type=submit], .tx-iwsalesdepartments-pi1 input#reset {border:none;background:url(img/submit.gif) 0 0 repeat-x;padding:2px 5px;color:#fff;}
.tx-iwsalesdepartments-pi1 input:hover[type=submit], .tx-iwsalesdepartments-pi1 input#reset:hover{background:url(img/submit.gif) 0 -50px repeat-x;cursor:pointer !important;color:#ccc;}
/* list */
table.iw-salesdepartments-list {width:100%;background:#d7d7d7;font-size:12px;}
table.iw-salesdepartments-list th,  table.iw-salesdepartments-list td {vertical-align:top;padding:6px 6px;}
table.iw-salesdepartments-list th {font-weight:bold;background:#999;color:#fff;}
table.iw-salesdepartments-list tr.iw-salesdepartments-odd {background:#f1f1f1;}
table.iw-salesdepartments-list td.iw-salesdepartments-name {font-weight:bold;}
table.iw-salesdepartments-list td.iw-salesdepartments-name span {padding-right:4px;font-weight:normal;}

/* powermail kontaktformular */
.tx-powermail-pi1 fieldset {border:none;}
.tx-powermail-pi1 legend {display:none;}
.tx-powermail-pi1 div {padding: 5px 0;}
.tx-powermail-pi1 label {display:block;width:120px;float:left;}
.tx-powermail-pi1 input {width:200px;}
.tx-powermail-pi1 textarea {width:350px;height:100px;}
.tx-powermail-pi1 select {color:#666;width:70px;}
.tx-powermail-pi1 input.powermail_submit {margin-left:120px;width:auto;color:#333;}
/* mandatory */
span.powermail_mandatory {color:#c00;}
div.powermail_mandatory_js {display:inline;background:url(img/alert.gif) 3px 2px no-repeat;color:#c00;padding:4px 0 4px 10px;font-style:italic;}
div.tx_powermail_pi1_fieldwrap_html_textarea div.powermail_mandatory_js {clear:left;margin-left:130px;}
input.validation-failed, textarea.validation-failed {border:1px solid #c00;}


/* =JQUERY FANCYBOX ======================== */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../img/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../img/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../img/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../img/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../img/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../img/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../img/fancy_title_right.png') repeat-x;
}