﻿body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the
						   #container selector */
	color: #000000;
}

#container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
    background: url(images/header.jpg) top left no-repeat;
    height:150px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#navlinks {
	background: url(images/menu.jpg) top left no-repeat;
    height:40px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size:16px;
	padding-top: 5px;
	margin-bottom: 1em;
}

#navlinks ul {
	padding:0;
	margin:0;
}

#navlinks li {
	display: inline;
	list-style: none;
	margin-left: 0.7em;
	padding-right: 0.7em;
/*	border-right: solid 1px #FFF;*/
}

/*#navlinks*/
#navlinks a {
	color: #fff59b;
	text-decoration: none;
	padding: 4px 5px 4px 5px;
}

#navlinks a:hover {
	color: #333;
	background-color: #CCC;
}

#active a {
	background-color: #7f7870;
/*	border-bottom: solid 3px #800;*/
	padding: 5px 5px 6px 5px;
}

#footer a {
	color: #CCC;
	text-decoration: none;
	padding: 0 .5em 0 .5em;
}

#footer a:hover {
	color: #FFF;
	background-color: #D00;
}

.mainColumn {
	float:left;
	border-right: 1px dotted gray;
}
#mainContent.mainColumn2 {
	width: 95%;
}
#mainContent {
	width:60%;
	padding: 0 1.5em 0 1.5em;
	font-family: Arial,"Times New Roman",Times,serif;
	font-size:14px;
	color: #555;
	line-height: 1.5;
}

#mainContent h1 {
	color: #333;
	font-size: 24px;
}

#mainContent h2 {
	color: #004;
	font-size: 16px;
}

#mainContent h3 {
	font-size: 16px;
}

#mainContent img {
	float: left;
	margin: 0 1.5em 0 0;
}

.section {
	border-bottom: 1px dotted gray;
}

.item {
	padding:1em 0 1em 0;
}

.item img {
	float:left;
	border: 1px solid gray;
}

.item h2, .item h3 {
	margin:0;
	padding:0;
}

#sidebar {
/*	color:#333;
	background-color:#FFEF87;
*/
	width:32%;
	float:right;
}

blockquote {
    padding: 0;
    margin:0;
/*    background: url(../images/quote_up.png) top left no-repeat;*/
}

blockquote p {
    padding: 0px 15px 0px 0px;
    font-size: 10pt;
}

cite {
	display: block;
	color:#333;
	margin-left:10em;
    font-size: 9pt;
}

#footer {
	padding: .2em .2em .2em 1em;
	font-size:9px;
	color: #CCC;
	background-color:#B00;
}
.clearfix:after,
.clearfix:before{
	display: table;
	content: '';
}
.clearfix:after{
	clear: both;
}
.float-right{
	float: right;
}
.listen-muzik {
	margin-bottom: 24px;
}
.listen-muzik p{
	margin-bottom: 0;
}
.listen-muzik audio{
	vertical-align: middle;
	width: 100%;
	height: 30px;
	background-color: #ccc;
}
.listen-muzik .download{
	background-image: url(images/download-18.png);
	background-repeat: no-repeat;
	background-position: center left;
	color: #706961;
	display: inline-block;
	font-size: 11px;
	padding-left: 24px;
	height: 18px;
	margin-left: 12px;
	text-decoration: none;
	vertical-align: middle;
}
.grooves{
	/* background-color: #5A5A5A; */
	background-image: url(images/grooves-logo.gif);
	background-size: auto 24px;
	background-repeat: no-repeat;
	background-position: center left;
	display: inline-block;
	height: 24px;
	/* padding: 3px; */
	width: 235px;
}
.buy-neos{
	background-color: #5A5A5A;
	background-image: url(images/neos-logo.gif);
	background-size: 55px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 16px;
	padding: 3px;
	width: 75px;
}
.amazon{
	background-color: #232f3e;
	background-image: url(images/amazon.png);
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 20px;
	padding: 3px;
	width: 70px;
}
.hofmeister{
	// background-color: #232f3e;
	background-image: url(images/hofmeister.png);
	// background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 20px;
	padding: 3px;
	width: 76px;
}
.positionen{
	// background-color: #232f3e;
	background-image: url(images/positionen.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 20px;
	padding: 3px;
	width: 120px;
}
.slonimskyfund{
	// background-color: #232f3e;
	background-image: url(images/slonimskyfund.png);
	background-size: auto 12px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 12px;
	padding: 3px;
	width: 144px;
}
#navlinks a.lang{
	font-size: 12px;
	color: #706961;
    padding: 4px 10px;
    background-color: #FFF59B;
}
#navlinks a.lang:hover{
	color: #FFF59B;
    background-color: #706961;
}

 #mainContent h1 small{
  color: #333;
	float: right;
  font-size: 20px;
  margin-top: 5px;
  margin-right: 21px;
  margin-bottom: 36px;
  text-align: right;
	width: 50%;
}
.pdf-link{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDMuODUgNzQ5LjkzIj48dGl0bGU+TGF5ZXJfMTwvdGl0bGU+PHJlY3QgeD0iOTguNCIgeT0iMjI4Ljk3IiB3aWR0aD0iMzQwLjY1IiBoZWlnaHQ9IjI4LjY1IiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHJlY3QgeD0iOTguNCIgeT0iMjc1LjQ3IiB3aWR0aD0iMzQwLjY1IiBoZWlnaHQ9IjI4LjY1IiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHJlY3QgeD0iOTguNCIgeT0iMzIxLjk3IiB3aWR0aD0iMzQwLjY1IiBoZWlnaHQ9IjI4LjY1IiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHJlY3QgeD0iOTguNCIgeT0iMzY4LjYzIiB3aWR0aD0iMzQwLjY1IiBoZWlnaHQ9IjI4LjY1IiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHJlY3QgeD0iOTguNCIgeT0iNDE1LjEzIiB3aWR0aD0iMjY0Ljc1IiBoZWlnaHQ9IjI4LjY1IiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHBhdGggZD0iTTYwMi4xLDEwMy43Myw1MTQuMzUsMkE3LjIzLDcuMjMsMCwwLDAsNTA0LjMsMmwtODcuNzUsMTAxLjdjLTMuOSwzLjktLjksMTAsNC45NSwxMGg0MS4xdjc5LjhoOTMuMTV2LTc5LjhoNDEuMWM2LjE1LDAsOS4xNS02LjE1LDUuMjUtMTBaIiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHJlY3QgeD0iNDYyLjc1IiB5PSIyMDcuOTciIHdpZHRoPSI5My4xNSIgaGVpZ2h0PSIzNi4zIiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHBhdGggZD0iTTQ2Mi43NSwyNzEuODhjMCwzLjI5LDMsNiw2Ljc1LDZoNzkuNjVjMy43NSwwLDYuNzUtMi43MSw2Ljc1LTZWMjU4LjUzSDQ2Mi43NVoiIHN0eWxlPSJmaWxsOiM3MDY5NjEiLz48cGF0aCBkPSJNNDk4LDY4Ny4zOGE0Mi45LDQyLjksMCwwLDEtNDIuOSw0Mi45SDgyLjJhNDIuODksNDIuODksMCwwLDEtNDIuOS00Mi45di0xMy4ySDE5LjV2MjAuMjVBNTUuNDcsNTUuNDcsMCwwLDAsNzUsNzQ5LjkzSDQ2Mi4xNWE1NS40Nyw1NS40NywwLDAsMCw1NS41LTU1LjVWMjkxLjY4aC0xOS44djM5NS43WiIgc3R5bGU9ImZpbGw6IzcwNjk2MSIvPjxwYXRoIGQ9Ik0zOS4zLDE1Ni4zOGE0Mi44OCw0Mi44OCwwLDAsMSw0Mi45LTQyLjlINDAyYTE5LjA3LDE5LjA3LDAsMCwxLDQuNS0xOWwuNi0uNmgtMzMyYTU1LjQ3LDU1LjQ3LDAsMCwwLTU1LjUsNTUuNVY0OTAuNTdoMTkuOFYxNTYuMzdIMzkuM1oiIHN0eWxlPSJmaWxsOiM3MDY5NjEiLz48cGF0aCBkPSJNNDM2LjA1LDU4Mi4zOGE3OC4yLDc4LjIsMCwwLDAtNzguMTUtNzguMTZIMFY2NjAuMzhIMzU4LjA1YTc3Ljg1LDc3Ljg1LDAsMCwwLDc4LTc4Wk0xNTUuODUsNTg2Yy02LjE1LDUuNTYtMTQuNTUsOC4yNS0yNS4zNSw4LjI1SDEwOS4zNXYzNi45MUg5My4xNXYtOTcuNUgxMzAuNWMxMC44LDAsMTkuMiwyLjg0LDI1LjM1LDguNHM5LjE1LDEyLjksOS4xNSwyMS45YzAsOS4xNS0zLjE1LDE2LjUtOS4xNSwyMi4wNVptMTAyLjc1LDMuOTFjMCwxMi4xNS0zLjksMjItMTEuNTUsMjkuODQtNy44LDcuNjYtMTcuODUsMTEuNTYtMzAuMTUsMTEuNTZIMTg0LjY1di05Ny41SDIxNi45YzEyLjMsMCwyMi4zNSwzLjksMzAuMTUsMTEuNTVTMjU4LjYsNTYzLDI1OC42LDU3NS4xOFptODQuNDUtNDMuMmgtNDYuMnYyOS44NWgzOS4zdjEzLjA1aC0zOS4zdjQxLjU1aC0xNi4ydi05Ny41aDYyLjR2MTNaIiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHBhdGggZD0iTTIxNi43NSw1NDYuNjhoLTE1Ljl2NzEuNGgxNS45YzcuOCwwLDEzLjk1LTIuNywxOC42LThzNi45LTEyLjE1LDYuOS0yMC40di0xNWMwLTguMjUtMi4yNS0xNS02LjktMjAuMjVDMjMwLjg1LDU0OS4zOCwyMjQuNTUsNTQ2LjY4LDIxNi43NSw1NDYuNjhaIiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PHBhdGggZD0iTTEzMC41LDU0Ni42OEgxMDkuMzVWNTgxSDEzMC41YzYsMCwxMC41LTEuNjUsMTMuNjUtNC44MWExNy4yNSwxNy4yNSwwLDAsMCw0LjUtMTIuMywxNy44OSwxNy44OSwwLDAsMC00LjUtMTIuNDVjLTMuMTUtMy4xNS03LjY1LTQuOC0xMy42NS00LjhaIiBzdHlsZT0iZmlsbDojNzA2OTYxIi8+PC9zdmc+');
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: auto 32px;
	background-size: auto 32px;
	color: #000;
	font-size: 14px;
	display: block;
	float: right;
	font-weight: 600;
	line-height: 32px;
	padding-left: 30px;
	margin-top: -6px;
}
.book-link{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIiBkPSJNMTkgNi40MUw4LjcgMTYuNzFhMSAxIDAgMSAxLTEuNC0xLjQyTDE3LjU4IDVIMTRhMSAxIDAgMCAxIDAtMmg2YTEgMSAwIDAgMSAxIDF2NmExIDEgMCAwIDEtMiAwVjYuNDF6TTE3IDE0YTEgMSAwIDAgMSAyIDB2NWEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMlY3YzAtMS4xLjktMiAyLTJoNWExIDEgMCAwIDEgMCAySDV2MTJoMTJ2LTV6Ii8+PC9zdmc+');
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: 600;
	float: right;
	padding-left: 25px;
}