body { margin: 0px; padding: 0px; font-family: Helvetica,sans-serif; background-color: #CDCDCF; text-align: center;  }
h1 { margin: 0px; padding: 40px 0px 30px 0px; color: #FFFFFF; font-size: 42px; font-weight: normal; letter-spacing:0.2em; }
h2 { margin: 0px; padding: 60px 0px 40px 0px; color: #444444; font-size: 32px; text-align: left; font-weight: normal; letter-spacing:0.1em; }
h3 { margin: 0px; padding: 50px 0px 10px 0px; color: #F65E0D; font-size: 22px; text-align: left; font-weight: normal; letter-spacing:0.1em; }
h4 { color: #FFFFFF; font-family: 'Arial',sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; margin: 0 0 10px; }
p { color: #666666; font-size: 16px; margin: 0px auto; padding: 0; line-height:1.4em; }
a { font-size: 16px; color: #222222; text-decoration: none; font-weight: normal;  }
ul { margin: 0px; padding: 0px 0px 0px 20px; }
ol { margin: 0px; padding: 0px 0px 0px 20px; }
li { margin: 10px 0px; padding: 0px 0px 0px 10px; font-family: Helvetica,sans-serif; color: #666666; font-size: 16px; }
img { width: 700px; }
button { border: 1px solid #CBCBCB; border-radius: 4px; padding: 8px 15px; float: left; background-color: #F9F9F9; background-image: linear-gradient(to bottom, #F9F9F9, #DCDCDC); background-repeat: repeat-x; cursor: pointer; }

.setPos { width: 800px; text-align: left; margin: 0px auto; }
.backColor { background-color: #F59400; background-image: linear-gradient(to bottom, #F59400, #E87107); background-repeat: repeat-x; }
.navi { background-color: #EEEEEE; background-image: linear-gradient(to bottom, #FBFBFB, #DADADA); background-repeat: repeat-x; border-bottom: 1px solid #F7F7F7; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); padding: 9px 0 14px; }
.navi a { font-size: 18px; color: #4D4D49; text-decoration: none; margin: 0px 5px; letter-spacing:0.2em; }
#animation { width: 440px; height: 440px; }
#info { color: #666666; font-size: 16px; line-height:1.4em; }
.link { border: 1px solid #CBCBCB; border-radius: 4px; margin-top: 15px; padding: 8px 15px; float: left; background-color: #F9F9F9; background-image: linear-gradient(to bottom, #F9F9F9, #DCDCDC); background-repeat: repeat-x; }
.clear { clear: both;}

.small { font-size: 14px; }

.term { }
.term  td { color: #666666; font-size: 16px; margin: 0px auto; padding: 0; line-height:1.4em; }
.term a { font-size: 16px; color: #222222; text-decoration: none; font-weight: normal; }
.term .link { text-align: center; border: 1px solid #CBCBCB; border-radius: 4px; margin-top: 0px; padding: 8px 15px; float: left; background-color: #F9F9F9; background-image: linear-gradient(to bottom, #F9F9F9, #DCDCDC); background-repeat: repeat-x; }

.footer { margin: 30px 0px 20px 0px; padding: 20px 0px; background-color: #6E6E70; background-image: linear-gradient(to bottom, #575758, #6E6E70); background-repeat: repeat-x; }
.footer .info { color: #DADADB; font-size: 12px; line-height: 18px; text-align: center; }
.footer td { padding: 0px 20px; text-align: left; vertical-align: top; }
.footer a { color: #B5B5B5; font-family: 'Arial',sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; text-decoration: none; }
.footer a:hover { color: #F65E0D; text-decoration: none; }
.infoTop { vertical-align: middle; }
.infoBottom { margin-top: 30px; }
.doDisplay { display: none; }

.glossar div { padding: 2px 0px; }
.glossar a { text-decoration: underline; }
.glossar h3 { padding: 15px 0px 0px 0px; }
.glossar li { margin: 3px 0px; padding: 0px; }
li.di {list-style-type: disc; }
li.ci {list-style-type: circle; }

@media only screen and (max-width: 800px) {
	.setPos { width: 100%; text-align: left; margin: 0px 5px; }
	.noneDisplay { display: none; }
	.doDisplay { display: block; }
	img { width: 100%; height: auto; width: auto; }
	h1 { padding: 20px 0px 15px 0px; font-size: 26px; }
	h2 { padding: 20px 0px 15px 0px; font-size: 24px; }
	h3 { padding: 20px 0px 10px 0px; font-size: 20px; }
}
	
	




/*
body { background-color:  #FFFFFF; }
h1 { text-align: center; color: #575656; }

#body { width: 800px; margin: 5px auto; border: 1px #dddddd solid; }
#board { width: 450px; height: 300px; margin: 0px auto; }
#info { text-align: center; margin-top: 20px; }
#next { text-align: center; display: none; }

@media only screen and (max-width: 800px) {
	#body { width:100%; border: 0px solid #ffffff; }
	#board  { width:100%; height: 200px; }
	img { width: 100%; }
}

.button { background-color: #7BA9DB; color: #FFFFFF; padding: 10px 15px; border: 1px #CCCCCC solid; border-radius: 10px; text-align: center; width: 200px; margin: 30px auto; }
.button  a { text-decoration: none; color: #FFFFFF; }
.button i { color: #CC3333; }
*/