/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {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%;}

body > #wrap { width:100%;background-color:#fff;font-family:  verdana, "DejaVu Sans", sans-serif ; color:#d5d5d5;}

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

#footer {position: relative;
	margin-top: -280px; /* negative value of footer height */
	height: 280px;
	clear:both;
background:;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color:#ddd;
color:#666;
 background-image:url(img/footer3-webdesign-hamburg.png); 



} 


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

#content {float:left;  border:solid;border-width:0px 1px 0px 1px;border-color:#ddd; width:700px;margin-right:10px;color:#000;background:#fff;min-height:750px;}

#links {float:left;border:solid;border-width:0px;border-color:#000; width:20px;margin-right:10px;color:#ff00ff;}background:#fff;}

#rechts {float:left; border:solid;border-width:0px;border-color:#000; width:20px;color:#ff00ff;background:#fff;}

.box1 {
float:left;margin-top:0px;border-style:solid;border-width:0px 2px 0px 0px;border-color:#e5e5e5;background:transparent;z-index:2000;padding:0px;line-height:35px;
}
.box2 {
float:left;margin-top:0px;border-style:solid;border-width:0px 2px 0px 0px;border-color:#e5e5e5;background:transparent;padding:0px;line-height:35px;
}
.box3 {
float:left;width:153px;margin-top:0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#e5e5e5;background:transparent;padding:0px;line-height:35px;
}



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:#40A1E6}
#header p {color:#000}

h2 {
font-size:19px;
}

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

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

#twinkle {
margin-left:-50px;
position:absolute;
height:200px;
width:100px;
border-style:solid;
border-width:0px;
border-color:#000;

}

.topmenu {margin-top:10px; border-style:solid;border-width: 0px 2px 0px 0px; border-color:#fff; width:770px;height:40px;background-image:url(img/verlauf.png);}

#headerimg {
background-image:url(img/header-back-webdesign.png);border-style:solid;border-width:0px ;border-color:#ddd;height:200px;
}

#logolink {
padding-right:40px;padding-top:20px;text-align:right;color:#fff;font-size:200%;font-family:arial, "Nimbus Sans l";text-transform:uppercase;
}
#logolink a{
color:#fff;
}

.tagline {
text-align:right;padding-right:40px;font-family:arial,"Nimbus Sans l";
}

#header {
height:257px;
width:770px;
background-color:#fff;
margin-bottom:10px;

}
#centercontent h1 {
font-size:15px;
padding:0px 20px 0px 20px
}

#centercontent p {
padding:0px 20px 0px 20px
}

#centercontent img {
border-style:none;
}

#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:none;
border-width:0px;
}
#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;}

a{color:#729DFF;text-decoration:none;font-weight:700;}
a:hover{color:#fc0303}

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



.topmenu a {font-weight:400;
font-size:80%;display:block;color:#666;background:#;padding:2px 0px 2px 0px;
}
.topmenu a:hover {background:#;color:#000;font-style:bold;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




.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: 210px;
}
ul{
	margin:0;
	padding:0;
}

li{
	width:130px;
	height:30px;
	float:left;
	color:#191919;
	text-align:center;
	overflow:hidden;
}

#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;

z-index:0;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			152px;
padding-top:4px;


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

	background:#d1d1d1;	
}