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

/**
 * @license
 * MyFonts Webfont Build ID 2872389, 2014-08-27T07:53:21-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Minik Bold by Ahmet Altun
 * URL: http://www.myfonts.com/fonts/ahmet-altun/minik/bold/
 * Copyright: Copyright (c) 2013 by Ahmet Altun. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * Webfont: Minik by Ahmet Altun
 * URL: http://www.myfonts.com/fonts/ahmet-altun/minik/regular/
 * Copyright: Copyright (c) 2013 by Ahmet Altun. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * Webfont: Brix Sans Extra Light Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/extra-light-italic/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Black by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/black/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Bold Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/bold-italic/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Bold by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/bold/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Black Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/black-italic/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Extra Light by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/extra-light/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Light Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/light-italic/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Medium Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/medium-italic/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Light by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/light/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Medium by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/medium/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/italic/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Brix Sans Regular by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brix-sans/regular/
 * Copyright: Copyright (c) 2014 by Hannes von Doehren, Livius Dietzel. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2872389
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/2bd445");*/
 
  
@font-face {font-family: 'BrixSansExtraLight-Italic';src: url('../__fonts/webfonts/webfonts/2BD445_2_0.eot');src: url('../__fonts/webfonts/2BD445_2_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_2_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansBlack';src: url('../__fonts/webfonts/2BD445_3_0.eot');src: url('../__fonts/webfonts/2BD445_3_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_3_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansBold-Italic'; src: url('../__fonts/webfonts/2BD445_4_0.eot');src: url('../__fonts/webfonts/2BD445_4_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_4_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansBold';src: url('../__fonts/webfonts/2BD445_5_0.eot');src: url('../__fonts/webfonts/2BD445_5_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_5_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansBlack-Italic';src: url('../__fonts/webfonts/2BD445_6_0.eot');src: url('../__fonts/webfonts/2BD445_6_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_6_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansExtraLight';src: url('../__fonts/webfonts/2BD445_7_0.eot');src: url('../__fonts/webfonts/2BD445_7_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_7_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_7_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansLight-Italic';src: url('../__fonts/webfonts/2BD445_8_0.eot');src: url('../__fonts/webfonts/2BD445_8_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_8_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_8_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansMedium-Italic';src: url('../__fonts/webfonts/2BD445_9_0.eot');src: url('../__fonts/webfonts/2BD445_9_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_9_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_9_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansLight';src: url('../__fonts/webfonts/2BD445_A_0.eot');src: url('../__fonts/webfonts/2BD445_A_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_A_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_A_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansMedium';src: url('../__fonts/webfonts/2BD445_B_0.eot');src: url('../__fonts/webfonts/2BD445_B_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_B_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_B_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansRegular-Italic';src: url('../__fonts/webfonts/2BD445_C_0.eot');src: url('../__fonts/webfonts/2BD445_C_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_C_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_C_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrixSansRegular';src: url('../__fonts/webfonts/2BD445_D_0.eot');src: url('../__fonts/webfonts/2BD445_D_0.eot?#iefix') format('embedded-opentype'),url('../__fonts/webfonts/2BD445_D_0.woff') format('woff'),url('../__fonts/webfonts/2BD445_D_0.ttf') format('truetype');}


/* Typo
------------------------------------------------------------------------*/ 
a:link, a:visited {text-decoration:none; cursor:pointer; color:#E85245;}
a:active { font-family: 'BrixSansBlack';}

span.kursiv_r {font-family: 'BrixSansRegular-Italic'}
span.kursiv_l {font-family: 'BrixSansLight-Italic'}
span.bold {font-family: 'BrixSansBold'}
span.medium {font-family: 'BrixSansMedium'}

span.abstand {line-height:8em;}

span.h1 {
	display: -webkit-block; /* Safari */
	display: -moz-block;
    display: -ms-block;   /* IE 10*/
	display: block;
	
	margin-top:2em; margin-bottom: 0em;
	
	font: 1.5em/100% 'BrixSansBold';
	letter-spacing:0.5px;
	line-height:1em;
	color: #195549; /*#003d69;*/ 
	margin-bottom: 0.5em;
}

span.h2 {
	display: -webkit-block; /* Safari */
	display: -moz-block;
    display: -ms-block;   /* IE 10*/
	display: block;
	
	margin-top:1.5em; margin-bottom:0em;
	
	font: 1.2em/100% 'BrixSansLight';
	letter-spacing:0.5px;
	line-height:1.2em;
	color:#195549; /*#003d69;*/
	
	}
	
span.h3 {
	display: -webkit-block; /* Safari */
	display: -moz-block;
    	display: -ms-block;   /* IE 10*/
	display: block;
	
	margin-top:0.5em; margin-bottom:-0.5em;
	
	font: 1em/100% 'BrixSansBold';
	letter-spacing:0.5px;
	line-height:1.2em;
	color: #195549;
	
	border-bottom:solid #2e4997 1px;
}

span.h4 {
	font: 1.2em/100% 'BrixSansBold'; 
	letter-spacing:0.5px; 
	line-height:1.2em;
}

p {	
	display: -webkit-block; /* Safari */
	display: -moz-block;
 	display: -ms-block;   /* IE 10*/
	display: block;
	
	margin-bottom:0em; margin-top:0em;
	
	font: 1em/100% 'BrixSansRegular'; 
	letter-spacing:0.7px; 
	line-height:1.3em; 
	color: #00251E;
	
	-moz-hyphens: auto;
   	-o-hyphens: auto;
  	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
  	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
}

/* Layout
------------------------------------------------------------------------*/ 
body{
	margin: 0;
	padding:0;
				
	font-size: 16px;
}

/* Layout Kopf
------------------------------------------------------------------------*/ 

#kopf {
	position: fixed;
	top: 0.25em; left: 0em; right: 0em; bottom: text-height;
		
	margin:0;
	padding:0.75em 1em 0.5em 1em;
	
	z-index: 100;
	
	background: #195549;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
	
	
	display:-webkit-flex;
	display: -moz-block;
   	display:-ms-flexbox;
   	display:flex;
   	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
   	-ms-flex-wrap: row-wrap;
   	flex-flow: row wrap;
  
   	-webkit-align-content:flex-end;
   	-ms-flex-line-pack:end;
   	align-content:flex-end; 
}

/* Typo Kopf
------------------------------------------------------------------------*/ 

#kopftitel {
	float:left;
	
	margin-right:0.5em;
	margin-top:auto;
	
	color: white;
	font: 2em/100% 'BrixSansBlack';
	letter-spacing:0.5px;
	}
	
#kopftitel a{
	color: white;
	}	
	
#kopfname {
	float:left;
	
	margin-right:auto;
	margin-top:auto;
	margin-bottom:0.1em;
		
	color: white;
	font: 1.4em/100% 'BrixSansLight';
	letter-spacing:0.5px;
	}
	
#impressum{
	margin-top:auto;
	margin-bottom:0.2em;
}
	
#impressum a{
	float:right;
	
	margin-left:auto;
	
	color: white;
	font: 1em/100% 'BrixSansLight';
	letter-spacing:0.5px;
	}
	
#impressum a.im_select{
	font: 1em/100% 'BrixSansBold';
	}
	
#profile_img{
	height: 40px;
	width: 40px;
	background-image: url('../sign/_pics/profil3.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	border-radius: 20px;
	}
	
#profile_impressum{
	margin-left:0.5em;
	height: 38px;
	width: 38px;
	background-image: url('../__pics/icon_i.png');
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
	border-radius: 20px;
	border: 1px solid #093d33;
	}	
	

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  #kopftitel {
	font: 1.4em/100% 'BrixSansBlack';
  }
}
@media screen and (max-width: 800px) {
  #kopfname {
	font: 0.8em/100% 'BrixSansLight';
  }
}
@media screen and (max-width: 800px) {
  #impressum {
	padding-top: 0.5em;
	text-align: right;
  }
}

/* Layout Popup
------------------------------------------------------------------------*/ 		

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 500px;
  height: 670px;
  background-color: #fff;
  color: #000;
  text-align: left;
  border-radius: 0;
  padding: 20px;
  position: absolute;
  z-index: 1;
  top: 130%;
  right: -120%;
  margin-right: 0px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

/* Popup arrow */
.popup .popuptext::after {
  content: "|";
  color: #fff;
  position: absolute;
  bottom: 99%;
  right: 12%;
  margin-right: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/* Layout Inhalt
------------------------------------------------------------------------*/ 

#inhalt, #inhalt_fixed {
	z-index:0;
			
	display: -webkit-flex; /* Safari */
    	-webkit-flex-direction: row; /* Safari 6.1+ */
	display: -moz-flex; /* Safari */
   	 -moz-flex-direction: row;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: row;
	display:flex; 
    	flex-direction: row;
	
}

#inhalt_fixed {
	position: fixed;
	top:0; bottom:0; right:0; left:0;
}


/* Inhalt
------------------------------------------------------------------------*/ 
.inhalt_zentriert {
	width:auto;
	
	margin:auto;
	
	z-index:0;
}


.inhalt_50l {
	position:fixed;
	bottom:3em; left:0; top:5em; right:45%;
	float:left;
	
	width:45%;	
	margin:0;
	
	z-index:0;
	
	overflow: hidden;
	
	display: -webkit-flex; /* Safari */
   	-webkit-flex-direction: column; /* Safari 6.1+ */
	display: -moz-flex; /* Safari */
    	-moz-flex-direction: column;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: column;
	display:flex; 
    	flex-direction: column;
}

.inhalt_50r {
	position:fixed;
	bottom:3em; left:50%; top:5em; right:0;
	
	float:right;
	
	width:50%;	
	margin:0;
	
	z-index:0;
	
	overflow: hidden;
	
	display: -webkit-flex; /* Safari */
    	-webkit-flex-direction: column; /* Safari 6.1+ */
	display: -moz-flex; /* Safari */
    	-moz-flex-direction: column;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: column;
	display:flex; 
    	flex-direction: column;
}

.inhalt_25, .inhalt_25_free {
	position:fixed;
	bottom:0; left:0; top:0; 
	
	float:left;

	width:30%;	
	margin:0;
	
	z-index:0;
		
	overflow: hidden;
		
	display: -webkit-flex; /* Safari */
    	-webkit-flex-direction: row; /* Safari 6.1+ */
	display: -moz-flex; /* Safari */
    	-moz-flex-direction: row;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: row;
	display:flex; 
    	flex-direction: row;
}

.inhalt_25 {
	right:30%;
}

.inhalt_25_free {
	right:30%;
}

.inhalt_75 {
	float:right;

	width:68%;
	
	padding-right:2%;
	margin-left:30%;
	
	z-index:0;
	
	display: -webkit-flex; /* Safari */
    	-webkit-flex-direction: column; /* Safari 6.1+ */
	display: -moz-flex; /* Safari */
    	-moz-flex-direction: column;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: column;
	display:flex; 
    	flex-direction: column;
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  .inhalt_50l, .inhalt_50r, .inhalt_25, .inhalt_25_free, .inhalt_75 {
	width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
	padding: 10em 0.5em 0em 0.5em;
	margin-left:0%;

	z-index:0;
  }
}
@media screen and (max-width: 800px) {
  #inhalt, #inhalt_fixed  {
	display: -webkit-flex; /* Safari */
    	-webkit-flex-direction: column; /* Safari 6.1+ */
	display: -moz-flex; /* Safari */
   	 -moz-flex-direction: column;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: column;
	display:flex; 
    	flex-direction: column;
  }
}

/* Inhalt Bilder
------------------------------------------------------------------------*/ 

.inhalt_50r img, .inhalt_zentriert img {
	/*float:none;
	clear:both;*/
	
	max-width:90%;
	height:auto;
	
	margin:auto;
	padding:auto;
}

.inhalt_75 img {
	/*float:none;
	clear:both;*/
	
	max-width:60%;
	height:auto;
	
	margin:auto;
	padding:auto;
}

.vita_bildung{
	position:fixed;
	bottom:0em; left:0;
	
	width: 100%;
	height:90%;
		
	background-image: url(../cd__vec/pic_vita_bildung.svg);
	background-repeat:no-repeat;
	background-size: 25% 100%;
	background-position: 0em 1.5em;
	z-index:14;
}

.vita_praxis{
	position:fixed;
	bottom:0em; left:0;
	
	width: 100%;
	height:90%;
		
	background-image: url(../cd__vec/pic_vita_praxis.svg);
	background-repeat:no-repeat;
	background-size: 25% 100%;
	background-position: 0em 1.5em;
	z-index:14;
}

.vita_sonstiges{
	position:fixed;
	bottom:0em; left:0;
	
	width: 100%;
	height:90%;
		
	background-image: url(../cd__vec/pic_vita_sonstiges.svg);
	background-repeat:no-repeat;
	background-size: 25% 100%;
	background-position: 0em 1.5em;
	z-index:14;
}

@media screen and (max-width: 800px) {
  .vita_sonstiges, .vita_praxis, .vita_bildung {
	transform: rotate(90deg);
	background-size: 40% 100%;
	top:-8em; left:0;
	background-color: #ffffff;
	z-index: 14;
  }
}

/* Inhalt Typo
------------------------------------------------------------------------*/ 

.inhalt_index {
	margin:auto auto auto 5%;
	padding:30% 0 30% 0;
		
	color: #F5B19C;	
	font: 2em/100% 'BrixSansBold-Italic'; 
	letter-spacing: 0.2px;
	line-height:1.2em;
	
	word-wrap:break-word;
}

.inhalt_kontakt {
	margin:auto auto auto 10%;
	padding:30% 0 30% 0;
	
	word-wrap:break-word;
}

.zeile, .zeile_2 {
	clear:both;
	
	width:100%;
	
	display: -webkit-flex; /* Safari */
    	-webkit-flex-direction: row; /* Safari 6.1+ */
	display: -moz-flex; /* Safari */
    	-moz-flex-direction: row;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: row;
	display:flex; 
    	flex-direction: row;
}

.zeile {
	margin-bottom:	2em;
}

.zeile_2{
	margin-bottom:	1em;
}

.zeilenspalte1 {	
	float:left;
	
	width:30%;
	
	color: #1A337D;
	padding-right:5%;
	
	text-align: right;
}

.zeilenspalte2 {
	float:right;
	
	width:65%;
}


/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  .zeile, .zeile_2 {
	display: -webkit-flex; /* Safari */
    	-webkit-flex-direction: row; /* Safari 6.1+ */
	-webkit-flex-wrap:wrap;
	display: -moz-flex; /* Safari */
    	-moz-flex-direction: row; /* Safari 6.1+ */
	-moz-flex-wrap:wrap;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: row;
	-ms-flex-wrap:wrap;
	display:flex; 
    	flex-direction: row;
	flex-wrap:wrap;
  }
}
@media screen and (max-width: 800px) {
  .zeilenspalte1, .zeilenspalte2 {
	width:100%;
	padding: 0em 0.2em 0em 0.2em;
  }
}


/* Layout Navi
------------------------------------------------------------------------*/ 

#navi_1, #navi_2, #navi_3, #navi_4 .carousel{
	position: fixed;
	
	margin:0;
    	padding:0;
	
	height:2em;
		
	z-index: 100;
	
	white-space: nowrap;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
	-ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
	
	display: -webkit-flex; /* Safari */
    	-webkit-flex-direction: row; /* Safari 6.1+ */
	display: -moz-flex; /* Safari */
    	-moz-flex-direction: row;
    	display: -ms-flexbox;   /* IE 10*/
	-ms-flex-direction: row;
	display:flex; 
    	flex-direction: row;
	
	-webkit-justify-content:space-around;
	-moz-justify-content:space-around;
  	-ms-flex-pack:justify;
	justify-content:space-around;
}

#navi_1{
	bottom: 0.25em;
	width:100%;
	background:#195549;
	z-index:100;
}

#navi_2{
	bottom: 2.26em;
	width:100%;
	background: #1A337D;
	z-index:99;
}

#navi_3{
	bottom: 4.26em;
	width:100%;	
	background:#475FA5;
	z-index:98;
}

#navi_4 .carousel{
	bottom:2.26em;
	background:#1A337D;
	z-index:99;
}


/* Typo Navi
------------------------------------------------------------------------*/ 

#navi_1 a, #navi_2 a, #navi_3 a, #navi_4 .carousel a{	
	width: 100%;
	
	margin:0;
	padding:0.5em 0 0.2em 0;
	
	text-align:center;
	
	font: 1em/100% 'BrixSansLight';
	letter-spacing: 0.2px;
}

#navi_1 a, #navi_2 a, #navi_4 .carousel a{color:white;}
#navi_3{color:white;}

#navi_1 a:hover{background:#1A337D; cursor:pointer; color:white;

	z-index:105;

	-webkit-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);}
	
#navi_2 a:hover, #navi_3 a:hover, #navi_4 .carousel a:hover {
	background:#475FA5; cursor:pointer;  font: 1em/100% 'BrixSansBold'; Color:white;
	
	z-index:105;
	
	-webkit-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);}
	

#navi_1 a.navi_select1 {background: #1A337D; font: 1em/100% 'BrixSansBold';}
#navi_2 a.navi_select2, #navi_3 a.navi_select3, #navi_4 .carousel a.navi_select2 {
	background:#475FA5; font: 1em/100% 'BrixSansBold'; Color:white;
	
	z-index:105;
	
	-webkit-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0px -1px 2px 1px rgba(0,0,0,0.2);
}


#navi_1 a.navi_unselect1 {	
	z-index: 105;
	
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.25);
}

/* Styles for PREV and NEXT anchor buttons */
#navi_4 a.prev, #navi_4 a.next{
	position:fixed;
	bottom: 3em;

	height:1.6em;
	width:2em;
	
	z-index:150;
			
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
	cursor:pointer;
	}

#navi_4 a.next {
	right:0em;
	background: #1A337D url(../cd__vec/pic_pro_p_for_white.svg) no-repeat;
	background-position:center;
}
#navi_4 a.prev {
	left:0em;
	background: #1A337D url(../cd__vec/pic_pro_p_back_white.svg) no-repeat;
	background-position:center;
}

#navi_4 a.prev:hover{
	background: #475FA5 url(../cd__vec/pic_pro_p_back.svg) no-repeat;
	background-position:center;
}

#navi_4 a.next:hover{
	background: #475FA5 url(../cd__vec/pic_pro_p_for.svg) no-repeat;
	background-position:center;
}
		
/* Other common styles */

.clear {
    clear: both;
}