@font-face {
   font-family: 'ApexNew-Ultra';
   src: url('ApexNew-Ultra.otf');
   format('opentype');
}
/* ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////// */
/* general formats */

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li, input, label { 
	margin: 0; 
	padding: 0; 
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
 
html, body { 
	background-color:#EAEAEB;
	width:100%;
	height:100%;	
	font-size:11px; 
}

img { 
	border:none;
}

div {
	text-align:left;
}

h1, h1 p {
	font-size:25px;
	text-transform:uppercase;
	font-family:'ApexNew-Ultra',Arial;
	letter-spacing:1px;
	font-weight:lighter;
}

h2 {
	font-size:12px;	
	text-transform:uppercase;
	font-weight:bold;
}

.blackline {
	border-bottom:1px #000 solid;
}

#main {
	width:980px;
	margin: 0 auto;
	display:block;
}

/* ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////// */
/* Header */

#navigation {
	height:38px;
	width:100%;
	background-color:#000;	
}

#slider {
	margin-top:2px;
	height:350px;
	background-color:grey;
}

#topimages {
	margin-top:8px;
	min-height:146px;
}

.topimages {
	width:320px;
	height:146px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	/* background-image:url(../images/GIB_website_quereinsteiger.png);*/
	background-color:#F8DD41;	
	
}


.topimages img:hover{
	opacity: 0.7;		/* modern browser */
	-moz-opacity: 0.7;	/* older Mozilla browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
	filter:alpha(opacity=70); /* IE5.x -7.0 */			
}

.last {
	margin-right:0!important;
}

.topimages_admin {
	margin-top:-30px;
	position:absolute;
	color:#fff;
	background-color:#000;
	padding:5px;
}

.topimages_admin0 {
	margin-top:-90px;
	position:absolute;
	color:#fff;
	background-color:#000;
	padding:5px;	
}

.topimages_admin_R {
	color:#fff;
	background-color:#000;
	padding:5px;
}

.alert {
	background-color:#990000;
}

#logo {
	position:absolute;
	top:0;
	left:50%;
	margin-left:340px;
	
}


#logoimglarge img {
	position:absolute;
	z-index:999;
	margin-top:13px;
}


#languages {
	position:absolute;
	padding-top:0;
	left:50%;
	margin-left:450px;
	padding-left:12px;
	top:10px;
	text-transform:uppercase;
	height:200px;
	width:40px;
	
}
#languages a {
	text-decoration:none;
	color:#787878;
}
#country_select {
	display:none;
	position:absolute;
	left:50%;
	width:730px;
	margin-left:-970px;
	z-index:9999999;
	background-image:url(../js/fancybox/blank.gif);
	background-repeat:repeat;
	top:18px;
	padding-top:20px;
	padding-left:250px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;

}

#inner_country {
	font-size:12px;
	font-weight:bold;
}

#fancybox-content #inner_country  {
	background-color:#000;
	color:#fff;
	padding:20px;
}

#fancybox-content #inner_country  li,
#fancybox-content #inner_country  ul{
	list-style-type:none;	
}

#inner_country ul, 
#inner_country li,
#inner_country li a,
#country_select ul, 
#country_select li,
#country_select li a{
	font-size:12px!important;
	padding-left:0!important;
	padding:0!important;
	margin:0!important;
	float:none!important;
	height:inherit!important;
}

#country_select li {
	margin-bottom:8px!important;	
}

#inner_country a,
#country_select a{
	color:#fff;
}

.country_options {
	float:left;
	padding-right:40px;
}

#languages a:hover,
#languages:hover a{
	color:#F9DE42;
}

#languages a:hover #country_select a,
#languages:hover #country_select a{
	color:#fff;
}

#country_select a:hover,
a.activelang {
	color:#F9DE42!important;
}

#countries {
	color:#fff;
	margin-top:15px;	
}
#countries td {
	padding-top:10px;
	padding-right:30px;	
}

#languages:hover #country_select{
	display:block;
}

/* ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////// */
/* Main Navigation */

#navigation ul, #navigation li {
	list-style-type:none;
}

#ape {
	width:25px;
	height:30px;
	background-image:url(../images/ape_g.png);
	float:left;
	margin-top:-10px;
	margin-right:6px;
}

.active #ape, #ape:hover, li:hover #ape {
	background-image:url(../images/ape_y.png);
}


/* 1st Level*/
#navigation ul{
	margin-left:0px;
	padding-top:12px;
	height:30px;
}

#navigation li {
	float:left;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:18px;
	padding-right:18px;
	height:30px;
}

#navigation li a{
	color:#787878;
	text-decoration:none;
}
#navigation li li a{
	color:#ffffff;
	font-size:12px;
}

#navigation li a:hover, 
#navigation .active a, 
#navigation li.activepath a, 
#navigation li:hover a,
#navigation li:hover  li:hover a,
#navigation li:hover  li:hover li:hover a{
	
	color:#F9DE42;
}

/* 2nd Level*/

#grayback {
	position:absolute;
	top:38px;
	width:980px;
	height:30px;
	background-color:#787878;
	border-top:2px #fff solid;
	margin-left:-490px;	
	left:50%;
	z-index:998;
	display:none;		
}

#navigation ul ul {
	position:absolute;
	z-index:999;
	height:25px;
	left:50%;
	margin-top:8px;
	margin-left:-490px;	
	padding-top:9px;
	display:block;
	visibility:hidden;
}


#navigation li li {
	position:relative;
	width:auto;
	padding-left:15px;
	padding-right:15px;
	display:block;
	white-space:nowrap;
	/*border:1px red dashed; */	

}

#navigation li:hover li a,
#navigation li:hover li:hover li a{
	color:#ffffff;
	font-size:12px;
}


/* 3rd Level*/

#navigation ul ul ul{
	border:0;
	height:auto;
	width:auto;
	margin-top:8px;
	left:inherit;
	margin-left:0;
	padding-left:0;	
	padding-top:9px;
	background-color:transparent;
	position:relative;
	z-index:999;
	/*border:1px green dashed;*/
}


#navigation li li li {
	float:none;
	margin-left:0;
	padding-left:0;
	height:20px;
		padding-right:0;
}

/* show */
#navigation li:hover ul, #navigation ul ul:hover {
	visibility:visible;
	
}
#navigation li:hover #blackback, 
#languages:hover  #blackback {
	position:absolute;
	width:980px;
	left:50%;
	top:40px;
	z-index:997;
	margin-left:-490px;
	background-color:#000;
	height:350px;
	
	opacity: 0.7;		/* modern browser */
	-moz-opacity: 0.7;	/* older Mozilla browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
	filter:alpha(opacity=70); /* IE5.x -7.0 */		
}
#languages:hover  #blackback {
	margin-left:-967px;
	margin-top:-10px		
}


#navigation li:hover #grayback,
#languages:hover #grayback {
	display:block;	
}
#navigation #homeli:hover #grayback {
	display:none;
}

#languages:hover #grayback {
	margin-left:-967px;
	margin-top:-10px	
}

#navigation li #grayback,
#navigation li:hover li #grayback {
	display:none;	
}
#navigation li li #blackback {
	display:none;	
}




/* ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////// */
/* content left*/

#content {
	margin-top:8px;
	min-height:350px;
	background-color:#FFF;
}

#center_content {
	width:630px;
	padding-left:20px;
	padding-top:10px;
	float:left;

}

#content_detail h2 {
	width:100%;
	border-bottom:1px #787878 dashed;
	color:#000;
	margin-top:8px;
	margin-bottom:8px;
}

#content_detail li {
	margin-left:15px;
}

#content_detail p{
	margin-top:8px;
	margin-bottom:8px;	
}

#content_detail a {
	text-decoration:underline;
	color:#000;
}

#team_text a{
	color:#fff;
}

#content_detail {
	margin-top:10px;
	margin-bottom:20px;
	/*color:#787878;*/
	color:#444;
	line-height:140%;
	font-size:12px;	
}

/*#content_detail a[href^="http:"],
#content_detail a[href^="https:"],
#content_detail a[href^="ftp:"]{
	background: transparent url('../images/link_extern.gif') 100% 50% no-repeat;
	padding-right: 12px;
}
#content_detail a[href^="http://http://176.9.44.5"],
#content_detail a[href^="http://www.gibbon-slacklines.com"],
#content_detail a[href^="http://176.9.44.5/blogs.gibbon-slacklines.com"],
#content_detail a[href^="http://blogs.gibbon-slacklines.com"],
#content_detail a[href^="http://gibbon-slacklines.com"]
{
background: transparent;
padding-right: 0px;
 }*/

#metaNavigation ul {
	margin-top:15px;
}
#metaNavigation ul,
#metaNavigation li {
	list-style-type:none;
	
}
#metaNavigation li a

 {
	color:#787878;
	text-decoration:none;
	line-height:160%;
	text-transform:uppercase;
	font-weight:bold;
}
#metaNavigation li {
	background-image:url(../images/limeta.png);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:8px;
	line-height:100%;
	padding-bottom:3px;
	color:#787878;
}

#metaNavigation li.active {
	background-image:url(../images/limetactive.png);
}

#metaNavigation .active a {
	color:#F9DE42;
}


/* ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////// */
/* content right*/

#right_content {
	width:281px;
	float:right;
	margin-right:20px;
	margin-top:16px;
	display:block;
}

#termin_teaser{
	background-color:#F9DE42;
	padding:14px;
	margin-bottom:20px;		
}

#facebook_box {
	min-height:290px;
	display:block;
	margin-bottom:20px;
}

#twitter_box {
	margin-bottom:20px;	
}

#termine_liste {
	margin-top:5px;
	list-style-type:none;
	
}
#termine_liste li{
	margin:8px;
	margin-right:0;
	padding-left:8px;
	padding-top:-8px;
	padding-bottom:5px;
	background-image:url(../images/li.png); 
	background-repeat:no-repeat;
	background-position:0px 2px;
	border-bottom:1px #FFF solid;			
}

#termine_liste .Tlast {
	border-bottom:2px #000 solid;
}

#termine_liste a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.date_location {
	text-transform:uppercase;
}

#infobox {
	margin-bottom:20px;
	padding-left:20px;
	border-left:2px #787878 solid;

}
#infobox h2 {
	color:#787878;
	margin-bottom:8px;
	
}
#infobox ul, 
#infobox li {
	list-style-type:none;
}

#infobox li {
	padding-left:22px;
	background-image:url(../images/pfeil.png);
	background-repeat:no-repeat;
	
}

#infobox li a{
	color:#000;
	text-decoration:none;
	line-height:150%;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	
}

#newletter {
	margin-bottom:20px;
	border-left:7px #EBEBEC solid;
	padding:7px;
	padding-right:0;
}

.teaser_cat_images {
	padding-top:20px;
	color:#787878;
	margin-bottom:20px;
	float:left;
	margin-left:20px;
	/*text-shadow: 2px 2px #fff;*/
	
}
.h2img h2{
	font-size:23px;
	font-family:'ApexNew-Ultra';
	font-weight:lighter;
	color:#000;
	
}

.h2img {
	position:absolute;
	margin-top:-35px;
	padding:5px;
	width:320px;
}
.RightBottom h2,
.RightTop h2{
	text-align:right;
}

.RightTop,
.LeftTop {
	margin-top:-200px;
}

.teaser_images {
	padding-top:20px;
	/*color:#787878;*/
	color:#444;
	border-top:1px #787878 dashed;
	margin-bottom:20px;
}

.teaser_date {
	font-weight:bold;
	padding-top:2px;
	padding-bottom:10px;
	
}
.readon {
	padding-top:7px;
	font-weight:bold;
}

.readon a {
	padding-top:7px;
	color:#787878;
	text-decoration:none;
	text-transform:uppercase;
	
}

.teaser_images h2 a{
	color:#000;
	text-decoration:none;
	
}

.teaser_images.last{
	border-top:0;
	
}

.teaser_images img{ 
float:left; 
margin-right:16px;
}

#pages {
	border-top:1px #000 solid;
	padding-top:12px;
	margin-bottom:18px;
}
#pages a{
	color:#000;
	text-decoration:none;
}

.vplay {
	position:absolute;
	padding:0;
	margin-top:40px;
	margin-left:-90px;
}
.vplay2 {
	position:absolute;
	padding:0;
	margin-top:68px;
	margin-left:-127px;
}
.vplay3 {
	position:absolute;
	padding:0;
	margin-top:40px;
	margin-left:-110px;
}
.vplay,
.vplay2,
.vplay3 {
	opacity: 0.6;		/* modern browser */
	-moz-opacity: 0.6;	/* older Mozilla browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */
	filter:alpha(opacity=60); /* IE5.x -7.0 */		
}
.produkt_img_icon:hover .vplay,
.produkt_img_icon:hover .vplay2,
.newsimage:hover .vplay3 {
	opacity: 1.0;		/* modern browser */
	-moz-opacity: 1.0;	/* older Mozilla browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
	filter:alpha(opacity=100); /* IE5.x -7.0 */		
}
/* ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////// */
/* footer */

#footer {
	border-top:7px #000 solid;
	margin-bottom:20px;
}

#lay_footer_logos {
	margin-top:12px;
	width:620px;
	border-right:1px #000 dashed;
	min-height:140px;
	color:#000;
	float:left;	
}
#lay_footer_logos a{
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:16px;
	font-size:12px;	
}
#lay_footer_logos .tdtext {
		padding:16px;
		font-weight:bold;
		padding-right:0px;
		white-space:nowrap;
}

#lay_footer_locator { 
	float:left;
	margin-top:24px;
	margin-left:35px;
	width:320px;
}

#lay_footer_locator h1{ 
	color:#000;
	line-height:100%;
}

#lay_footer_locator h2{ 
	color:#000;
	line-height:100%;
}

.inpt {
	height:21px;
	border:1px #787878 solid;
	margin-right:0;
	font-size:11px;
	width:127px;
	margin-bottom:4px;
	margin-top:6px;
	float:left;

}

.sbtn {
	margin-top:6px;
	background-color:#000;
	height:23px;
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-family:'ApexNew-Ultra';
	float:left;
	padding-left:4px;
	padding-right:4px;
}
 
#lay_footer_locator h2.untder {
	max-width:80px;
	line-height:120%;

}


#lay_footer_navi #metaNavigation ul,
#lay_footer_navi #metaNavigation li {
	
}
#lay_footer_navi #metaNavigation li {
	float:left;
	font-size:10px;
	background:none;
}

.copy {
	float:left;
	margin-top:2px;
	font-size:10px;
	color:#787878;
	margin-left:17px;
}

.largeoutermap {
	position:absolute!important;
	left:0!important;
	top:0!important;
	background-color:#000!important;
	padding-left:5px!important;
	z-index:999;
	height:1500px;
}

.largeoutermap {
	padding-top:8px;
	
}

.gInfowindow {
	color:#000;
	max-width:400px;
}

.team_images {
	width:148px;
	height:192px;
	
}

.team_images:hover img.firstimage{
	display:none!important;
	cursor:pointer;
	cursor:hand;
}
.team_images:hover .image2{
	display:block!important;
	cursor:pointer;
	cursor:hand;		
}

.team_name {
	position:absolute;
	font-size:23px;
	color:#F8DD41;
	 font-family:'ApexNew-Ultra',Arial;
	 background-color:#000;
	 margin-top:-192px;
	 width:148px;
	 min-height:30px;
	 text-align:center;
	 display:none;	 
}

#newsletterlarge {
	display:none;
	
}
#newsletterlarge_innner {
	width:400px!important;
}

#retailer_login {
	display:none;
}
#retailer_login_innner h1,
#retailer_login_innner a{
	color:#000!important;
}


.newsletter_agb {
	width:95%;
	max-width:400px;
	height:150px;
	overflow:auto;
	border:1px #000 solid;
	margin-bottom:15px;
	margin-top:15px;
}

#gibbon {
	margin-bottom:30px;
	
}
