@charset "utf-8";

html {
	height: 100%;
}
body {
	margin: 0px;
	background-color: #000000;
}
#inhalt {
	width: 450px;
	margin: 0px;
	height: 100%;
}
#header_home {
	background-image:url(content/bg-top-home.gif);
	width: 450px;
	height: 300px;
	margin: 0px;
	background-repeat: no-repeat;
}
#header_news {
	background-image:url(content/bg-top-news.gif);
	width: 450px;
	height: 300px;
	margin: 0px;
	background-repeat: no-repeat;
}
#header_growshop {
	background-image:url(content/bg-top-growshop.gif);
	width: 450px;
	height: 300px;
	margin: 0px;
	background-repeat: no-repeat;
}
#header_headshop {
	background-image:url(content/bg-top-headshop.gif);
	width: 450px;
	height: 300px;
	margin: 0px;
	background-repeat: no-repeat;
}
#header_shishashop {
	background-image:url(content/bg-top-shishashop.gif);
	width: 450px;
	height: 300px;
	margin: 0px;
	background-repeat: no-repeat;
}
#header_links {
	background-image:url(content/bg-top-links.gif);
	width: 450px;
	height: 300px;
	margin: 0px;
	background-repeat: no-repeat;
}
#header_kontakt {
	background-image:url(content/bg-top-kontakt.gif);
	width: 450px;
	height: 300px;
	margin: 0px;
	background-repeat: no-repeat;
}
#header_impressum {
	background-image:url(content/bg-top-impressum.gif);
	width: 450px;
	height: 300px;
	margin: 0px;
	background-repeat: no-repeat;
}
#zenter {
	width: 380px;
	margin: 35px;
	background-color:#FFFFFF;
	vertical-align:top;
}
#footer {
	width: 450px;
	height: 35px;
	margin: 0px;
	background-image: url(content/bgmainbottom.gif);
}
#links {
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 400px;
	background-image: url(content/logo.png);
	margin-top: 25px;
}
#rechts {
	width: 20px;
	height: 211px;
	margin-left: 0px;
	margin-bottom: 90px;
	background-color: #000000;
}
#left {
	background-color:#333333;
	width: 150px;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
}
#main {
	background-color:#222222;
	float:none;
	width: 400px;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
}
#right {
	background-color:#999999;
	width: 480px;
	height: 100%;
}
#zentertop {
	background-color:#FFFFFF;
	heigt:200px;
	margin-top:opx;
	vertical-align:top;
}
#maincenter {
	height:auto;
}
#img_home {
	position: relativ;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 550px;
	background-image: url(content/img_home.jpg);
	background-repeat: no-repeat;
}
#img_grow {
	position: relativ;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 550px;
	background-image: url(content/img_grow.jpg);
	background-repeat: no-repeat;
}
#img_head {
	position: relativ;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 550px;
	background-image: url(content/img_shop.jpg);
	background-repeat: no-repeat;
}
#img_shisha {
	position: relativ;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 550px;
	background-image: url(content/img_shisha.jpg);
	background-repeat: no-repeat;
}
#img_links {
	position: relativ;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 550px;
	background-image: url(content/img_home.jpg);
	background-repeat: no-repeat;
}





/*----------------------------------------------------------------------------------
Text & Headlines
-----------------------------------------------------------------------------------*/
td {
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	color:#BAB805;
}
.td {
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#8C9C01;
}
.impressum {
	font-family:Georgia;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}

/*----------------------------------------------------------------------------------
Navigation
-----------------------------------------------------------------------------------*/
#nav {
	background-color:#999999;
	width: 150px;
	height: 200px;
	float:left;	
}
.text {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.headline {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
a.green {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.green:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #CCCCCC;
}

#loaderanim{
display:block;
float:left;
padding: 4px 0px 0px 4px;
}
.pageloader{
font-size			: 0px;
display				: block;
float				: left;
width				: 60px;
height				: 9px;
border				: 1px #6A8896 solid;
background-image	: url(content/page_loader_anim.gif);
background-repeat	: repeat-x;
padding				: 0px;
margin-top			: 2px;
}
.status{
float				: right;
font-size			: 11px;
font-weight			: normal;
color				: #6A8896;
}
.loading{
float				: left;
font-size			: 11px;
font-weight			: normal;
color				: #6A8896;
padding-left		: 2px;
}