/*  
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%;font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif; color:#7D7D7D;
background-repeat:repeat-x;top:0px;position:absolute;overflow:auto;
background-attachment: fixed;background-repeat:repeat-x;background-position:50% 50%;}
}

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

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

}

.headding {font-style:italic;font-size:24px;line-height:25px;text-shadow:1px;text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 0 #DDDDDD;}

#footer {
	 /* negative value of footer height */
	height: 300px;
	clear:both;
margin-top:20px;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color:#ddd;
color:#666;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;


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

/*** 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;
}

#page {
z-index: 2;
position: relative;
min-height:1700px;

}


#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:970px;margin-right:10px;color:#000;background-image:url(img/transp.png);min-height:750px;margin-top:10px;padding-bottom:30px;padding-top:20px;margin-bottom:20px;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 8px;
min-height:400px;
}

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


.activable  {

}

#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;font-style:italic}

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

#header h1 {color:#40A1E6}


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;

}





#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:20px;padding-top:5px;margin-top:0px;text-align:right;color:#fff;font-family:arial, "Nimbus Sans l";text-transform:uppercase;z-index:299999; height:60px;background:transparent;float:right;width:450px; border-style:solid;border-width:0px;
}
#logolink a{
color:#fff;
z-index:2000;
font-size:30px;
text-shadow:1px;text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
margin-top:10px;
}

.tagline {

z-index:2001;color:#de0052;
font-family:arial,"Nimbus Sans l"; bottom: 0;margin-left:35px;


}

.tagline p {

}
/*
	Background Stretcher jQuery Plugin
	� 2011 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
background-attachment:fixed !important;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;

}
.bgstretcher {
	background: #eee;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
background-attachment:fixed !important;
}



#header {
height:60px;
width:970px;
background:transparent;
margin-bottom:0px;
position:relative;
margin-top:10px;
margin-bottom:10px;
}

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

#page-wrap {
background:transparent;
}

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

#centercontent img {
border-style:none;
}

.jcarousel {
background:transparent !important;
}

#submenurechts {
float:right;width:230px;margin-right:0px;padding:5px; padding-left:15px;
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=40);opacity: 0.8; background:transparent;padding:5px;}
.alpha2 a:hover img{filter: Alpha(Opacity=100);opacity: 1; background:transparent;}
.alpha_none2{filter: Alpha(Opacity=40);opacity: 0.8; background:transparent;}


.alpha{width:65px;height:65px;float:left;}
.alpha a img{filter: Alpha(Opacity=40);opacity: 0.65; background:#ddd;padding:5px;}
.alpha a:hover img{filter: Alpha(Opacity=100);opacity: 1; background:#eee;}
.alpha_none{filter: Alpha(Opacity=40);opacity: 0.65; background:#fff;}

.alpha_gornix{filter: Alpha(Opacity=100);opacity: 1; background:#fff;}

.alpha ul li { display:inline;}

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

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

.topmenu {margin-left:23px;margin-top:0px; border-style:solid;border-width: 0px 0px 0px 0px; border-color:#fff; width:555px;padding-top:30px;vertical-align:bottom;position: absolute; bottom: 0;z-index:2;}

.topmenu a {font-weight:700;
font-size:90%;color:#000;padding:0px 0px 0px 0px;text-decoration:underline;
}
.topmenu a:hover {background:#;color:#444;font-style:bold;
}

.topmenu a.active {
background-color:transparet;
color:#de0052 !important;
}

.topmenu ul {
list-style: square inside;
}

.topmenu ul li {
list-style-type:none;
display:inline;
vertical-align:bottom;	
}

.topmenu li {
list-style-type:none;
    vertical-align: bottom;

}

.topmenu-dr {
position:absolute;
height:50px;
margin-top:30px;
margin-left:10px;
width:505px;
background-image:url(img/transp.png);
z-index:1;
border-top-right-radius: 8px; 
border-top-left-radius: 8px; 
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */

}

/* 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: 270px;

}

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

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

#submenurechts ul {
list-style-type:none;
}

#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;
	padding-top:4px;
padding:0px 10px;
	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;
}