body { 
	background:#333 url(../grafiken/reispapier.png) 0 0 repeat; 
	font-family:Arial,Helvetica,sans-serif;	
	font-size:100%;
}

a {
	text-decoration:none;
	-moz-outline-style: none;		/*verhindert den gepunkteten Rahmen um den link*/
	outline: none;					/*verhindert den gepunkteten Rahmen um den link*/
}

h2 {
	font-size:100%;
}

#HauptDiv {
	margin-left: auto;
	margin-right: auto;
	padding:30px;
	width:800px;
	height:400px;

	background-color:#FFFAF0; 
	border:0px solid black;
    -webkit-box-shadow: 0px 9px 0px #FFFAF0, 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px #FFFAF0, 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px #FFFAF0, 0px 9px 25px rgba(0,0,0,.7);
	-moz-border-radius: 15px;
	border-radius: 15px;
}


	/*Vertical scrollbar - set width and height of a div you want to add a scrollbar to*/
	#vertical-scrollbar-demo {
		height: 250px;
		width: 800px;
	}

	/*Horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
	#horizontal-scrollbar-demo {
		width: 400px;
		height: 200px;
	}

	/*Horizontal scrollbar - set width of overview or make it expand horizontal like below*/
	#horizontal-scrollbar-demo .overview {
		/*width: 1836px;*/
		/* or */
		white-space: nowrap;
	}

	#horizontal-scrollbar-demo img {
		height: 180px;
		width: 180px;
	}

	/*Vertical and horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
	#vertical-horizontal-scrollbar-demo {
		width: 400px;
		height: 200px;
	}

	#vertical-horizontal-scrollbar-demo .overview {
		width: 600px;
	}

	/* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
	#min-thumb-size-demo .overview {
		width: 600px;
	}

	/*Vertical and horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
	#min-thumb-size-demo {
		width: 400px;
		height: 200px;
	}

	/* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
	#min-thumb-size-demo .overview {
		width: 600px;
	}

	#min-thumb-size-demo .vertical .thumb {
		min-height: 150px;
	}

	#min-thumb-size-demo .horizontal .thumb {
		min-width: 300px;
	}

	#fixed-thumb-size-demo {
		width: 400px;
		height: 200px;
	}

	/* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
	#fixed-thumb-size-demo .overview {
		width: 600px;
	}

	/*No scrollbar needed*/
	#no-scrollbar-needed {
		max-height: 100px;
		max-width: 400px;
	}

#ScrollBereich {
	display:block;
	width: 800px;  
	height: 260px;
	padding-left: 0px;  
	background-color:#FFFAF0; 
	border:0px solid black;
}

#InhaltScrollBereich {
	font-size:small;
	display:block;
	width: 90%;  
	height: 80%;  
	background-color:#FFFAF0; 
}

pre {
	background-color:transparent; 
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	font-family:Arial,Helvetica,sans-serif;	
	font-size:small;
}

/*
    background-color: rgba(219,87,5,1);
    -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
*/

.mya {
	position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: rgba(122,197,205,1);
    font-family: Arial;
    font-weight: 700;
    font-size: 0.8em;
    display: block;
    padding: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(0,154,205,1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(0,154,205,1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(0,154,205,1), 0px 9px 25px rgba(0,0,0,.7);
    margin:  auto;
	width: 130px;
	text-align: center;
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

a.mya:active {
    -webkit-box-shadow: 0px 3px 0px rgba(0,154,205,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(0,154,205,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(0,154,205,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}