body, html {font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; height: 480px; width: 480px; background: #FFF; text-align:center; color:#666; font-size: 14px; border:1px #fff;}
div#ground {width:100%; max-width: 1200px; margin: 0 auto;}
div#chart {width: 100%; max-width: 1200px;  height: 600px; margin:0 auto 0 auto;}

a {color:#666;}
a:link {text-decoration : none; font-weight:bold; }
a:visited { text-decoration: none; }
a:active { text-decoration : underline; } 
a:hover {color:#F90; text-decoration : none; }

p {color: #666;}

img {border:none; margin:0; padding:0;}

.strong{font-weight: bolder;}

.red {color: #FFB8B8;}
.orange {color: #FFD280;}
.yellow {color: #feffbc;}
.green {color: #AFFFB4;}
.blue {color: #A6D0FF;}
.darkgreen {color: #669900;}
.darkred {color: #cc0000;}
.darkredBG {background-color: #cc0000;}
.darkblue {color: #326EF8;}
.blueBG {background-color: #A6D0FF;}
.darkorange {color: #FFBE00;}

/* Backoffice */ 
div#header_admin { background:url(../images/logo_breit.png) top center no-repeat; background-size:300px 52px; width:1100px; margin:0 auto; padding-top:80px; margin-top:50px; text-align:center; color:#333; }

table#officeTable1020 {width:100%; margin:0 auto; border:0; background-color: #FFF;display: block; max-width: 500px;}
table#officeTable1020 td {padding: 5px;}
table#officeTable1020 td span {font-size: 14px;}
table#officeTable400 {width:400px; margin:15px auto 15px auto; border:0; padding:0 0 20px 0;  background-color: #FFF;}
div#header400 { margin:0 auto; width:400px; position:relative;}
div#header400  p {font-size: 18px; margin:10px 0 10px 22px; font-weight: bold;}
div#header400  div.title {margin: 10px 0 5px 23px;}
td#footer1020, td#footer400 {height: 15px;}

div#header1020 { margin:10px auto 10px auto; width:1400px; position:relative; padding:1px 0 0 3px; margin-bottom: -15px; }
div#header1020 p {font-size: 17px; display:inline; line-height:30px; }
div#filter {position:absolute; right:0; height:135px; width:300px; bottom:0; padding:0; font-size:12px; background:#EBEBEB; border:1px dashed #666; margin-bottom:10px;}

table#kontostand {font-size: 12px; width: 200px; display: block; float: right; text-align: right; background: none; vertical-align: bottom; height: 70px; border:none; margin-right: 275px;}
table#kontostand td {height: 70px;}
table#kontostand span {font-size:24px;color: #008CFF;}

iframe#wetter { transform: scale(0.6,0.7); /* Standard syntax */ float: right; width: 800px; height: 360px; border: none; background: none; position: absolute; left:50%; top:-15px; margin-left:180px;}

select[disabled] {background:#F8F8F8;color:#333;-webkit-text-fill-color:#880000;}
option[disabled] {color:#009900;}
span#date {font-weight:bolder; color:#009900;}
td {overflow:hidden;text-overflow: ellipsis;  -o-text-overflow: ellipsis;  white-space: nowrap;}
tr.mobileForwardButton td {font-size: 12px; line-height: 15px;}
div#formfield { padding:0; margin:0 auto; margin-top:15px; text-align:center;}
div#formfield_left { padding:0 0 15px 0; margin:0 0 0 25px; text-align: left; }
div#formfield_left input  {text-align: left; padding: 5px;}
div#formfield_left select  {text-align: left; margin-top: 5px; height: 23px;}
a.edit {background: url(../images/edit.png); background-size: 15px 15px; background-position: center;width:15px; height:15px; display: inline-block;}
a.edit:hover {background: url(../images/edit_a.png); background-size: 15px 15px; background-position: center;width:15px; height:15px; display:  inline-block;}
td.temp span {}

a.projects {font-size: 20px;}
a.menu {font-size: 36px;}

@media (max-width: 932px) {
	div#chart {width: 100%; max-width: 900px;  height: 500px; margin:0 auto 0 auto;}
}