/**
 * Description for file
 *
 * CSS version $version
 *
 * @author      PROMACX AG
 * @copyright   PROMACX AG / Wasserwerkgasse 20 / 3011 CH-Bern
 * @link        www.promacx.ch
 * @version     0.0.1
 * @media       screen
 */

/* ------------------------------ Layout
*/
html {}
body {
	margin:0px;
	padding:0px;
	background-image:url(../images/layout/bg-blue.jpg);
	background-repeat:repeat-y;
	background-position:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	background-color:#FFFFFF;
}

p {margin:0em 0em 1em 0em;}
p.weiter { 
font-weight:bold;
background-image:url(../images/layout/dreieck.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:10px;


}

.tx-productsknuchel-product {padding-top:10px;}

dt {font-weight:bold;
width:250px;
padding-top:10px;

}
dd {
font-weight:normal;
margin:-15px 0px 10px 20px;
width:440px;
margin-left:220px;
}

a {color:#545454; text-decoration:none;}
a:hover {}
a img {border:none;}
sup {vertical-align:top; font-size:0.8em; line-height:100%;}
sub {vertical-align:bottom; font-size:0.8em; line-height:100%;}

h1 {
	font-size: 1.5em; /*18pt; */ 
	font-weight : normal; 
	margin: 0;
	padding: 20px 0 0 0;
	color: gray;
	line-height: 100%;
}
h2 {
	font-size:12pt; 
	font-weight: bold; 
	color: gray; 
	margin-top:0px;
}
h3 {
	font-size:11pt; 
	font-weight : bold;
	margin: 0; 
	color:gray; 
	padding: 20px 0 0 0;
	line-height: 100%;
}
h4 {
	font-size:1em; 
	font-weight : bold; 
	margin:1em 0em 0em 0em;
}

/*hr {margin-top: 2px; margin-bottom: 2px; padding-top: 0px; padding-bottom: 0px;}*/
.first, no-margin {margin-top:0em; padding-top: 0;}
.more { text-align:right; padding-top: 10px;}
.right { text-align:right; }


form {margin:0px; padding:0px;}
#Searchbox form fieldset {margin:0px; padding:0px; border:none;}
#Searchbox form legend {display:none;}

.clearer {clear:both;}
.accessibility {
	/*display:none;*/
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px
}
#Container {

}
#Head {
	z-index:4;
	position:absolute;
	left:0px;
	top:5px;
}
#Logo {
}
#Address {
	position:absolute;
	left:390px;
	top:20px;
	font-size:14px;
	line-height:21px;
	white-space:nowrap;
}
#Left {
	display:none;	
}
#Center {
	z-index:1;
	position:absolute;
	left:263px;
	top:0px;
	padding-bottom:43px;
	/*background-image:url(../images/layout/stripe-bottom.png);*/
	background-repeat:repeat-x;
	background-position:bottom;
}
#Content {
	position: absolute;
	width: 671px;/*640*/
	margin-top: 10px;
	left:-263px;
	padding: 90px 99px 23px 0px;
	background:url(../images/layout/stripe-gray.png) top right repeat-y;
	min-height:500px;
	}
#Right {
	z-index:2;
	position:absolute;
	left:947px;
	top:0px;
	width:86px;
}

#Foot {
	background: url(../images/layout/bg_bottom.png) top left no-repeat;
	position: absolute;
	bottom: 0px;
	height: 30px;
	width: 830px;
	z-index: 100px;
	margin: 0;
	padding: 0;
}
/** html #Foot {
	background: url(../images/layout/bg_bottom.png) top left no-repeat;
	position: absolute;
	bottom: 0px;
	height: 30px;
	width: 830px;
	z-index: 100px;
	margin-left: -11px;
}
*+html #Foot {
	background: url(../images/layout/bg_bottom.png) top left no-repeat;
	position: absolute;
	bottom: 0px;
	height: 30px;
	width: 830px;
	z-index: 100px;
	margin-left: -11px;
}*/
#Lines {
	position:absolute;
	top:97px;
	z-index:4;
}

.line-sheet {margin-top:-10;}



#lineshoverdiv {
	display:none;
}

.abstand {margin-top:-23px;}
.minus-abstand {margin-top:-10px;}
/* ------------------------------ Standard
*/
.std-3cols-1 {
	float:left;
	width:200px;
}
.std-3cols-2 {
	float:left;
	width:200px;
}
.std-3cols-3 {
	float:right;
	width:200px;
}
/* ------------------------------  
*/
.pagetitle {
	margin: 0;
	padding: 0;
}

.linetitle {padding-bottom:30px;}
.pagetitle span {
	display:none;
}

#PageTitle { 
	width:671px; 
	padding: 0;
	height: 65px;
	margin: 0 0 16px 0;
}


/* ------------------------------ LangMenu
*/
#LangMenu {
	position:absolute;

	top:20px;
	font-size:14px;
	line-height:21px;
	white-space:nowrap;
	color:#000000;
	padding:0px 15px;
	z-index:5;
}
#LangMenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:150px;
}
#LangMenu ul li {
	margin:0px;
	padding:0px;
}
#LangMenu ul li a {
	color:#000000;
}

p.pdf { 
	position:absolute; 
	right: 180px; 
	margin-top: -10px;
	font-size:11px;
	color:black; 
	font-weight:normal;
}

p.pdftext { 
	position:absolute; 
	right: 108px; 
	margin-top: -2px;
	font-size:11px;
	color:black; 
	font-weight:normal;
}

/* ------------------------------ MainMenu
*/
#MainMenu {
	position:absolute;
	width: 230px;
	top: 145px;
	padding-bottom:180px;
	background-image:url(../images/layout/diachronator.gif);
	background-repeat:no-repeat;
	background-position:-50px bottom;
	white-space:nowrap;
}
.mainmenu-level1-container {
	margin:0px;
	padding:0px 10px 0px 0px;
	color:#FFFFFF;
	
	list-style-type:none;
}
.mainmenu-level1-container a:hover {
	color:#9CBACE;
}
.mainmenu-level1-item {
	margin:0px;
	padding:0px;
}
.mainmenu-level1-link {
	display:block;
	padding-left:20px;
	padding-top:4px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11pt;
	line-height:1.5em;
}


/****** Level 2 ******/ 
.mainmenu-level2-container {
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	list-style-type:none;
}

/****** Level 2: UL ******/ 
ul.mainmenu-level2-container { 
	list-style-type: none;
	list-style-image: none;
	margin: 0x;
	padding: 0 0 0 35px;
}
ul.mainmenu-level2-container li { 
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

.mainmenu-level2-item {
	white-space: normal;
	margin: 0px;
	padding: 0px;
	width: 230px;
	list-style-type: none;
	list-style-image: none;
}

/****** Level 2: OL ******/ 
ol.mainmenu-level2-container { 
	list-style-type:decimal;
	list-style-image: none;
	margin: 0 0 0 45px;
	padding: 0;
}
ol.mainmenu-level2-container li { 
	list-style-type:decimal;
	list-style-image: none;
	padding: 0 0 0 -20px;
}
.mainmenu-level2-link {
	/*display:block; 
	padding-left:20px;*/
	padding: 0;
	margin: 0;
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	line-height:1.7em;
	list-style-type:decimal;

}

/****** A Tages ******/ 
.mainmenu-level1-container a.active {
	/*background-image:url(../images/layout/mainmenu-marker.png);*/
	background-repeat:no-repeat;
	background-position:10px 0.7em;
	color:#9CBACE;
}
.mainmenu-level1-container a.active:hover {
}
.mainmenu-level2-container a.active {
	color:#9CBACE;
}




/* ------------------------------ Searchbox
*/
#Searchbox {
	/*margin:1em 20px;*/
	margin:0px 20px;
	width:150px;
	padding-top:1.5em;
	position:absolute;
	top:100px;
}
#Searchbox input.text {
	width:150px;
	height:17px;
	color:#FFFFFF;
	background-color:#9CBACE;
	border:none;
	margin:0px;
	padding:0px;
	color:#000000;
	font-weight:bold;
}
#Searchbox input.button {
	color:#FFFFFF;
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
	top:0;
	cursor:pointer;
}
/* ------------------------------ Line sheets
*/



.line-sheet {
	display:none;
	position:absolute;
	top:0px;
	padding-top:0px;
	left:-684px;
	width:680px;
	background-color:#00CC99;
	height:500px;
	background-image:url(../images/layout/image-color-line.jpg);
	background-color:white;
	background-repeat:no-repeat;
	background-position:left 97px;

	z-index:10;
}

.line-sheet-text {
	position:absolute;
	left:370px;
	padding:7px 30px 30px 7px;
	margin-top:57px;
	width:265px;
	height:52px;
	/*background-color:#D6D6D8;*/
}
#IronLine .line-sheet-text {top:42px; }
#ColorLine .line-sheet-text { top:145px; }
#WoodLine .line-sheet-text { top:250px; }
#DecoLine .line-sheet-text { top:350px; }

/* ------------------------------ Team
*/

.tx-pmxstaffknuchel-container {
	margin-top: -20px; 
}

.tx-pmxstaffknuchel-item {
	float:left;
	width:315px;
	height:100px;
	margin:1em 0em;
	white-space:nowrap;
}
.tx-pmxstaffknuchel-title {
	margin: 0em;
	font-size:1em;
}
.tx-pmxstaffknuchel-image {
	float:left;
}
.tx-pmxstaffknuchel-info {
	float:left;
	width:220px;
	margin:0em 0px 0em 5px;
}
.tx-pmxstaffknuchel-spacer {
	margin-bottom:1em;
}

/* ------------------------------ FCE
*/
.fce-image-container {
	/*margin:10px 0px 13px 0px;*/
}

.fce-image-type0 {margin-top:0px; padding-right:10px;}
.fce-image-type2 {margin-top:0px; margin-bottom:13px;}
.fce-2cols-cell-left {
	padding-top:0px;
	float:left;
	width:330px;
	padding-right:15px;
	
}
.fce-2cols-cell-right {
	margin-top:0px;
	margin-right:6px;
	float:right;
	width:305px;
	
}

.fce-2cols-cell {margin-top:0px; margin-bottom:10px; /*height:150px;*/}

.fce-2cols-container {/*height:100px;*/ margin-top: 0px; clear:both;}

.fce-2cols-container-linie { border-bottom: 1px solid gray; margin: 10px 0;}

/* ------------------------------ Colorama
*/
.tx-storesknuchel-info { float:left; width:250px; margin-right:25px;}
.tx-storesknuchel-shophours { float:left; width:195px; margin-top:3px;}
.tx-storesknuchel-image {}
.tx-storesknuchel-container .fce-2cols-cell {width:670px;border-bottom:1px solid #666666; margin-bottom:20px; }

.Profi {background-color:#0066CC; color:#FFFFFF; padding: 10px 0px 10px 5px; margin-bottom:30px; width:670px;}
.Shop {background-color:#009030; color:#FFFFFF; padding: 10px 0px 10px 5px; margin-bottom:30px; width:670px;}
.Home {background-color:#ff9900; color:#FFFFFF; padding: 10px 0px 10px 5px; margin-bottom:30px; width:670px;}



.tx-storesknuchel-container{margin-top: 31px;}
.tx-storesknuchel-pi1{margin-top:-15px;}
.email, .website{font-weight:bold;}
/* ------------------------------ Links
*/
dl.tx-pmxlinklist-listview {}
dl.tx-pmxlinklist-listview dt { margin-top: -8px;float:left; margin-right:10px;}

dl.tx-pmxlinklist-listview dd { margin-top:15px; }
 
/* ------------------------------ Gallery
*/
.tx-pmxgallery-singleview img { margin:0px 13px 13px 0px; }


/* ------------------------------ Mailform
*/

.pmx-captcha-image{cursor:pointer;}
input.contactform-input-text {width:250px; border:solid 1px #858585;}
textarea.contactform-input-text {width:250px; border:solid 1px #858585;}
.contactform-container {margin-top:-5px;}
td.contactform-label {width:210px;}
input.contactform-input-captcha {border:solid 1px #858585;}


/* ------------------------------ Products
*/
.tx-productsknuchel-container {margin-top: -16px;}
.tx-productsknuchel-product {margin: 0em 0em 13px 0em; }
.tx-productsknuchel-image {
	float:left;
	width:100px;
	height:90px;
}
.tx-productsknuchel-description {
	float: left;
	width: 400px;
}
.tx-productsknuchel-attachments {
	float: right;
	width: 150px;
	text-align: right;
}

p.tx-productsknuchel-subtitle {
font-size:15px;
font-weight:bold;
margin-bottom:10px;

}

.tx-productsknuchel-pi1 { 
	margin: 0 0 20px 0;
	padding: 0;
}
.tx-productsknuchel-pi2 input, .tx-productsknuchel-pi2 textarea {border:1px solid #858585;}
.tx-productsknuchel-maintitle {font-size:18px; margin-top:15px; margin-bottom:42px; padding:0px; width:540px; color:#555555;}
* html .tx-productsknuchel-maintitle {font-size:18px; margin-bottom:42px; padding: 18px 0 0 0; width:540px; color:#555555;}
*+html .tx-productsknuchel-maintitle {font-size:18px; margin-bottom:42px; padding: 18px 0 0 0; width:540px; color:#555555;}
.tx-productsknuchel-pi2 form {margin-top: 0px;}


/* ---------------------------------------------------
  UL LI Standard
   =================================================== */
ul { 
	margin: 15px 0 15px 15px;
	padding: 0;
	font-size: 10pt; 
	font-weight: normal; 
}
ul li { 
	margin-bottom: 2px;
	font-size: 12px;
	list-style-image: url(../images/layout/pfeil_ul.gif);
	padding: 0;
}

.tx-productsknuchel-list { 
	line-height: 150%;
}

/* ---------------------------------------------------
  UL LI tx-productsknuchel-list
   =================================================== */
ul.tx-productsknuchel-list { 
	margin: 15px 0 15px 15px;
	padding: 0;
	font-size: 10pt; 
	font-weight: normal; 
}
ul.tx-productsknuchel-list li { 
	margin-bottom: 2px;
	font-size: 12px;
	list-style-image: url(../images/layout/pfeil_ul.gif);
	padding: 0;
}

/* ---------------------------------------------------
  UL LI Standard
   =================================================== */
#LangMenu ul { 
	margin: 15px 0 15px 0px;
	padding: 0;
	font-size: 10pt; 
	font-weight: normal; 
}
#LangMenu ul li { 
	margin-bottom: 2px;
	font-size: 12px;
	list-style-image: none;
	padding: 0;
}

/* ---------------------------------------------------
  UL LI Attachments
   =================================================== */
.attachments ul { 
	margin: 15px 0 15px 20px;
	padding: 0;
	font-size: 10pt; 
	font-weight: normal; 
	line-height: 140%;
}
.attachments ul li { 
	margin-bottom: 2px;
	font-size: 12px;
	list-style-image: url(../images/icons/link_pdf.gif);
	padding: 0;
}

/* ---------------------------------------------------
  Linie
   =================================================== */
hr {
	background-color: grey; /* Farbe für Opera und Firefox */
	color: grey; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px;
	line-height: 1px;
	width: 100%;
	margin: 0 0 15px 0;
}

hr.linie2 {
	background-color: grey; /* Farbe für Opera und Firefox */
	color: grey; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px;
	line-height: 1px;
	width: 100%;
	margin: 24px 0 0 0;
}


/* ------------------------------ Offer / Order
*/
.block { display:inline;  }
.tx-productsknuchel-left { float:left; width:50%; }
.tx-productsknuchel-right { float:right; width:50%; }


.tx-productsknuchel-left input, textarea { float:right; width:170px; margin-top:10px;}
.tx-productsknuchel-right input, textarea { float:right; width:170px; margin-top:10px;}

.tx-productsknuchel-left label{ margin-top:10px;float:left; width:100px; }
.tx-productsknuchel-right label { margin-top:10px; margin-left:20px; float:left; width:100px; }


/* ----------------------------- Staff 
*/

.tx-pmxstaffknuchel-pi1 {margin-top:0px;}


/* ---------------------------- Map 
*/
#mapcontainer {margin-top:-15px;}

table.contenttable {margin-bottom:10px; margin-left:-4px;}


/* ---------------------------------------------------
   Links Speziell: Email
   =================================================== */
#content a.pmx-product-back-link,
a.pmx-product-back-link {
	background: url(../images/layout/dreieck_back.gif) center left no-repeat;
	color: #000;
	padding-left: 11px;
	text-decoration: none;
}
#content a.pmx-product-back-link:visited,
a.pmx-product-back-link:visited {
	color: #000;
	text-decoration: none;
}
#content a.pmx-product-back-link:hover, #content a.pmx-product-back-link:active,
a.pmx-product-back-link:hover, a.pmx-product-back-link:active {
	color: #000;
	text-decoration: underline;
}

.backlink {
	background: url(../images/layout/dreieck_back.gif) center left no-repeat;
	width: 100px;
	height: 15px;
	margin-bottom: 5px;
}

span.number {
	width: 16px;
	text-align: right;
	display:block;
	float: left;
	margin-right: 3px;
}


#mapcontainer {
	margin-top: 14px;
}