@CHARSET "UTF-8";

/* Written by Jens Gulden. */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	background-image: url(../img/back.gif);
	background-repeat: repeat-y;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	margin-left: 0;
	margin-right: 0.5em;
	margin-top: 0;
	margin-bottom: 0;
}

a {
	color: black;
}

div.footer {
	float: left;
	clear: both;
    width: 100%;
	text-align: center;
	font-size: 10;
	padding-top: 15px; /* in pixels, will be adjusted by javascript */
}

a.footer {
	text-decoration: none;
}

.logo {
	float: left;
	margin-top: 8px;
	margin-left: 112px;
}

div.textJensgulden {
	margin-bottom: 8px;
}

div.textSoftware {
	float:left;
	margin-left: -2px;
}

div.textOr {
	float:left;
}

div.textPhilosophie {
	float:left;
}

div.blueblock {
	float: left;
	clear: left;
	margin-top: 7px;
	margin-bottom: 25px;
}

div.mainmenu {
	float: left;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: -100px; /* avoid elements below shifting down when submenu is shown, no other effect on float layout */
}

div.menu0 {
	clear: both;
}

div.menu1 {
	clear: both;
	border-bottom-style: dotted;
	border-bottom-size: 1px;
	border-bottom-color: black;
	padding-top: 10px;
	margin-left: 50px;
	width: 400px;
}

div.menuentry {
	float: left;
	margin-top: 12px; 
	margin-right: 10px;
	text-shadow: 1px 1px 1px #aaaadd;
}

div.menulevel0 {
	font-size: 16;
}

div.menulevel1 {
	font-size: 14;
}

div.menulevel2 {
	font-size: 12;
}

div.menuentryActive {
	float: left;
	margin-top: 12px; 
	margin-right: 10px;
	text-shadow: 2px 2px 2px #8888ff;
}

a.sectionLink {
	text-decoration: none;
}

a.sectionLink:hover {
	text-shadow: 5px 5px 5px #aaaadd;
}

div.languagemenu {
	float: right;
	text-align: right;
}

div.languagemenuentry {
	float: right;
	margin-top: 5px; 
	margin-left: 5px;
}

div.quotation {
	float: right;
	clear: right;
	margin-top: 1em;
	text-align: right;
}

div.quotationText {
	white-space: pre-wrap;
	float: right;
	text-align: right;
	font-size: 13;
}

div.quotationAuthor {
	clear: both;
	padding-top: 5px;
	font-style: italic;
	font-size: 10;
	text-align: right;
}

div.sidebarLeft {
	float: left;
	clear: left;
	width: 270px;
	margin-bottom: 1em;
}

div.news {
	margin-left: 3px;
}

div.newsHeadline {
	font-size: 10;
	font-weight: normal;
}

div.newsEntry {
	margin-top: 12px;
	font-size: 13;
}

div.contentMain {
	float: left;
	max-width: 40em;
	margin-left: 5%;
}

div.contentMain p { /* for content paragraphs in Section entries */
	margin-bottom: 20px;
}

div.contentMain h2, div.contentMain h3 { /* for headings in Section entries */
	margin-bottom: 20px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #8888ff;
}

div.languagetext {
	float: right;
	margin-top: 3em;
	font-size: 12;
}

div.languagetextentry {
	white-space: nowrap;
}

img.languageicon {
	border: 0;
}

div.cventryList {
	margin-top: 70px;
	margin-left: 200px;
	margin-bottom: 50px;
}

div.cventry {
	clear: both;
	margin-top: 10px;
}

div.cventrySeparator {
	clear: both;
	width: 50%;
	margin-top: 10px;
	margin-bottom: 2px;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: black;
}

div.cventryTime {
	float: left;
}

div.cventryTitle {
	margin-left: 200px;
}

div.cventryTitle a {
	font-weight: bold;
}

div.cventryText {
	margin-top: 4px;
	margin-left: 200px;
	margin-right: 200px;
	font-size: 14;
}

a.musicLink {
	font-weight: normal;
	font-size: 14;
}

span.textLink, a.textLink {
	font-weight: normal;
	font-size: 12;
}

div.contentDetail {
	float: left;
	clear: both;
	margin-left: 10%;
	margin-right: 10%;
}

div.detailsTitle {
	font-weight: bold;
	font-size: 18;
}

span.detailsTitle {
	font-style: italic;
}

div.detailsTitle a {
	text-decoration: none;
}

div.detailsTitle a:hover {
	text-decoration: underline;
}

div.detailsTimeAndPlace {
	margin-top: 10px;
}

a.detailsUrl {
	text-decoration: none;
}

span.detailsUrl {
	font-family: monospace;
	font-size: 12;
	word-wrap: break-word;
	text-decoration: underline;
}

img.detailsIcon {
	float: left;
	margin-top: 10px;
	margin-right: 12px;
	margin-left: 0;
}

div.detailsText {
	margin-top: 1em;
}

div.details_OLD {
	float: right;
	width: 40%;
	min-width: 20em;
	padding: 1em;
	margin-top: 1.3em;
	margin-left: 1em;
	background-color: #ffffcc;
	border-style: solid; 
	border-width: 2;
	border-color: #666666;
}

div.details {
	float: right;
	width: 40%;
	min-width: 20em;
	min-height: 20px;
	padding: 1em;
	margin-top: 1.3em;
	margin-left: 1em;
	border:2px solid;
	border-color: #dddddd;
	border-radius:25px;
	/*background-color: rgba(230, 230, 255, 0.5);*/
	background-color: rgb(242, 242, 255);
	box-shadow: 5px 5px 5px #ddddff;
}

div.detailsRelated {
}

div.detailsContains {
}

div.detailsUrl {
/*	float: right;
	width: 40%;
	min-width: 15em;
	padding: 1em;
	margin-top: 1.3em;
	margin-left: 1em;
	background-color: #e5e5ff;
	border-style: solid; 
	border-width: 2;
	border-color: #666666;*/
}

div.detailsUrlInner {
	margin-left: 40px;
}

div.detailsInside {
	margin-left: 50px;
	font-size: 12pt;
}

ul.details {
	list-style-type: none;
}

li.details {
	margin-bottom: 0.2em;
	margin-left: 0;
	padding: 0;
}

a.timeLink {
	text-decoration: none;
}

div.bibliographyBox { 
	clear: left; 
	float: left;
	margin-left: 1em; 
	margin-top: 0em; 
	padding: 1em;
	background-color: #f5f5e0; 
	border-style: solid; 
	border-width: 2;
	border-color: #cccccc;
	border-radius:20px;
	box-shadow: 5px 5px 5px #ddddff;
}

div.bibtexBox { clear: left; float: left; margin-left: 1em; margin-top: 1.3em; margin-right: 1em; }

div.bibtextitle { margin-bottom: 5px; }

div.bibtexcopy { text-align:right; }

img.copy { vertical-align: bottom; }

a.copy { font-size: 8pt; text-decoration: none; }

textarea.bibtexentry { font-family: monospace; width: 380px; height: 150px; }

div.backbutton {
	clear: both;
	font-size: 12;
}

a.backbutton {
	text-decoration: none;
}

img.backbutton {
	vertical-align: middle;
	padding: 15px 25px 15px 0;
}

img.play {
	vertical-align: middle;
	padding-bottom: 5px;
	margin-right: 5px;
}

div.viewBox {
	overflow: auto;
	vertical-align: middle;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.viewHeadline {
	clear: both;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 0.75em;
}

div.viewList {
	/*display: table;*/
}

div.viewListRow {
	/*display: table-row;*/
}

div.listEntryHeadline {
	width: 98%;
	font-size: 10pt;
	margin-bottom: 0.5em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
}

div.listTimePlace {
	float: left;
	display: table-cell;
	width: 8em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	font-size: 10pt;
}

div.listTime {
	clear: both;
	float: left;
	width: 8em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	margin-bottom: 0.33em;
}

div.listTime a {
	text-decoration: none;
}

div.listTime a:hover {
	text-decoration: underline;
}

div.listPlace {
	clear: both;
	float: left;
}

div.listPlace a {
	text-decoration: none;
}

div.listPlace a:hover {
	text-decoration: underline;
}

div.listEntry {
	overflow: hidden;
	margin-bottom: 0.5em;
	margin-right: 0.75em;
	text-shadow: 1px 1px 1px #aaaadd;
}

div.listTotalCount {
	text-align: center;
	font-size: 10pt;
	margin-bottom: 0.5em;
	margin-right: 0.75em;
	text-shadow: 1px 1px 1px #aaaadd;
}

div.listEntryFloat {
	float: left;
}

/*div.listEntryConcert {
	float: left;
}*/

div.listEntryBoxes {
	margin-bottom: 1.2em;	
	border:2px solid;
	border-color: #dddddd;
	border-radius:25px;
	padding: 15px;
	min-height: 20px;
	vertical-align: middle;
	/*background-color: rgba(230, 230, 255, 0.5);*/
	background-color: rgb(242, 242, 255);
	box-shadow: 5px 5px 5px #ddddff;
}

div.listEntry a:hover {
	text-shadow: 5px 5px 5px #aaaadd;
}

div.listEntry a {
	text-decoration: none;
}

div.subsectionentry {
	margin-left: 1em;
	margin-bottom: 0.5em;
	font-size: 14pt;
	/*text-shadow: 1px 1px 1px #aaaadd;*/
	text-shadow: 5px 5px 5px #aaaadd;
}

div.subsectionentry a:hover {
	text-shadow: 2px 2px 2px #8888ff;
}

div.subsectionentry a {
	text-decoration: none;
}

img.subsectionentry {
	vertical-align: middle;
	padding-bottom: 5px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div.listEntrySoftware {
	margin-bottom: 1.2em;
}

div.listEntryMusic {
	margin-bottom: 1.2em;
}

div.listEntryDescription {
	text-shadow: none;
}

div.listEntryURL {
	margin-top: 2px;
	margin-bottom: 4px;
}

div.listEntryURL img {
	vertical-align: middle;
	padding-bottom: 2px;
	margin-right: 4px;
}

div.listEntryURL a {
	text-decoration: underline;
	text-shadow: 1px 1px 1px #aaaadd;
}

div.listEntryURL a:hover {
	text-decoration: underline;
	text-shadow: 1px 1px 1px #aaaadd;
}

a.detailUrl {
	/*font-size: 10pt;*/
	/*text-decoration: underline;
	text-shadow: none;*/
}

span.detailLink {
	float: right;
	margin-top: 10px;
	width: 15%;
	font-size: 10pt;
}

img.detailLink {
	vertical-align: middle;
	padding-bottom: 2px;
	margin-right: 3px;
}

a.musicLink {
	font-weight: bold;
	font-size: 16;
	text-decoration: none;
	margin-right: 0.5em;
}

div.detailsOuter {
	visibility: hidden;
	background-color: rgba(230, 230, 255, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 94%;
	Xheight: 90%;
	padding: 3%;
}

div.detailsInner {
	background-color: #f0f0ff; /*rgba(230, 230, 255, 0.5);*/
	border-style: solid;
	border-radius: 60px;
	border-width: 3px;
	padding: 2em;
}

div.detailsContent {
	border-style: hidden;
	border-radius: 20px;
	padding: 1em;
}

img.detailsClose {
	float: right;
	padding-left: 5em;
}

div.outlets {
	font-size: 10pt;
}

div.detailsImage {
	margin-top: 2em;
}

div.detailsImageEntry {
	float: left;
	margin: 1em;
	font-size: 10pt;
}

img.detailsImageEntry {
	max-width: 200px;
	box-shadow: 2px 2px 2px #cccccc;
}