/* --------------------- Font definition --------------------- */
@font-face {
  	font-family: 	'Belligerent';
  	src: 			url("../resources/belligerent.ttf");
}
@font-face {
    font-family: 	'CoertSchrift';
    src: 			url('../resources/CoertSchrift.ttf') format('truetype');
    font-weight: 	normal;
    font-style: 	normal;
}
@font-face {
    font-family: 	'CoertSchriftDik';
    src: 			url('../resources/CoertSchriftDik.ttf') format('truetype');
    font-weight: 	normal;
    font-style: 	normal;
}

h1 {
  font-size: 		22px;
}
h2 {
  font-size: 		18px;
}
h3 {
  font-size: 		14px;
}

#small {
	font-size: 		12px;
}
#bold {
    font-family: 	'CoertSchriftDik';
}

#quote {
  border-left: 		1px solid #999999;
  border-right: 	1px solid #999999;
  padding-left: 	15px;  
  padding-right: 	15px;  
}


/* --------------------- Regular types --------------------- */

body {
  margin: 				0px;
  background: 			white;
  background-image: 	url("../resources/background.webp");
  background-repeat: 	no-repeat;
/*  background-size:		1150px;*/
  font-family: 			'CoertSchrift';
  font-size: 			14px;
  line-height: 			180%;
  /*overflow:				hidden;*/
}

a, a:active, a:link, a:visited {
  text-decoration: 	none;
  color: 			#000000;  
}
a:hover {
  text-decoration: 	underline;
  color: 			#000000;  
}

input {
  width: 			400px;
  border: 			1px solid;
  margin-bottom: 	10px;
}

textarea {
  width: 			400px;
  border: 			1px solid black;
  margin-bottom: 	10px;
}

ul {
  list-style-type:	none;
  text-indent:		0px;
  padding-left:		0px;
  margin-left:		-2px;
}

ul li:before{ 
  content:			"•"; 
  font-size:		14px; 
  margin-left:		0px;
  padding-right:	11px;
}

/*table {
	border-collapse: collapse;
}

td {
	border-width: medium;
	border-style: solid;
	border-color: #000000;
	padding: 5px;
}*/

/* --------------------- Classes --------------------- */

.header {
  clear: 		both;
}
.footer {
  clear: 		both;
  margin-top: 	720px;
  margin-left: 	20px;
}
.container {
  margin-left: 	auto;
  margin-right: auto;
  clear: 		both;
}
.navigation {
  margin-left: 	25px;
  margin-top: 	206px;
  float: 		left;
  width: 		400px;
}

.content {
  margin-top: 	30px;
  float: 		left;
  width: 		350px;
}
.current {
  float: 		left;
  width: 		100%;
  clear: 		both;
  text-align:	center;
  font-size:	15px;
  line-height:	220%;
}
.ad {
  float: 		left;
  width: 		50%;
 }
.image {
  float: 		left;
  margin-top: 	40px;
  padding-left: 50px;
  width: 		250px;
}
.copyright {
  width: 		250px;
  padding-top: 	10px;
  font-size: 	12px;
}

.button {
  font-family: 		'CoertSchriftDik';
  font-size: 		14px;
  vertical-align: 	middle;
  width: 			120px;
  height: 			30px;
  border: 			2px solid;
  background: 		#FFFFFF;
}

/* --------------------- IDs --------------------- */

#home {
  margin-top: 	290px;
  font-size: 	36px;
  margin-left: 	55px;
  height: 		58px;
}
#journey {
  font-size: 	24px;
  margin-left: 	25px;
  height: 		58px;
}
#jdr {
  font-size: 	18px; /*20*/
  margin-left: 	58px;
  height: 		52px;
}
#songs {
  font-size: 	24px;
  margin-left: 	45px; /*125*/
  height: 		50px;
}
#author {  
  font-size: 	32px;
  margin-left: 	50px;
  height: 		42px;
}
/*#contact {
  font-size: 	32px;
  margin-left: 	50px;
  height: 		42px;
}*/
#legal {
  font-size: 	24px;
  margin-left: 	160px;
  height: 		37px;
}
#lang {
  font-size: 	14px;
}
#bookmarks {
  font-size: 	11px;
  margin-top: 	-55px;
  margin-left: 	255px;
  
  -webkit-transform: 	rotate(90deg);
  -moz-transform: 		rotate(90deg);
  -ms-transform: 		rotate(90deg);
  -o-transform: 		rotate(90deg);
  transform: 			rotate(90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;*/

  /* Should be unset in IE9+ I think. */
  filter: 				progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}