/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 0;
	width:100%;
	text-align:left;
}

/* Menu List */
.nav > li {
	display: block;
	float: left;
}

.nav > li.navElemFirst {
	background:none;
}

/* Menu Links */
.nav > li > a {
	font-size:22px;
	color: #ababab;	
	font-weight:700;
	position: relative;
	display: block;
	padding:0px 10px;
	height:86px;	
	line-height:77px;
	text-transform:uppercase;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background-position: center 80px;
	
}

.nav > li:hover > a,
.nav > li > a.selected { 
	color:#83b646;
	background:url(../img/design01/menu_li_bg.png) center 65px no-repeat;

}

.nav > li:last-child > a {
	margin-right:0px;
}



/*
a.one,
a.two,
a.three,
a.four,
a.five {
	background:url(../img/design01/a-one_bg.png) center  10px no-repeat;	
}

a.two {
	background:url(../img/design01/a-two_bg.png) center 2px no-repeat;	
}

a.three {
	background:url(../img/design01/a-three_bg.png) center 9px no-repeat;	
}	

a.four {
	background:url(../img/design01/a-four_bg.png) center 5px no-repeat;	
}

a.five {
	background:url(../img/design01/a-five_bg.png) center 13px no-repeat;	
}	

	.nav li a:hover,
	.nav li a.selected {
		background-position:  center -170px;	
	}

/* Menu Dropdown */
.nav > li > div {
	position: fixed;
	display: block;
	width: 100%;
	height:auto;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	background:url(../img/design01/nav-content_bg.png);
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index:999;
}

.fixed .nav > li > div {
	background:#7e7e7e;	
}

.nav > li:hover > div {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}
	
.nav .nav-content {
	z-index:0;
}	

.nav .nav-inner {
	position:relative;
	padding:20px 0px;	
	width:100%;	
}

.nav .page {
	 margin:0 auto;
	 display:table;
	 border-collapse: separate;
	 border-spacing: 10px;
}


	.nav .nav-inner ul {
		list-style:none;
		width:100%;	
	}
	
	.nav .nav-inner a {
		padding:0 5px;
		text-decoration:none;
		text-decoration:none;
		color:#fff;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		display:block;
		margin-bottom:6px;
		font-size:18px;
	}
	
	.nav .nav-inner a.selected,
	.nav .nav-inner a:hover {
		background:#83B646;
	}
	
	.nav .one .nav-inner li,
	.nav .four .nav-inner li,
	.nav .five .nav-inner li,
	.nav .six .nav-inner li {
		width:50%;
		float:left;	
	}
	
	.nav_head,
	.nav_items,
	.nav_img {
		display: table-cell;
		vertical-align: top;
	}
	
	.nav .nav_head {
		color:#fff;
		text-transform:uppercase;
		border-right:1px dotted #fff;
		font-size:22px;
		font-weight:700;
		vertical-align: middle;
		text-align:right;
		padding-right:10px;
		width:220px;
	}
	
	.nav .nav_items {
		border-right:1px dotted #fff;
		padding-right:10px;
		vertical-align:middle;
	}
	.nav_img {
		vertical-align: middle;
	}
	
	
	
.language a.lang,
.language a.lang:link,
.language a.lang:active,
.language a.lang:visited,
.language a.lang:hover {
	text-decoration:none;
	color:#fff;
	background:#ababab;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	padding:10px 6px 2px 6px;
	line-height:30px;
	font-size:16px;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin-left:3px;
}
.language a.lang:hover,
.language  a.de.act0,
.language  a.en.act1 {
	background:#83b646;	
}

.icons a,
.icons a:link,
.icons a:active,
.icons a:visited,
.icons a:hover {
	text-indent:-999em;
	display:block;
	width: 24px;
	height: 50px;
	background:url(../img/icons/icons_a_bg.png) left center no-repeat;
	float:left;
	margin-right:12px;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

	.icons a:hover {
		background-position: left 8px;	
	}

.icons a.two {
	background:url(../img/icons/icons_a_bg.png) center center no-repeat;
}

	.icons a.two:hover {
		background:url(../img/icons/icons_a_bg.png) center 8px no-repeat;
	}

.icons a.three {
	background:url(../img/icons/icons_a_bg.png) right center no-repeat;
}

	.icons a.three:hover {
		background:url(../img/icons/icons_a_bg.png) right 8px no-repeat;
	}

.tel a,
.tel a:link,
.tel a:active,
.tel a:visited,
.tel a:hover,
.mail a,
.mail a:link,
.mail a:active,
.mail a:visited,
.mail a:hover {
	color:#fff;
	text-decoration:none;
	font-size:16px;
}

.suche a,
.suche a:link,
.suche a:active,
.suche a:visited,
.suche a:hover {
	color:#fff;
	text-decoration:none;	
	font-size:20px;
	font-weight:bold;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.suche a:hover {
	border-bottom:1px solid #fff;
}

.footer2 a,
.footer2 a:link,
.footer2 a:active,
.footer2 a:visited,
.footer2 a:hover {
	text-decoration:none;
	color:#5e5e5e;
	font-weight:bold;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.footer2 a:hover {
	color:#000;	
}

.footer2 .three-cols-middle ul {
	list-style:none;	
}

.footer2 .three-cols-middle a,
.footer2 .three-cols-middle a:link,
.footer2 .three-cols-middle a:active,
.footer2 .three-cols-middle a:visited,
.footer2 .three-cols-middle a:hover {
	display:block;
	background:#fff;
	color:#83b646;
	text-decoration:none;
	margin-bottom:5px;
	padding:5px;
	font-weight:normal;
}

.footer2 .three-cols-middle a:hover {
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	color:#000;
}	

.footer1 a.internal-link {
	color: #83b646;
	font-weight:bold;
	text-decoration:none;
	padding-right:55px;
}


/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.menu_wrap ul li:hover ul {
	display:block;
}

.menu_wrap ul ul {
	display:none;
}
}

/* mobile */

@media screen and (max-width: 767px) {

.nav .one {
    margin-left: 0px;
}

.nav  {
	min-height:35px;
	height: auto;
	clear:both;
	width:100%;	
	background:#83B646;
}

.nav h3 {
	color:#fff;
	padding-left:10px;	
	margin-bottom:0;
}
	
ul.nav {
	height: auto;
	display:none;
	width:100%;	
	background:#83B646;
	padding-left:0;
	clear:both;
}

ul.nav li {
	float:none;
	clear:both;
	width:100%;
	height:auto;
}

ul.nav li a,
ul.nav li a:link,
ul.nav li a:hover,
ul.nav li a:active,
ul.nav li a:visited {
	font-size:20px;
	color:#fff;
	line-height:30px;
	display:block;
	font-weight:700;
	text-align:center;
	border-bottom:1px dotted #fff;
}

	.nav > li > a {
		margin-right:0;	
		height:auto;
		padding-right:0;
		padding-left:0px;
	}

ul.nav li:hover ul {
	display:block;
}
	
	ul.nav li a:hover,
	ul.nav li a.selected,
	ul.nav li:hover > a {
		background-image:none;
		color:#fff;
		font-weight:bold;

	}

/* 2. Ebene */
.nav > li > div {
	opacity: 1;
	visibility: visible;
	overflow: visible;	
	clear:both;
	display:block;
	position:relative;
	top:auto;
	background:none;
	border:none;
	height:auto;
	padding:0px;
	bottom:auto;
	width:100%;
	box-shadow:none;
}

.nav .nav-column {
	float:none;
	margin-right:0;
	width:100%;
	padding:0;	
}

.nav .nav-content {
	
}	

.nav .nav-inner {
	padding:5px 0;	
}

	.nav .nav-inner a,
	.nav .nav-inner a:link,
	.nav .nav-inner a:active,
	.nav .nav-inner a:visited,
	.nav .nav-inner a:hover {
		border-bottom:none;
		
		font-size:18px;
		font-weight:500;
		
	}

	.nav .nav_head {
		display:none;	
	}
	
	.nav .nav_items ul {
		display:block !important;	
	}
	
	.nav .nav_items {
		border-right:0;
		padding-right:0;	
	}
	
	.nav .nav_img {
		display:none;	
	}
	
	.nav .one .nav-inner li, .nav .four .nav-inner li, .nav .five .nav-inner li, .nav .six .nav-inner li {
		width:100%;
		text-align:center;
		display:inline-block;
	}


.language a,
.language a:link,
.language a:active,
.language a:visited,
.language a:hover {
	text-decoration:none;
	color:#83b646;
	background:#fff;
	border-radius: 0px ;
	-moz-border-radius: 0px ;
	-webkit-border-radius: 0px ;
	padding:8px ;
	font-size:16px;
	margin:0 5px;
}
.language a:hover,
.language  a.de.act0,
.language  a.en.act1 {
	color:#000;
	background:#fff;
}

.icons a, .icons a:link, .icons a:active, .icons a:visited, .icons a:hover {
	margin-right:5px;	
}

.footer1 a.internal-link {
	padding-right:0;	
}

.footer2 .three-cols-middle a, .footer2 .three-cols-middle a:link, .footer2 .three-cols-middle a:active, .footer2 .three-cols-middle a:visited, .footer2 .three-cols-middle a:hover {
	font-size:16px;	
}
}