/**
 * Description for file
 *
 * CSS version $version
 *
 * @author      Firstname Lastname <internet@promacx.ch>
 * @copyright   PROMACX AG / Wasserwerkgasse 20 / 3011 CH-Bern
 * @link        www.promacx.ch
 * @licence     http://www.opensource.org/licenses/mit-license.php The MIT License
 * @version     0.0.1
 * @media       screen
 */

/* ------------------------------ Layout
*/
html {
	height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#6F7071;
	margin:0px;
	padding:0px;
	background-image:url(../images/layout/background.gif);
	background-repeat:no-repeat;
	height:100%;
}

#container {}
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:290px; 
	height:465px; 
	background-image:url(../images/layout/emptyheader.png);
	background-repeat:no-repeat;
}
#header-background-mask {width:290px; height:465px; overflow:hidden; background-image:url(../images/layout/mask.gif); background-repeat:no-repeat;}
#header-background-image {background-color:#FFFFFF; background-repeat:no-repeat; background-position:bottom left;}
#mainmenu {
	position:absolute;
	left:335px;
	top:35px;
	z-index:320;
}
#content {
	position:absolute;
	left:0px;
	top:125px; /*135px*/
	/*bottom:0px;*/
	width:100%;
	height:450px;/* 520px */
	/*max-height:500px;
	border:1px solid red;*/
	overflow:auto;
	color:#000000;/*#707172;*/
	background-color:transparent;
	z-index:210;
}
#content-container {
	position:relative;
	left:290px;
	width:500px;
}
#submenu {
	position:absolute;
	left:343px; /*350px*/
	top:90px;
	z-index:310;
}
#logo {
	position:absolute;
	left:75px;
	top:45px;
}
#search {
	position:absolute;
	left:10px;
	top:465px;
	width:115px;
	z-index:400;
}
#languagemenu {
	position:absolute;
	right:10px;
	top:45px;
	margin:0px;
	padding:0px;
}
#background {
	position:absolute;
	left:550px;
	top:180px;
}
#accessibility {
	display:none;
}

/* ------------------------------ Textformat
*/

sup {vertical-align:top; font-size:0.8em; line-height:100%;}
sub {vertical-align:bottom; font-size:0.8em; line-height:100%;}

.headline,
#content h1 {font-size:38px; line-height:42px; font-weight:bold; color:#707172; padding:0px; margin:0em 0em 0.5em 0em;}
#content h2 {font-size:18px; font-weight:bold; color:#707172; padding:0px; margin:0em 0em 0.5em 0em;}
#content h2 a {color:#707172;}
#content h3 {font-size:14px; /*line-height:auto;*/ font-weight:bold; color:#000000; padding:0px; margin:0em 0em 0em 0em;}
#content p {margin:0em 0em 1em 0em;}
#content a {color:#000000; text-decoration:underline;}
#content a:hover {text-decoration:none;}
#content ul {margin:0em 0em 1em 0em; padding:0px 0px 0px 15px;}
#content li {margin:0em; padding:0px;}

#content table {color:#000000;}
#content table.contenttable {/*color:#707172;*/ margin:0px; padding:0px; font-size:12px; border-collapse:collapse;}
#content table.contenttable th {margin:0px; padding:0px 10px 7px 0px; text-align:left; vertical-align:top; white-space:nowrap;}
#content table.contenttable td {margin:0px; padding:0px 10px 7px 0px; text-align:left; vertical-align:top;}
#content table.contenttable p {margin:0px; padding:0px;}
div.csc-textpic {margin:1em 0em 0em 0em;}

#content .shops-shophours-container table.contenttable th {padding:0px 10px 0px 0px;}
#content .shops-shophours-container table.contenttable td {padding:0px 10px 0px 0px;}

/* ------------------------------ Mainmenu
*/

ul.mainmenu-level1-container a {display:block; text-decoration:none; color:#333333;}
ul.mainmenu-level1-container a:hover {color:#58A618;}
ul.mainmenu-level1-container a.active {color:#58A618;}
ul.mainmenu-level1-container a.path {color:#58A618;}
ul.mainmenu-level1-container span.l {display:block; padding-left:15px; background-repeat:no-repeat;}
ul.mainmenu-level1-container span.r {display:block; padding-right:15px; background-repeat:no-repeat;}

ul.mainmenu-level1-container {list-style-type:none; margin:0px; padding:0px; font-size:18px; line-height:25px;}
ul.mainmenu-level2-container {list-style-type:none; margin:0px; padding:0px; font-size:13px; line-height:18px;}
ul.mainmenu-level3-container {list-style-type:none; margin:0px; padding:0px; font-size:13px; line-height:18px;}

.mainmenu-level1-item {margin:0px 0px 0px 0px; padding:0px; float:left; white-space:nowrap; position:relative;}
.mainmenu-level1-item .mainmenu-level1-label a {color:#FFFFFF; float:left; }
.mainmenu-level2-item-a .mainmenu-level2-label {font-size:18px; line-height:25px;}
.mainmenu-level1-label span.r {padding-top:7px; padding-bottom:11px;}

.mainmenu-level1-label a:hover span.l {background-image:url('../images/layout/menu-single-left2.png'); background-position:top left;}
.mainmenu-level1-label a:hover span.r {background-image:url('../images/layout/menu-single-right2.png'); background-position:top right;}
ul.mainmenu-level2-container span.l {background-image:url('../images/layout/menu-100-left2.png');}
ul.mainmenu-level2-container span.r {background-image:url('../images/layout/menu-100-right2.png');}
ul.mainmenu-level2-container a:hover span.l {background-image:url('../images/layout/menu-100-left-hover2.png');}
ul.mainmenu-level2-container a:hover span.r {background-image:url('../images/layout/menu-100-right-hover2.png');}
.mainmenu-level2-item-a span.l {background-position:top left;}
.mainmenu-level2-item-a span.r {background-position:top right; padding-top:7px;}
.mainmenu-level2-item-b span.l {background-position:center left;}
.mainmenu-level2-item-b span.r {background-position:center right;}
.mainmenu-level2-item-c span.l {background-position:bottom left;}
.mainmenu-level2-item-c span.r {background-position:bottom right; padding-bottom:11px;}
.mainmenu-level3-item-a span.l {background-position:top left;}
.mainmenu-level3-item-a span.r {background-position:top right; padding-top:7px;}
.mainmenu-level3-item-b span.l {background-position:center left;}
.mainmenu-level3-item-b span.r {background-position:center right;}
.mainmenu-level3-item-c span.l {background-position:bottom left; }
.mainmenu-level3-item-c span.r {background-position:bottom right; padding-bottom:11px;}

div.mainmenu-level2-container {display:none; position:absolute; left:0px; top:0px; z-index:99999;}
ul.mainmenu-level1-container li:hover div.mainmenu-level2-container,
ul.mainmenu-level1-container li.hover div.mainmenu-level2-container {display:block;}
.mainmenu-level2-label span.r {border-right:1px solid transparent;}

div.mainmenu-level3-container {display:none; position:relative;}
ul.mainmenu-level2-container li:hover div.mainmenu-level3-container,
ul.mainmenu-level2-container li.hover div.mainmenu-level3-container {display:block;}
ul.mainmenu-level3-container {min-width:100%; position:absolute; left:85%; top:-18px;}

/* ------------------------------ Pathmenu
*/
#pathmenu {color:#BBBBBB; background-color:transparent;}
.pathmenu-item {padding:0px 6px;}
.pathmenu-item a {color:#BBBBBB; background-color:transparent; text-decoration:none;}
.pathmenu-item a.active {color:#BBBBBB; background-color:transparent;}
/*.pathmenu-item a:hover {color:#6E9E36; background-color:transparent;}*/

/* ------------------------------ Submenu #BBBBBB #58A618 #FF5800
*/
.submenu-level1-container {color:#58A618; background-color:transparent; margin:0px; padding:0px;}
.submenu-level1-item {float:left; margin:0px 0px 0px 20px; padding:0px;}
.submenu-level1-item a {color:#000000; background-color:transparent; text-decoration:underline;}
.submenu-level1-item a:hover {color:#000000; background-color:transparent; text-decoration:none;}
.submenu-level1-item a.active {color:#000000; background-color:transparent; text-decoration:none;}

/* ------------------------------ Extramenu
*/
#extramenu {position:absolute; right:10px; top:5px; font-size:11px; white-space:nowrap;}
.extramenu-level1-container {list-style-type:none; margin:0px; padding:0px;}
.extramenu-level1-item {display:inline; margin:0px 10px; padding:0px;}
.extramenu-level1-item a {color:#FFFFFF; text-decoration:none;}

/* ------------------------------ Languagemenu
*/
#languagemenu {font-size:18px; color:#FFFFFF; line-height:25px;}
#languagemenu a {text-decoration:none; color:#FFFFFF;}

/* ------------------------------ Search-Box
*/
#search fieldset {border:none; margin:0px; padding:0px;}
#search fieldset legend {display:none;}
#searchbox-sword-container {display:block; width:115px; height:25px; background-image:url(../images/layout/search-input.gif); background-repeat:no-repeat;}
#searchbox-sword {margin:0px 3px 0px 3px; padding:0px; width:109px; color:#333333; border:none; background-color:transparent;}
#searchbox-button-submit {margin:0px 0px;}

/* ------------------------------ Contactform
*/

.contactform-container {width:402px;}

.mailformplus-container {}
.contactform-input-text,
.mailformplus-field input,
.contactform-input-textarea textarea,
.contactform-input-captcha,
.contactform-input-plz,
.contactform-input-place {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333333;
	border:none;
}

.contactform-label {
	width:100px;
	vertical-align:top;
	height:18px;
}
.mailformplus-label{}
.mailformplus-field,
.mailformplus-required,
.mailformplus-send{
	height:25px;
	vertical-align:bottom;
}
.mailformplus-item td{
	vertical-align:top;
	text-align:left;
}
.mailformplus-item-error{
	color:#E77300;
}
.mailformplus-item-error .mailformplus-input{
	border-color:#E77300;
}

#captcha img {
	vertical-align:text-bottom;
}

.mailformplus-button {
	margin:0px;
	padding:2px;
}

#contactform-input-box {margin:0px 3px 0px 3px; padding:0px; height:18px; width:290px; color:#333333; border:none; background-color:transparent;}
#contactform-input-box-plz {margin:0px 3px 0px 3px; padding:0px; height:18px; width:73px; color:#333333; border:none; background-color:transparent;}
#contactform-input-box-place {margin:0px 3px 0px 3px; padding:0px; height:18px; width:207px; color:#333333; border:none; background-color:transparent;}
#contactform-input-box-textarea {margin:0px 3px 0px 3px; padding:0px; height:95px; width:295px; color:#333333; border:none; background-color:transparent; overflow:auto;}
#contactform-input-box-captcha {margin:0px 3px 0px 3px; padding:0px; height:18px; width:90px; color:#333333; border:none; background-color:transparent;}


.contactform-input-text {
	height: 16px;
	width:300px;
	background:url(../images/layout/send-input.gif) no-repeat;
}

.contactform-input-plz {
	height: 16px;
	width:81px;
	background:url(../images/layout/plz-input.gif) no-repeat;
}

.contactform-input-place {
	height: 16px;
	width:219px;
	background:url(../images/layout/place-input.gif) no-repeat;
}

.contactform-input-textarea {
	height: 100px;
	width:300px;
	background:url(../images/layout/textarea-input.gif) no-repeat;
}

.contactform-input-captcha {
	height: 16px;
	width: 100px;
	background:url(../images/layout/captcha-input.gif) no-repeat;
}

.pmx-captcha-image{
	cursor:pointer;
}

/* ------------------------------ FCE
*/
.fce-staff-container { background-color:#FFFFFF;}

.fce-imageavec-container {margin:3em 0em 1em 0em;}


/* ------------------------------ Indexed Search (Search results)
*/
.tx-indexedsearch-searchbox {margin:1em 0em;}
.tx-indexedsearch-searchbox fieldset {margin:0px; padding:0px; border:none;}
.tx-indexedsearch-searchbox legend {display:none;}

.tx-indexedsearch-form {line-height:20px;}
#tx-indexedsearch-searchbox-sword-label {display:block; float:left;}
#tx-indexedsearch-searchbox-sword-container {float:left; width:115px; height:25px; background-image:url(../images/layout/search-input2.gif); background-repeat:no-repeat;}
#tx-indexedsearch-searchbox-sword {margin:0px 3px; padding:0px; width:109px; color:#333333; border:none; background-color:transparent;}
#tx-indexedsearch-searchbox-button-submit {float:left; margin:2px 0px; }

#content .tx-indexedsearch-browsebox ul.browsebox {list-style-type:none; margin:0em 0em 1em 0em; padding:0px; float:left;}
#content .tx-indexedsearch-browsebox ul.browsebox li {float:left; margin:0px 10px 0px 10px; padding:0px;}

.tx-indexedsearch-res {margin:1em 0em; clear:both;}
#content .tx-indexedsearch-path a {color:#58A618;}
strong.tx-indexedsearch-redMarkup {color:#58A618;}

/* ------------------------------ Map
*/
select.pmx-company-selection {width:200px;}
form.pmx-company-selector fieldset {border:none; margin:0px; padding:0px;}