/*****************************************************************************
**  mrf.css
**  custom css belongs to mrf.tmpl for http://www.material-raum-form.com
**  Copyright 2011, Volker Laas (kontakt@volker-laas.de)
**  Original Concept: Copyright 2005, Stephan Schildberg (schildberg@scoid.de)
**  SCOiD, http://www.scoid.de
**  last modified on March, 17, 2011
*****************************************************************************/

/*****************************************************************************
**  This file is made for PmWiki 2.0; you can redistribute it and/or modify
**  it under the terms of the GNU General Public License as published
**  by the Free Software Foundation; either version 2 of the License, or
**  (at your option) any later version.  See pmwiki.php for full details.
**  http://www.pmwiki.org
*****************************************************************************/

.news-single-images-container {
    position: absolute;
    top: 118px;
    left: 0px;
    z-index: 99;
    display:none;
}

#news-single-images-container_0 {
    position: absolute;
    top: 118px;
    left: 0px;
    z-index: 99;
    display: block;
}

.image-container {
    position: absolute;
    top: 118px;
    left: 0px;
    z-index: 99;
    display:none;
}

#image-container_0 {
    position: absolute;
    top: 118px;
    left: 0px;
    z-index: 99;
    display: block;
}

div#product-detail-image-navi {
	position:absolute;
	top: 594px;
	left:630px;
	font-family:'trebuchet ms', verdana,arial,helvetica,sans-serif;
	font-size:11px;
}

div#product-detail-image-navi a {
	display:block;
	float:left;
}

.activeLinkWrap-single {
	font-size: 14px;
}

/***********************************************************************
** opacity ( for Win IE + FF , not Opera)
***********************************************************************/

#opacity_vertical {
	position:absolute;
	top:73px;
	left:0px;
	width:121px;
	height:400px;
	background-color:#FFFFFF;
	z-index:20;
	opacity:.40;
	finishopacity=0;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
}

#opacity_horizontal {
	position:absolute;
	top:73px;
	left:121px;
	width:900px;
	height:90px;
	background-color:#829DAB;
	z-index:10;
	opacity:.50;
	finishopacity=0;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

/***********************************************************************
** wikimenu has its own CSS at /pub/menus/cssmenu.css
***********************************************************************/

 #wikimenu {
	position:absolute;
	top:42px;
	left:123px; 
	font-size:14px;
	line-height:1.5em;
	z-index:501;
    width:695px;
}

/***********************************************************************
** body commons
***********************************************************************/

html {
	margin: 0;
	padding: 0;
	background-color: white;
}

body {
	width: 1020px;
	margin: 0 auto 0 auto;
	position: relative;
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
}

/***********************************************************************
** link colors of body
***********************************************************************/

a {
	text-decoration: none;
	background-color:white;
	color:#016699;
}

a:hover {
	color:white;
	background-color:#000000;
}

/***********************************************************************
** position of the logo
***********************************************************************/

#wikilogo {
	position:absolute;
	top:7px;
	left:817px;
	z-index:2;
}


/***********************************************************************
** headline which is synonym to the category
***********************************************************************/

#pagetitle {
	position:absolute;
	top:10px;
	left:154px;
	z-index:20;
	padding:0px 0 15px 0;
    font-size:0.0em;
	line-height:0.0em;
	z-index:3;
}

#pagetitle a:hover, a:link, a:visited {
	color:white;
	background-color:#ffffff;
}

/***********************************************************************
** path in the category
***********************************************************************/

#pagegroup {
	position:absolute;
	top:38px;
	left:124px;
	padding:0px 0 0px 0;
    font-size:0.0em;
	line-height:0.4em;
	z-index:4;
}

/***********************************************************************
** basic site navigation for
** Home / Eingang
** English
** Sitemap
** Print / Druckansicht , war 	z-index:501;
***********************************************************************/

#sitenav { 
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
	position:absolute;
	top: 33px;
	left: 0px;
	width: 85px;
	z-index: 5;
}

#sitenav a {
	display:block;
}

/***********************************************************************
** language
***********************************************************************/

#language { 
	position:absolute;
	top:47px;
	left:0px;
	width:185px;
	height:17px;
    border:0px  solid #cccccc;
	z-index:250;
	padding:2px 5px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#ccc;
}

/***********************************************************************
** language_entrance
***********************************************************************/

#language_entrance { 
	position:absolute;
	top:348px;
	left:-10px;
	width:185px;
	height:17px;
    border:0px  solid #fff;
	padding:2px;
	z-index:650;
	padding:2px 9px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:18px;
	color:#fff;
}

/***********************************************************************
** content management directives, PmWiki standard (- not used so far -)
** Recent Changes
** Printable View
** Page History
** Edit Page
***********************************************************************/

#wikicmds { 
	font-size:0.9em;
	line-height:1.4em;
	text-align:left;
	vertical-align:top;
	position:absolute;
	top:205px;
	left:0px;
	width:60px;
	z-index:6;
} 

#wikicmds a {
	display:block;
}

/***********************************************************************
** search form
***********************************************************************/

#wikihead { 
  	position:absolute;
	top:-12px;
	left:0px; 
	vertical-align:top;
	text-align:right;
	z-index:7;
}

#wikihead input { 
	border:1px solid #ccc;
	color:#000000;
	width:12.5em;
	height: 13px;
	padding:3px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:9px;
	color:#000000;
}

#wikihead form {
	margin:0px;
}

#wikihead {
	margin:20px 0 0 0;
}

#wikihead input:focus {
	border:1px solid #333;
	color:#f57d00;
}

/***********************************************************************
** wikitrails are only visible if some are set on the page
***********************************************************************/

.wikitrail { 
	position:absolute;
	top:0px;
	left:130px; 
    font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
  	font-size:10px; 
	z-index:150;
}

/***********************************************************************
** sitepath 
***********************************************************************/

#sitepath { 
	position:absolute;
	top:8px;
	left:123px; 
  	font-size:12px; 
    line-height:0px;
	z-index:150;
    border:1px  solid #ccc;
    color:#000;
	width:450px;
	height:11px;
	background-color:#fff;
	padding-bottom:0px;
	padding-left:3px;
	padding-top:8px;
}

/***********************************************************************
** sitepathtest
***********************************************************************/

#sitepathtest { 
	position:absolute;
	top:8px;
	left:123px; 
    font-family:'trebuchet ms',verdana,arial,helvetica,sans-serif;
  	font-size:11px; 
    line-height:0px;
	z-index:150;
    border:1px  solid #ccc;
    color:#000;
	width:400px;
	height:8px;
	background-color:#fff;
	padding-bottom:0px;
	padding-left:3px;
	padding-top:8px;
}

/***********************************************************************
** navi_text
***********************************************************************/

#navi_text { 
	position:absolute;
	top:365px;
	left:325px;
	width:459px;
	height:102px;
	background-repeat:no-repeat;
    border:1px  solid #ccc;
	padding:8px;
	z-index:0;
}

#produkt-name {
	position:absolute;
	top:594px;
	left:140px;
}

#navi_text1 {
	position:absolute;
	top:619px;
	left:130px;
	width:459px;
	height:102px;
	background-repeat:no-repeat;
	border:0px solid #ccc;
	padding:8px;
	z-index:0;
}

/***********************************************************************
** pictnav_rarr, counting from right  
***********************************************************************/

#pictnav_rarr { 
	position:absolute;
	top:96px;
	left:787px;
	width:9px;
	height:17px;
    border:0px  solid #cccccc;
	padding:2px;
	z-index:4;
}

/***********************************************************************
** pictnav_1, counting from far right 
***********************************************************************/

#pictnav_1 { 
	position:absolute;
	top:96px;
	left:773px;
	width:9px;
	height:17px;
    border:1px  solid #cccccc;
	padding:2px;
	z-index:4;
}

/***********************************************************************
** pictnav_2, counting from far right 
***********************************************************************/

#pictnav_2 { 
	position:absolute;
	top:96px;
	left:759px;
	width:9px;
	height:17px;
    border:1px solid #cccccc;
	padding:2px;
	z-index:4;
}

/***********************************************************************
** pictnav_3, counting from far right 
***********************************************************************/

#pictnav_3 { 
	position:absolute;
	top:96px;
	left:745px;
	width:9px;
	height:17px;
    border:1px solid #cccccc;
	padding:2px;
	z-index:4;
}

/***********************************************************************
** pictnav_4, counting from far right 
***********************************************************************/

#pictnav_4 { 
	position:absolute;
	top:96px;
	left:731px;
	width:9px;
	height:17px;
    border:1px solid #cccccc;
	padding:2px;
	z-index:4;
}

/***********************************************************************
** big_pict
***********************************************************************/

#big_pict { 
	position:absolute;
	top:118px;
	height:470px;
	background-repeat:no-repeat;
	border:1px solid #000;
	padding:0px;
	z-index:25;
}

/***********************************************************************
** picto
***********************************************************************/

#picto { 
	position:absolute;
	top:173px;
	height:28px;
	background-repeat:no-repeat;
	border:0px solid #000;
	padding:0px;
	z-index:26;
}

/***********************************************************************
** award_logos
***********************************************************************/

#award_logos { 
	position:absolute;
    left:-1px;
	top:365px;
    width:120px;
	height:128px;
	background-repeat:no-repeat;
	border:0px solid #000;
	padding:0px;
	z-index:40;
}

/***********************************************************************
** wikileft regulates the sidebar (if it is displayed)
***********************************************************************/

#wikileft {
	position:absolute;
	top:58px;
	left:0px; 
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:9px;
	line-height:1.7;
}

#wikileft p {
	margin:0 0 7px 0;
	padding:0;
	color:#555;
}

#wikileft h1,h1 { 
	font-size:19px;
	font-weight:700;
	margin:20px 0 4px 0;
	padding:0; text-transform:normal;
	color:#333;
	line-height:1.4;
	text-indent:-4em;
	margin-left:40px;
	font-family:"century schoolbook", times,serif;
	color: #cccccc;
}

/***********************************************************************
** #wikibody {
**	padding-bottom:1em;
**	padding-top:0.5em;
**	}
***********************************************************************/

#wikibody {
	width:100%;
}

#wikitext {
	padding-left:165px;
	margin-top:80px;
    width:100%;
	text-indent:0px;
	word-spacing:0.9px;
	letter-spacing:0.35px;
  	line-height: 16px;
}

/***********************************************************************
** wikit regulates the sidebar (if it is displayed)
***********************************************************************/

#wikititle {
	margin:0;
	padding:60px 33% 5% 0%;
}

#wikititle {
	font-size:11px;
	line-height:16px;
}

#wikititle a {
	color:#666;
}

#wikititle a:hover {
	color:#f57d00;
}

#wikititle p {
	margin:0;
	padding:0 0 8px 0;
}

#wikititle h3 {
	font-size:10px;
	font-weight:900;
	letter-spacing: 0.1em;
	font_stile:bold;
	padding:0 0 8px 0; margin:0;
	font-family:verdana, sans-serif;
	color: #ff4500;
}

#wikititle h4 {
	position:absolute;
	top:200px;
	left:100px; 
	font-family:"century schoolbook", times,serif;
	font-size:20px;
	font-weight:500;
	line-height:2.7;
    color:#000000;
}

#wikifoot { 
	clear:both;
	border-top:2px solid #cccccc;
	font-size:smaller;
}

h1.wikiaction { font-size:150%; margin:0px; }

#wikiedit form { margin:30px; }
#wikiedit textarea { width:850px; }

/***********************************************************************
** sample_big shows the number code of a material sample
***********************************************************************/

#sample_big {
	position:absolute;
	top:125px;
	left:121px;
    width:300px;
	font-family:"century schoolbook", times,serif;
	font-size:20px;
	font-weight:900;
	line-height:2.7;
    color:#cccccc;
}

/***********************************************************************
** left text box style  on topic pages
***********************************************************************/

#textbox_left {
	position:absolute;
	top:300px;
	left:0px;
	width:119px; 
	background-color:#ffffff;
	background-repeat:no-repeat;
	border:1px;
	border-color:#cccccc;
	border-style:solid; 
	padding:0px;
	z-index:20;
}

#linkbox_left {
	position: absolute;
	top: 596px;
	left: 0px;
	width: 119px;
	color: #666;
	border: 1px solid #ccc;
	line-height:18px;
	padding: 0px;
}

/***********************************************************************
** right text box style  on topic pages
***********************************************************************/

#textbox_right {
	position:absolute;
	top:300px;
	left:598px;
	width:200px; 
	height:55px;
	background-color:#ffffff;
	background-repeat:no-repeat;
	border:1px;
	border-color:#cccccc;
	border-style:solid; 
	padding:0px;
	z-index:40;
}

#textbox_enright {
	position:absolute;
	top:442px;
	left:618px;
	width:180px; 
	height:55px;
	background-color:#ffffff;
	background-repeat:no-repeat;
	border:1px;
	border-color:#cccccc;
	border-style:solid; 
	padding:0px;
	z-index:40;
}

/***********************************************************************
** text box on entrance page
***********************************************************************/

#textbox_entrance {
	position:absolute;
	top:420px;
	left:726px;
	width:74px;
	height:118px;
	color:#7f7f7f;
	background-color:#ffffff;
	background-repeat:no-repeat;
	border:1px;
	border-color:#cccccc;
	border-style:solid;
	padding:0px;
	z-index:20;
}

/***********************************************************************
** material samples big sized
***********************************************************************/

#mat_samp_big {
	position:absolute;
	top:165px;
	left:121px;
	width:562px; 
	height:436px;
	background-repeat:no-repeat;
	border:1px solid #000;
	padding:0px;
	z-index:0;
}

/***********************************************************************
**  cover picture of sub topic -  entry pages
***********************************************************************/

#cov_pic_sub {
 	background-color:#FFFFFF;
	background-repeat:no-repeat;
	position:absolute;
	top:73px;
	left:0px;
	width:800px; 
	height:90px;
	border:0px solid #000;
	padding:0px;
	z-index:2;
}

/***********************************************************************
**  line over picture of sub topic -  entry pages
***********************************************************************/

#lin_cov_pic_sub {
	font-size:0em;
 	background-color:#FFFFFF;
	background-repeat:no-repeat;
	position:absolute;
	top:163px;
	left:0px;
	width:800px; 
	height:2px;
	border:0px solid #000;
	padding:0px;
	z-index:11;
}

/***********************************************************************
** title of sub topic-  entry pages
***********************************************************************/

#title {
	font-family:"trebuchet ms", verdana,arial,helvetica,sans-serif;
	font-size:18px;
 	color:#FFFFFF;
	position:absolute;
	top:110px;
	left:130px;
	width:800px; 
	height:118px;
	border:0px solid #000;
	padding:0px;
	z-index:40;
}

/***********************************************************************
** title of sub topic - entry pages
***********************************************************************/

#title_texts {
	position:absolute;
	top:110px;
	left:130px;
	width:800px; 
	height:118px;
	font-family:"trebuchet ms", verdana,arial,helvetica,sans-serif;
	font-size:18px;
 	color:#eaeaea;
	border:0px solid #000;
	padding:0px;
	z-index:40;
}

/***********************************************************************
** background of texts
***********************************************************************/

#bg_texts {
	position:absolute;
	top:73px;
	left:0px;
	width:800px;
	background-color:#5c5c5c;
	background-repeat:no-repeat;
	border:0px solid #000;
	padding:0px;
	z-index:0;
}

/***********************************************************************
** copies of texts
***********************************************************************/

#copy_texts {
	position:absolute;
	top:415px;
	left:130px;
	width:400px;
	height:118px;
	border:0px solid #000;
	padding:0px;
	letter-spacing:0.1px;
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
	word-spacing:0.9px;
	letter-spacing:0.35px;
	line-height: 16px;
	color:#eaeaea;
	z-index:40;
}

/***********************************************************************
** intro of texts
***********************************************************************/

#intro_texts {
	position:absolute;
	top:300px;
	left:130px;
	width:400px;
	height:118px;
	border:0px solid #000;
	padding:0px;
	letter-spacing:0.1px;
	font-family: arial,helvetica,sans-serif;
	font-size:14px;
	word-spacing:0.9px;
	letter-spacing:0.35px;
	line-height: 17px;
	color:#829DAB;
	z-index:40;
	opacity:.95;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5';
}

/***********************************************************************
** intro of texts for categories
***********************************************************************/

#intro_texts2 {
	position:absolute;
	top:300px;
	left:130px;
	width:400px;
	height:118px;
	border:0px solid #000;
	padding:0px;
	letter-spacing:0.1px;
	font-family: arial,helvetica,sans-serif;
	font-size:14px;
	word-spacing:0.9px;
	letter-spacing:0.35px;
	line-height: 17px;
	color:#829DAB;
	z-index:40;
	opacity:.80;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5';
}

/***********************************************************************
** claim of sub topic - entry pages
***********************************************************************/

#sub_claim {
	font-family:"century schoolbook", times,serif;
	font-size:20px;
	font-weight:500;
	letter-spacing:1px;
 	color:#FFFFFF;
	position:absolute;
	top:210px;
	left:130px;
	width:800px; 
	height:118px;
	border:0px solid #000;
	padding:0px;
	z-index:40;
}

/***********************************************************************
** claim of sub topic - entry pages
***********************************************************************/

#subtitle {
	font-family:"century schoolbook", times,serif;
	font-size:20px;
	font-weight:500;
	letter-spacing:1px;
 	color:#FFFFFF;
	position:absolute;
	top:210px;
	left:130px;
	width:800px; 
	height:118px;
	border:0px solid #000;
	padding:0px;
	z-index:40;
}

/***********************************************************************
** intro of sub topic - entry pages
***********************************************************************/

#sub_intro {
	font-family: arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:500;
	letter-spacing:0.1px;
	word-spacing:0.9px;
	line-height: 17px;
 	color:#829DAB;
	position:absolute;
	top:300px;
	left:130px;
	width:400px; 
	height:118px;
	border:0px solid #000;
	padding:0px;
	z-index:40;
}

/***********************************************************************
** copy of sub topic - entry pages
***********************************************************************/

#sub_copy {
	position:absolute;
	top:415px;
	left:130px;
	width:400px;
	height:118px;
	border:0px solid #000;
	padding:0px;
	letter-spacing:0.1px;
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
	word-spacing:0.9px;
	letter-spacing:0.35px;
	line-height: 16px;
	color:#000000;
	z-index:40;
}

/***********************************************************************
** welcome_block - entrance page
***********************************************************************/

#welcome_block {
	position:absolute;
	top:415px;
	left:10px;
	width:600px;
	height:118px;
	border:0px solid #000;
	padding: 0px;
	letter-spacing:0.1px;
	font-familiy:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
	word-spacing:0.9px;
	letter-spacing:0.35px;
	line-height:16px;
	color:#000000;
	z-index:40;
}

/*****************************************
** galleryhover Plugin on Entrance Page **
*****************************************/

#gh_position {
	 position:absolute;
	 top:558px; 
	 left:0px; 	
}

#gh {
	 position:relative;
	 z-index:200; 
	 height:auto;
	 width:800px; 
	 overflow: hidden;
}

.scroll_areas {
	 position:absolute;
	 height:100%;
	 width:80px;
	 z-index: 400;
}

#gh_left {
	 left:0px;
	 background: 45% 43% no-repeat url('arrowleft.png') ;
	 display: none; 
	 opacity: .7;
}

#gh_right {
	 right:0px; 
	 background: 45% 43% no-repeat url('arrowright.png') ; 	 
	 opacity: .7;	 	 
}

#gharea {
 	 position: relative;
	 left: 0px;
	 height: auto;
 	 width:1920px;
 	 width:2420px;
}

.floatings {
	position: relative;
	float:	left; 
	width:200px;
	height: 350px;
}

.floatings img {
	position:absolute;
	bottom:140px;
	left:0px;
	width:100%;
	border: none;
}

.gh_bottom_area {
	position: absolute;
	top: 210px;
	left: 0px;
	padding:10px; 
	padding-left:20px; 
}

.gh_header {
	margin:0;
	padding:0;
	display: none;
	color: #666;
	letter-spacing: .8px;
	font-family: sans-serif;
	overflow: hidden;
}

.gh_text {
	margin:0;
	padding:0;
	margin-top: 7px;
	display: none;
	color: #666;
	font-family:sans-serif;
	letter-spacing: .8px;
}

/***********************************************************************
** Products/button_pdf_data.png
***********************************************************************/

#button_pdf_data {
	position:absolute;
	top:165px;
	left:0px;
	width:117px; 
	height:15px;
	border:1px solid #000000;
	z-index:0;
}

/***********************************************************************
** Products/button_pdf_installation.png
***********************************************************************/

#button_pdf_installation {
	position:absolute;
	top:184px;
	left:0px;
	width:117px; 
	height:15px;
	border:1px solid #000000;
	z-index:0;
}

/***********************************************************************
** bigger_size, link to big picture version 
***********************************************************************/

#bigger_size {
	font-size:18px;
	font-family: 'trebuchet ms', verdana,arial,helvetica,sans-serif;
	letter-spacing:0.3em;
	line-height:15px;
	position:absolute;
	top:270px;
	left:103px;
	width:9px;
	height:13px;
    border:0px solid #cccccc;
	padding:2px;
	z-index:0;
}

/***********************************************************************
** picture frames
** this tag is used to evoke the different frames
** >>imageborder1<< %align=left height=227% http://www.x.xx/x.png >><<
***********************************************************************/

.imageposition img { 
	border: 1px solid #cccccc;
	padding: 5px;
	position:absolute;
	top:120px;
	left:300px; 
}

.imageborder1 img { 
	border: 1px solid #cccccc;
	padding: 5px;
	position:absolute;
	top:120px;
	left:300px; 
}

.imageborder1b img { 
	border: 1px solid #000000;
	padding: 5px;
}

.imageborder1p0 img { 
	border: 1px solid #000000;
	padding: 1px;
}

.imageborder2 img { 
	border: 2px solid #cccccc;
	padding: 5px;
}

.imageborder2b img { 
	border: 2px solid #000000;
	padding: 5px;
}

.imageborder3 img { 
	border: 3px solid #cccccc;
	padding: 5px;
}

.imageborder4 img { 
	border: 3px solid black;
	padding: 5px;
	background-color:#A2C3CA;
}

.imageborder5 img { 
	border: 4px dotted #A2C3CA;
	padding: 5px;
}

/***********************************************************************
** searchhighlighting.php
***********************************************************************/

.highlight { background:yellow; }

/***********************************************************************
** fading - entrance page
***********************************************************************/

#imgplay1 {
	width:460px;
	height:190px;
	overflow:hidden;
	z-index:500;
}

#imgplay1 img {
	position:absolute;
	top:73px;
	left:0px;
	z-index:500;
}

#text_entrance1 {
	width:180px;
	border:0px solid #000;
	padding:0px;
	letter-spacing:0.1px;
	font-family:"trebuchet ms",verdana,arial,helvetica,sans-serif;
	font-size:12px;
	word-spacing:0.9px;
	letter-spacing:0.35px;
	line-height: 16px;
	color:#000000;
	z-index:40;
}