/* -------------------------------------------------------------------
   margit-silay.de - site.css
   $Id$

   (c) 2010 Karl Pitrich
   --------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	background: transparent;
	overflow: auto;
	height: 100%;
}

body { 
	background-color: #272727;
	color: #272727;
	height: 100%;
	padding-top: 30px;
}
	
img {
	margin: 0;
	border: 0;
}

a:link { color:#09c; text-decoration:none; /*letter-spacing:3.6px*/ }
a:visited { color:#222; text-decoration:none; /*letter-spacing:3.6px*/ }
a:hover { text-decoration:none; /*letter-spacing:3.6px;*/ cursor: pointer;}
a:active { color:#09c; text-decoration:none; /*letter-spacing:3.6px*/ }

h1 {
	font-size: 38px;
	position: relative;
	color: white;
}

h2 {
	padding-top: 2px;
	margin-right: 5px;
	position: relative;
	float: left;
  color: white;
  font-size: 24px 
}

h3 { 
	font-size: 24px;
	padding: 3px;
	color: #272727;
}

strong {
	font-weight: bold;
}

#container {
	text-align: center;
}
		
#main {
	margin: auto;
	padding-top: 5px;
	height: 500px;
	
}

#main #border {
	margin: auto;
	padding: 10px;
	width: 800px;
	height: 500px;	
}

#content {
	height: 500px;	
	margin: auto;
	width: 824px;
	padding-top: 25px;
	top: -500px;
}

#content p {
	text-align: left;
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 375px;
	margin-top: 12px;
	width: 390px;	
}

#content p.right {
	text-align: right;
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 375px;
	margin-top: 12px;
	width: 390px;	
}

#content p li {
	font-size: 12px;
	color: #272727;	
}

#content .pageTitle {
  position: relative;
  text-align: right;
}

#content h1 {
	color: #272727;
}

#pager {
	position: absolute;
	top: 520px;
	padding-left: 700px;
	line-height: 30px;
}

#pager ul.pages {
  display: block;
  border: none;
}

#pager ul.pages li {
	font-family:Arial,Helvetica,Helv,sans-serif;
	font-size: 24px;
	display: block;
  list-style: none;
  float: left;
  padding: 5px;
  color: #09c;
}

#pager ul.pages li:hover {
  color: #272727;
}

#pager ul.pages li.pgEmpty {
  color: #ddd;
  cursor: default;
}

.prjImageL {
	text-align: right;
	margin-left: 100px;
	height: 88px;
}

.prjImageR {
	text-align: right;
	margin-left: 70px;
	height: 88px;
}

.prjImageL img:hover,
.prjImageR img:hover {
	cursor: pointer;
}

.songPlayer {
	margin-left: 285px; 
	margin-bottom: 15px;
}

.songDownload {
    visibility: hidden;
	
	text-align: right; 
	width: 410px; 
	padding-top: 3px;
}

.logo {
	width: 800px;
	height: 31px;
	margin: auto;
	text-align: right;
	padding-top: 15px;
}

#thumbnails {
	padding-left: 85px; 
	padding-top: 115px;
}

#thumbnails img {
	padding-left: 10px;
	padding-right: 10px;	
}

#navigation {
	margin: auto;
	width: 824px;
	padding-top: 10px;
}

#navigation h2 {
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid transparent; 
}

#navigation h2:hover {
	border-top: 2px solid #fff; 
}

#navigation h2.active,
#navigation h2.active:hover
{
	border-top: 2px solid #09c;
	cursor: default;
}

.navBorder {
	margin-top: 6px;	
	background: #09c;
	height: 14px;
	float: left;	
}

#imprint {
	margin: auto;
	width: 824px;
	text-align: right;		
}


#imprinttext {
	margin-top: 15px; 
	width: 800px; 
	height: 230px; 
	overflow: auto;	
}

#imprinttext p {
	text-align: left;
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	padding-left: 375px;
	padding-top: 14px;	
}

#imprint a {
	color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 	
}