/* 
========================================================
1.	Allgemeine Definitionen
2.	Seiten Layout
2.1	Header Layout
2.1.1	Sonne im Header Layout
2.1.2	Menue im Header Layout
2.1.2.1	oberen Menueteil im Header Layout
2.1.2.2	mittlerer Menueteil (Hauptmenu) im Header Layout
2.1.2.3	unterer Menueteil im Header Layout
2.1.3	Packung im Header Layout
2.2.	Content Layout
2.2.1	Submenu im Content Layout
2.2.2	Textbereich im Content Layout
2.2.2.1	Header vom Textbereich im Content Layout
2.2.2.2	Inhalt vom Textbereich (Placeholder) im Content Layout
2.2.2.3	Footer vom Textbereich im Content Layout
2.3	Footer Layout
3	PopDiv Layout
======================================================== 
*/


* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
}
body {
	background: #40A0D3;
	font-size: 62.5%;
}

/* 
========================================================
1.	Allgemeine Definitionen
======================================================== 
*/

h1 {
	font-size: 150%;
	color: #00437f;
	font-weight: bolder;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 120%;
	color: #000000;
	margin: 20px 0 10px 0;
}

h3 {
	font-size: 110%;
	color: #000000;
	margin: 20px 0 10px 0;
	clear: left;
}

h4 {
	font-size: 100%;
	color: #000000;
	margin: 10px 0 10px 0;
	clear: left;
	line-height: 150%;
	font-weight: bold;
}

a {
	color: #00437f;
}
a:hover {
	color: #333;
}
a img {
	border: none;
}
span.nichtanzeigen{
	display: none;
}
/* 
========================================================
2.	Seiten Layout
======================================================== 
*/
div#wrap {
	width: 600px;
	margin: 10px auto;
	position: relative;
	border: 0;
}
div#wrap a#bimbosanlink{
	display: none;
}

/* === Hintergrundbild unten je nach Kategorie ausgeben === */
body.kategorie1 div#wrap {background: url(../layout/tasse1.jpg) bottom left no-repeat #007AC1;}
body.kategorie2 div#wrap {background: url(../layout/tasse2.jpg) bottom left no-repeat #007AC1;}
body.kategorie3 div#wrap {background: url(../layout/tasse3.jpg) bottom left no-repeat #007AC1;}
body.kategorie4 div#wrap {background: url(../layout/tasse4.jpg) bottom left no-repeat #007AC1;}
body.kategorie5 div#wrap {background: url(../layout/tasse5.jpg) bottom left no-repeat #007AC1;}

div#bimbosan{
	width: 600px;
}

/* 
========================================================
2.1	Header Layout
======================================================== 
*/

div#header{
	display: none;
}

/* 
========================================================
2.2.	Content Layout
======================================================== 
*/
div#content{
	font-size: 110%;
	line-height: 150%;
}

div#content img#TitelBild{
	margin: 0 0 10px 0;
}

/* 
========================================================
2.2.1	Submenu im Content Layout
======================================================== 
*/
ul#submenu{
	display: none;
}
/* 
========================================================
2.2.2	Textbereich im Content Layout
======================================================== 
*/
div#text{
	width: 610px;
	float: left;
}

/* 
========================================================
2.2.2.1	Header vom Textbereich im Content Layout
======================================================== 
*/
div#texthead{
	display: none;
}

/* 
========================================================
2.2.2.2	Inhalt vom Textbereich (Placeholder) im Content Layout
======================================================== 
*/
div#inhalt{
	width: 550px;
	background: url(../layout/textboxmitte.jpg) repeat-y;
	padding: 0 40px 0 20px;
}
div#inhalt a.buttonlink{
	text-decoration: none;
}
div#inhalt ul{
	margin: 0;
	padding: 0;
}
div#inhalt ul li{
	margin: 0 0 0 15px;	
	list-style: disc;
}

/* 
========================================================
2.2.2.3	Footer vom Textbereich im Content Layout
======================================================== 
*/
div#textbottom{
	display: none;
}

/* 
========================================================
2.3	Footer Layout
======================================================== 
*/
div#footer{
	display: none;
}

/* 
========================================================
3	PopDiv Layout
======================================================== 
*/
a.popLink img {
	border: 1px solid #7d7d7d;
}

a.popLink {
	position: relative;
	display: block;
}

a.popLink span {
	display: none;
}

/* Achtung: RollOver ist auf Display: none, weil es im IE nicht richtig funktioniert, bitte beheben - zuem */
a.popLink:hover span {
	display: none;
	width: 440px;
	position: absolute;
	left: 1px;
	bottom: 13px;
	border-top: 1px solid #7d7d7d;
	padding: 2px 10px;
	background: #7d7d7d;
	color: #FFF;
}

div#inhalt a.popLink:hover {
	background: none;
}

div#PopDiv {
	display: none;
}