body{
  font-family:Arial, serif; 
  background-color:#ffffff;
  color: #A64300;
}
.roundshadow{
 -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  padding: 30px 10px;
}
.colorsheme{
/*
#A64300 braun
#F10026	rot	
#FFA500 gelb
#FF6700	orange
		
#FFCE73 hell
		*/
}
#wrapper{
  margin:0em auto 1em auto;
  width:800px;
  position:relative;
  background-color: #ffffff;
}

#logo{
  position:relative;
}
#nav-0{
  height:40px;
  background-image: -moz-linear-gradient(
  rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 85%);
  border-radius: 15px 15px 0 0px;
  background-color:#ffffff;
}
#nav-0{
  position:absolute;
  bottom:0px;
  left:570px;
  text-align:right;
}
#nav-0 ul{
  width:100%;
  text-align:right;
  padding: 10px 0 0 0;
}
#nav-0 li{
  display:inline;
  padding: 5px 0px 0 10px;
}
#nav-0 a:link, #nav-0 a:visited{
  color:#A64300;
  text-decoration:none;
  font-weight:bold;
  font-size:80%;
  padding: 0 0 0px 15px;
}

#nav-0 a:hover, #nav-0 a:active{
  color:#FFA500;
}
#nav-1{
  border-top:2px solid #FFA500;
  border-bottom:2px solid #FFA500;
  position:relative;
  top:-2px;
}
#nav-1 ul{
  height:30px;
}
#nav-1 ul li{
  display:inline;
}
#nav-1 a:link, #nav-1 a:visited{
  color:#A64300;
  text-decoration:none;
  font-size:120%;
  position:relative;
  top:5px;
  padding:4px 22px;
}

#nav-1 a:hover, #nav-1 a:active{
  color:#FFA500;
}

#active{
 background-color:#FFA500;
 color: #A64300 !important;
}
.white{
  color:#ffffff;
}
.subtitle{
  font-weight:bold;
  padding: 0 0 10px 0;
}

#content{
  line-height:140%;
}
#content h1 {
  font-size:165%;
  font-weight:normal;
  padding:35px 0 10px 0px;
}
#content .row p{
  width:500px;
}

#content a:link, #content a:visited{
  color:#FFA500;
  font-weight:bold;
  text-decoration:none;
  font-size:100%;
}

#content a:hover, #content a:active{
  color:#A64300;
  background-color:#FFA500;
}

.row{
  clear:both;
  padding: 0 0 10px 0;
  width:800px;
}
.clear{
  height:10px;
}
.left{
  float:left;
  width:310px;
}
.right{
  float:left;
  width:390px;
}

.right p{
  font-size:80%;
  line-height:140%;
}

/* Projekt Übersicht */
.row-projekt{
  clear:both;
}
.left-projekt{
  float:left;
  width:200px;
  text-align:center;
  padding-top:30px;
}
.left-projekt img{
  width:67px;
}
.right-projekt{
  float:left;
  width:550px;
}
.bar-holder{
  width:450px;
  height:15px;
  background-color:#F7D36B;
  border:1px solid;
  border-radius:4px;
  margin:3px 0 0px 0;
}
.bar-left{
  height:100%;
  background-color:#A64300;
}
.bar-prozent{
  float:right;
  width:25px;
  font-weight:bold;
  position:relative;
  top:-21px;
  left:-55px;
}
.bar-text{
  width:450px;
  text-align:center;
  padding:5px 0 5px 0;
  margin: 3px 0 7px 0px;
}
.bar-text span{
  border-bottom:1px dotted #A64300;
  font-weight:bold;
}
.projekt-mehrtext{
  display:none;
}
.right-projekt h3{
  font-weight:normal;
}
.projekt-mehrtext p{
  padding:10px 0 15px 0px;; 
}
.projekt-mehr{
  padding:5px 0 0 0;
}


/* Projekt Detail */
.projekt-detail h2{
  width:550px;
  padding:0 0 10px 0;
}
.projekt-detail p{
  width:550px;
  padding:0 0 10px 0;
}
.projekt-table{
  margin:15px 0;
}
.projekt-table tr{
  border-bottom:1px solid;
  font-weight:bold;
}
.s-c1{
  padding:3px 6px 3px 0;
  text-align:right;
  font-weight:normal;
}


#footer{
  clear:both;
  text-align:right;
  border-top:2px solid #FFA500;
  margin-top:50px;
}
#footer a:link, #footer a:visited{
  color:#A64300;
  text-decoration:none;
  font-weight:bold;
  font-size:80%;
  padding: 0 0 0px 15px;
}

#footer a:hover, #footer a:active{
  color:#FFA500;
}

/* step 1 */
.help{
  font-weight:bold;
 -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  border:1px solid #FFA500;
  color: #F10026;
  padding:1px 6px;
  background-color: #EEEDEA;
}
#tooltipContainer{
  border:1px solid red;
  background-color:#FFFFCF;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}
#tooltipContainer p{
  width:12em;
  height:auto;
  margin:5px;
  padding:3px;
}
#step1, #step2, #step3{
  overflow:hidden;
  margin:15px 0 25px 0;
}
.steps{
  float:left;
  width:260px;
}
#fields{
  float:left;
  width:530px;
  border-left:2px solid #FFA500; 
}
.steps{

}
.steps h3{
  width:250px;
}
.steps p{
  width:250px;
}
#sh2{
  margin: 25px 0 0 0;
}
#sh2 input{
  display:block;
  margin: 30px 0 0 0;
}


#chftotal{
  width:120px;
  background-color: #FEEBA0;
}

#fields table{
  margin-left:25px;
  width:100%;
}
#fields table tr{

}
#fields table tr td{

}

.rowfield td{
  padding:20px 0 10px 0;
}
.rowslider td{
  padding:0px 0 25px 0;
}
.rowbox td{
  text-align:left;
}
.rowlast{
  padding-bottom:15px;
}
.linetop{
  border-top:1px solid #FFA500;
}
.col1{
  width:300px;
  font-weight:bold;
}
.col2{
  width:120px;
  text-align:right;
}
.col3, .col6{
  width:85px;
  padding: 2px 0px 2px 0px;
  text-align:center;
}
.col4{
  width:200px;
  font-weight:bold;
}
.col5{
  width:300px;
  text-align:right;
}
#slider1, #slider2{
   margin:0 40px;
}
.smalltext{
  font-weight:normal;
  font-size:70%;
}
#prozenttext{
  padding:25px;
  font-size:70%;
}
/* step-2 */
#step2 table, #step3 table{
  width:510px;
}
.col11{
  font-size:200%;
  padding:10px 0 0 0;
}
.col12{
  text-align:right;
  padding:8px 2px 0 0;
}
.col13{

} 
.label12{
  vertical-align:top;
  padding-top:0px;
}
.myInput, .myButton{
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  border:3px solid #FF6700;
  color: #A64300;
  font-weight:bold;
  padding:5px;
  font-size:120%;
  width:90px;
  background-color: #EEEEEE;
  text-align:center;
}
.myInput2{
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  border:1px solid #FF6700;
  color: #A64300;
  font-weight:normal;
  padding:2px;
  font-size:100%;
  width:200px;
  background-color: #FEEBA0;
  text-align:left;
  font-family:arial; 
}
.myButton{
  width:150px;
  height:45px;
  background-color: #FEEBA0;
    margin:25px 0 0 0;
}
.inactive{
  background-color:#F0EFEB;
  border: 1px solid #B8B7B5;
  color:#878785;
}
.steplink{
  font-size:300% !important;
  line-height:150% !important;
  font-weight:bold;
  padding-right: 5px;
  text-decoration:none;
  color:#FFA500;
}
.active{
  color: #F10026 !important;
}
.text-center{
  text-align:center;
}


/* Sponsoring */
#spon{
  margin: 15px 0;
}
#spon img{
  padding: 0 4px;
  cursor:pointer;
}
#spon-button1, #spon-button2, .spon-input{
 -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  border:3px solid #FF6700;
  text-align:center;
  color: #A64300;
  font-weight:bold;
  padding:2px;
  font-size:120%;
  background-color: #FEEBA0;
  text-align:center;
  height:50px;
}
#spon-button1, #spon-button2{
  width:180px;
  float:left;
}
#spon-button2{
  cursor:pointer; 
}
#spon-t1{
  font-weight:bold;
  color:red;
}
#spon-t2{
   font-size:65%;
}
#spon #betrag{
  width:50px;
  height:50px;
  margin-left:5px;
  float:left;
}
#spon-grav{
  padding:0 5px;
  width:180px;
  float:left;
}
#spon #gravur1{
  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  border-bottom:none;
  width:170px;
  height:25px;
  background-color:#B3FC9D;
}
#spon #gravur2{
-moz-border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 0px 0px 8px 8px;
  border-radius: 0px 0px 8px 8px;
  border-top:none;
  position:relative;
  top:-4px;
  width:170px;
  height:25px;
  background-color:#B3FC9D;
}
#spon #email{
  width:180px;
  height:50px;
  margin-right:5px;
  float:left;
  background-color:#B3FC9D;
  color:#0004FB;
}
#spon-button2{
 width:140px;
}
#spon-t3{
  font-weight:bold;
  color:red;
}
#spon-t4{
   font-size:65%;
}
#spon-text{
  clear:both;
  text-align:center;
  padding:15px 0;
  font-weight:bold;
}
.projekt-mehrtext #spon-button1{
  float:none;
}


#link-wie{
  background-image:url(../_image/stein/birne.jpg);
  background-repeat:no-repeat;
  padding:15px 10px 7px 60px;
  margin:25px 0 0 0;
  display:block;
}
.missing{
  border:2px solid #B900FC;
}
.grey{
  color:#999999 !important;
}