/* Author: Jonas Hellwig */
/* Copyright: Euroweb Internet GmbH - www.euroweb.de */
/* Year: 2007 /*
/* Content: Site Structure */

/* ----------------------------------------------------- */
/* ----------------| Imported Stylesheets |------------- */
/* ----------------------------------------------------- */

@import url("typo.css");
@import url("main-menu.css");
@import url("add-menu.css");
@import url("kontaktstyle.css");
@import url("cms.css");
@import url("lightbox.css");

/* ----------------------------------------------------- */
/* ---------------- ---| Global Tags |------------------ */
/* ----------------------------------------------------- */

* {
	padding:0;
	margin:0;
}

body {
	padding:0;
	margin:0;
	background:white url(../images/body_bg.jpg) center top repeat-y;
}

p {
	margin:0 0 15px 0;
	padding:0;
}

hr {
	display:none;
}

/* ----------------------------------------------------- */
/* ------------------| Global Classes |----------------- */
/* ----------------------------------------------------- */

.hr {
	height:7px;
	width:436px;
	background:url(../images/hr.gif) 0 0 no-repeat;
	margin:0 0 15px 0;
}

.clear {
	line-height:0.01em;
	clear:both;
	float:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* ----------------------------------------------------- */
/* ----------------------| Wrapper |-------------------- */
/* ----------------------------------------------------- */

div#wrapper {
	margin:0 auto;
	padding:0;
	width:980px;
	background:transparent;
}

/* ----------------------------------------------------- */
/* -----------------------| Header |-------------------- */
/* ----------------------------------------------------- */

div#header {
	float:left;
	padding:0;
	margin:0;
	width:980px; 
	height:370px; 
	background:url(../images/header_bg.jpg) 0 0 no-repeat;
}

/* ----------------------------------------------------- */
/* --------------------| Brand / Logo |----------------- */
/* ----------------------------------------------------- */

h1.logo a {
	float:left;
	display:block;
	padding:0;
	margin:0 0 0 95px;
	font-size:0.01em;
	text-indent:-5000px;
	width:347px; 
	height:81px;
	background:url(../images/bong_logo.gif) 0 0 no-repeat;
}

h1.logo a:hover {
	background:url(../images/bong_logo.gif) 0 -81px no-repeat;
}

* html h1.logo { /* IE6 Hack */
	margin:0 0 0 -95px;
}

div#mushroom {
	float:left;
	padding:0;
	margin:13px 0 0 108px;
	width:264px; 
	height:335px; 
	background:url(../images/mushroom_logo.gif) 0 0 no-repeat;
}

h2.balloon a {
	float:left;
	display:block;
	padding:0;
	margin:64px 0 0 0;
	font-size:0.01em;
	text-indent:-5000px;
	width:166px; 
	height:114px;
	background:url(../images/balloon.gif) -1px 0 no-repeat;
}

h2.balloon a:hover {
	background:url(../images/balloon.gif) -1px -114px no-repeat;
}


/* ----------------------------------------------------- */
/* ----------------------| Main Menu |------------------ */
/* ----------------------------------------------------- */

div#menu_wrapper {
	float:left;
	padding:0;
	margin:0;
	width:360px; 
	height:445px; 
	background:url(../images/main-menu_bg.jpg) 0 0 no-repeat;
}

/* ----------------------------------------------------- */
/* -----------------------| topic |------------------- */
/* ----------------------------------------------------- */

div#topic {
	float:left;
	padding:0;
	margin:0;
	width:620px;
	min-height:161px;
	background:url(../images/topic_bg.jpg) 0 0 no-repeat;
}


/* ----------------------------------------------------- */
/* -----------------------| Content |------------------- */
/* ----------------------------------------------------- */

div#content {
	float:left;
	padding:20px 20px 0 20px;
	margin:0;
	width:436px; /* 476 */
	min-height:300px; 
	background:url(../images/content_bg.gif) 0 0 repeat-y;
}

* html div#content { /* IE Hack */
	height:300px; 
}

/* ----------------------------------------------------- */
/* -----------------------| Footer |-------------------- */
/* ----------------------------------------------------- */

div#footer {
	float:left;
	padding:0;
	margin:0 0 0 141px;
	width:807px; 
	height:394px; 
	background:url(../images/footer_bg.png) 0 0 no-repeat; 
}

* html div#footer { /* IE6 Hack */
	margin:0 0 0 71px;
	background:url(../images/footer_bg.gif) 0 0 no-repeat; 
} 

div#infobox {
	float:left;
	padding:0;
	margin:110px 0 0 240px; 
	width:400px;
	background:transparent; 
}