/*go21go*/

/*
#94c11f gruen
#0099cf hell-blau
#00689b dunkelblau
*/
@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Mako);

html{
  max-width:1020px;
  margin:0 auto;
  background-image:url(img/bg_go21go.png);
  background-repeat:repeat-x;
  color:#00689b;
  font:16px 'Mako',sans-serif;
  font-weight:500;
  letter-spacing:1px;
}
#main{
  margin:-8px;
  width:1020px;
  background:transparent;
  padding-top:0px;
  overflow:auto
}
a{
  text-decoration:none;
  color:#94c11f;
  cursor:pointer;
}
a:hover{
  text-decoration:none;
  color:#00689b
 }

#header{
    height: auto;}

#fl {
    width: 799px;
    height: 185px;
    border: 0px none;
}

#logo{
    float:left;
    margin:-5px 0 5px 16px;
    background:url(img/go21go.png);
    background-repeat:no-repeat;
    height:106px;
    width:250px;}
    
#lang{
  width:auto;
  background:#fff;
  font-size:13px;
  line-height:20px;
  color:#00689b;
  text-decoration:none;
  margin-top:0px;
  padding:5px 10px 10px 10px;
  overflow:auto;
}
#mnu1{
  width:100%;
  margin:-1px 0 20px 0;
  list-style:none;
  float:left;
  background:#0099cf;
  border-bottom:3px solid #00679a;
}
#mnu1 li{
  list-style:none;
  float:left;
  background:#0099cf;
  padding:16px;
  border-right:0px solid #fff;
  margin:0px 0px 0px 0px;
}
#mnu1 li.active a,
#mnu1 li:hover a {
	color:#94c11f;
}
#mnu1 li.m1{
  background:#00679a;
}
#mnu1{
  padding:0;
  font-size:16px}
#mnu1 a {
  color:#fff;
  text-decoration:none;
  font-weight:400
}

li.m:nth-child(7) > a:nth-child(1) {
  border-left:4px solid #00679a;
  border-right:4px solid #00679a;
  padding:16px;
  margin-left:-16px}


li.m:nth-child(7) > a:nth-child(1):hover a {
  color:#00679a;
}


#edit textarea{
  width:480px;
  height:100px;
  border:1px solid #ccc;
  padding:10px;
  font-family:inherit;
}

#daygoal > form:nth-child(1) > textarea:nth-child(12),  {
    width:470px;
    border:1px solid #ccc;
    padding:10px 16px;
    font-family:inherit;
}



#camp .C2{width:200px;padding-left:60px}
#camp .C3{width:280px;padding-left:20px}
.green {background:#c7da7d}
.blue {background:#007FAC}
.sel {background:#6BE}
.seli {background:#DDD}
.seli1 {background:#6BE}
.greenF{color:#c7da7d}
.blueF {color:#007FAC}
.grayF {color:#aaaaaa}
.big{font:normal 20px 'Mako',sans-serif;
}
.title{
  color:#fff;
  font-size:16px;
  background:#94c11f;
  padding:16px;
}
 .title > b:nth-child(1){
  font-weight:normal;
}
.I tr td table tr > td:first-child{
  font-weight:normal;
}
.I table td {
  vertical-align:top;
}
.text {
    display: inline-block;
    background: #FFF none repeat scroll 0% 0%;
    border: 2px solid #94C11F;
    padding: 16px;
    margin-top: -2px;
    margin-bottom: 10px;
    width: 88.5%;
}
#right > div:nth-child(2) {
    clear: both;
    padding: 20px 16px;
    font-size: 12px;
    line-height: 15px;
    width: 88.2%;
    height: auto;
}


#right > div:nth-child(2) > img:nth-child(1){
  margin:0px;
  height:120px;
  width:120px}

.tab1{
  background:#fff;
  float:left;
  color:#0099cf;
  padding:16px;
  margin-right:0px;
  border:2px solid #94c11f;
}
.tab0{
  background:#fff;
  float:left;
  color:#0099cf;
  padding:16px;
  margin-top:2px;
  border:0px solid #94c11f;
  -webkit-box-shadow: inset 0px 2px 10px rgba(180,180,180,1);
  -moz-box-shadow: inset 0px 2px 10px rgba(180,180,180,1);
  box-shadow: inset 0px 2px 10px rgba(180,180,180,1);
}
.tab0 a {
  text-decoration:none;
  color:#00689b;
}  
.tab0:hover a {
  text-decoration:none;
	color:#94c11f;
}  
.tab1 a {
  text-decoration:none;
  color:#fff;
}  
.tab1:hover a {
  text-decoration:none;
	color:#fff;
}  
.tab1{
  color:#fff;
  text-decoration:none;
  background:#94c11f;
  border-bottom:2px solid #94c11f;
}

.sma{width:30px}
#timeline div {width:22px;float:left;text-align:center;margin:1px;border:solid 1px #aaa;cursor:pointer}
#goals div {width:100px;float:left;text-align:center;margin:1px;border:solid 1px #aaa;cursor:pointer}

/*LOGIN*/
#userlogin {
  background:transparent;
  background:url("img/0.png");
  background-repeat:no-repeat;
  border:0px solid #94c11f;
  margin:0px auto;
  width:1020px;
  padding:110px 0px 0px 0px;
  height:auto;
  line-height:1.6;
}
#userlogin input {
  display:inline-block;
  width:auto;
}
#userlogin input[type=submit] {
  float:left;
  padding:10px 20px;
  font-size:15px;
  margin:0px 5px -25px 40px;
}
#user,#pass,#aulo {
  padding-left:40px;
}
#userlogin li{list-style:disc;margin-left:16px;}
/*LOGIN*/


#left {
  float:left;
  width:68%;}

#right{
    float:right;
    margin-left:2%;width:30%;}

#topright {text-align:right;width:100%;height:auto;}

#topright select {display:inline;}

/*
#left textarea,#left input[type=text]
{
  width:495px;
*/
/*
  background:#eaf3d2;
*/
  background:#f2f2f2;
    color:#00689b;
  border-color:transparent;
  font-family:'Mako',verdana,sans-serif;
  font-size:16px;
  line-height:22px;
  letter-spacing:1px;
  padding:4px;
  margin-top:0px;
  margin-bottom:10px;
}

.C1 > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2) > input:nth-child(1){
  margin-top:-15px;
  margin-bottom:10px}


#edit input[name=start],#edit input[name=duration],#edit input[name=goalp],#edit input[name=code] {
  background:#eaf3d2;
  width:100px;
  padding:8px;
  border-color:transparent;
  color:#00689b;
}
#edit input[name=title]{
  width:495px;
  /* margin-bottom:5px;
  padding:8px 4px;*/
}
.T{
  width:100%;
  border-spacing:0px;
  font-size:13px;
}
.H{
  background:#fff;
  color:#00689b;
  padding:10px;
  border-bottom-width:2px solid #00689b;
}
.btn{
  float:left;
  background:#94c11f;
  color:#fff;
  margin:10px 5px 0px 0px;
  padding:10px 20px;
  font-size:15px;
  border:none;
}

input{
  max-height:100px;
  background:#94c11f;
  color:#fff;
  padding:7px 10px;
  font-size:16px;
  border:0px;
  margin-top:0px;
}

select{
  background:#eaf3d2;
  color:#00689b;
  padding:5px;
  font-size:14px;
  border:none;
  height:auto;
}
select > option{
  background:#fff;
  color:#00689b;
  padding:0px;
  font-size:14px;
  line-height:30px;
  border-top:none;
}

#lang > form:nth-child(4) > select:nth-child(2),#lang > form:nth-child(4) > select:nth-child(3),#lang > form:nth-child(4) > select:nth-child(1){
  font-size:12px;
  padding:5px 0px;
}
#lang > form:nth-child(4) > select:nth-child(2) > option,#lang > form:nth-child(4) > select:nth-child(3) > option,#lang > form:nth-child(4) > select:nth-child(1) > option{
  font-size:12px;
  }

.C1 > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) > select:nth-child(1),.C1 > tbody:nth-child(1) > tr:nth-child(9) > td:nth-child(2) > select:nth-child(1){ padding:10px 5px 5px 5px;margin-bottom:15px}
.C1 > tbody:nth-child(1) > tr:nth-child(8){ margin-top:15px}
.empty > td:nth-child(1){height:15px}

.C1 > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2) > select:nth-child(1){
  font-size:14px;
  margin-bottom:10px}

.C1 > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(2) > input:nth-child(1){
  margin-top:-20px}

#thak{
    width:auto;
}

#thak > input:nth-child(3){
  display:block;
  float:left;
  width:auto;
  margin:15px 0 0 0;
}


#ttab div {float:left;width:30px;background:#ddd;margin:1px;text-align:right;cursor:pointer}
#ttab br {clear:both}
#ttab .sd,.sd {background:#94c11f}

#wd div {float:left;width:30px}

span img {margin:0 0 2px 2px;cursor:pointer}

#footer {
  width:100%;
  margin-top:40px;
  position:absolute;
  left:0px;
  bottom:0px;
  background:#003048;
  color:#94c11f;
  padding:25px}
  
#legend {color:#444;font-size:12px}
#pgoal input[name=goalp1],#pgoal input[name=goalp2],#pgoal input[name=goalp3],
#pgoal input[name=goalp4],#pgoal input[name=goalp5],#pgoal input[name=goalp6],
#pgoal input[name=goalp7],#pgoal input[name=goalp8],#pgoal input[name=goalp9],
#pgoal input[name=goalp] {width:100px}
.who {font-size:12px;color:#888}

div.text:nth-child(5) > select:nth-child(1){margin-bottom:10px}

#pin {width:98%;display:block;margin:10px 0;background:color:#94c11f}

div.text:nth-child(5){font-size:12px}

hr { border:1px solid;color:#94c11f}

.goals > img{padding:5px;margin:5px 0;border-radius:30px;cursor:pointer}

#main > br:nth-child(6) {margin:5px 0}

div.text:nth-child(5) > select:nth-child(1){width:100%;line-height:30px}

em{font-style:normal}

/* THANKS BOX*/
#gbx{
  display:inline;
  width:220px;
  height:185px;
  background:#94c11f;
}
#portrait{
  width:85px;
  float:right;
  margin:16px 16px 20px 0;
  border:2px solid #0099cf;
}
#pkt{
  margin:12px 16px 0px 16px;
  color:#fff;
}

#tha{
  float:left;
  margin:10px 0px 5px 16px;
  font-size:12px;
  color:#fff
}


#tar{
  margin:5px 16px 0px 16px;
  color:#fff;
}

#thanks{
  float:left;
  margin:0px 0px 10px 16px;
  background:transparent;
  line-height:29px;
  background:url(img/bg_thanks.png);
  width:20px;
  padding:10px 0 0 23px;
  color:red;
}
#mem{margin-bottom:20px}

#thankyou{
  float:left;
  margin:10px 0 10px 16px;
  font-size:14px;
  letter-spacing:1px;
  /*font-weight:600;*/
  color:#fff}

#onco{
  width:155px;
  float:left;
  margin:0px 16px 0px 16px;
  background:#0099cf;
  color:#fff;
  padding:5px 16px;
}

#onco:hover{
  background:#fff;
  color:#94c11f;
}
#thk{
  width:97.5%;
    }
#thak > div:nth-child(1){
  clear:right}
div.text:nth-child(4){
  padding:0px 16px 20px 16px;
  font-size:13px;
  width:88.25%;
  height:auto;
}

#chart,#Entries,#Comments,#Posts,#AvgGoal,#Activity {min-width:310px;height:400px;margin:0 auto}
.sm1 {background:#ff0}
input[name=neu] {width:auto!important}

input[name=title1],input[name=title2],input[name=title3],input[name=title4],input[name=title5],input[name=title6] {width:96%}

#thak > div:nth-child(1){ margin:10px 0;}

/*pinwand select*/
div.text:nth-child(6) > select:nth-child(1){
  margin-bottom:10px}

/*auswertung*/
#left > div:nth-child(2){
  width:93%}

/*Formular*/
.amag1{
    float: left;
    width: 25px;;
    height: auto;
    clear:right;
    margin:-1px 0pc 5px 0px; }
.I {
    : #f8f8f8;
    padding: 5px;}



/*RESPONSIVE*/


@media only screen and (max-width:1050px) {

html{
    font:500 13px 'Mako',sans-serif;
}    
#main {
    width:100%;
	:transparent;
    margin-left:0px;
	}
    
.big {
    font-size:16px;
}

#left  {
    float:left;
	width:auto;
    margin-right:0;
}

    #right {
        float:left;
    margin-left:0%;
}
    
.tab1, .tab0 {
    width:92%;
    margin-right:0;
    padding: 10px;
}
    
#edit textarea{
    width: 80%;
    height:50px;
    border:1px solid #ccc;
    padding:5px;
    font-family:inherit;
    font-size: 12px
}
#daygoal > form:nth-child > textarea:nth-child {
    width:280px;
    border:1px solid #ccc;
    padding:10px 16px;
    font-family:inherit;

}

#daygoal > form > textarea{
    display: none;
}
    
#mnu1, #main > img:nth-child(6), div.title:nth-child(1), #right > div:nth-child(2){
    display:none;
}
#gbx{
    width:100%;
    height:auto;
}
    
#onco {
    display:none;
}
#left > div:nth-child(2) {
    width:88%;
}
.C1{
    width:300px;
}
    
.C1 > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(2) > a:nth-child(2),
.C1 > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(2) > input:nth-child(1) {
    margin-top:0px;
    width:100%;
    clear:both;
}
    .C1 > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2) > select:nth-child(1) {
    font-size:11px;
    margin-bottom:5px;
}

input, input:hover {
    background:none repeat scroll 0% 0% #94C11F;
    color:#FFF;
    padding:4px;
    font-size:11px;
    border:0px none;
    margin-top:2px;
}

    #userlogin{
    width:95%;
    line-height:1.4;
    font-size:14px;
}
    #userlogin > p{
    font-size:100%;}
    
#lang {
    width:auto;
    float:none;
    background:none repeat scroll 0% 0% #fff;
    font-size:11px;
    line-height:16px;
    color:#00689B;
    text-decoration:none;
    margin-top:0px;
    padding:5px 10px 10px;
    overflow:auto;
    border-radius:0px 0px 0px 0px;
}
select {
    text-align:right;
    float:none;
    width:auto;
    background:none repeat scroll 0% 0% #fff;
    color:#00689B;
    padding:5px;
    font-size:11px;
    border:medium none;
    height:auto;
}
select > option {
    background:none repeat scroll 0% 0% #FFF;
    color:#00689B;
    padding:0px;
    font-size:10px;
    line-height:30px;
    border-top:medium none;
}
div.text:nth-child(4),  div.title:nth-child(3),  div.title:nth-child(5), {
    float:none;
    margin-left:0;
    width:auto;
}    
div.text:nth-child(6){
    width:88%;
}
.goals > img {
    width:8%;
    padding:5px;
    margin:5px 0px;
    border-radius:30px;
}

input[type=submit] {cursor:pointer}
#ico img {height:24px;width:24px;margin:0 4px}

.title {
    width:89.6%;
    height: auto;
}
    div.title:nth-child(5) {
    width:89.2%;
    height: auto;
}
    svg:not(:root), symbol, image, marker, pattern, foreignObject {
    overflow: hidden;
    width: 90%;
    height: auto;}
}