/*  
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 pposition:relative;ushed down a bit more, creating vertical scroll bars in the browser */



body > #wrap { width:100%;background-color:#fff;font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif; color:#7D7D7D;background-image:url(img/bg1.png);
background-repeat:repeat-x;background-color:#fff;top:0px;position:absolute;overflow:auto}

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

#mitte {
width:770px;
margin: 0 auto;

}

#footer {
	 /* negative value of footer height */
	height: 330px;
	clear:both;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color:#ddd;
color:#666;


background-position:center;
 background-image:url(img/footer3-webdesign-hamburg.png);
} 

/*** set the width and height to match your images **/

#slideshow {
position:absolute;
top:0px;
    height:200px;
}
#slideshow IMG {
    position:absolute;
     z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#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:770px;margin-right:10px;color:#000;background:#fff;min-height:750px;margin-top:10px;padding-bottom:30px;}

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


#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#729DFF;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#fff;
        font-family:verdana;
        font-size:12px;
font-weight:bold;
z-index:999999;
}

.trans_box2 {
  font-family:verdana;
  font-weight:bold;
  padding:40px;
  margin:30px;
  border:solid 1px #555;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_honey.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {
  background-image:url(/75p_honey.png);
}


h1 {
color:#000;
}

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

.eingeruckt {
padding:0px 20px 0px 20px;
color:#5d5d5d;
}

#header h1 {color:#40A1E6}
#header p {color:#fff}

h2 {
font-size:19px;
}

p {font-size:14px;color:#7D7D7D;line-height:24px;}

#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:0px; 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:187px;z-index:0;

}

#logolink {
position:relative;
padding-right:40px;padding-top:5px;margin-top:0px;text-align:right;color:#fff;font-family:arial, "Nimbus Sans l";text-transform:uppercase;z-index:299999;  background-image:url(img/trnas.png);
}
#logolink a{
color:#fff;
z-index:2000;
font-size:30px;
}

.tagline {
position:relative;
z-index:2000;color:#ffffff;
text-align:right;padding-right:40px;font-family:arial,"Nimbus Sans l";background-image:url(img/trnas.png);padding-bottom:5px;
}

.tagline p {
color:#ff00ff;
}

#header {
height:237px;
width:770px;
background-color:#fff;
margin-bottom:0px;
position:relative;
margin-top:19px;
padding-top:15px;
}

#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:22%;margin-right:25px;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;
}

.bigpicture {
padding-top:30px;
padding-right:20px;
padding-left:0px;
background-image:url(img/bg-bigpicture.png);
background-repeat:no-repeat;
}

.alpha2 a img{filter: Alpha(Opacity=20);opacity: 0.1; background:#fff;padding:5px;}
.alpha2 a:hover img{filter: Alpha(Opacity=100);opacity: 1; background:#fff;}
.alpha_none2{filter: Alpha(Opacity=20);opacity: 0.1; background:#fff;}


.alpha{}
.alpha a img{filter: Alpha(Opacity=20);opacity: 0.25; background:#ddd;padding:5px;}
.alpha a:hover img{filter: Alpha(Opacity=100);opacity: 1; background:#eee;}
.alpha_none{filter: Alpha(Opacity=20);opacity: 0.25; 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;
}

.topmenu a.active {
background-color:#d3d3d3;
}

/* 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
{
position:relative;
	background-color: transparent;

}
#fisheye2
{
position: absolute;
bottom: 250px;

}

#fisheye2 ul
{
	list-style-type:none;
margin:0 !important;
padding:0 !important;;
}

#fisheye2 li
{
	list-style-type:none;
margin:0 !important;
padding:0 !important;
width:60px;
height:70px;
}

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: 			126px;
padding-top:4px;
height:39px;
	text-align: 		center;
	font-size:		13px;
	text-decoration:	none;
font-weight:500;
	
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;

	background:#d1d1d1;	
}	


@charset "utf-8";
/* CSS Document */

#jcarousel .caption {float:left;}
#jcarousel .caption div {display:block;width:auto;text-align:center;}
#jcarousel .controls {float:right;width:80px;margin:10px;}
#jcarousel span.title {display:block;width:auto;float:left;text-align:left;font-weight:bold;color:#e18726;padding-left:20px;font-size:20px;}
#jcarousel span.alt-text {display:block;width:auto;float:left;margin-left:20px;text-align:left;font-weight:bold;}
#jcarousel a#carousel {width:35px;height:35px;display:block;}
#jcarousel #carouselLeft {background:url(../images/buttons.png) left top no-repeat;}
#jcarousel input {width:35px;height:35px;display:block;}
#jcarousel input.light .left {background:url(../images/buttons.png) left top no-repeat;}
#jcarousel input.light .right {background:url(../images/buttons.png) right top no-repeat;}
#jcarousel input.dark .right {background:url(../images/buttons.png) bottom top no-repeat;}
#jcarousel input.dark .left {background:url(../images/buttons.png) left top no-repeat;}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
	color: #FF6600;
	font-size:13px;
	padding-bottom:2px;
}