@charset "utf-8";

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font: 18px/1.4 "FrutigerNextW01-Regular", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 30px 0 50px 0;
	color: #000;
	background: #fff;
}


/* =Layout
-------------------------------------------------------------- */

.wrapper {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}


header {
	width: 100%;
}

div.header-top {
	height: 70px;
}


article.content {
	min-height: 550px;
	margin: 0 85px 30px 85px ;
}


aside {
	float: right;
	width: 300px;
}

footer {
	padding: 10px 0;
	position: relative;
	clear: both;
	min-height: 80px;
}

footer .wrapper {
	border-top: 1px solid #CCCCCC;
}

a.logo {
	float: left;
	background: url(../layout-img/xeo-logo.png) no-repeat left 0px;
	width: 150px;
	height: 55px;
	margin: 0;
	text-decoration: none;
}




/* =Fonts global
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	text-rendering: optimizeLegibility;	
	-webkit-font-smoothing: antialiased; 
}

h1 {
	font: 120%/140% 'Frutiger Next W01 Black', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0 -32px 30px;
	padding: 8px 20px;
	background: #000;
	border-radius: 11px;
	height: 59px;
}



h2 {
	font-family: "Frutiger Next W01 Black", Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 115%;
	color: #000;
	margin-bottom: 15px;
}


h3 {
	font: normal 115%/140% 'Frutiger Next W01 Black', Arial, Helvetica, sans-serif;
	color: #555;
	margin-bottom: 15px;
}


h4 {
	font: normal 18px/140% 'Frutiger Next W01 Black', Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 10px;
}

p {
	margin: 0 0 1.4em 0;
	font-size: 18px;
}

p.font-big {font-size: 22px}

p.font-small {font-size: 14px}

sup {
	margin-left: -3px;
	font-size: 78%;
}

.zentr {
	text-align: center;
}

/* =Global Elements
------------------------------------------------------------------------ */

header, section, footer, aside, article, figure {
	display: block;
}

.space1 {
	padding-top: 40px;	
}

hr {
	border: none;
	border-top: 1px dotted #ccc;
	background-color: #FFFFFF;
	height: 1px;
	clear: both;
	margin: 0 180px 30px 180px;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}

table {
	margin: 0 0 15px 0;
}

td {
	margin: 0;
	padding: 0 4px 0 4px;
	vertical-align: top;
}

article ul, aside ul {
	padding: 0 0 15px;
	list-style-type: none;
	margin-bottom: 15px;
}

article ul li, aside ol li{
	background: url(../layout-img/li.png) no-repeat left 0.6em;
	padding-left: 17px;
}


a {
	color: #F18307;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #026273;
}

/* --------- Buttons ------------------ */

.buttons-1 {
	position: relative;
	margin: 0;
	height: 60px;
}

.buttons-1 a.p1 {
	left: 0;
}

.buttons-1 a.p2 {
	left: 27%;
}

.buttons-1 a.p3 {
	left: 50%;
	margin-left: -90px;
}

.buttons-1 a.p4 {
	right: 27%;
}

.buttons-1 a.p5 {
	right: 0;
}

.buttons-1 a {
	letter-spacing: 1px;
	position: absolute;
	display: block;
	top: 0px;
	text-align: center;
	padding: 3px 0px;
	
	color: #ffffff;
	background: #000;
	background: -moz-linear-gradient(
		top,
		#000000 0%,
		#2b2b2b 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#000000),
		color-stop(0.50, #2b2b2b),
		to(#000000));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0px solid #000000;
	-moz-box-shadow:
		4px 3px 3px rgba(000,000,000,0.2),
		inset 2px 3px 2px rgba(194,194,194,0.6);
	-webkit-box-shadow:
		4px 3px 3px rgba(000,000,000,0.2),
		inset 2px 3px 2px rgba(194,194,194,0.6);
	box-shadow:
		4px 3px 3px rgba(000,000,000,0.2),
		inset 2px 3px 2px rgba(194,194,194,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		5px 5px 0px rgba(255,255,255,0);
}


.buttons-1 a:hover {
	background: #333;
}

.buttons-1 a strong {
	font: 14px/110% 'Frutiger Next W01 Black', Arial, Helvetica, sans-serif;	
	height: 36px;
	width: 184px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

a img { 
	border: none;
}

article img {
	margin: 3px 0 15px 0;
	border-radius: 3px;
}

img.float-right {
	float: right;
	margin: 0px 0 0 40px;
}

img.float-left {
	float: left;
	margin: 0px 40px 0 0;
}


.clear {
	clear: both;
	font-size: 0;
	height: 0;
}

.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.line-lightdark {
	background: url(../layout-img/line_lightdark.gif) repeat-x left top;
	height: 20px;
}


div.block-col-2 {
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	padding: 0;
	margin-bottom: 1em;
}

div.block-col-3 {
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	padding: 0;
	margin-bottom: 1em;
}


.center {
	text-align: center;
}


.img-center {
	text-align: center;
	margin-bottom: 50px;
}


/* =Content
--------------------------------------------------------------------------------- */



/* --------- Grid ---------- */

.grid-25 {width: 25%;}
.grid-33 {width: 33.3333%;}
.grid-50 {width: 50%;}
.grid-66 {width: 66.6666%;}


.grid-inner {
	padding: 15px;
}
.grid-inner-l {
	padding: 0px 15px 5px 0px;
}
.grid-inner-r {
	padding: 0px 0px 5px 15px;
}

.column {
	margin: 0;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 100%;
	margin: 0 auto 10px;
}
.row .row {
	margin: 0 -10px 0 -10px;
	width: auto;
	display: inline-block;
}




/* -----------  Startseite Intro ------------- */

.intro {
	width: 470px;
	margin: 0 auto 110px auto;
}

.intro-2 {
	width: 750px;
	margin: 0 auto 110px auto;
}

.img-big {
	margin-bottom: 70px;
}

.img-intro-2 {
	margin: 0px auto 50px;
	display: block;
}


/* = Section max. Screen-Width
---------------------------------------------------------------------- */

div.max-screen {
	padding: 20px 0 30px 0;
	margin: 0;
}


/* = Navigation  Top
------------------------------------------------------------------------------------------------- */

/* ----- NavTop - Ebene 1 ----- */

nav.navtop {
	float: right;	
}

nav.navtop .navtop-inner {
	padding: 30px 0 0 0;	
}

nav.navtop ul {
	list-style: none;
	padding: 0;
	display: inline;
}

nav.navtop ul li {
	display: inline;
	padding: 0 15px 0 0;
}

nav.navtop ul a {
	font-size: 14px;
	line-height: 120%;
	color: #555;
	text-decoration: none;
	padding: 0;
	margin: 0;
}


nav.navtop ul li:hover a {
	color: #EB7E07;
}


nav.navtop ul a.rex-current, #navtop ul a.rex-active {
	color: #000;
}


/* ----- Lang-Switch ----- */

nav.navtop a.lang-switch {
	font-size: 14px;
	line-height: 120%;
	color: #959595;
	text-decoration: none;
	padding: 0;
	margin: 0;
}


/* = Navigation  Footer
------------------------------------------------------------------------------------------------- */

/* ----- NavFooter - Ebene 1 ----- */

nav.footernav {
	
}

nav.footernav ul.rex-navi1 {
	list-style: none;
	padding: 0;
	display: block;
}

nav.footernav ul li {
	display: block;
	padding: 0;
}

nav.footernav ul a {
	display: block;
	font-size: 14px;
	line-height: 120%;
	color: #969696;
	text-decoration: none;
	padding: 0;
	margin: 0;
}


nav.footernav ul li:hover a {
	color: #EB7E07;
}


nav.footernav ul a.rex-current, #footernav ul a.rex-active {
	color: #000;
}

/* -----  Ebene 2 ----- */

nav.footernav ul.rex-navi2 {
	position: absolute;
	z-index: 500;
	left: -999em;
	width: 200px;
	overflow: hidden;
	margin: 0;
	padding: 8px 0px 8px 0px;
	background: #6CC5D5;
}


nav.footernav ul.rex-navi1 li:hover ul.rex-navi2{
	left:auto;
}


nav.footernav ul.rex-navi1 li ul.rex-navi2 li {
	float:none;
	border-style: none;
	margin: 0;
	padding: 0;
	display: block;
}


nav.footernav ul.rex-navi1 li ul.rex-navi2 li a {
	color: #fff;
	font: 13.5px/160% arial;
	text-transform: none;
	border-style: none;
	background: none;
	padding: 0 3px 0 8px;
	margin: 0;
	height: 1%;
	display: block;
}


nav.footernav ul.rex-navi1 li ul.rex-navi2 li a:hover {
	color: #fff;
	background: #25A9C5;
}