body, table {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  margin:0px;
  padding:0px;
  background-color:white;
}
h2 {
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#f60;
}
div {
  margin:0px;
  padding:0px;
  width:800px;
}
p {
  max-width:780px;
}
.abstand_oben {
  padding-top:8px;
}
.ausgewaehlt {
  padding:5px;
  background-color:white;
  margin:0px;
}
.versteckt {
  display:none;
}
.nach_rechts {
  text-align:right;
}
.nach_links {
  text-align:left;
}
.zentriert {
  text-align:center;
}

.nach_oben {
  vertical-align:top;
}
div#abschnitt_fragensammlung {
  background-color:white;
}
div#abschnitt_navigation {
  padding-top:10px;
  padding-left:0px;
  padding-bottom:0px;
  margin:0px;
  border-style:none;
  background-color:#f5f5f5;
}
#navlist {
  margin:0px;
  padding:3px 0;
  margin-left:0;
  border-bottom:1px solid #f60;
  font-weight:bold;
  background-color:#f5f5f5;
}
#navlist ul {
  padding:0px;
}
#navlist li {
  list-style:none;
  margin:0;
  display:inline;
}
#navlist li a {
  padding:3px 0.5em;
  margin-left: 3px;
  border:1px solid #369;
  border-bottom: none;
  background:#d3d3d3;
  text-decoration:none;
  color:#369;
  absolute 0 0;
  background-image:url(../img/menu_oben_bg.gif);
  background-repeat:y-repeat;
  background-position: top left;
  /*Ecken der Tabs abrunden*/
  -moz-border-top-left-radius:5px;
  -webkit-border-top-left-radius:5px;
  -khtml-border-top-left-radius:5px;
  -ms-border-top-left-radiu:5px;
  -o-border-top-left-radius:5px;
  border-top-left-radius:5px;
  -moz-border-top-right-radius:5px;
  -webkit-border-top-right-radius:5px;
  -khtml-border-top-right-radius:5px;
  border-top-right-radius: 5px;
}
#navlist li a:link {
  color:#369;
}
#navlist li a:hover {
  background:#e9f3f8;
  border-color:#369;
  color:#369;
}
#navlink li a:visited {
  color:369;
}
#navlist li a.current {
  background:#fff;
  color:#f60;
  border-color:#f60;
  border-bottom: 1px solid white;
}

div.clear {
  clear:both;
}
a.linkbereich {
  height:12px;
  cursor:pointer;
  border-bottom:dotted 1px grey; 
  text-decoration:none;
  color:black;
}
a.linkbereich:hover {
  background-color:#e9f3f8;
}
div#abschnitt_erzeuge {
  text-align:center;
}
input#b_werte_holen,
input#b_spiel_erstellen,
input#b_spiel_vorschau {
  width:480px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #336699;
  cursor: pointer;
	
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;	
	
  background:-webkit-linear-gradient(top, #dcdcdc, #336699);
  background:-moz-linear-gradient(top, #dcdcdc, #336699);
  background: linear-gradient(top, #dcdcdc, #336699);
	
  -webkit-box-shadow: 5px 5px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 3px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 3px rgba(0,0,0,0.5);
	
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
input#b_werte_holen:hover,
input#b_spiel_erstellen:hover,
input#b_spiel_vorschau:hover {
  background: -webkit-linear-gradient(top, #ffe6d5, #f60);
  background: -moz-linear-gradient(top, #ffe6d5, #f60);
  background: linear-gradient(top, #ffe6d5, #f60);
  border-color:#f60;
}
input#b_werte_holen:active,
input#b_spiel_erstellen:active,
input#b_spiel_vorschau:active {
  background: -webkit-linear-gradient(top, #f5f5f5, #789abd);
  background: -moz-linear-gradient(top, #f5f5f5, #789abd);
  background: linear-gradient(top, #f5f5f5, #789abd);
  border-color:#789abd;
}

textarea#textfeld_fragensammlung,
textarea#textfeld_labyrinth,
textarea#textfeld_objekte {
  border-style:solid;
  border-color:#696969;
  border-width:1px;
  border-radius:5px;
  padding:4px;
  width:600px;
  height:80px;
}
textarea#textfeld_fragensammlung:hover,
textarea#textfeld_labyrinth:hover,
textarea#textfeld_objekte:hover {
  background-color:#fff6d5;
}