/* CSS Document */
@font-face{
	font-family: 'AvantGarde';
    src: url('avantgardebookbt-webfont.eot');
    src: url('avantgardebookbt-webfont.eot?#iefix') format('embedded-opentype'),
         url('avantgardebookbt-webfont.woff') format('woff'),
         url('avantgardebookbt-webfont.ttf') format('truetype'),
         url('avantgardebookbt-webfont.svg#AvantGardeBkBTBook') format('svg');
}

@font-face{
	font-family: Tramlib;
	src:url(tramlib.eot);	
}


@font-face{
	font-family: 'Blob';
    src: url('blob-square-webfont.eot');
    src: url('blob-square-webfont.eot?#iefix') format('embedded-opentype'),
         url('blob-square-webfont.woff') format('woff'),
         url('blob-square-webfont.ttf') format('truetype'),
         url('blob-square-webfont.svg#blobsquare') format('svg');
}

@font-face{
	font-family:AvantGarde;
	src:url(AvantGardeBookBT.ttf);
}

@font-face{
	font-family: Tramlib;
	src:url(tramlib.ttf);	
}

body{
	margin-top:30px;
	color: #fffafa;
	font-size:12px;
	background-color: #333;
	text-align:center;
	font-family:AvantGarde;
	background-image:url(../Images/backjack.png);
	background-repeat:repeat;
}

.clear{
	clear:both;
}

#rounded{
	width:800px;
	margin:20px auto;
	text-align:left;
}

.container{
	background-color:#FFFFFF;
	padding:10px 20px 20px 20px;
}

h1{
	font-weight:1900;
	margin-left: 6px;
	font-family:Blob;
	width:100%;
	color:#FF6600;
	margin-top: -40px;
}

h1 a{
	font-size:160px;
	text-align:center;
	/*font-weight:1900;*/
	font-family:Blob;
	text-decoration:none;
	color:#FF6600;
}

h2{
	font-size:20px;
	font-family:AvantGarde;
	font-weight:bolder;
	color:#FF6600;
}

ul{
	/*margin:30px 0px;*/
}

li{
	list-style:none;
	display:inline-block;
	float:left;
}

li a,li a:visited{
  display: inline-block;
  text-align:left;
  margin-left: -85px;
  margin-top: 35px;
  margin-bottom:90px;
  width:120px;
  -webkit-transform:rotate(90deg); 
  -moz-transform:rotate(90deg);     
  -o-transform:rotate(90deg);
  /*-ms-transform:rotate(90deg);*/
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  font-family:AvantGarde;
  color:#fffafa; 
  text-transform:lowercase;
  font-size:35px;
  text-decoration:none;
  padding: 10px;
}

li a:hover{
	color:#ff6600;
	text-decoration:none;
}

li a:active{
	color:#666;	
}

#pageContent{
	width: 300px;
	float:right;
	margin-right: 100px;
	margin-top:-211px;
	font-size:15px;
	border:0px solid #d3d3d3;
	padding:10px;
}

#loading{
	visibility:hidden;
}

.demo{
	color:white;
}

.footer{
	text-align:left;
	font-size:10px;
	color: #666;
	position:fixed;
	bottom:7px;
	width:100%;
}

.footer a{
	color:#ff6600;
	text-decoration:none;
}

.topShit{
	text-align:left;
	font-size:10px;
	color: #FF6600;
	position:fixed;
	top:5px;
	width:100%;
}
.topShit a{
	color:#ff6600;
	text-decoration:none;
}

.kontakt a{
	background-color: none;
}
.kontakt a:hover{
	background-color:#fffafa;
}