body {
  background:#fff;
  color:#000;
  font-family:'Istok Web','Helvetica Neue', HelveticaNeue, 'Neue Helvetica', Helvetica, Arial, sans-serif;
  font-size:15px;
  hyphens:auto;
  line-height:1.4; /* 21px */
  min-width:960px;
  margin:0;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	margin:0;
	border:none;
	font-size:0;
	line-height:0;
}
.separator {
	height:1.0em;
	visibility:visible;
	width:100%;
}
.icon {
  speak:none;
}




a {
  color:#000;
  text-decoration:none;
}
figure, div.figure {
  margin:0;
}
figcaption, div.figcaption {
  clear:both;
}
img {
	border:none !important;
}
h1, h2, h3, p {
	margin:0;
	padding:0;
}
ul, ol, blockquote {
  margin-top:0;
  margin-bottom:0;
}
ul {
  list-style-type:square;
}
td {
  vertical-align:top;
}
::selection, ::-moz-selection, ::-webkit-selection {
  background-color:#ed8880;
  color:#fff;
}


form, fieldset {
  border:none;
  padding:0;
}
input, select, textarea {
  border:1px solid #d8d5cb;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border-radius:3px;
  margin:0;
  padding:0.75em;
  outline:none;
  vertical-align:middle;
  width:100%;
}

select {
  border:none;
}
textarea {
  height:auto;
}
input[type="submit"] {
  background:#000;
  border:none;
  color:#fff;
  cursor:pointer;
	width:auto;
}
input[type="submit"]::-moz-focus-inner {
  border:none;
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
  background:#ed8880;
  color:#fff !important;
}

input[name="codeinput"] {
  width:auto;
}
input[disabled="disabled"] {
  color:#333 !important;
}



.community {
	background:#ffb7ae;
	line-height:1.0;
}
.community ul {
  list-style:none;
	margin:0 auto;
	width:960px;
  padding:0;
}
.community ul li {
  float:left;
  height:30px;
	margin:0 5px;
	padding:0;
}
.community span {
	float:left;
	margin:0.75em 0 0 0;
}
.community img {
	float:left;
}


.container_48 {
}



.menu {
  background:#000;
	color:#f4f1e4;
	line-height:1.0;
}
.menu ul {
  list-style:none;
	margin:0 auto;
  padding:0;
  text-align:right;
	width:960px;
}
.menu ul li {
  display:inline-block;
  margin:0 5px 0 15px;
  padding:0.5em 0;
}
.menu ul li a {
	color:#a3a8af;
}
.menu ul li a:hover, .menu ul li a:focus, .menu ul li a:active {
	color:#fff;
}
.menu ul li a.current {
	color:#ffb7ae;
}
header, div#header {
	margin:0 auto;
  margin-bottom:3em;
	width:960px;
}
header div, div#header div {
	display:inline;
	position:relative;
}
header .logo, div#header .logo {
	float:left;
	margin:0 5px;
}

header form {
  float:right;
  margin-top: 5px;
  margin-right:20px;
}
header form input {
	width:70%;
	float:left;
}

header .address, div#header .address {
	float:right;
	margin:0 5px;
}
header .address p, div#header .address p {
  margin:1.0em 0 0;
  padding:0;
  text-align:right;
}



.container_48 a {
  border-bottom:2px solid #ffa79d;
}
.container_48 a:hover, .container_48 a:focus, .container_48 a:active {
  background-color:#ffa79d;
}


div.fcts ul, div.status ul {
  list-style:none;
  margin:0;
  padding:0;
}
div.fcts li {
  float:left;
}
div.status li {
  float:left;
  margin-top:15px;
  margin-right:20px;
}
div.status li span {
  display:block;
  margin-left:10px;
  margin-top:3px;
}

div.status li img, div.status li span {
  float:left;
}


.error {
  background-color:#000;
  color:#fff;
}




/* ########################################## Footer */
footer, div#footer {
  border-top:2px solid #000;
  margin-top:2em;
  padding:1em 0;
}
footer ul, div#footer ul {
  margin-left:0;
  padding-left:0;
  list-style:none;
}
.container_48 footer a, .container_48 div#footer a {
  border:none;
}
.container_48 footer a:hover, .container_48 footer a:focus, .container_48 footer a:active, 
.container_48 div#footer a:hover, .container_48 div#footer a:focus, .container_48 div#footer a:active {
  background:transparent;
  border-bottom:1px solid #000;
}


/* ########## statische Layout-Sections */
div.staticbox {
  margin-top:0.66666666666667em;
  margin-bottom:0;
}


div.staticbox figure a, div.staticbox div.figure a {
  display:block;
  border:none;
}
div.staticbox figure a:hover, div.staticbox figure a:focus, div.staticbox figure a:active,
div.staticbox div.figure a:hover, div.staticbox div.figure a:focus, div.staticbox div.figure a:active {
  border:none;
}
div.staticbox figure a img, div.staticbox div.figure a img {
  float:left;
}

div.whiteBox {
}
div.blackBox {
  background-color:#000;
  color:#fff;
}
div.redBox {
  background-color:#ffb7ae;
  color:#000;
}
div.grayBox {
  background-color:#909090;
  color:#fff;
}

div.frame {
  margin:1.0em 0;
}
div.blackBox div.frame, div.redBox div.frame, div.grayBox div.frame {
  margin-left:10px;
  margin-right:10px;
}
div.blackBox a, div.redBox a, div.grayBox a {
  color:#fff;
}


div.redTextBox {
  color:#ff9c71;
}
div.grayTextBox {
  color:#909090;
}
div.redTextBox a {
  color:#ed8880;
}
div.grayTextBox a {
  color:#909090;
}




/* Problem-Modul */

.probox {
	display:inline-block;
	margin:0 5px 3.0em;
	padding:5px;
	width:458px;
	background:#fefefe;
	border:1px solid #f0f0f0;
	border-radius:2px;
	height:auto;
	vertical-align:top;
}
.probox * {
	margin:0;
	padding:0;
}
.probox a {
	border:none !important;
}
.probox .author,
.probox .title,
.probox .ranking {
	position:relative;
}
.probox .author * {
	display:inline-block;
	position:relative;
	vertical-align:bottom;
}
.probox .author figure {
	background:#000;
	margin-left:20px;
	padding:2px 2px 0;
	width:70px;
}
.probox .author p {
	color:#676c75;
	padding-bottom:0.25em;
	padding-left:0.25em;
}

.probox .title {
	box-shadow:0 -2px 4px rgba(39,43,51,0.25);
	clear:both;
}
.probox h2 {
	display:inline;
}
.probox .title a {
	background:#000;
	color:#fffcee;
	display:block;
	padding:0.5em 20px;
}
.probox .title a:hover, .probox .title a:focus, .probox .title a:active {
	background:#000;
	color:#ffb7ae;
}
.probox .ranking a {
	background:#fee1d3;
	display:block;
	margin-top:0.25em;
}
.probox .ranking a:hover, .probox .ranking a:focus, .probox .ranking a:active {
	background:transparent;
}
.probox .ranking span {
	line-height:1;
	padding:0.25em 0;
	vertical-align:top;
}
.probox .ranking .bar {
	background:#ffb7ae;
	display:block;
	float:left;
	height:1em;
	margin-right:1em;
}
.probox .ranking .label {
	color:#af645f;
	float:right;
	text-align:right;
	display:none;
}
.probox .ranking a:hover .label, .probox .ranking a:focus .label, .probox .ranking a:hover .active {
	display:block;
}



#proform {
	display:inline-block;
}
#proform .tabs ul {
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
}
#proform .tabs li {
	display:inline;
}
#proform .tabs a {
	background:#fedac8;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	cursor:pointer;
	display:block;
	float:left;
	margin-right:0.5em;
	padding:0.5em;
}
#proform .tabs a.current {
	background:#ffb7ae;
}
#logbox, #regbox {
	background:#ffb7ae;
	clear:both;
}
#regbox {
	display:none;
}
#newbox {
	background:#000;
}
#proform form {
	padding:0.5em 20px;
}
#proform form .leftcol,
#proform form .rightcol {
	float:left;
	display:inline;
	position:relative;
	width:49%;
}
#proform form .leftcol {
	margin-right:2%;
}
#proform input,
#proform textarea {
	padding:0.75em;
}
#newbox {
	box-shadow:0 -2px 4px rgba(39,43,51,0.25);
	color:#fffcee;
}
#newbox input[type="text"], #newbox textarea {
	background:#fedac8;
	border-color:#676c75;
	color:#000 !important;
}
#newbox textarea {
	height:6.0em;
}
#newbox input[type="submit"] {
	background:#f4f1e4;
	color:#000;
}
#newbox input[type="submit"]:hover, #newbox input[type="submit"]:focus, #newbox input[type="submit"]:active {
	color:#000 !important;
	background:#ffa79d;
}

.pic {
}
.pic div {
	background:#000;
	text-align:center;
	color:#fffcee;
	padding:0.5em 10px;
}
.owner {
}
.owner div.frame {
	background:#ffb7ae;
	padding:0.25em 10px;
	margin:0;
}
.noowner div.frame {
	margin:0;
}
.owner img, noowner img {
	margin:0.5em 0;
}
.dvdr {
	border:none;
	border-top:2px solid #fee1d3;
	height:2px;
	margin:1em 0;
}


.itemlist {
	margin:3.0em 0;
}
.itemlist a {
	border:none;
}
.itemlist a:hover, .itemlist a:focus, .itemlist a:active {
	border:none;
}


/* Textsatz */
.small, header .address p, label, footer, div#footer, .community { /* klein */
  font-size:80%;
  line-height:1.25; /* 15pt */
}
.regular, h3, p, ul, ol { /* normal */
  font-size:100%;
  line-height:1.4; /* 21px */
  margin-top:1.0em;
}
h2 { /* mittel */
  font-size:120%;
  line-height:1.333; /* 24px */
  margin-top:0.875em;
}
#newbox input[type="text"] { /* mittel */
  font-size:120%;
  line-height:1.333; /* 24px */
}
h1  { /* groß */
  font-size:200%;
  line-height:1.3; /* 39px */
  margin-bottom:1.2em;
}
.number  { /* groß */
  font-size:200%;
  line-height:1;
}

p:first-child, ul:first-child, ol:first-child, h2:first-child, h3:first-child,
.owner img:first-child, noowner img:first-child {
	margin-top:0;
}

em, i, .italic {
	font-weight:400italic;
	font-style:italic;
}
b, strong, .bold {
	font-weight:700;
}

h1, .probox .title h2, .success, #newbox input[type="text"] {
  font-family:georgia, serif;
  font-style:italic;
}

.number, #newbox input[type="text"] {
	font-weight:bold;
}
.serif {
  font-family:georgia, serif;
}
.caps {
  text-transform:uppercase;
}

.number, .sub {
	color:#ccc;
	font-weight:normal;
}
.gray {color:#9b9b9b;}
.black { color:#000; }
.nmbr {padding-right:20px;}
.red, .intro {color:#ed8880;}
.kerned {letter-spacing:3px;}
.small {
}
.txtright {text-align:right;}
.txtcenter {text-align:center;}
.txtleft {text-align:left;}


.hidescreen {display:none;}


/* Mediathek */
.thead {
	background:#ffb7ae;
	padding:4px 0 4px;
}




div.pagenav {
	margin-top:0.5em;
}
div.pagenav ul {
  list-style:none;
  display:inline-block;
}
div.pagenav li {
  float:left;
}
div.pagenav a {
  display:block;
  padding:6px 5px 6px 5px;
  text-decoration:none;
}
div.pagenav a:hover {
  background-color: #666;
  color:#fff;
}
div.pagenav a.current {
  background-color:#000;
  color:#fff;
}



.todo {
  color:#f0f;
}






/* ############ highlighting von suchworten */
span.searchword {
  background-color: #ffd150;
}