/*
 * Screen style sheet.
 *
 * @name $Id: screen-layout.css
 * @domain: ballenberg.ch
 * 
 * @author		Martin Melheritz martin@visioninternet.ch
 * @date created	19/07/2011
 * @last modified	19/07/2012
 * @copyright 		Copyright (C) 2011 Visioninternet Science & Consulting
 *
 * This is a commercial software product, please visit http://www.visioninternet.ch for more information.
 */
body {
	padding: 0px;
	margin: 0px;
}
div.shadow-page-wrap {
	position: relative;
	margin: auto;
	width: 960px;
	min-height: 440px;
	height: auto!important;
	height: 440px;
	padding-left: 16px;
	padding-right: 16px;
	background-image: url(daten/schatten/bg-page.jpg);
	background-repeat: repeat-y;
}
div.shadow-page-wrap-bottom {
	position: relative;
	margin: auto;
	height: 16px;
	width: 960px;
	background-image: url(daten/schatten/bg-page-bottom.jpg);
	background-repeat: repeat-x;
}
div.shadow-page-corner-left {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 0px;
	bottom: -16px;
	background-image: url(daten/schatten/bg-corner-left.jpg);
	z-index: -1;
}
div.shadow-page-corner-right {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 0px;
	bottom: -16px;
	background-image: url(daten/schatten/bg-corner-right.jpg);
	z-index: -1;
}
div.page-wrap {
	width: 960px;
	background-color: #f6f6f6;
}
div.header {
	position: relative;
	height: 420px;
}
div.banner {
	height: 420px;
	width: 960px;
	border: 0px solid black;
}
div.wrap-logo {
	position: absolute;
	width: 215px; 
	height: 230px; 
	left: 0px; 
	bottom: 0px; 
	background-color: white;
	z-index: 1000;
}
div.wrap-verdingkinder {
	position: absolute;
	width: 255px; 
	height: 220px; 
	left: 490px; 
	bottom: 25px; 
	z-index: 1000;
}
div.page-logo {
	position: absolute;
	left: 20px; 
	top: 20px;
}
div.nav-lang {
	position: absolute; 
	bottom: 44px; 
	left: 20px;
}
div.social-media {
	position: absolute; 
	right: 20px; 
	bottom: 45px;
}
div.wrap-top-nav {
	position: absolute; 
	right: 0px; 
	top: 0px; 
	height: 384px; 
	width: 175px; 
	padding: 16px 20px 20px 20px;
	background-image: url(daten/schatten/bg-box-1.png);
	z-index: 1000;
}
div.info-nav-top {
	margin-top: 10px;
}
div.app-store {
	position: absolute;
	bottom: 45px; 
	left: 20px;
}
div.wrap-title {
	position: absolute; 
	height: 25px;
	left: 0px; 
	bottom: 0px; 
	width: 440px;
	padding: 3px 285px 0px 235px;
	background-image: url(daten/schatten/bg-box-2.png);
	z-index: 1000;
}
div.content-right-back {
	position:relative;
	width: 100%;
	float: left;
	background-color: #ffffff;
	overflow: hidden;
}
div.content-center-back {
	position: relative;
	float: left;
	background-color: #f6f6f6;
	width: 100%;
	right: 215px;    /* width of right sidebar */
}
div.content-left-back {
	position: relative;
	width: 100%;
	right: 530px; /* width of the  content area */
	float: left;
	background-color: #ffffff;
}
div.content-left-side {
	position: relative;
	float: left;
	width: 215px;
	overflow: hidden;
	left: 745px;
}
div.content-left-padding {
	padding: 20px 20px 200px 20px;
}
div.content-center {
	position: relative;
	float: left;
	width: 530px;
	overflow: hidden;
	left: 745px;
}
div.content-center-padding,
div.content-right-padding,
div.wrap-meteo {
	padding: 20px;
}
div.content-right-side {
	position: relative;
	float: left;
	overflow: hidden;
	width: 215px;
	left: 745px;
}
div.wrap-news {
	margin-top: 21px;
	background-color: #dde1d7; 
	padding: 14px 20px 18px 20px;
}
div.wrap-meteo {
	margin-top: 27px;
	padding-bottom: 50px;
}
div.wrap-adress {
	position: absolute; 
	width: 175px; 
	right: 20px; 
	bottom: 20px;
}
div.wrap-handicap {
	position: relative;
	right: -20px;
	top: 100px;
	width: 175px; 
	bottom: 20px;
}
img.handicap {
	margin: 0 20px;
}
div.clear {
	clear: both;
}

div.social-media1 {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	position: absolute; 
	z-index: 1000;
	width: 38px;
	top: 0px;
	left: 16px;
	background-color: #ffffff;
}
body > div.social-media1 {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

/* overwrite screen.css */
div.pagetitel {
	color: #000;
	height: 20px;
	overflow: hidden;
}
div.subnav {
	margin-top: 3px;
	margin-bottom: 20px;
}
.content { background-color: transparent; }


/* Meteo */
h2.day, 
h2.title,
span.tmax {color: #282828; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; display:inline; }
h2.title {color: #17a5b1 }
span.tmax { color: #e2001a; }

/* Simple Weather Day */

table.swdtbl {
	border-collapse: collapse;
	background-color: #ffffff;
	margin-left: 7px;
	margin-top: 5px;
}

table.swdtbl td {
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	vertical-align: middle;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	height: 10px;
	text-decoration: none;
	color: #000000;
}
/* Simple Weather Day */

/* Detail Weather */

table.dtlwtblwrap{
	border-collapse: collapse;
	margin-left: 0px;
	margin-top: 5px;
}

table.dtlwtblwrap td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	vertical-align: middle;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	height: 10px;
	text-decoration: none;
	color: #000000;
}

table.dtlwtblwrap td.tar {
	text-align: right;
}

table.dtlwtbl {
	border-collapse: collapse;
	padding: 0;
}

table.dtlwtbl td{
	text-align: center;
}

table.dtlwtbl td.topSpace{
	padding-top: 15px;
	text-align: left;
}
/* Detail Weather */

td.space {
	width: 40px;
}

td.textFontGrey  {
	font-weight: normal;
	color: #3C3C3C;
}

td.textFontBold {
	font-weight: bold;
}

span.textFont{
	font-weight: bold;
	color: red;
}

p {
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	margin-left: 7px;
}



/* Banner Layout */
.peKenBurns {
	width: 960px;
}
/* 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: #F1F1F2;
}