/*
 * Screen style sheet.
 *
 * @name $Id: screen-layout.css
 * @domain: geraete-technik.ch
 * 
 * @author		Martin Melheritz martin@visioninternet.ch
 * @date created	07/11/2011
 * @last modified	01/03/2012
 * @copyright 		Copyright (C) 2011 Visioninternet Science & Consulting
 *
 * This is a commercial software product, please visit http://www.visioninternet.ch for more information.
 */
/* General settings */
body {
	padding: 0px;
	margin: 0px;
	background-image: url(daten/background/background.jpg);
	background-repeat: repeat-x;
}
div.wrap,
div.wrap-start {
	position: relative;
	width: 960px;
	height: 650px;
	margin: auto;
}
div.select-lang {
	position: absolute;
	top: 20px;
	left: 30px;
}
div.nav-service {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
}
div.footer-text {
	position: absolute;
	left: 30px;
	bottom: 20px;
}
div.footer-image {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

/*-------------------------------------------------/
 * Start page
 */
div.wrap-start {
	background-image: url(daten/background/background_start.png);
}
div.wrap-start-banner {
	position: absolute; 
	top: 80px; 
	left: 1px; 
	width: 958px; 
	height: 300px; 
}
div.banner1 {
	position: relative; 
	width: 100%; 
	height: 210px;
}
div.banner2 {
	position: absolute; 
	top: 0; 
	left: 30px; 
	width: 380px; 
	height: 300px;
}
div.banner3 {
	position: absolute; 
	top: 0; 
	right: 30px; 
	width: 440px; 
	height: 300px;
}
div.wrap-start-link1,
div.wrap-start-link2 {
	position: absolute; 
	top: 440px; 
	left: 30px; 
	padding-left: 100px; 
	width: 330px; 
	height: 100px; 
}
div.wrap-start-link2 {
	left: 500px; 
}
div.wrap-start-link1 img,
div.wrap-start-link2 img {
	position: absolute; 
	top: 0; 
	left: 0; 
}
div.wrap-page-footer-start {
	width: 960px;
	margin: 75px auto 0px auto;
	padding-bottom: 30px;
}
div.start-link-image-1 {
	position: absolute;
	left: 30px;
	top: 225px;
}
div.start-link-1 {
	position: absolute;
	top: 275px;
	left: 122px;
	width: auto;
	height: 20px;
}
div.start-link-image-2 {
	position: absolute;
	left: 30px;
	top: 368px;
}
div.start-link-2 {
	position: absolute;
	top: 415px;
	left: 122px;
	width: auto;
	height: 20px;
}
div.start-link-bg-left {
	width: 10px;
	height: 20px;
	float:left;
}
div.start-link-center-left {
	width: 260px;
	height: 18px;
	float: left;
	border-top: 1px solid #BCBDC0;
	border-bottom: 1px solid #BCBDC0;
	background-color: #F6F6F7;
}
div.link-width-de{
	width: 260px;
}
div.link-width-en{
	width: 331px;
}
div.link-width-fr{
	width: 359px;
}
div.link-width-it{
	width: 418px;
}
div.start-link-center-right {
	width: 20px; 
	height: 18px;
	float: left;
	border-top: 1px solid #BCBDC0;
	border-bottom: 1px solid #BCBDC0;
	background-color: #F6F6F7;
}
div.start-link-bg-right {
	width: 10px;
	height: 20px;
	float: left;
}
div.page-footer-bg-top {
	height: 9px;
	background-image: url(daten/background/background_start_footer_oben.png);
}
div.page-footer-text {
	padding: 10px 20px 10px 30px;
	border-left: solid 1px #bcbdc1;
	border-right: solid 1px #bcbdc1;
	background-color: #ffffff; 
}
div.page-footer-bg-bottom {
	height: 9px;
	background-image: url(daten/background/background_start_footer_unten.png);
}

/*-------------------------------------------------/
 * Main page
 */
div.page-bg-top {
	position: absolute;
	top:0px;
	left:0px;
}
div.wrap {
	min-height: 650px;
	height: auto!important;
	height: 650px;
}
div.page-top {
	position: relative;
	height: 180px;
}
div.page-link-image {
	position: absolute;
	top: 60px;
	left: 30px;
}
div.page-link {
	position: absolute;
	top: 110px;
	left: 122px;
	width: auto;
	height: 20px;
}
div.page-link-bg-left {
	width: 10px;
	height: 20px;
	float:left;
}
div.page-link-center {
	width: auto;
	height: 18px;
	float: left;
	border-top: 1px solid #BCBDC0;
	border-bottom: 1px solid #BCBDC0;
	background-color: #F6F6F7;
}
div.page-link-bg-right {
	width: 10px;
	height: 20px;
	float: left;
}

div.page-title {
	position: absolute;
	left: 235px;
	bottom: 0px;
}
div.wrap-page-center {
	background-color: #fff;
	background-image: url(daten/background/background_inhalt_unten_mitte.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
div.page-center {
	position: relative;
	min-height: 380px;
	height: auto!important;
	height: 380px;
	border-left: 1px solid #BCBDC0;
	border-right: 1px solid #BCBDC0;
	background-color: transparent;
}
div.page-center-left {
	position: relative;
	padding: 17px 20px 0px 30px;
	width: 184px;
	float: left;
}
div.page-center-middle-wrap {
	width: 724px;
	float: left;
}
div.page-center-middle-top {
	padding: 23px 0px 0px 0px;
	width: 724px;
}
div.page-center-middle-left {
	width: 500px;
	float: left;
	padding: 20px 20px 0px 0px;
}
div.page-center-middle-left-wide {
	width: 704px;
	float: left;
	padding: 20px 20px 0px 0px;
}
div.page-center-middle-right {
	width: 184px;
	float: left;
	padding: 20px 20px 0px 0px;
}
div.page-center-bottom-space {
	width: 960px;
	height: 90px;
}
div.page-footer {
	background-image: url(daten/background/background_inhalt_unten.png);
	background-position : bottom;
	background-repeat : no-repeat;
	position: relative;
	padding-top: 20px;
	width: 960px;
	height: 70px;
}
div.clear{
	clear: both;
}

/* Page elements */
div.wrap-list {
	position: relative;
}

/* Navigation Left */
div.left-nav-level1 {
	padding : 3px 0px 3px 0px;
}
div.left-nav-level1-bgcolor {
	padding : 3px 0px 3px 0px;
	background-color: #ffffff;
}
div.left-nav-level2-bgcolor {
	padding : 3px 0px 3px 10px;
	background-color: #ffffff;
}
div.left-nav-level3-bgcolor {
	padding : 3px 0px 3px 20px;
	background-color: #ffffff;
}	
/* Banner Layout */
.peKenBurns {
	width: 724px;
}
/* Banner border size */ 
.peKenBurns .peKb_slides {    
	padding: 0px;
	-moz-border-radius: 0px;     
	-webkit-border-radius: 0px;     
	border-radius: 0px;
}
/* Banner Background */
.peKenBurns .peKb_slides .peKb_frame{
	background-color: #ffffff;
}