@CHARSET "ISO-8859-1";


div#startnav{
	float:left;
	width:100%;
	margin: 5% auto 0px auto;
	text-align:center;
	/*background-color:rgba(255,255,255,0.2);*/
}
div#startnav > div{
	display:inline-block;
	margin-top:20px;
}

div#startnav a:not(.subchild){
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
	padding:10px 20px 10px 20px;
	background-color:#ed701f;
	color:#ffffff;
	font-size:1.2em;
	text-transform:uppercase;
	width:180px;
}
div#startnav a.subchild{
	
	display:block;
	margin-left:15px;
	margin-right:15px;
	padding:10px 20px 10px 20px;
	background-color:#00ff00;
	color:#ffffff;
	font-size:1.2em;
	text-transform:uppercase;
	width:180px;
	}

div#startnav a:hover{
	text-decoration:none;
}

div#container{
	position:relative;
	padding:0vw 0vw 5vw 0vw;
	text-align:center;
	
	background: url(../images/start.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
	
}
div#container > p{
	position:absolute;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	right:0px;
	font-size:2em;
	color:#303030;
	background-color:#ffffff;
	opacity:0.8;
	}
	

div#stone{
	float:left;
	margin:15vh 0px 0px 0px;
	width:100%;	
	height:350px;
}

div#stone{
	position: relative;
}
div#stone img{
	width:800px;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(235,171,44,1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(235,171,44,1);
	box-shadow: 0px 0px 10px 5px rgba(235,171,44,1);
}

div#stone textarea{
	position:absolute;
	display:block;
	top:75px;
	left:50%;
	height:180px;
	width:640px;
	margin-left:-320px;
	background:transparent;
	text-align:center;
	color: #591801;
	border:2px solid #ffffff;
	
	
	font-size:4em;
	font-family:'Roboto Mono', monospace, serif;
	line-height:2.6em;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	white-space:pre;
	
	/*
	background:url(../images/stonebg.jpg) no-repeat center center;
	 -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
        background-size: cover;
        */
}

button.action{
	cursor:pointer;
	padding:10px;
	background-color:#202020;
	border:1px solid #151515;
	font-size:2em;
	color:#ffffff;
}
button.action:hover{
	color:#acda9f;	
}

button#stoneadd{
	
}
button#buyfinish{
	background-color:#28a8c6;
}


#stonebasket{
	text-align:center;
}

#stonebasket img{
	width:50%;
	min-width:200px;
}

#stonebasket > div{
	display:inline-block;
	margin:10px;
	width:35%;
	/*line-height:200px;
	font-size:3em;*/
	}

#stonebasket div > span{
	display:inline-block;
	margin: 0px 0px 0px 20px;
	font-size:1em;
	text-align:top;
}
#stonebasket div > span:nth-child(3){
	font-size:1.2em;
	cursor:pointer;
}
#stonebasket div > span.doninput {
		
}	
#stonebasket div > span.doninput > input{
	width:80px;
	font-size:2em;
	height:50px;
	text-align:center;
}
#stonebasket div > span.doninput > input.doninit{
	color:#a0a0a0;
}
#stonebasket div > span.doninput span{
	font-size:0.8em;
}


button#buyStones > span.donatetotal{
	display:block;
}


div#buy,
div#thanks{
	display:none;
	text-align:center;
}

#buy > div#cust{
	display:inline-block;
	max-width:60vw;
	text-align:left;
}

/*Adresse Spender*/
#cust input:required{
	border:1px solid red;
}
#cust > p{
	display:inline-block;
}
#cust > p#checkinfo{
	width:100%;
	text-align:center;
	color:#a2ca01;
	font-size:2em;
	
}

#cust > p > label,
#cust > p > input{
	font-size:2em;
}
#cust > p > label{
	display:inline-block;
	width:400px;
}

#cust > p > input#txtplz{
	width:20%;
	max-width: 100px;
}


/*Adresse Sendenquittung*/
#cust > div#donadr{
	padding-left:20px;
	
}
#cust > div#donadr > p{
	display:inline-block;
}
#cust > div#donadr > p > label,
#cust > div#donadr > p > input{
	font-size:1.8em;
}
#cust > div#donadr > p > label{
	display:inline-block;
	width:400px;
}

#cust > div#donadr > p > input#txtplz2{
	width:20%;
	max-width: 100px;
}



#cust button#buyfinish,
#cust button#btnorder{
	margin-left:400px;
}


#cust button#buyfinish{
	display:none;
}

div#docdown a#pdfdown{
	font-size:2em;
	display:block;
	padding:7px;
	margin:10px 0px 10px 0px;
	background-color:#fddc5a;
	text-align:center;
}

div#thanks p#txtthanks{
	font-size:3em;
}