@charset "UTF-8";
/* CSS Document */

/*Titillium developed by type design students at Accademia di Belle Arti Urbino. Visit their great works on http://www.campivisivi.net 
 Generated by Font Squirrel (http://www.fontsquirrel.com) on November 16, 2010 04:56:53 PM America/New_York*/

@font-face {
	font-family: 'TitilliumText22LThin';
	src: url('fonts/TitilliumText22L001-webfont.eot');
	src: local('☺'), url('fonts/TitilliumText22L001-webfont.woff') format('woff'), url('fonts/TitilliumText22L001-webfont.ttf') format('truetype'), url('fonts/TitilliumText22L001-webfont.svg#webfontKGVyuGpi') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LLight';
	src: url('fonts/TitilliumText22L002-webfont.eot');
	src: local('☺'), url('fonts/TitilliumText22L002-webfont.woff') format('woff'), url('fonts/TitilliumText22L002-webfont.ttf') format('truetype'), url('fonts/TitilliumText22L002-webfont.svg#webfontnDp1DDKc') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LRegular';
	src: url('fonts/TitilliumText22L003-webfont.eot');
	src: local('☺'), url('fonts/TitilliumText22L003-webfont.woff') format('woff'), url('fonts/TitilliumText22L003-webfont.ttf') format('truetype'), url('fonts/TitilliumText22L003-webfont.svg#webfont7I9cUueZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LMedium';
	src: url('fonts/TitilliumText22L004-webfont.eot');
	src: local('☺'), url('fonts/TitilliumText22L004-webfont.woff') format('woff'), url('fonts/TitilliumText22L004-webfont.ttf') format('truetype'), url('fonts/TitilliumText22L004-webfont.svg#webfontYPX3ZfOn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LBold';
	src: url('fonts/TitilliumText22L005-webfont.eot');
	src: local('☺'), url('fonts/TitilliumText22L005-webfont.woff') format('woff'), url('fonts/TitilliumText22L005-webfont.ttf') format('truetype'), url('fonts/TitilliumText22L005-webfont.svg#webfontnwsSEnKj') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LXBold';
	src: url('fonts/TitilliumText22L006-webfont.eot');
	src: local('☺'), url('fonts/TitilliumText22L006-webfont.woff') format('woff'), url('fonts/TitilliumText22L006-webfont.ttf') format('truetype'), url('fonts/TitilliumText22L006-webfont.svg#webfontyNGtjD1b') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*====================GENERAL=====================================*/

* { border:none;
	margin:none;
	float:none;
}

body {
	background-color: #fff;
	margin:0px;
	color:#000;
}

p { padding:0px;
	margin-top:13px;
	font-family: "TitilliumText22LRegular", Helvetica, Arial, sans-serif;
	text-align:justify;
	line-height:17px;
	font-size:13px;
}

.text {
	visibility:visible;
	padding:0px;
	margin-top:17px;
	font-family: "TitilliumText22LRegular", Helvetica, Arial, sans-serif;
	text-align:justify;
	line-height:17px;
	font-size:13px;
}

.light {padding:0px;
	margin-top:17px;
	font-family: "TitilliumText22LLight", Georgia, Times, serif;
	text-align:justify;
	line-height:17px;
	font-size:13px;
}

b {	font-family: "TitilliumText22LMedium", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-style:normal;
	font-weight:normal;
	font-size:11px;
	letter-spacing:1px;
}

i {	font-family: "TitilliumText22LLight", Helvetica, Arial, sans-serif;
	font-style:normal;
}


a { color:#000;
	text-decoration:none;
}

p a:link {
	letter-spacing:1px;
	border-bottom:1px solid #7d3213;
	padding-bottom:0px;
}

p a:visited {
	text-decoration: none;
	border-bottom:1px solid #000;
	padding-bottom:0px;
}
p a:hover {
	text-decoration: none;
	border:none;
}

 
h1 {
	font-family: "TitilliumText22LXBold", Helvetica, Arial, sans-serif;
	text-align:center;
	text-transform: uppercase;
	font-style:normal;
	font-weight:normal;
	letter-spacing:0.1em;
	font-size:16px;
	line-height:24px;
}
 
h2 {
	font-family: Georgia, Times, serif;
	text-align:center;
	text-transform: uppercase;
	font-style:normal;
	font-weight:normal;
	letter-spacing:0.1em;
	font-size:18px;
	line-height:24px;
	margin-bottom:-10px;
}

h3 {
	font-family: "TitilliumText22LXBold", Helvetica, Arial, sans-serif;
	text-align:left;
	text-transform: uppercase;
	font-style:normal;
	font-weight:normal;
	line-height:17px;
	font-size:13px;
	color: #000;
	margin-top:0px;
	margin-bottom:-8px;
}

h4 {
	font-family: "TitilliumText22LXBold", Helvetica, Arial, sans-serif;
	text-align:left;
	font-style:normal;
	font-weight:normal;
	line-height:17px;
	font-size:13px;
	color: #000;
	margin-top:-10px;
	margin-bottom:5px;
}

table, td, tr{
	border:none;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

td {
	vertical-align: top;
	}

#navi{font-family: "TitilliumText22LMedium", Helvetica, Arial, sans-serif;
		font-size:13px;
		letter-spacing:1px;
		line-height:18px;
		text-transform:uppercase;
}

#navi a{
	letter-spacing:1px;
	border-bottom:1px solid #7d3213;
	padding-bottom:0px;
}

#navi a:hover {
		text-decoration:none;
		border:none;

}


#newsletter{font-family: "TitilliumText22LMedium", Helvetica, Arial, sans-serif;
		font-size:10px;
		letter-spacing:1px;
		line-height:18px;
		text-transform:uppercase;
}

#newsletter a:hover{
	text-decoration:none;
}

.unternavi{
		text-align:left;
		padding-right:10px;
		font-family: "TitilliumText22LMedium", Helvetica, Arial, sans-serif;
		font-size:10px;
		letter-spacing:1px;
		line-height:18px;
}

.unternavi a{
	letter-spacing:1px;
	border-bottom:1px solid #7d3213;
	padding-bottom:0px;
}

.unternavi a:hover {
		text-decoration:none;
		border:none;
}

.small{
	font-size:10px;
	line-height:16px;
}

img {border:none;
	 padding:0px;
	 margin:0px;
}

.container_store img{
	margin-bottom:-7px;
}
/*====================LEFTMENUE=====================================*/
 
#menuleiste {
	position: fixed;
	height: auto;
	width: auto;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#navi {
	margin-top: 220px;
	margin-left:36px;
	width:150px;
	z-index: 3;
}
#web2 {
	margin-top: 10px;
	margin-left:36px;
	width:150px;
	z-index: 3;
}
 

/*====================LEFTMENUE=ENDE====================================*/ 


#content{
	position:absolute;
	width:auto;
	left:0px;
	z-index:5;
}
#garten{
	position:absolute;
	width:auto;
	height:auto;
	left:0px;
	top:-5px;
	z-index:2;
}
#wald{
	position:absolute;
	left:14800px;
	top:-20px;
	z-index:2;
}
#web2-garten{
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:2;
}
#b1{
	position:absolute;
	left:830px;
	top:340px;
	z-index:0;
}
#h1{
	position:absolute;
	left:300px;
	top:2000px;
	z-index:0;
}
#g1{
	position:absolute;
	left:860px;
	top:6000px;
	z-index:0;
}
#b2{
	position:absolute;
	left:1900px;
	top:500px;
	z-index:0;
}
#h2{
	position:absolute;
	left:2000px;
	top:1000px;
	z-index:0;
}
#g2{
	position:absolute;
	left:2900px;
	top:3950px;
	z-index:0;
}
#b3{
	position:absolute;
	left:4000px;
	top:1100px;
	z-index:0;
}
#h3{
	position:absolute;
	left:6200px;
	top:2000px;
	z-index:0;
}
#g3{
	position:absolute;
	left:8900px;
	top:200px;
	z-index:0;
}#b4{
	position:absolute;
	left:5000px;
	top:3300px;
	z-index:0;
}
#h4{
	position:absolute;
	left:3000px;
	top:2000px;
	z-index:0;
}
#g4{
	position:absolute;
	left:8000px;
	top:560px;
	z-index:0;
}#b5{
	position:absolute;
	left:6000px;
	top:1300px;
	z-index:0;
}
#h5{
	position:absolute;
	left:12600px;
	top:700px;
	z-index:0;
}
#g5{
	position:absolute;
	left:10900px;
	top:400px;
	z-index:0;
}#b6{
	position:absolute;
	left:12000px;
	top:100px;
	z-index:0;
}
#h6{
	position:absolute;
	left:6570px;
	top:500px;
	z-index:0;
}
#g6{
	position:absolute;
	left:4000px;
	top:200px;
	z-index:0;
}
#g7{
	position:absolute;
	left:4000px;
	top:3100px;
	z-index:0;
}

/*====================POSITIONEN====================================*/ 

#home{
	position:static;
	left:0px;
	top:0px;
}

#new{
	position:absolute;
	float:left;
	left:0px;
	top:35px;
	width:2000px;
	height:2000px;
}
#art{
	position:absolute;
	float:left;
	top:35px;
	left:2000px;
	width:2000px;
}
#rel{
	position:absolute;
	float:left;
	top:35px;
	left:4000px;
	width:2000px;
}
#live{
	position:absolute;
	float:left;
	top:35px;
	left:6000px;
	width:2000px;
}
/*#media{
	position:absolute;
	float:left;
	top:35px;
	left:8000px;
	width:2000px;
}*/
#store{
	position:absolute;
	float:left;
	top:35px;
	left:8000px;
	width:2000px;
}
#about{
	position:absolute;
	float:left;
	top:35px;
	left:10000px;
	width:2000px;
}
#fri{
	position:absolute;
	float:left;
	top:35px;
	left:12000px;
	width:2000px;
}
#con{
	position:absolute;
	float:left;
	top:35px;
	left:14000px;
	width:800px;
}
/*#imp{
	position:absolute;
	float:left;
	top:35px;
	left:18000px;
	width:2000px;
}
*/

#arc{
	position:absolute;
	float:left;
	left:0px;
	top:35px;
	width:800px;
}


/*====================ARTIKEL=CONTAINER====================================*/ 


.container_news {
	margin-left: 400px;
	width:25em;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

/*.artikel{
	padding-left:400px;
	width:400px;
}*/


.container_artists {
	margin-left:0px;
	width:700px;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

.container_releases {
	margin-left:0px;
	width:750px;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

.container_live {
	margin-left:400px;
	width:200px;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

.container_live p{
	text-align:center;
}


.container_media {
	margin-left:0px;
	width:400px;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

.container_store {
	margin-left:0px;
	width:550px;
	margin-bottom:50px;
	padding:20px 20px 0px 20px;
}

.container_about {
	margin-left:400px;
	width:400px;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

.container_friends {
	margin-left:400px;
	width:200px;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

.container_friends p{
	text-align:left;
	margin-top:0.6em;
	margin-bottom:1.2em;
}
.container_contact {
	margin-left:400px;
	width:300px;
	margin-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

.container_friends h1, .container_contact h1, .container_about h1{
	margin-top:2em;
}

#apmm, #chronos, #hias, #molde, #mif, #tmf, #twob, #zf, #mkg001, #mkg002, #mkg003, #mkg004, #mkg005, #mkg006, #mkg007, #mkg008, #store-releases, #store-shirts, #store-bags, #store-legacy, #store-shipping, #store-distri {
	padding-left:250px;
}