/***************************************************************
- html tags
- functional/convenient classes
- not in main layout structure involved
***************************************************************/


/* ************** common formatting ***************** */

a, a:link, a:visited, a:focus, a:active {
	color: #2f2f2f;
	font-size: 11px;
	outline:none;
}

a:hover {
	color: #CFA80C;
	outline:none;

}

td,p {
	vertical-align:top;
	margin:0px;
	padding:0px;
}

p, td, li, div {
	font-size: 11px;
	line-height: 14px;
}


p{
	padding:0px 0px 8px 0px;
}

h1,h2,h3,h4 {
	color: #333333;
	line-height: 1.3em;
}

h1 { 
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 15px;
	line-height: 18px;
}

h2 {
	margin: 0px;
	padding:10px 0px 5px 0px;
	font-size: 12px;
	color: #333333;
}

h3,h4 {
	margin: 0px;
	padding:8px 0px 2px 0px;
	font-size: 11px;
}

.top {
	margin-top: 0px;
	padding-top: 0px;
}

.bottom {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul {
	padding: 0px 0px 0px 3px;
	margin: 10px 0px 8px 10px;
	list-style-type:none;
}

ol {
	padding: 0px 0px 0px 3px;
	margin: 10px 0px 8px 10px;
}

/*ul li {
	list-style-type:none;
	background-image: url(/paulforrer/media/template/arrow_notched.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 1px 0px 4px 3px;
	font-size: 11px;
}*/

ul li {
	list-style-type:none;
	background-image: url(/paulforrer/media/template/bc_arrow.gif);
	background-position:0px -1px;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 1px 0px 4px 3px;
	font-size: 11px;
}

table {
	margin:0px;
	padding:0px;
	border-width:0px;
}

img {
	border: none;
	text-decoration: none !important;
}


.edit_Highlight,.highlight{
	font-weight:bold;
	color:#4468b6;
}

.error{
	font-weight:bold;
	color:#9b0d11;
}

.error{
	font-weight:bold;
	color:#9b0d11;
}

form{
	display:inline;
	padding: 0px;
	margin: 0px;
}



/* *************** functional, convenient  ********************/


/* png class works NOT for backgrounds, only for imgs (ie6 july08)*/
.png {
	behavior: url(/paulforrer/css/iepngfix.htc);
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* doitlive form */

form table,#form #show_more{
	width: 410px !important;
	padding:0px;
	margin:0px;
}

#form div.rechte_spalte {
	position: absolute; 
	margin-left: 215px; 
	width: 420px;
}

#form table table {
	width: 205px !important;
}

#form table table td {
	padding:0px;
	margin:0px;
}

#show_more td {
	padding:0px 0px 4px 0px !important;
}


#form td, #show_more td {
	padding:0px 0px 4px 0px;
	margin:0px;
	width: 205px;
	font-size: 11px !important;
}

#form form {
	width:100%;
	padding:0px;
	margin:0px;
}
#form font {
	font-weight: bold;
	font-size: 11px !important;
	margin: 0px;
	padding: 0px;
}
#form font[color=red] { /* works not in ie6 */
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#form input {
	width:205px;
	padding:0px;
	margin:0px;
}
#form textarea {
	width:205px;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	font-size: 11px;
}

#form .checkbox {
	width:auto !important;
}

#form select {
	width:205px;
	padding:0px;
	margin:0px;
}

#form input[type=submit] {
	width: 55px;
background: #efefef;
border: 1px solid #bbb;
position: relative;
left: 190px;
margin: 5px 0 0 0;
}

#form input[type=reset] {
	width: 1px;
	margin-left: 10px;
	display: none;
}

/* end doitlive form */


/*********************************************
- layout positioning, basic structure 
- every page elements with subelements (menus, boxes, buttons...) 
ordered by visual appearance (header, subnavi, content->extern, context, footer)
- only elements around content/center column
**********************************************/

/*layout positioning, basic structure/layout *****************/

/******* given from template */

div#wrapper {
	float:left;
	width:100%;
	padding-bottom: 30px;
}

div#content {
	margin: 0 230px 0 256px;
	min-height: 400px;
	overflow: visible;
	/*background-color: #bfe;*/
}

div#context_col {
	float:left;
	width:210px;
	margin-left:-230px;
	overflow: hidden; /* end added */
}

div#navi_col {
	float:left;
	width:235px;
	overflow:hidden !important;
	margin-left:-100%;
	padding-bottom: 25px;
	cursor:pointer;
	/*background-color: #abc;*/
}

div#footer {
	clear:left;
	width:100%;
}

/******* end added to the layout structure*/

div#navi_col div#navi_col_left_padding { /*additional div in left colum*/
	margin-left: 23px;
	/*background-color: #fbe;*/
}

div#content div#content_padding{
	margin-right: 23px;
	/*background-color: #fbe;*/
}


body {
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	background: #a6a6a6 url(/paulforrer/media/template/body_bg.gif) repeat-x;
	font-size: 12px;
	width: 100%;
	line-height: 14px;
}

#page_container {
	width: 80%;
	max-width: 1443px;
	min-width: 970px;
	margin: 0 auto 0 auto;
	background: #fff url(/paulforrer/media/template/border_left.gif) left 181px repeat-y;
}

#border_right {
	width: 100%;
	background: url(/paulforrer/media/template/border_right.gif) right 181px repeat-y;
}

/* main elements ********************************** */

/****** header styles ***************************/

#header {
	position: relative;
	float: left;
	width:100%;
	background: #FFF url(/paulforrer/media/template/header_bg.gif) repeat-x left top;
	height: 193px;
}

/********** main navi */

#main_navi {
	position: relative;
	height: 33px;
	background: url(/paulforrer/media/template/main_navi_bg.png) left top no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
	margin: 53px 14px 0 262px !important;
	margin: 53px 14px 0 452px !important;
	z-index: 200;
}

#main_navi div a { /* #main_navi div a { */
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 40px 8px 40px;
	/*background: url(/paulforrer/media/template/main_navi_link_bg2.gif) no-repeat -40px -10px;*/
	background: url(/paulforrer/media/template/main_navi_link_bg2.gif) no-repeat 0 -10px;

	/*border-right:1px solid #000000;*/
	color: #333333;
	text-decoration: none;
}
#main_navi a:hover, #main_navi a.selected {
	/*background-position: -40px -50px !important;*/
	background-position: 0 -50px !important;

}

#main_navi img {
	display: block;
	float: left;
}
#main_navi div.linkcontainer {
	position: relative;
	float: left;
	margin: 0 0 0 -34px;
	z-index: 999;
}
#main_navi .spacer {
	position: absolute;
	left: 0px;
	top: 0px;
}
#main_navi div#main_navi_end {
	position: relative;
	float: left;
	background: url(/paulforrer/media/template/main_navi_link_bg2.gif) no-repeat 0 -10px;
	left: 0px;
}

/********** breadcrumb navi */

#breadcrumb_navi {
	position:relative;
	background: transparent url(/paulforrer/media/template/breadcrumb_bg.gif) no-repeat;
	margin: 85px 0 0 0;
	height: 22px;
	vertical-align: top;
	z-index: 200;
}

#breadcrumb_navi a.breadcrumb_navi_link,#breadcrumb_navi span.breadcrumb_navi_link {
	margin: 2px 0 0 0;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 10px;
	color: #333;
}

#breadcrumb_navi a.breadcrumb_navi_link:hover {
	text-decoration: underline;

}

#breadcrumb_navi span#breadcrumb_start {
	display: block;
	float: left;
	margin: 2px 0 0 0;
	font-weight: bold;
	padding: 0 0 0 22px;
	font-size: 11px;
}

#breadcrumb_navi img.breadcrumb_arrow {
	position:relative;
	display: block;
	float: left;
	margin: 2px 12px 0 12px;
	behavior: url(/paulforrer/css/iepngfix.htc);
}

img.breadcrumb_arrow {
	margin: 2px 4px 0 4px !important;
}


#breadcrumb_end {
	position: absolute;
	right: 0px;
}

/****** func_navi, funcnavi */

#func_navi {
	right: 20px;
	top: 2px;
}

#func_navi a {
	text-decoration: none;
	padding: 0 3px 0 9px;
	color: #333;
}

#func_navi a:hover{
	text-decoration: underline;
}

#func_navi a#func_navi_login {
	background: url(/paulforrer/media/template/funcnavi_login_arrow.gif) left 5px no-repeat;
	padding: 5px 3px 0 20px;
	margin: 0 0 0 10px;
}

#header_border_left, #header_border_right {
	top: 0px;
	width: 14px;
	height: 171px;
}
#header_border_left {
	left: 0px;
	background: url(/paulforrer/media/template/header_border_left.gif);
}
#header_border_right {
	right: 0px;
	background: url(/paulforrer/media/template/header_border_right.gif);
}
#logo {
	top:0px;
	left: 14px;
	width: 217px;
	height: 63px;
	background: transparent url(/paulforrer/media/template/logo.gif);
	z-index: 20;
}

#logo {
	top:0px;
	left: 14px;
	width: 417px;
	border-left:180px solid #fff;
	height: 63px;
	background: transparent url(/paulforrer/media/template/logo.gif) no-repeat top left;
	z-index: 20;
}


#banner_image_div, #search_bg {
	top: 82px;
	right: 14px;
	height: 89px;
}
#banner_image_div {
	width: 505px;	
}
#png_over_banner_img {
	diplay:none;
	right: 310px;
	top: 0px;
	behavior: url(/paulforrer/css/iepngfix.htc);
	display: block;
	z-index: 10;
}
#search_bg {
	width: 227px;
	height: 89px;
	behavior: url(/paulforrer/css/iepngfix.htc)
}


#global_search {
	top: 108px;
	left: 30px;
	width: 193px;
	height: 20px;
	background: transparent url(/paulforrer/media/template/searchfield_bg.png) no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
}

#forrer_search, #catalogue_search ,#forrer_search_large{
	top: 132px;
	height: 20px;
	left:30px;
	border: none;
	background: transparent;
	font-size: 11px;
	color: #555;
	z-index: 999;
}


#global_search_field {
	top: 110px !important;
	height: 20px;
	left:55px;
	border: none;
	background: transparent;
	font-size: 11px;
	color: #555;
	z-index: 999;
}


td.search_img{
	width:80px;
}

#catalogue_search {
	left:133px;
}

#search_bg{
	display:none;
}


#global_search_field{
	position:absolute;
	right: 33px;
	top: 101px;
	width: 165px;
	height: 16px;
	border: none;
}

#forrer_search {
	right: 124px;
	background: url(/paulforrer/media/template/forrer_search_button.png) no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
	width: 99px;
	padding: 3px 0 5px 0;
}

#forrer_search_large{
	right: 124px;
	background: url(/paulforrer/media/template/forrer_search_button_large.png) no-repeat;
	width: 193px;
	padding: 3px 0 5px 0;
}


#catalogue_search {
	right: 31px;
	background: url(/paulforrer/media/template/catalogue_search_button.png) no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
	width: 89px;
	padding: 3px 0 5px 0;
}

#advanced_search {
	font-size: 10px !important;
	top: 146px;
	right: 30px;
	display:none;
}

#advanced_search a {
	text-decoration: none;
	font-size: 10px;
}

#advanced_search a:hover {
	text-decoration: underline;
}

#advanced_search img{
	display: block;
	float: left;
	margin: -1px 3px 0 0;
}

/* input text (e.g. search) */

div.input_text {
	background: transparent url(/paulforrer/media/template/input_text.png) top left no-repeat;
	/*behavior: url(/paulforrer/css/iepngfix.htc);*/
	height: 20px;

}

div.input_text input {
	display: block;
	float: left;
	background: transparent;
	border: none;
	padding: 3px 5px 0 5px;
	color: #555555;
	font-size: 11px;
	margin-right: 7px;
}
div.input_text input.magnifier {
	background: transparent url(/paulforrer/media/template/magnifier.gif) 5px 3px no-repeat;
	padding: 3px 0 0 20px;
}
div.input_text img.input_text_end {
	display: block;
	float: left;
	margin: 0 -7px 0 0;
}
/* input submit (e.g. search) */


div.input_submit {
	background: transparent url(/paulforrer/media/template/input_submit.png) top left no-repeat;
	/*behavior: url(/paulforrer/css/iepngfix.htc);*/
	height: 20px;
	z-index: 400;
}

div.input_submit input {
	float: left;
	background: transparent;
	border: none;
	padding: 3px 0 0 6px;
	color: #555555;
	font-size: 11px;
	margin-right: 0px;
}

div.input_submit img.input_submit_end {
	margin: 0 -7px 0 0;
}

/*subnavi, sub_navi *******************************/

#sub_navi {
	position: relative;
	top: 12px;
	width: 210px;
	overflow:hidden;
	margin-bottom:20px;
}
#sub_navi a {
	display: block;
	position:relative;
	text-decoration: none;
	color: #414141;
	background-repeat: no-repeat;
	font-size: 11px;
}
#sub_navi a.sub_navi_section {
	padding: 2px 5px 4px 10px;
	/*color: #FFF;*/
	color: #000;
	font-weight: bold;
	margin: 9px 0 0 0;
	background-image: url(/paulforrer/media/template/section_default.gif);
	background-position: 0px -50px;
}

#sub_navi a.sub_navi_section:hover,#sub_navi a.sub_navi_section.selected{
	background-position: 0px -10px;
}

/******* different colors for subnavi sections */


a#sub_navi_section_121 {
	background-image: url(/paulforrer/media/template/section_green.gif) !important;
	color: #FFF !important;
}

a#sub_navi_section_122 {
	background-image: url(/paulforrer/media/template/section_blue.gif) !important;
	color: #FFF !important;
}

a#sub_navi_section_132 {
	background-image: url(/paulforrer/media/template/section_red.gif) !important;
	color: #FFF !important;
}

a#sub_navi_section_133 {
	background-image: url(/paulforrer/media/template/section_grey.gif) !important;
	color: #FFF !important;
}

a.parent_122:hover, a.sub_selected_122 {
	background-color: #2157c4 !important;
}




/****** show/hide */

div.subdiv_level_2 a.sub_navi_link{
display: none;
}


/****** 2nd and lower levels */

#sub_navi a.sub_navi_link {
	padding: 3px 0px 4px 10px;
	background: #666 url(/paulforrer/media/template/subnavi_link_bg.png) top right no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
	margin: 0 5px 0 0;
}

#sub_navi a.sub_navi_link:hover {
	background-color: #ffce00;
	color: #000;
}



/****** sublevels */

#sub_navi a.level_3 {
	padding: 3px 0px 4px 23px;
	background: #666 url(/paulforrer/media/template/subnavi_link_bg_level3.png) right top no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
}

#sub_navi a.level_4 {
	padding: 3px 0px 4px 39px;
	background: #666 url(/paulforrer/media/template/subnavi_link_bg_level4.png) right top no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
}


/****** different colors for subnavi sections via parent */

/* default */
#sub_navi a.sub_selected_2 {
	background: #ffce00 url(/paulforrer/media/template/subnavi_link_bg.png) right top no-repeat; 
}






#sub_navi a.sub_selected {
	background-color: #ffce00;
	color: #000;
	font-weight:bold;
}

	
/******several abolute positioned elements in header */

#func_navi, #header_border_left, #header_border_right, #logo, #banner_image_div, #png_over_banner_img, #search_bg, #global_search, #forrer_search, #forrer_search_large, #catalogue_search, #advanced_search {
	position: absolute;
	z-index: 50;
}



/* Context */

div#context_col div.context_box {
	position: relative;
	margin: 4px 0 0 0;
	width: 209px;
}

div#context_col div.context_box h2.neutral_header {
	background: url(/paulforrer/media/template/box_neutral_header.gif) no-repeat;
	width: 209px;
	height: 19px;
	margin: 0 0 -3px 0;
	padding: 3px 0 0 0;
	font-size: 11px;
}

/* context boxes colored headers */

/* for all colored headers */
div#context_col div.context_box h2.colored_header {
	background-image: url(/paulforrer/media/template/section_default.gif);
	background-position: 0px -10px;
}





div#context_col div.context_box h2.neutral_header span{
	padding: 0 0 0 5px;
	font-weight: bold;
}

div#context_col div.context_box div.context_box_body {
	width: 187px;
	padding: 10px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

div.context_box_body p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div.textblock p {
	padding: 0 0 6px 0 !important;
}
div.textblock li {
	font-size: 10px;
}

div.context_box_body p img {
	
	display: inline;
	margin: 0px 5px 0px 0px !important;
	position: relative;
}

div.context_box h3.context_box_h3 {
	padding:0px 0px 2px 0px;
}

div.context_box div.download_group {
	padding: 0 0 5px 0;
}

div.context_box_body p, td, li, a{
	font-size: 10px;
}

div#context_col div.context_box div.context_box_body img.pic, .box_padding img.pic {
	float:left;
	margin: 0 10px 10px 0
}

/* trader search, hndlersuche*/

div#trader_search {
	position: relative;
	height: 30px;
}

div#trader_search input#search_button,a img#search_button ,div#trader_search input#search_field{
	position: absolute;
	top: 5px;
}

a img#search_button {
	position: absolute;
	top: 5px;
	right:0px;
}


div#trader_search input#search_field{
	left: -1px;
	width: 168px;
	background: transparent url(/paulforrer/media/template/postleitzahl-input.gif) top left no-repeat;
	display: block;
	float: left;
	border: none;
	height: 20px;
	padding: 4px 5px 0 5px;
	color: #555555;
	font-size: 11px;
}

div#trader_search input#search_button{
	position: absolute;
	left: 166px;
}

div.trader_data {
	margin-bottom: 10px;
	padding-bottom: 5px;
}

div.trader_search p.email, p.phone{
	float:none !important;	
	height: 15px;
}



/* links with png ahead */

a.link_icon {
	display: block;
	float: left;
}

/* for news in context */
a.padding_bottom {
	padding-bottom: 10px;
}

a.link_icon:hover {
	text-decoration: none;
}

a.link_icon img {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	background-color: #ddd;
	text-decoration: none !important;
}

/* color management for download arrow */







div#context_col div.context_box img.context_box_bottom {
	background: url(/paulforrer/media/template/box_neutral_bottom.gif) no-repeat;
}

div.hide_, .hide {
	display: none;
}

img.script_only {
	display: none !important;
}

/* iframe */ 

#iframe_div {
	padding-top: 20px;
	width: 100%;
	margin: auto;
	height: 600px;
}

iframe {
	width: 100%;
	height: 600px;
}


/* Footer ******************************/

#footer {
	position:relative;
	background:#a6a6a6 url(/paulforrer/media/template/footer_left_corner.gif) left top no-repeat;
	color: #FFF;
	font-size: 11px;
}

#footer a {
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
}

#footer a:hover {
	text-decoration: underline;
}

#footer_corner_right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 19px;
	height: 14px;
	background: url(/paulforrer/media/template/footer_right_corner.gif) left top no-repeat;
}

#footer div#footer_inside{
	position: relative;
	left: 14px;
	top: 9px;
}

#footer div#footer_inside a{
	padding: 0px 5px;
}

#footer div#endurit {
	position: absolute;
	right: 14px;
	top: 9px;
}


/* inside context boxes formatting */

div.context_box p.email {
	width: 115px;
	overflow:hidden;
}


.sub_navi_link{
	display:none !important;
}



/* box formating */



.box_outer,.box_outer_klein{
	width:230px;
	height:140px;
	float:left;
}

.box_outer_links{
	width:230px;
	height:90px;
	float:left;
}

.box {
	width:220px;
	height:127px;
	border:1px solid #dbdbdb;
	cursor: pointer;
	position:relative;
}


.box_style42 {
	height:80px;
}


.box_style42 .box_title{
	height:20px;
	overflow:hidden;
}



.box:hover,.ruledbox{
	background-color:#efefef;
}

.box_padding{
	padding:5px;
	position:relative;
}

.box_link{
	position:absolute;
	bottom:7px;
	right:5px;
}

.box_link a{
	color:#036D08;
}


.box_outer_klein .box_link{
	position:absolute;
	bottom:20px;
	right:5px;
}


.box_link a{
	text-decoration:none;
}

#context_col .box_link{
	position:static;
}

#context_col .box_desc, #context_col .box_title{
	height:auto;
	overflow:visible;
	padding-bottom:2px;
}

.prod_box_context{
	padding-bottom:8px;
}

#context_col .box_title h2{
	padding:0px;
	margin:0px;
}


.box_link a img{
	background-color:#036d08;
	position:relative;
	top:2px;
}


.box_title{
	height:45px;
	overflow:hidden;
}

.box_pic_list{
	float:left;
	padding-right:10px;
	height:75px;
	overflow:hidden;
	width:75px;
	background-color:#ffffff;
}

.box_pic_link{
	float:left;
	padding-right:10px;
	max-height:50px;
	overflow:hidden;
	max-width:50px;
	background-color:#ffffff;
}

.box_pic_link img{
	max-height:50px;
	max-width:50px;
	overflow:hidden;
}


.box_stylegross .box_pic_list{
	float:left;
	margin-right:10px;
	height:215px;
	overflow:hidden;
	width:215px;
	background-color:#ffffff;
}



.box_style31 .box_pic_list,.box_style32 .box_pic_list,.box_style33 .box_pic_list,.box_styleklein .box_pic_list{
	padding-right:0px;
	position:relative;
	left:-5px;

}

.box_pic_list img{
	max-width:75px;
	max-height:75px;
}

.box_stylegross .box_pic_list{
	width:215px !important;
	height:215px !important;
	overflow:hidden;
	text-align:center;
}

.box_stylegross .box_pic_list img{
	max-height:215px;
	max-width:215px;
	margin-right:5px;
}

.box_new{
	position:absolute;
	top:-10px;
	right:-10px;
	z-index:100;
}

.box_desc{
	overflow:auto;
	height:50px;
	margin-bottom:11px;
}

.box_style32,.box_style31,.box_style33,.box_styleklein,.box_stylegross{
	background-image:url(/paulforrer/media/template/box_header_bg.gif);
	background-repeat:repeat-x;
}

.box_style32 h2,.box_style42 h2,.box_style31 h2,.box_styleklein h2{
	font-size:12px;	
}

.box_style33 h2,.box_style42 h2,.box h3,.box_style32 h2,.box_style31 h2,.box_stylegross h2,.box_styleklein h2{
	line-height:1.2em;
	padding:0px;
	margin:0px;
}

.box_style33 h2{
	font-size:12px;
	color:#036d08;
}

.box_style33 h3{
	font-size:11px;
}

/*grosse boxen*/

.box_stylegross{
	width:95%;
	float:none;
	height:auto;
}


.box_stylegross .thumbs{
	padding:10px 0 0 0;
	width:100%;
}


.box_stylegross .thumbs a img{
	border:1px solid #ccc;
}


.box_stylegross .thumbs a:hover img{
	border-color: #666;
}


.box_stylegross .box_pic_list{
	height:auto;
	overflow:visible;
	width:auto;
}

.box_stylegross .box_pic_list img{
	width:auto;
	height:auto;
}


.box_styleklein .thumbs{
	display:none;
}


.h2_background{
	border:1px solid #BBBBBB;
	margin:30px 0 10px 0;
	padding:5px 10px 3px 10px;
	background: transparent url(/paulforrer/media/template/box_title_bg2.gif) no-repeat scroll 0 0;
	clear: both;
}

.haendler_box{
	padding:10px;
	margin-bottom:10px;
	border:1px solid #dbdbdb;
}

.navigate_126{
	display:none;
}


/* Farbige Tabelle */

.edit_Farbige_Tabelle{
	margin: 0px 0px 8px 0px;
	background-color: #f6f6f6;
}

.edit_Farbige_Tabelle tr{
	background-color: #f6f6f6;
}

.edit_Farbige_Tabelle td{
	margin: 0px 0px 0px 0px !important;
	padding: 3px 6px 3px 2px !important;
	font-size:12px !important;
}

table.edit_Farbige_Tabelle tr.row_dark{
	background-color: #eeeeee;
}

.ruled{
	background-color:#FFF2BF !important;
	cursor: pointer;
}

.searchquery{
	background-color:#FFF2BF !important;
}

/* Content: elements of the center column ****************************/

h1#title {
	position: relative;
	font-size: 15px;
	padding: 8px 0 7px 20px;
	background: url(/paulforrer/media/template/h1_bg.gif) no-repeat;
	margin: 20px 0 9px 0;
	color: #444;
	overflow:visible;
	min-width:650px;
	z-index:1000;
}

h1#title img.color_spacer{
	position: absolute;
	left: 1px;
	top: 1px;

	background-color: #edbf00;  /* yellow is default */
}
/* color management for h1 */

/* neutral/default: yellow and grey */






div#h1_bg_end {
	position: relative;
	background: url(/paulforrer/media/template/h1_end.gif) top right no-repeat;
	margin: 20px 0 0px 0;
	background: url(/paulforrer/media/template/h1_bg.gif) no-repeat;
	border-right:1px solid #e3e3e3;
}

div#h1_bg_end span{
	display: none;
}

/* color management for h2 and links */






/* overwrite color management for.. */

div.highlighted_yellow h2 a{
	color: #333 !important;
}

/* Content for both iframe and out sites */

div#content_page {
	width: 100%;
	height: 1%;
	padding: 12px 0 0 0;
	font-size: 11px;
}

div#content_page ol {
	padding: 0px 0px 0px 16px;
}

div#content_multiline {
	width: 458px;
	height: 1%;
	padding: 12px 0 0 0;
	font-size: 11px;
}

div.small_boxes {
	position: relative;
	margin: 0 0 8px 0;
}

div.float_div_small {
	display: inline; /* evtl */
	position: relative;
	float: left;
	width: 218px;
	margin: 10px 10px 0 0;
	text-decoration: none;
	cursor: default;
	font-size: 11px;
}

div.float_div_small p {
	font-size: 11px;
}

div.hover_effect div.box_padding {
	border: 1px solid #ccc;
	background: #f4f4f4;
	cursor: pointer;
}


div.img_and_common{
	float:left;
}

/*product info, detail ansicht*/



a.MagicZoom{
	position: relative;
	float: left;
}

div.product_images{
	float: left;
	width: 228px;
}

div.thumbs a.thumb_link{
	display: block;
	border: 1px solid #ccc;
	height: 50px;
	width: 50px;
	overflow:hidden;
}

/* different colors for thumb_link */


div.thumbs {
	clear: left;
	width: 228px;
	overflow-x: auto;
}

div.thumbs a.thumb_link img{
	width: 50px;
	max-height:50px;
}

div.thumbs div{
	position: relative;
	float: left;
	width: 56px;
	height: 56px;
}

a.magnifier{
	display: block;
	position: absolute;
	left: 37px;
	top: 38px;
	width: 15px;
	height: 14px;
	background: url(/paulforrer/media/template/magnifier.gif) right bottom no-repeat;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* default hover */
a.magnifier:hover{
	border-color: #666;
}

/* different colors for magnifier links */







div.product_common_table{
	position: relative;
	width: 227px;
	float:left;
	overflow: auto;
}

div.article_table{
	clear: left;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px 0 20px 0;
}
div.article_table table {
empty-cells : show;
	padding: 0 0 0 0;
}

#Full_Table{
	left:0px;
}

#Full_Table table{
	background-color:#ffffff;
	/* padding:10px; */
	margin:auto;
	border:3px solid #CCCCCC;
}


div.article_table table,div.product_common_table table{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.article_table table td,#Full_Table table td,#Full_Table table th, div.article_table table th, div.product_common_table table td{
	border-left: 1px solid #ccc;
	padding: 5px;
}

div.article_table table th,#Full_Table table th{
	border-top: 1px solid #ccc;
	background-color: #efefef;
}

div.article_table table td,#Full_Table table td, div.product_common_table table td{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/* article table inside */

a.article_table_image_link img{
	border: 1px solid #fff;
}

a.article_table_image_link:hover img{
	border: 1px solid #ccc;
}

img.article_table_image{
	width: 50px;
}

a.quickscan_link {
	display: block;
	float: left;
	background: url(/paulforrer/media/template/scan.gif) 0px 0px no-repeat;
	width: 30px;
	height: 15px;
	margin: 3px 5px 0 0;
}

a.quickscan_link:hover{
	background-position: 1px 0px;
}

img.quickscan_spacer{
	width: 29px;
	height: 15px;
}

/* box container: compensation of margin-right of boxes */

div.box_container{
	margin-right: -10px !important;
	width: 105%; /* additional space for right margin of float boxes */
	position: relative;
}

/* different boxes (size defined PER BOX, NOT via div that contains only one type of box) */
/* no boxtype selected -> small box rendered */

div.boxtype_klein, div.boxtype_{
	width: 236px !important;
	height: 118px !important;
	overflow: hidden;
}

div.boxtype_klein a.link_icon, div.boxtype_ a.link_icon {
	/*position: absolute;
	left: 65px;
	top: 86px;*/
}

/* zweizeiligen link: damit bündig, da img davor: */
div.boxtype_klein a.link_icon img, div.boxtype_ a.link_icon img{
	margin: 0 0 12px 0;
}


/* case one very logn word: gets cut off  */
div.boxtype_klein h2.up, div.boxtype_ h2.up{
	width: 210px;
	overflow: hidden;
}

div.boxtype_mittel{
	width: 471px !important;
	height: 118px !important;
	overflow: hidden;
}

div.boxtype_gross{
	width: 470px !important;
	height: 365px !important;
	overflow: hidden;
}

/* give fix height because of floated elements inside */

div.boxtype_klein div.common_box, div.boxtype_mittel div.common_box, div.boxtype_ div.common_box{
	height: 98px !important;
}

div.boxtype_gross div.common_box{
	height: 345px !important;
}

/* big boxes: push text to the right */

/* hide elements only visible in big boxes */
.only_gross {
	display: none;
}

div.boxtype_gross .only_gross{
	display: block;
}

/* big image */

div.big_picture {
	position: absolute;
	left: 10px;
	top: 32px;
	width: 215px;
	height: 215px;
	overflow: hidden;
/* delete later */ background-color: grey;
}

/* push text and link to the right */

div.boxtype_gross p.bottom_line {
	position: absolute;
	left: 235px;
	top: 32px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 215px;
}

div.boxtype_gross a.link_icon {
	position: absolute;
	left: 235px;
	top: 235px;
}


/* hide normal picture in big box */

div.boxtype_gross p.bottom_line img {
	display: none;
}

/* container for thumbs */
div.thumbnails {
	position: absolute;
	left: 10px;
	top: 260px;
	width: 449px;
	height: 84px;
	overflow: hidden;
}

/* div for magnifier link positioning */

	div.thumbnails div {
	position: relative;
	float: left;
	width: 82px;
	margin: 0 7px 0 0;
}

div.thumbnails div a.magnifier {
	left: 67px;
	top:67px;
}

div.thumbnails img{
	width: 80px;
	border: 1px solid #ccc;
}


/* boxes common stuff */

/* variable height -> 100% wide -> no margin right */
div.box_variable_height div.common_box {
	margin: 0 0 10px 0;
	height: 1%; /* for rendering border correctly */
}

/* variable height -> give height to div around a floated element */
div.height_to_floated_link {
	height: 16px;
}

div.common_outer_box {
	display: block;
	position: relative;
	float: left;
	width: 100%;
/*height: 1%;*/
}

div.common_box {
	/*alt: margin: 10px 10px 0 0;*/
	margin: 0 10px 10px 0;
	/* padding: 5px 10px 25px 10px; */
	padding: 5px 10px;
	border: 1px solid #bbb;
}

.highlight_box_title {
	background: url(/paulforrer/media/template/box_title_bg2.gif) no-repeat;
}

.common_box img.left_top {
	position: relative;
	display: block;
	float: left;
	padding: 10px 0 0 0;
	border-right: 5px solid #FFF;
	background:transparent;
}

h3.up{
	margin: 0 0 4px 0;
	padding: 0;
}

h2.up{
	margin: 0 0 10px 0;
	padding: 0;
}

.up a {
	font-size: 12px;
	text-decoration: none;
}

.up a:hover {
	text-decoration: underline;
}


div.common_box p.bottom_line {
	/*clear: left;*/
	border-bottom: 1px solid #bbb;
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
}

/* featured product boxes content */

/* evtl. delete  */
.highlighted_yellow {
	background: url(/paulforrer/media/template/box_highlighted_yellow.gif) repeat-x;
}

/* evtl. delete  */
.highlighted_grey {
	background: url(/paulforrer/media/template/box_highlighted_grey.gif) repeat-x;
}

/* stern, evtl. delete  */
.newproduct_True {
	background: url(/paulforrer/media/template/new_star.gif) no-repeat;
}

.product_boxes_small div.common_outer_box {
	width: 228px !important;
	overflow: hidden;
}

.product_boxes_small div.common_box {
	height: 110px !important;
	overflow: hidden;
}

.product_boxes_middle div.common_outer_box {
	width: 458px;
	overflow: hidden;
}

.product_boxes_middle div.common_box {
	height: 110px !important;
	overflow: hidden;
}

.product_boxes_big div.common_outer_box {
	width: 458px;
	overflow: hidden;
}

.product_boxes_big div.common_box {
	height: 270px !important;
	overflow: hidden;
}


/* products and categories */

div.float_div_small div.box_product {
	background: url(/paulforrer/media/template/box_product.gif) right top no-repeat;
}

div.float_div_small div.box_category{
	background: url(/paulforrer/media/template/box_category.gif) right top no-repeat;
}

div.hover_effect div.box_product {
	background: #f4f4f4 url(/paulforrer/media/template/box_product_hover.gif) right top  no-repeat;
}

div.hover_effect div.box_category{
	background: #f4f4f4 url(/paulforrer/media/template/box_category_hover.gif) right top no-repeat;
}

div.float_div_small div.box_padding {
	position: relative;
	padding: 7px;
	border: 1px solid #bbb;
	height: 80px;
}

.box_pic{
	position: absolute;
	left: 5px;
	top: 5px;
}

.float_div_small div.box_padding div.right_col{
	position: absolute;
	left: 90px;
	top: 5px;
	width: 100px;
	height: 60px;
}

.float_div_small div.box_padding h2.boxtitle {
	font-size: 11px;
	font-weight: bold;
	margin:  0 0 6px 0;
	padding: 0;
	width: 100px;
}

.float_div_small div.box_padding h2.boxtitle a {
	text-decoration: none;
	font-size: 11px;
}

.float_div_small div.box_padding h2.boxtitle a:hover {
	text-decoration: underline;
}

div.hover_effect a:hover{
	text-decoration: none !important;
}


/* search, suche */

table.search_table {
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

table.search_table td{
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	padding: 2px;
}

a.css_tooltip {
	position: relative;
	float: left;
	text-decoration: none !important;
	cursor: default;
}

span.wide {
	display: block;
	width: 100px;
}

a.css_tooltip span.tip, a.css_tooltip:link span.tip,a.css_tooltip:visited span.tip,a.css_tooltip:active span.tip{
	display: none;
}

a.css_tooltip:hover span.tip{
	padding: 3px;
	display: block;
	position: absolute; 
	top: 20px; 
	left: 20px; 
	width: 100px;
	z-index: 100;
	color: #292929; 
	border:1px solid #90d092; 
	background: #bdecbf;
	text-align: left;
}

/* employee list */

div.business_division {
	width: 100%;
}

div.employee {
	width: 198px !important;
	height: 150px;
	position: relative;

	float: left;
	padding: 0 10px !important;
}

div.employee img.portrait {
	float: left;
	width: 75px;
	height: 109px;
}

div.employee h3 {
	padding: 7px 0px 1px 0px !important;
	margin: 0px 0px -5px 0px !important;
}

div.employee p {
	padding: 4px 0px 0px 0px;
}

div.employee p img {
	float: left;
	display: inline;
	margin: 0px 5px 0px 0px !important;
	position: relative;
}

div.ruledbox img.left_top {
	border-right: 5px solid #efefef !important;
}

p.job {
	/*border-bottom: 1px solid #bbb;*/
	margin: 1px 0px 2px 0px !important;
}

p.job img {
	margin: 0px 18px 0px 0px;
}

p.email img {
	margin: 0px 12px 0px 0px;
}

p.email, p.phone {
	padding: 2px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

div.employee p.email, div.employee p.phone{
	clear: left;
}

p.phone img {
	margin: 0px 7px 0px 0px;
}

div.employee div.float_right {
	margin: 0 0 0 100px;
	width: 200px;
	position: relative;
}

div.contact_person {
	font-size: 11px;
	font-weight: bold;
	/*border-bottom: 1px solid #bbb;*/
	padding: 8px 0px 5px 0px !important;
}

div.contact_person h3 {
	padding: 0px 0px 2px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

div.contact_person p{
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}



/* additional box handling (bausteine) */

/* img-cases: img can be there or not. is floated. if there additional div for setting height: */

/* if image */
.set_height {
	height: 92px;
}

/* anyway, with or without img */

.separator_inside_box {
	padding-bottom: 10px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 10px;
}

/* without border */
.tobox_False {
	margin: 0 0 12px 0;
}

/* border selected */
.tobox_True {
	padding: 5px 10px;
	border: 1px solid #bbb;
	margin: 0 0 12px 0;
}

div.no_float {
	float: none;
}


/* not floated have variable height
	div.no_float div.common_box {
	margin:  0 0 10px 0;
	padding: 5px 10px 10px 10px;
	height: 103px;
}
*/


div.no_float div.common_box p.bottom_line{
	clear: none;
}

img.linkpic {
	float: left;
	margin: 0 10px 10px 0;
	width: 80px;
}

/* context no_float*/

.no_float_context{

}

/*Extended Styles*/

a.zoom_table{
	margin-top:2px;
	display:block;
	width:100px;
	background-color:#AFAFAF !important;
	padding:4px !important;
	text-decoration:none !important;
	color:#1F1F1F !important;
}

a.zoom_table:hover{
	background-color:#4F4F4F;
	color:#FFFFFF !important;
}


.spezial_format {
	padding-top:0px !important;
	margin-top:0px !important;
}

.medium_img_product{
	height:200px;
}

.medium_img_product .big_image{
	max-height:180px;
	max-width:200px;
}


#product_detail_daten_container{
	height:220px;
}

#product_detail_daten_content{
	scroll:auto;
}

/* search in content*/

#search_in_content {
	height: 20px;
}

div#search_in_content{
	position:relative;
	top: 12px;
	width: 300px;
	height: 35px;
	background: transparent url(/paulforrer/media/template/searchfield_bg.png) no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
}

#searchtext_field, #search_button_content {
	border: none;
	background: transparent;
	font-size: 11px;
	color: #555;
	z-index: 999;
}


div#search_in_content input#searchtext_field{
	position:absolute;
	left: 25px;
	top: 3px;
	width: 165px;
	height: 16px;
}

div#search_in_content input#search_button_content {
	position:absolute;
	left: 200px;
	top: 0px;
	background: url(/paulforrer/media/template/catalogue_search_button.png) no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
	width: 89px;
	padding: 3px 0 5px 0;
}

.submitbutton{
	border: none;
	background: transparent;
	font-size: 11px;
	color: #555;
	background: url(/paulforrer/media/template/catalogue_search_button.png) no-repeat;
	behavior: url(/paulforrer/css/iepngfix.htc);
	width: 89px;
	padding: 3px 0 5px 0;
}


/* news archive */

a.news_date{
	text-decoration: none;
}

a.news_title{
	font-weight: bold;
	text-decoration: none;
}

a.news_title:hover{
	text-decoration: underline;

}

a.news_more img {
	background-color: #DDDDDD;
	position: relative;
	top: 2px;
}

p.bottom_line_news {
	border-bottom: 1px solid #bbb;
	margin: 0 0 8px 0;
}

p.news_list_title {
	padding: 0;
}

/* color management for category boxes (titles) */

/* default:yellow */

div.category_title{
	background-image: url(/paulforrer/media/template/cat_title_yellow.gif);
	background-repeat: no-repeat;
	background-repeat: repeat-x;
}

/* default: black font */

div.category_title h2 {
color: #000;
}


.box_link a span {
	background-color: #036d08 !important;
}

.printonly{
	display:none;
}

#ansprechspartner{
	overflow:hidden;
	height:90px;
}

#ansprechspartner div{
	filter:alpha(opacity=100);
	opacity:1.0;
	background-color:#FFFFFF;
}
#ansprechspartner h3.context_box_h3{
	color:#3a3a3a !important;
}

.edit_Klein{
	font-size:10px !important;
}

.add_qs_link{
	cursor:pointer;
}

.home_marken td{
	vertical-align:center;
	text-align:center;
}


.home_marken img{
	width:80px;
	margin:10px 25px 5px 0px;
}

.box_variable_height_home_marken {
	width: 462px;
}



/* QuickScan Advice */
#advice {
	display: none;
	position: absolute;
	background-color: #FFFFE0;
	padding: 20px;
	z-index: 2000;
	border: #FFCE00 2px solid;
}
.advice_head {
	font-weight: bold;
}
.advice_head_error {
	font-weight: bold;
	color: #FF0000;
}
.advice_text_error {
	color: #FF0000;
}



/*Message Box: Please wait...*/

.jqiwarning .jqi{
      background-color: #b0be96;
}

.jqifade{
      background-color: #000000;
	z-index:2000 !important;
}

div.jqi{
      position: absolute;
      background-color: #FFCE00;
      padding: 1px;
      width: 200px;
}

div.jqi .jqiclose{
	display:none;
}

div.jqi .jqicontainer{
      background-color: #FFCE00;
      padding: 1px;
      color: #ffffff;
      font-weight: bold;
}

div.jqi .jqimessage{
      background-color: #FFFFFF;
      padding: 5px 0px 30px 10px;
	color:#000;
	font-size:18px;
	pont-weight:bold;
}

div.jqi .jqimessage img{
	position:relative;
	top:15px;
}

div.jqi .jqibuttons{
      text-align: center;
      padding: 0px 0 0 0;
}

div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
	display:none;
} 

#infotable a{
	color:#006db9
}

/* Aktionsbox */
#aktions_links{
	width:205px;
}
#aktions_box{
	margin-top:10px;
	background-color:#fff0b3;
}

#aktions_box h2{
	font-size: 16px;
	text-align:center;
	background: url(/paulforrer/media/template/header_bg.gif) repeat-x;
	cursor:default;
	color:#333333;
}

#aktions_box ul{
	margin:0px;
padding:10px;
}

#aktions_box a{
	display:block;
	color:#333333;
}

#aktions_box a.selected{
	font-weight:bold;
}

/* Custom */
.prodtitle{
	background-color:#ffce00;
	padding:5px !important;
	font-weight:bold;
}

.abschluss{
	background-color:#ffce00;
	padding:5px;
	font-size:9px;
}

.alignRight{
	text-align:right;
}

.nettopreis{
	text-align:right;
	font-weight:bold;
	width:50px;
}

.listenpreis{
	width:70px;
	text-align:right;
}
.prodimgtd{
	width:90px;
}

.produkte_tabelle td{
	padding:0px 3px 4px 0px;
	font-size:10px;
}
.prodabschluss,.white{
	visibility:hidden;
}


#tooltip {
	position: absolute;
	z-index:1000;
	border: 2px solid #CCC;
	padding: 4px 5px;
	color: #000;
	display: none;
	text-decoration: none;
	width: 200px;
	background-color: #fff;
}

.neuheitenlink{
	position:absolute;
	left:0px;
	top:-5px;
	width:20px;
	height:21px;
}

.edit_Grafik-rechts{
	float:right;
	margin:0px 0px 5px 5px;
}
.edit_Grafik-links{
	float:left;
	margin:0px 5px 5px 0px;
}

#row_178{
	display:none;
}

#addthis_box{
	margin:15px 0 10px 0;
	padding: 5px 9px;
	width:185px;
	text-align:center;
	border:1px solid #dfdfdf;
}