@font-face {
  font-family: 'Allan';
  font-style: normal;
  font-weight: 700;
  src: url(/schongewusst/Allan.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Allan';
  font-style: normal;
  font-weight: 700;
  src: url(/schongewusst/Allan-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: url(/schongewusst/Cardo.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: url(/schongewusst/Cardo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {
	font-family: 'Cardo', Georgia, Times, serif;
	background: #F2F1E9;
	color: #877963;
	font-size: 18px;
	line-height: 25px;
	margin: 50px;}
	
a {
	text-decoration:none;
	color: #6E9489;}
a:hover {color: #41434A;}

#header {
	font-family: 'Allan', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #877963;
	font-size: 50px;
	line-height: 65px;}
#header a, #header a:hover {color: #877963;}

#content {	
	margin:50px 0px; padding:0px;
	text-align:center;}
	
#box {
	width:700px;
	margin:0px auto;
	text-align:left;
	padding: 40px;
	border:1px solid #DEDCC3;
	background-color:#DEDCC3;
	color: #4C4C4C;
	border-radius: 15px;
	margin-bottom: 50px;}

.image {float: right;}

	img {
		padding: 10px 10px 3px 10px;
		background:url('load.gif') no-repeat center;
		position: relative;
		top: -30px;}
	img {
		transition: opacity 3s;
		-webkit-transition: opacity 3s;
		-moz-transition: opacity 3s;
		-o-transition: opacity 3s;
		opacity:0.15;
		}
	img:hover {opacity:1;}

#infoboxlink {
	position: absolute;
	right: 128px;}
#entry br {display: none;}
	
#infobox{
	font-family: 'Allan', Helvetica, Arial, sans-serif;
	font-size: 44px;
	text-align: center;
	color: #877963;
	padding: 25px;
	top: 30%;
	left: 40%;
	box-shadow: 0 0 20px #000;
	border-radius: 10px;}

#plus, #minus, #issue, #refresh, #infoboxlink, #ranking{
	background: url('rate.png');
	cursor: pointer;}

#plus, #minus, #refresh, #ranking {width: 64px; height: 64px;}
#issue, #infoboxlink {width: 32px; height: 32px;}

#plus, #minus, #issue, #refresh, #ranking {position:absolute; width:64px;}

#plus {right:128px;}
#minus {right:64px;}
#issue {right:0px;}
#refresh {right:64px;}
#rate {width:138px; height:64px;}
#infoboxlink {right: 185px; top: 85px;}
#ranking {right:128px;}

#plus {background-position: 0px 0px;}
#plus:hover {background-position: 0px -74px;}
#minus {background-position: 0px -148px;}
#minus:hover{background-position: 0px -222px;}
#issue {background-position: 0px -444px;}
#issue:hover{background-position: 0px -486px;}
#refresh {background-position: 0px -296px;}
#refresh:hover {background-position: 0px -370px;}
#infoboxlink {background-position: 0px -528px;}
#infoboxlink:hover {background-position: 0px -570px;}
#ranking {background-position: 0px -612px;}
#ranking:hover {background-position: 0px -686px;}

#counter {	
	font-family: 'Allan', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #877963;
	font-size: 50px;
	position: relative;
	top: 100px;
	left: 50px;}

#navigation {
	padding: 10px;
	background-color:#DEDCC3;
	border-radius: 5px;
	width: 200px;
	position: fixed;
	right: 10px;
	top: 25px;}

::selection { background:#DEDCC3; color:#877963;}
::-moz-selection{ background: #DEDCC3; color:#877963;}