
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;background-image:url(../images/abnehmen-bg.jpg);}

body > #wrap {height: 100%; min-height: 100%;width:100%;font-family:verdana;color:#d5d5d5;}

#main {padding-bottom: 0px;width:900px;margin:0 auto;}  /* must be same height as the footer */

#footer {
clear:both;

background:transparent;
text-align:right;
padding-right:45px;
margin-top:45px;
height:40px;

}
#footer2 {
clear:both;

background:transparent;
text-align:right;
padding-right:45px;
margin-top:30px;
height:40px;

}


ul {
list-style-type:square;
font-size:12px;
font-weight:700;
}

#formleft {
background-color:#ddd;
margin-left:20px;
margin-bottom:20px;
margin-top:10px;
font-family:verdana;
font-size:12px;
width:420px;
}

#content { border:solid;border-width:3px; border-color:#504175; width:420px;margin-right:10px;margin-top:50px;margin-left:74px;color:#000;background:#fff;height:505px;overflow:auto;z-index:10;}

#content-shop { border:none;border-width:0px; width:500px;margin-top:20px;color:#000;background:transparent;height:555px;z-index:10;overflow:hidden;}
#content-start { border:none;border-width:0px; width:900px;color:#000;background:transparent;overflow:hidden;z-index:10;overflow:hidden;}
#content-shop2 { border:none;border-width:0px; width:200px;margin-top:0px;color:#000;background:transparent;z-index:10;overflow:hidden;}

* html #content-start
{
margin-top:-35px;
height:708px;
}

html>body #content-start {
margin-top:5px;
height:608px;
}


* html #content-shop2
{
height:615px;
}

html>body #content-shop2 {
height:575px;
}

#content-shop tr {
margin-top:0px;
padding-top:0px;
padding-left:5px;
line-height:14px;
font-size:12px;


}


#links {float:left;border:solid;border-width:0px;border-color:#000;margin-right:55px;color:#ff00ff;background:transparent;text-align:center;vertical-align: middle;width:130px;z-index:6;padding-right:30px;}

#links img {
border-style:none;
}

#links2 {float:left;border:solid;border-width:0px;border-color:#000;margin-right:55px;color:#ff00ff;background:transparent;text-align:center;vertical-align: middle;width:130px;z-index:6;}

#links2 img {
border-style:none;
}

img {
border-style:none;
}




#rechts2 {float:right; border-style:none;border-width:0px;border-color:#444;margin-top:36px;width:100px;}

* html #rechts2
{
 margin-right:25px;
}

html>body #rechts2 {
 margin-right:100px;
}

#rechts3 {float:right; border-style:none;border-width:0px;border-color:#444;margin-top:26px;height:541px;background:#fff;width:350px;}
#rechts {float:right; border-style:solid;border-width:0px;border-color:#444;margin-top:-5px;}

* html #rechts3 {margin-right:50px;}

html>body #rechts3 {
margin-right:100px;
}


.tab p{
margin-top:0px;
margin-bottom:0px;
padding:0px;
line-height:10px;
}



.box1 {
float:left;width:130px;margin-left:30px;margin-top:8px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#e5e5e5;background:#fff;z-index:2000;text-transform:uppercase;padding:0px;
}
.box2 {
float:left;margin-left:10px;width:130px;margin-top:8px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#e5e5e5;background:#fff;text-transform:uppercase;padding:0px;
}
.box3 {
float:left;margin-left:10px;width:140px;margin-top:8px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#e5e5e5;background:#fff;text-transform:uppercase;padding:0px;
}



h1 {
color:#000;
}

h3 {font-weight:400;
font-size:12px;
}
b{font-size:150%;color:#020202}

.eingeruckt {
padding:0px 20px 0px 20px;
}

#header h1 {color:#000;font-size:16px;margin-top:5px;}
#header p {color:#000}

h2 {
font-size:19px;
}

p {font-size:12px;color:#454354;line-height:18px;margin:10px;}

#backhead {
background-image:url(img/header-back-webdesign.png);
height:800px;

}

.kasten {margin-left:10px;}

.kasten tr {
border-style:solid;border-width:1px;border-color:#ddd;
font-size:12px;
}
.kasten td {
border-style:solid;border-width:1px;border-color:#ddd;
font-size:12px;
}

#twinkle {
position:absolute;
margin-left:10px;
top:30px;
height:60px;
width:400px;
border-style:solid;
border-width:0px;
border-color:#000;

background-repeat:no-repeat;
z-index:9;
}

#header {
height:127px;
width:900px;
background-color:transparent;
margin-bottom:10px;
z-index:7;

}

#header_sub {
background-image:url(../images/abnehmteller-tischdecke.gif);height:651px;width:900px;margin-top:40px;margin-left:0px;background-repeat:no-repeat;
}

#submenurechts {
float:right;width:25%;margin-right:10px;padding:5px; padding-left:15px;
background:#fff;border-style:solid;border-color:#efefef;border-width:0px 0px 0px 1px; margin-bottom:15px;
}

#submenurechts a {
border-style:solid;
border-width:1px;
}
#submenurechts img {
border-style:none;
border-width:0px;
}

.alpha{}
.alpha a img{filter: Alpha(Opacity=20);opacity: 0.2; background:#ddd;padding:5px;}
.alpha a:hover img{filter: Alpha(Opacity=100);opacity: 1; background:#fff;}
.alpha_none{filter: Alpha(Opacity=20);opacity: 0.2; background:#fff;}


.huge a{
color:#000;font-size:300%;}

#footer a {
color:#fff;font-weight:700;margin-top:10px;font-size:13px;text-decoration:none;
}
#footer a:hover {
color:#826c3f;font-weight:700;margin-top:10px;font-size:13px;text-decoration:none;
}
#footer2 a {
color:#fff;font-weight:700;margin-top:0px;font-size:13px;text-decoration:none;
}
#footer2 a:hover {
color:#826c3f;font-weight:700;margin-top:00px;font-size:13px;text-decoration:none;
}
.norm  {
color:#444;
text-decoration:none;
}

#header a:hover {
color:#826c3f;
}

#lefti {
float:right;
width:150px;
}
.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
}
a.fisheyeItem
{
	text-align: center;
	color: #40A1E6;
	font-weight: bold;
	text-decoration: none;
	width: 60px;
	position: absolute;
	display: block;
	top: 0;

}
a.fisheyeItem2
{
	text-align: center;
	color: #40A1E6;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	bottom: 0;

}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}
.fisheyeItem2 img
{
	border: none;
	margin: 5px auto 0 auto;
	width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
	display: none;
	positon: absolute;
}
.fisheyeContainter
{
	background-color: transparent;
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}
#fisheye2
{
	position: absolute;
	width: 100%;
	bottom: 180px;
}


#submenurechts ul {
list-style-type:circle
}

#submenurechts li {text-align:left;
height:35px;width:170px;

font-size:13px;
}

#menu2 a{
	color:#FFF;
	text-decoration:none;

}

#menu2 p{
	padding:0px 5px 
color:#efefef;
}

#menu2 a:hover {
color:#d5d5d5;
}

#menu2	.subtext{
		padding-top:15px;
	}
.here {background:#037fe5;}
.green{background:#037fe5; }
.yellow{background:#2894ed; }
.red{background:#45a1ed; }
.purple{background:#40A1E6; }
.blue{background:#01549a;}
.grey{background:#d5d5d5;}

/*Menu Color Classes*/
/*
.green{background:#6AA63B; }
.yellow{background:#FBC700; }
.red{background:#D52100; }
.purple{background:#5122B4; }
.blue{background:#40A1E6;}
*/

#menu2 {
height:110px;
width:760px;
position:absolute;



}



div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		white url(___images/navBG.png) ;
z-index:0;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			130px;



	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	
	background:#666;	
}	



