/**
 * NEOPAC
 *
 * 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 {
	height:100%;
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	color:#585858;
	background-color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
}


#Container {position:relative; z-index:2; min-width:990px;/*width:100%; display:none;  height:100%; overflow:auto; */}
#Background {width:100%; height:100%; position:fixed; z-index:1; left:0px; top:0px;}
#Head {
	position:relative;
	height:150px;
	background-repeat:no-repeat;
}
#Body {

}


#ContentLeft {
	position:absolute;
	left:25px;
	top:210px;
	width:200px;
}

#ContentMain {
	position:absolute;
	left:275px;
	top:230px;
	width:700px;
	height:auto;
}
#Subtitle {
position:relative;
top:0px;
left:0px;
width:650px;
height:auto;
}

#ContentMiddle {
	position:relative;
	margin-top:10px;
	width:335px;
	float:left;
}
#ContentRight {
	position:relative;
	left: 110px;
	margin-top:10px;
	float:right;
	width:335px;
}


#ContentMiddleNews {
	position: relative;
	margin-top: 10px;
	width: 470px;
	float: left;
}
#ContentRightNews {
	position: relative;
	margin-top: 10px;
	float: right;
	width: 200px;
}



#SingleContent{
	position:absolute;
	left:275px;
	top:205px;
	width:700px;
}
#LogoContainer {
	position:absolute;
	left:0px;
	top:140px;
	z-index:4;
	width:100%;
	height:63px;
	background-image:url(../images/layout/bg-mainmenu.png);
	background-repeat:repeat-x;
}

#Logo {
	position:absolute;
	top:17px;
	left:20px;
}
#TopMenu {
}
#MainMenu {
	position:absolute;
	left:275px;
	top:140px;
	z-index:5;
}

form {
margin:0px;

}

fieldset {
border:none;
margin:0px;
padding:0px;
}

legend {
display:none;
}


/* ------------------------------ Basics
*/
.accessibility {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px
}
.content { padding-bottom:20px; }
a img {border:none;}
/* ------------------------------ Formats
*/
p {margin:0em 0em 1em 0em;}
a {
	background-color:transparent;
	color:#4e4e4e;
	text-decoration:none;
	font-weight:bold;
}
a:hover, a:active {
	color:#ff6633;
	text-decoration:none;
	}
h1{
	font-weight:lighter;
	font-size:30px;
	color:#b6b6b6;
	text-transform:lowercase;
	line-height:1.1em;
	margin:12px 0em;
	margin-top:0px;
}
h2{ white-space:nowrap;
	font-weight:lighter;
	font-size:40px;
	line-height:1.1em;
	margin:12px 0em;}
h3 {
	font-size:1em; 
	margin:1em 0em 0em 0em;
	/*position:relative;
	top:1em;*/
}

li {
margin-left:15px;
list-style:square;

}
li.level2 {
margin-left:30px;
list-style-image: url(../images/layout/bgList.png);

}



/* ------------------------------ TopMenu
*/
#TopMenu { color:#FFFFFF; }
#TopMenu a { color:#FFFFFF; text-decoration:none; font-weight:normal;}
#TopMenu a:hover { text-decoration:underline; }
#TopMenu a.active { }

.topmenu-level1-container { 
	position:absolute;
	right:190px; 
	top:0px;
	/*background-color: #efefef;*/
	text-transform: lowercase;
	padding: 1px 10px;
	margin: 0;
}

#search-mask {
	position: absolute;
	top: 0px;
	right: 75px;
	/*background-color: #efefef;*/
	padding: 0;
	margin: 0;
}

form#suchrahmen {
	width: 110px;
	padding: 0;
}

.suchfeld {
	width: 100px;
	height: 14px;
	border: 1px solid #d1d1d1;
	color: #4e4e4e;
	margin: 3px 0 0 0;
	padding: 0;
}

.suchfeld:focus {
	border: 1px solid #4e4e4e;
	outline: 0px solid #efefef;
}

.pmx-langmenu-container { 
	position:absolute;
	right:0px;
	top:0px;
	/*background-color: #efefef;*/
	text-transform: uppercase;
	padding: 1px 5px 1px 0px;
	margin: 0;
}

.pmx-langmenu-item {
	text-transform: uppercase;
}

/* ------------------------------ MainMenu
*/
#MainMenu { color:#4e4e4e; font-size:14px;}
#MainMenu a { color:#4e4e4e; text-decoration:none; font-weight:normal; font-size:14px;}
#MainMenu a.path { color:#ff6633; }
#MainMenu a:hover { color:#ff6633; }
#MainMenu a.active { color:#ff6633; }

div.mainmenu-level1-container {
	position:relative;
	line-height:63px;
	font-size:14px;
	float: left;
}
span.mainmenu-level1-item { position:relative; font-size:14px;}

div.csc-sitemap ul {

}

div.csc-sitemap li.level1 {
list-style:none;
margin-bottom:10px;
}

div.csc-sitemap li.level2 {
margin-left:30px;
list-style-image: url(../images/layout/bgList.png)
}

div.csc-sitemap ul ul {}


/* ------------------------------ LeftMenu
*/
.leftmenu-level1-container { padding-top:40px; color:#4e4e4e; }
.leftmenu-level1-container a { color:#4e4e4e; text-decoration:none; font-weight:normal; }
.leftmenu-level1-container a:hover { color:#ff6633; }
.leftmenu-level1-container a.path { color:#ff6633; }
.leftmenu-level1-container a.active { color:#ff6633; }

.leftmenu-level1-container {list-style-type:none; margin:2em 0px 0em 0px; padding:0px; line-height:2.0em;}
.leftmenu-level1-item {margin:0px; padding:0px; font-size:14px; list-style:none;}

.leftmenu-level2-container {list-style-type:none; margin:0px 0px 0.5em 0px; padding:0px 0px 0px 0em;line-height:1.2em;}
.leftmenu-level2-item {margin:0px; padding:0px; font-size:12px; list-style:none;}

.leftmenu-level2-item a {padding-left:16px;}
/*.leftmenu-level2-item a:hover {background-image:url(../images/layout/li-hover.png);}
.leftmenu-level2-item a.path {background-image:url(../images/layout/li-hover.png);}
.leftmenu-level2-item a.active {background-image:url(../images/layout/li-hover.png);}

/* ------------------------------ News
*/
/*.news-stdlist-item { position:relative; margin:1em 0em 1em 0em;}
.news-stdlist-date {}*/
span.news-stdlist-title, {	color:#4e4e4e;
	text-decoration:none;
	font-weight:bold;}
.news-stdlist-morelink { font-size:0.9em; /*text-align:right; position:absolute; top:0px; right:0px; */ }
.news-stdlist-morelink a { color:#FF6633;}
.news-stdlist-item p.bodytext {margin:0em;}
.news-stdlist-item a {text-decoration:none;}

.news-stdlist-container a {font-weight:normal;}

.news-list-item h3 {
	float:left;
	width:470px;
	}
	
#news-images {
		position:relative;
		top:0px;
	margin-top:15px;
		float:right;
		}
.news-list-item, .news-stdlist-item {
	float: left;
	width: 335px;
	padding-bottom: 20px;
	/*border-bottom:1px #666666 solid;*/
}

.news-list-morelink { font-size:0.9em; /*text-align:right; position:absolute; top:0px; right:0px; */ }
.news-list-morelink a { color:#FF9900;}

.news-list-top-container {
	width:350px;
	
	min-height:50px;
	}

.news-list-item #news-contentbox #news-content {
	float: left;
	width: 215px;
}
.news-list-item #news-contentbox #news-images {
	float: left;
	position:relative;
	top:0px;
	width: 120px;
	text-align: center;
}
h3 a {color:#4e4e4e;
	text-decoration:none;
	font-weight:bold;}

.tx-ttnews-browsebox {
	float: left;
	width: 335px;
	text-align: left;
	padding-top: 10px;
}


/* -------------- JOBS NEOPAC ------------*/

.pmxjobs-listview-item{ 
	float: left;
	width: 470px;
	padding-bottom: 20px;
	border-bottom: 1px #666666 solid;
}
.pmxjobs-listview-title h3 { 
	font-size: 14px;
	color: #5f5f5f;
	line-height:1.1em;
	margin: 20px 0 5px 0;
	font-weight: normal;
	
	font-size:1em; 
	margin:1em 0em 0em 0em;
}

.pmxjobs-singleview-container{ 
	padding: 0 0 30px 0;
}
.pmxjobs-singleview-container h2  { 
	font-weight: lighter;
	font-size: 16px;
	color: #5f5f5f;
	line-height:1.1em;
	margin: 0 0 12px 0;
}
.pmxjobs-singleview-container h3 { 
	font-size: 14px;
	color: #5f5f5f;
	line-height:1.1em;
	margin: 20px 0 5px 0;
	font-weight: normal;
}

.pmxjobs-singleview-container .pmxjobs-singleview-back { 
	padding-top: 20px;
}


/* -------------- NEWS NEOPAC ------------*/
.news-list-item {
	float: left;
	width: 470px;
	padding-bottom: 20px;
	border-bottom: 1px #666666 solid;
}

.news-stdlist-item {
	float: left;
	
}
.news-list-item .news-list-titel {
	float: left;
	width: 470px;
}
.news-list-item h3 a, .news-stdlist-item h3 a {
	color: #4e4e4e;
	text-decoration: none;
	font-weight: bold;
	padding:0 0 10px 0;
	display:block;
	/*width:360px;*/
}
.news-list-item .news-list-date {
	font-size: 11px;
	color: #A6A6A6;
}
.news-stdlist-item .news-stdlist-date a{
	font-size: 11px;
	color: #A6A6A6;
}

.news-list-item .news-list-contentbox {
	float: left;
	width: 350px;
}
.news-list-item .news-list-contentbox .news-list-content {
	float: left;
	width: 350px;
}
.news-list-item .news-list-contentbox .news-list-content p {
	margin: 0;
}

.news-list-item .news-list-contentbox .news-list-morelink, .news-list-item .news-list-contentbox  .news-list-morelink a  .news-stdlist-morelink a {
	float: left;
	width: 350px;
	font-size: 12px;
	font-weight: normal;
	color:#FF6633;
	padding-top: 3px;
}
.news-list-item .news-list-images {
	float: right;
	width: 120px;
	text-align: center;
}


/* ------------------------------ Kontakt
*/
.std-field {border: 1px solid grey; margin-top:5px; width:230px;}
.captcha {border: 1px solid grey; margin-top:5px; width:160px; margin-left:5px;}
.submit, .reset {background-color:#FFFFFF; border:1px solid #ff6633; color:#666666; margin-top:10px;}
.reset {margin-left:10px;}

/* ------------------------------ FCE
*/
.fce-image-container {
	margin-top:0;
	padding-left:40px;
	z-index:3;
}

.fce-quicklinks-container {

}

.quicklink-image{z-index:5;}

.quicklinks-list {
position:absolute;
z-index:5;
width:200px;
height:250px;
margin-top:-10px;
padding-left:40px;
/*background-image:url(../images/pharma-hoch.png);
background-position:bottom right;
background-repeat:no-repeat;*/
}

li.quicklinks-link{
list-style-image:url(../images/layout/li-home.png);
font-size:12px;

}

/* ------------------------------ Home
*/

* html #ShowroomHome{position:absolute; top:400px;}
#ShowroomHome {
	background-image:url(../images/layout/bgShowroomHome.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top:500px;
	position:relative;
	width:100%;
}



/*#HomeImageContainer {
	float:left;
	background-image:url(../images/layout/bgHome.png);
	background-repeat:no-repeat;
	background-color:#00CCFF;
	margin:auto;
	width:1024px;
	bottom: 50px;
}*/

* html #dental {
	position:absolute;
	bottom: 10px;
}
* html #pharma {
	position:absolute;
	bottom:10px;
	left:400px;
}
* html #kosmetik {
	position:absolute;
	bottom:10px;
	left:700px;
}

#dental{
	float:left;
	margin: 0px 40px 50px 40px;
	font-weight:normal;
	height: 250px;

}
#pharma a, #dental a, #kosmetik a {
	font-weight:normal;
}
#pharma {
	float:left;
	margin: 0px 40px 20px 0px;
	font-weight:normal;
}
#kosmetik {
	font-weight:normal;
	float:left;
	margin: 0px 0px 20px 0px;
}

#my-tubes, #btn-applicators, #btn-airless-grey {
	margin: 0 0 10px 0;
	padding: 0;
}

#innovation, #login, #jobs, #polydose {float:right;}
#innovation{ margin-top:20px; margin-bottom:20px;}
#login{margin-top:10px;}
* html .legend {position:absolute; bottom:30px; font-size:18px; margin-left:-110px; }
*+html .legend {position:absolute; bottom:30px; font-size:18px; margin-left:-110px; }

.legend {position:absolute; bottom:30px; font-size:18px; margin-left:100px;}

.fce-linked-image-container{z-index:1;}
.fce-linked-image-textlink-container{margin-top:10px; z-index:2; position:absolute; top:5px;margin-left:180px; width:150px;}
.textlink-list{margin-top:0px;}
li.textlink{padding:0px; margin:0px;font-size:11px; line-height:12px; list-style-image:url(../images/layout/li-home.png);}


/*------------------------------- Verkaufsteam
*/

.fce-verkaufsteam-titel-container{width:700px; height:50px; margin-bottom:15px; margin-top:20px;float:left;}
.fce-verkaufsteam-titel-text{width:500px; float:left; font-weight:lighter; font-size:18px; color:#666666; padding-bottom:5px;border-bottom:1px solid #666666; padding-bottom:20px;}
.fce-verkaufsteam-titel-bild{width:200px; float:left;}
.fce-verkaufsteam-titel-bild img {width:150px; float:left; margin-left:30px;}


.fce-verkaufsteam-content-container{ width:500px;margin-top:10px; margin-bottom:10px;}
.fce-verkaufsteam-left{width:250px; height:120px;float:left;}
.fce-verkaufsteam-right{width:250px; height:120px; float:left;}
.verkaufsteam-text-funktion{font-weight:bold; margin-bottom:5px;}
.fce-verkaufsteam-text-kontakt{}


/* ------------------------------ Showroom
*/
#Showroom {
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	z-index:3;
	padding-top:10px;
	color:#000000;
	background-image:url(../images/showroom/bg.png);
	background-repeat:repeat-x;
}
#MooFlow {width:990px; height:200px; margin:auto; /*border-top:2px solid red;*/}
#OpenCloseButton {text-align:center;}
/* ------------------------------ Poll
*/
.tx-pmxpoll-pi1{ width:700px; position:relative;color:#444444;}
.tx-pmxpoll-single{ width:700px; position:relative;
}
.tx-pmxpoll-list{ maring-top:1em;}/*
p.bodytext {margin:0em 0em 1em 0em;}*/
.tx-pmxpoll-inputfield{ background-color:#FFFFFF; border:1px solid #444444;color:#444444; }
.tx-pmxpoll-input{ background-color:#FFFFFF; border:1px solid #444444;color:#444444; width:300px;  }
.tx-pmxpoll-radio{ background-color:#FFFFFF; /*border:1px solid #969696;*/color:#444444; }
.tx-pmxpoll-inputfield:focus{ background-color:#FFFFFF; border:1px solid #ff6633;color:#ff6633;}
.tx-pmxpoll-single-question{ width:350px;float:left; margin:0; padding:0;}
.tx-pmxpoll-description{ width:350px; /*float:left*/ margin-bottom:10px; padding:0;}
.tx-pmxpoll-single-answers{ /*float:left;margin:0px 20px;position:absolute;left:360px;  top:0px;*/ float:left; width:340px;}
.tx-pmxpoll-single-qa{ position:relative;}

.horizontal{ clear:both;  }
.tx-pmxpoll-answerradio{float:left; width:60px;  }/**/
/*.tx-pmxpoll-answerinput{float:left; width:310px;background-color:#3399FF;   bottom:0px; /*font-size:13px; }*/
textarea.tx-pmxpoll-input{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.tx-pmxpoll-answerlabel{padding-left:5px; /*font-size:13px;float:left;*/ }
.vertical{ clear:both;}
.horizontal .tx-pmxpoll-checkbox{ float:left;}

.tx-pmxpoll-submitfields{clear:both; margin-top:20px; position:relative; width:250px;}
.tx-pmxpoll-init-label { float:left; margin-right:10px; width:70px;}
.tx-pmxpoll-title-text{ width:600px;}
.tx-pmxpoll-status-text{ color:#ff6633; margin:1em 0px;}
.title-instead-of-menu{line-height:63px;}
h3.polls-title{ font-weight:lighter;font-size:20px;line-height:1.1em;margin:12px 0em; border-bottom:1px solid #969696;padding-bottom:5px;}
.progress-image{ margin-right:10px;}
.tx-pmxpoll-progress-title{ margin-right:20px;}

#ContentMaxWidth{ 
	position:absolute;
	left:275px;
	top:230px;
	width:700px;
	height:auto;
}
#ContentTubenconfigurator{ 
	position:absolute;
	left: 30px;
	top: 230px;
	width: 950px;
	height:auto;
}

#ContentTubenconfigurator h3,
#ContentTubenconfigurator p{ 
	padding:0px 6px;
	width:910px;
}

/*MAILFORM*/
.tmail-err-txt{color:#FF6633;}
a.pdf{padding-left:22px; background-image:url(/typo3conf/ext/pmx_joboffers/res/pdfIcon.gif); background-repeat:no-repeat; height:26px; display:block;}

/*UPDATE 19.05.2010*/
/*AbstŠnde anpassen*/
#my-tubes-pharma {
	margin: 0 0 25px 0;
	padding: 0;
}

#my-tubes-cosmetics {
	margin: 0 0 20px 0;
	padding: 0;
}

#my-tubes-dental {
	margin: 0 0 20px 0;
	padding: 0;
}

#btn-applicators-dental {
	margin: 0 0 5px 0;
	padding: 0;
}

#btn-pharma-qual {
	padding: 0;
	margin: 5px 0 0 0;
}

#btn-jobs {
	position: relative;
	top: -19px;
	left: 0px;
	padding: 0;
	margin: 0;
}

#btn-airless-grey-cosmetics {
	padding: 0;
	margin: 0 0 10px 0;
}

#btn-applicators-cosmetics {
	padding: 0;
	margin: 0 0 5px 0;
}

#btn-airless-grey-pharma {
	padding: 0;
	margin: 0 0 0px 0;
}

#btn-applicators-pharma {
	padding: 0;
	margin: 0 0 10px 0;
}

#btn-barrier-dental {
	padding: 0;
	margin: 0 0 10px 0;
}

#btn-r-new {
	padding: 0;
	margin: 5px 0 0 0;
}

/*
#btn-r-pharma, #btn-r-cosmetics, #btn-r-dental, #btn-r-new, #btn-r-sustain {
	padding: 0;
	margin: 0 0 10px 0;
}
*/
#social-menu-empty{ display:none}
#social-menu {
	position: relative;
	top: 22px;
	left: 100px;
	padding: 0;
	margin: 0;
	float: left;
	z-index: 1000;
}

#social-menu a {
	position: relative;
	top: 0;
	float: left;
	vertical-align: top;
	padding: 0 9px 0 0;
}

#social-menu a img {
	border: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.youtube {
	padding: 0;
	margin: -1px 0 0 0;
}

/*PREVIEW BALKEN ausschalten*/
#typo3-previewInfo {
	position: absolute;
	top: 500px;
	right: 0;
	width: 50px;
	height: 15px;
	overflow: hidden;
	display: none;
}

/* SEARCH BOX */
.tx-indexedsearch-browsebox {
	width: 1000px;
	padding: 0;
	margin: 0;
}

.tx-indexedsearch-browsebox ul {
	padding: 0;
	margin: 0;
}

.tx-indexedsearch-browsebox ul li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0 5px 0 0;
}

.news-single-item{ width:440px; float:left; margin-right:20px}