html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	

}
body {
  min-width: 300px;
  background: #212b31;
  color: #8e8e8e;     /*vorher   color: #bbbaba;   */
  font: 14px/24px  Arial, sans-serif;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
* {
  -webkit-text-size-adjust: none;
}

input[type=checkbox]
{
  -webkit-appearance:checkbox;
}

    input[type=�radio�]
	{

    -webkit-appearance: radio;

    }
	
	





.bg-englisch {
    width: 65px; height: 39px;
    background: url(../images/css_sprites.png) -1px -93px;
}



.bg-franzoesisch {
    width: 66px; height: 39px;
    background: url(../images/css_sprites.png) -1px -134px;
}



.bg-deutschk {
    width: 65px; height: 39px;
    background: url(../images/css_sprites.png) -1px -175px;
}



.bg-deutschkk {
    width: 25px; height: 15px;
    background: url(../images/css_sprites.png) -1px -1px;
}



.bg-franzoesischkk {
    width: 25px; height: 15px;
    background: url(../images/css_sprites.png) -1px -18px;
}



.bg-englischkk {
    width: 25px; height: 15px;
    background: url(../images/css_sprites.png) -1px -35px;
}



.bg-twitter_logo_bluek {
    width: 19px; height: 17px;
    background: url(../images/css_sprites.png) -1px -52px;
}




.bg-1person {
    width: 20px; height: 20px;
    background: url(../images/css_sprites.png) -1px -71px;
}






h1 {
  position: relative;

  margin: 0;
 
  float:left;
     font-weight: bold;
  font: 300 40px/40px 'Open Sans', Arial, sans-serif;
  color: black;
  margin-top: 20px;
  text-transform: uppercase;
}

.header1 {
  position: relative;

  margin: 0;
  margin-top: 10px; /*vorher 190 Abstand des Logos zum oberen Rand*/
  float:left;

  
}

h1F { /*flexibel f�r kleine ANsicht */
  position: relative;

  margin: 0;
  margin-top: 30px; /*vorher 190 Abstand des Logos zum oberen Rand*/
  float:left;
}

h12 {
  position: relative;
  margin: 0;
  margin-top: 20px; /*vorher 190 Abstand des Logos zum oberen Rand*/
  float:right;
  padding-left:30px;
}


h1 img {
  max-width: inherit;
}
.header1 img {
  max-width: inherit;
}

h12 img {
  max-width: inherit;
}

h2 {
  font: 300 40px/40px 'Open Sans', Arial, sans-serif;
  color: #99c038;
  margin-top: 87px;/*vorher 87 Abstand des zwischen dem grauen Text und den beiden Textfeldern darunter*/

}

h2a {
  font: 200 20px/20px 'Open Sans', Arial, sans-serif;
  color: white;
padding-top: 87px;/*vorher 87 Abstand des zwischen dem grauen Text und den beiden Textfeldern darunter*/
 padding-right: 20px;/*vorher 87 Abstand des zwischen dem grauen Text und den beiden Textfeldern darunter*/
    text-transform: uppercase;
			opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
h3 {
  font: 300 20px/25px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  margin-top: 42px;  /*vorher 87 Abstand des zwischen den beiden Textfeldern und den Textfeldern darunter*/
  text-transform: uppercase;
}
h4 {
  font: 300 20px/25px 'Open Sans', Arial, sans-serif;
  color: #363f45;
  margin-top: 39px;
  text-transform: uppercase;
}


h5 {
  font: 300 40px/40px 'Open Sans', Arial, sans-serif;
  color: black;
  margin-top: 87px;/*vorher 87 Abstand des zwischen dem grauen Text und den beiden Textfeldern darunter*/
  text-transform: uppercase;
}


h6 {
  font:  14px/18px 'Open Sans', Arial, sans-serif;
  color: #363f45;
  margin-top: 0px;

}

.abstand1{
padding-top:0px;
	margin-top:0px;
	margin-left:30px;
	width:280px;
	float:right;
	}

	

/*========================================================
										HEADER styles
=========================================================*/
#header {
  padding: 3px 0 21px;
  position: relative;
  z-index: 100;
}
.header_main {
  width: 100%;
  position: absolute !important;
  top: 0;
}
.header_content {
  background: url(../images/header_bg.jpg) 50% 0 no-repeat;
}
.header_content {
  padding-bottom: 0 !important;
}
.header_content h1 {
  margin-top: 71px;
}

.header_content .header1 {
  margin-top: 71px;
}


.header_content h12 {
  margin-top: 71px;
}

.header_content nav {
  margin-top: 77px;
}


/* Main menu styles
========================================================*/
/*========================================================
										menu variables
=========================================================*/

.halbaufganz {
  width: 48%;

}


.halbaufganzL
{
font-weight:bold;
float:left;
width:13%;
margin-bottom:20px;
}


.halbaufganzR
{
float:left;
width:84%;
margin-bottom:20px;
}



  
nav {
  margin-top: 40px;
      
}

nav2 {
  margin-top: 30px;
      
}



.sf-menu {
  width: 100%;
  display: table;
  table-layout: fixed;
  

}
.sf-menu > li {
  display: table-cell;
  position: relative;
  margin: 0;
    opacity: 0,5;

}
.sf-menu > li:first-child a {
  border: 0;
}
.sf-menu > li > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font: 600 14px/86px 'Open Sans', Arial, sans-serif;
  /*border-left: 1px solid #273236;*/
  border-left: 1px solid #2c383c;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #202b30;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  /* rollover line =============================================*/
}
.sf-menu > li > a:hover {
  color: #ffffff;
  background: #8aad33;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li > a:hover strong {
  width: 100%;
  opacity: 1;
}
.sf-menu > li > a.sf-with-ul:after {
  content: '';
  position: absolute;
  width: 5px;
  bottom: 10px;
  left: 50%;
  pointer-events: none;
  z-index: 999;
  width: 0;
  height: 0;
  /*border-style: solid;
				border-width: 3px 3px 0 3px;
				border-color: #333 transparent transparent transparent;*/
}
.sf-menu > li > a strong {
  width: 0%;
  height: 0px;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 92px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*background: #fa9183;*/
  opacity: 0;
  /* css triangle =============================================*/
  /*&:before {
					content: "";
					display: block;
					width: 0; 
					height: 0; 
					border-left: 7px solid transparent;
					border-right: 7px solid transparent;
					border-bottom: 7px solid #fa9183; 
					position: absolute;
					top: -5px;
					left: 50%;
					margin-left: -3px;
				}*/
}
.sf-menu > li.current > a {
  color: #ffffff;
  background: #8aad33;
}
.sf-menu > li.current > a strong {
  width: 100%;
  opacity: 1;
}
.sf-menu > li.sfHover > a {
  color: #ffffff;
  background: #8aad33;
}
.sf-menu > li.sfHover > a strong {
  width: 100%;
  opacity: 1;
}
.sf-menu a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu a:hover {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
/* First level sub-menu styles - submenu
========================================================*/

.sf-menu li > ul {
  display: none;
}


.sf-menu li:hover ul {


  display: block !important;
  position: absolute;
  top: 86px;
  left: 1px;
  background: #202b30;
  padding: 0px 10px 10px;
  /*width: 235px;*/
  width: 100%;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  

}
.sf-menu ul li {
  position: relative;
  text-align: center;

    min-height:60px;  
	height: auto !important; /*  zusammen mit Min-height: damit bei kleinerem Bildschirm auch groessere Texte platz haben */
	
  border-top:thin solid #424242;
    display: flex;
   align-items: center;
   justify-content: center; 
    transition: height 2s ease-in-out;
}


.sf-menu ul li:last-child {

  border-top:thin solid  #424242;  /* damit auch beim letzten Li der obere Rand erscheint*/
  padding:5px 5px 0px 5px;

}


.sf-menu ul li a {
  font: 600 14px/16px 'Open Sans', Arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
}
.sf-menu ul li a:hover {
  color: #99c038;
}
.sf-menu ul li a.sf-with-ul:after {
  /*content: '';*/
  font-family: 'FontAwesome';
  position: absolute;
  width: 5px;
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  color: #000;
  right: -4px;
  bottom: 1px;
  pointer-events: none;
  z-index: 999;
}
.sf-menu ul li.sfHover > a {
  color: #99c038;
}
/* Second level sub-menu styles - submenu2
========================================================*/


.sf-menu li:hover ul ul {


  display: none !important;

  

}



.sf-menu ul li:hover ul {


  display: block !important;
  position: absolute;
  top: 6px;
    left: 100%;
  background: white;
  padding: 0px 10px 10px;
  /*width: 235px;*/
  width: 100%;
  z-index: 2;
   color: black;
   opacity:1;
   border:thin solid #e5e5e5;
     -webkit-box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.33);
-moz-box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.33);
box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.33);
}

.sf-menu ul ul:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid white;
  position: absolute;
  top: 21px;
  left: -8px;
  opacity:1;
}



.sf-menu ul li:hover ul li {

padding:5px;
  border-bottom:thin solid #e5e5e5;
   border-top:none;
}

.sf-menu ul li:hover ul li:last-child {

  border-bottom:none;
  padding:5px 5px 0px 5px;

}


.sf-menu ul ul li {
  /*line-height: 30px;*/
}
.sf-menu ul ul li a {
  color: gray;
  text-transform:none;
}






@media only screen and (max-width: 1199px) {
  .sf-menu > li > a {
    /*padding: 10px 17px;*/
  }
}
@media only screen and (max-width: 979px) {
  .sf-menu > li > a {
    /*padding: 10px 4px;*/
  }
}









@media only screen and (max-width: 767px) {
  .sf-menu {
    display: none;
  }
  
  /*select menu ist das kleine menue im Mobilbereich*/
  .select-menu {
  z-index:999 !important;
    display: block !important;
	float:right;
    width:420px !important;
  color:black;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    /*border: 2px solid  #99c038;*/
  background-color: ffffff;
opacity:1.0;
    outline: none !important;
    z-index: 999999;
	height: 44px;
    font-size: 18px; 
  	padding: 0px ;
	
	-webkit-appearance: none;
	/*Removes default chrome and safari style*/
	-moz-appearance: none;
	/* Removes Default Firefox style*/




  }



  
nav > ul, #nav > ul > li {
  float: none;
  
}

nav > ul > li > ul, nav > ul > li:hover > ul {
  position: relative;
}

nav > ul > li > ul > li:hover > ul {
  position: relative;
  left: 0;
}

nav > ul > li > ul > li >  a {
  color:black;

}


nav > ul > li > ul > li > ul > li > a {
  font-style: italic;
}

nav > ul {
  padding:12px;
        background-color: white;

}

nav > ul > li {
     background-color: white;
  display: none;
  -webkit-box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.33);
-moz-box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.33);
box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.33);

}

nav > ul > li > a {

  padding-left:8px;
}

nav > ul > li.current > a {

  font-weight:bold;
  color:black;
  background: #ffffff;
  
}

nav > ul > li.current > a:before {
  content: "";
  
}




nav > ul:hover li {
  display: block;
  padding:5px;
        background: white;
	  opacity: 1.0;
	  
}


nav > ul::before{ display:block; content:"\25BC \00A0 \00A0 \00A0 \00A0 Menue" ;padding:10px 10px 10px 20px;}


nav li > a:after {
  content: "";
}

nav li > a:only-child{

   font-size:16px;
}


nav li > a:only-child:before {
  content: "   ..    ";
  padding-left:22px;
   font-size:18px;
}


}


@media only screen and (max-width: 479px) {
  .select-menu {
      display: block;
   width:280px !important;
  }
  }


/* Stuck menu styles
========================================================*/
.isStuck {
  background: #fff;
  padding: 0px 0 2px;
  z-index: 999;
}
.isStuck h1 {
  display: none;
}

.isStuck .header1 {
  display: none;
}

.isStuck h12 {
  display: none;
}

.isStuck nav {
  margin-top: 0;
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*========================================================
										USEFUL styles
=========================================================*/




  
  
  
a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
}
a:hover {
  color: #99c038;
  text-decoration: none;
}
a.link1:hover {
  color: #fff;
}
a.link2:hover {
  color: #000;
}
a.link3 {
  color: #31353d;
}
a.link3:hover {
  color: #99c038;
}




.bild1
{height:130px;
padding-top:50px; 
padding-right:40px;  
padding-left:40px
}



.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
 
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:280px;
  Text-align:center;
  margin:auto;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.btn2 {

 
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  width:100%;
  Text-align:center;
  margin-top:10px;
}

.btn2:hover {

  text-decoration: none;
}




.boxlink {
min-width: 70px;	
color:white;
background:orange;
font:normal 14px Arial;	
padding:7px 15px 7px 15px;
margin:7px 0px 0px 0px;
border-bottom: thin solid #c65b06;	
font-weight : bold;
text-decoration: none;
text-align: center;
align:center;
vertical-align:middle;
cursor: pointer;
float:left;
}


.boxlink1 {
min-width: 120px;	
color:white;
background:orange;
font:normal 14px Arial;	
padding:7px 15px 7px 15px;
margin:7px 0px 0px 0px;
border-bottom: thin solid #c65b06;	
font-weight : bold;
text-decoration: none;
text-align: center;
align:center;
vertical-align:middle;
cursor: pointer;
float:left;
}




.boxlink2 {
width: 220px;	
color:white;
background:#2895b9;
font:normal 14px Arial;	
padding:7px 15px 7px 15px;
margin:7px 0px 0px 0px;
border-bottom: thin solid #21565c;	
font-weight : bold;
text-decoration: none;
text-align: center;
align:center;
vertical-align:middle;
cursor: pointer;
float:left;
}




.txt1 {
  font: 300 40px/40px 'Open Sans', Arial, sans-serif;
  text-transform: uppercase;
  margin-top: 35px;
}
.txt2 {
  font: 300 30px/30px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  text-transform: uppercase;
  margin-top: 38px;
  padding-bottom: 6px;
}
.txt3 {
  font: 300 20px/20px 'Open Sans', Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin-top: 3px;
}

.txt3a {
  font: 200 14px/14px 'Open Sans', Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin-top: 3px;
}
.txt_section1 {
  width: 170px;
  padding: 14px 10px 17px 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #212b31;
}


.txt_section1a {
	width: 100%;
	padding: 14px 10px 17px 19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #212b31;
	text-transform : capitalize;
	 color: #99c038;
}


.txt_section1.v2 {
  padding: 10px 10px 11px 19px;
}
.txt4 {
  font: 300 24px/24px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  margin-top: 13px;
}

.txt4 {
  font: 300 24px/24px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  margin-top: 13px;
}
.txt4a {
  font: 300 24px/24px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  margin-top: 13px;
  margin-left:20px;
}


.txt41a {
  font: 300 18px/22px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  margin-top: 13px;
  margin-left:20px;
}


.txt5 {
  font: 300 24px/24px 'Open Sans', Arial, sans-serif;
  color: #8dbf41;
  margin-top: 27px;
}


.txt5a {
  font: 300 24px/24px 'Open Sans', Arial, sans-serif;
  color: #8dbf41;
  margin-top: 27px;
  
    margin-left:20px;
}


.txt6 {
  font: 300 15px/23px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  margin-top: 57px;
  text-transform: uppercase;
}


.txt7{
	color: gray;
	font: 14px/24px Arial, sans-serif;
	text-transform : none;
	
}
  
  
  
  
.color1 {
  color: #99c038;
}
.color2 {
  color: #202b30;
}
.color3 {
  color: #fff;
}
.let_spacing-1 {
  letter-spacing: -1px;
}
.box {
  overflow: hidden;
}

.linktextnebenpfeil{
  overflow: hidden;
  float:left;
  width: 310px;
padding-left:20px;
border:thin solid white;
padding-top:3px;
}

.boxzeichen {
padding-right:20px;
  float:left;
  }

.boxtext{

  float:left;

}



.bold {
  font-weight: bold;
}
.fw400 {
  font-weight: 400;
}
.fw600 {
  font-weight: 600;
}
.fz15 {
  font-size: 15px;
}
.circle {
  overflow: hidden;
  border-radius: 1000px;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clear {
  clear: both;
  width: 100%;
  font-size: 0;
  line-height: 0;
}




.bew {
  float: left; 
  width:11%
}





.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.wrapper2neu {
  position: relative;
  overflow: hidden;
  width: 98%;
}
.txt_left {
  text-align: left;
}
.txt_right {
  text-align: right;
}
.txt_cntr {
  text-align: center;
}
.txt_ital {
  font-style: italic;
}
.txt_line_through {
  text-decoration: line-through;
}
.txt_upp {
  text-transform: uppercase;
}
.pos_rel {
  position: relative;
}
.txt_und {
  text-decoration: underline;
}
.padTop1 {
  padding-top: 10px;
}
.padBot1 {
  padding-bottom: 10px;
}
.padLeft1 {
  padding-left: 10px;
}
.padRight1 {
  padding-right: 10px;
}
.mar1 {
  margin: 0 7px;
}
.marTop0 {
  margin-top: 0px;
}
.marTop1 {
  margin-top: 40px;
}
.marTop2 {
  margin-top: 2px !important;
}
.marTop3 {
  margin-top: -4px;
}
.marTop4 {
  margin-top: -4px;
}
.marTop5 {
  margin-top: 0px;
  margin-bottom: 49px;
}
.marTop6 {
  margin-top: 56px;
  margin-bottom: -7px;
}
.marTop7 {
  margin-top: -21px;
}
.marTop8 {
  margin-top: 0px;
  margin-bottom: -25px;
}
.marTop9 {
  margin-top: 69px;
}
.hline {
  width: 100%;
  height: 1px;
  background: #f8f8f8;
  margin-top: 30px;
  margin-bottom: 0px;
}
.hline.v2 {
  margin-top: 53px;
  margin-bottom: -23px;
}
p {
  margin-top: 10px;
}
img {
  margin-bottom: 0px;
  max-width: 100%;
  height: auto;
}
.img_border {
  border: 1px solid #efefef;
  background: #f8f8f8;
  padding: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
}
.img1 {
  margin-top: 46px;
  float: left;
  margin-right: 29px;
}

.img1total  {
  margin-top: 46px;
  float: left;
  margin-right: 29px;
}


.img2 {
  margin-top: 46px;
}


.img2a {
  margin-top: 46px;
}


.img3 {
  margin-top: 46px;
  float: left;
  margin-right: 29px;
}
.img4 {
  margin-top: 46px;
  float: left;
  margin-right: 29px;
}
blockquote {
  padding-left: 194px;
  background: url(../images/quote_sign.png) 0 0px no-repeat;
  margin-top: 29px;
  min-height: 120px;
  text-align: left;
  display: inline-block;
  margin-left: 20px;
}
.num_section {
  font: 300 52px/52px 'Open Sans', Arial, sans-serif;
  float: left;
  color: #fa9183;
  width: 52px;
  display: block;
  margin-top: -10px;
}
.date_section {
  width: 70px;
  height: 70px;
  border-radius: 500px;
  background: #202b30;
  text-align: center;
  color: #fff;
  float: left;
  margin-top: 45px;
  margin-right: 30px;
}


.date_section2 {
  width: 50px;
  height: 45px;
  border-radius: 500px;
  background: #202b30;
  text-align: center;
  color: #fff;
  float: left;
  margin-top: 0px;
  margin-right: 10px;
  padding-top:8px;
}



/*=== vorher:
.day {
  font: 300 30px/30px 'Open Sans', Arial, sans-serif;
  margin-top: 11px;
  display: block;
}
=======*/
.day {
  font: 300 13px/13px 'Open Sans', Arial, sans-serif;

}

.month {
  font: 300 14px/14px 'Open Sans', Arial, sans-serif;
  margin-top: 3px;
  display: block;
  color: #99c038;
  text-transform: uppercase;
}

.tab33 {
float:left;
width:33%;
padding-right:30px;
      
}



  .nurinklein320{
display: none;
}

  .nurinklein479{
display: none;
}

  .nurinklein767{
display: none;
}

  .nurinklein979{
display: none;
}

  .nurinklein1199{
display: none;
}


#wrapperoutside {
float:right;
font:normal 16px arial;

height:25px;
width:200px;
padding:18px 0px 13px 0px;
margin:0px 0px 0px 5px;
text-align:center;
v-align:center;

	color : white;
	background-color : #202b30;


}

	#wrapperoutside:hover {
	color: white;
	position: relative;
	text-decoration: none;
	background-color : #00a6ff;
}
	


#rahmenfotocardfoto {
   float:left;
position: relative;
width:278px;

    font:normal 14px Arial;
	-moz-box-shadow: 3px 3px 4px #999;
	/* Firefox */
	-webkit-box-shadow: 3px 3px 4px #999;
	/* Safari/Chrome */
	box-shadow: 3px 3px 4px #999;
	/* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	/* IE 5.5 - 7 */
	padding:40px 30px 34px 30px;
	margin:7px 0px 7px 0px;
	border:1px solid #AAA8A8;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#fff)); /* Saf4+, Chrome */ 
  background-image: -webkit-linear-gradient(top, #D4D4D4, #fff,#fff,#fff)); /* Chrome 10+, Saf5.1+, iOS 5+ */ 
  background-image:    -moz-linear-gradient(top, #D4D4D4, #fff,#fff,#fff); /* FF3.6 */ 
  background-image:     -ms-linear-gradient(top, #D4D4D4, #fff,#fff,#fff)); /* IE10 */ 
  background-image:      -o-linear-gradient(top, #D4D4D4, #fff,#fff,#fff)); /* Opera 11.10+ */ 
  background-image:         linear-gradient(to bottom, #D4D4D4, #fff,#fff,#fff));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D4D4D4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;
}



#rahmenfotocardfotooutside {
   float:left;
position: relative;
width:278px;

    font:normal 14px Arial;

	padding:40px 30px 34px 30px;
	margin:7px 0px 7px 0px;

	background-color : #f0f0f0;


	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;
}





   #rahmenfotocardtext {
   float:right;
position: relative;
width:100%;
	color : black;
    font:normal 14px Arial;
	margin-left:10px;
	-moz-box-shadow: 3px 3px 4px #999;
	/* Firefox */
	-webkit-box-shadow: 3px 3px 4px #999;
	/* Safari/Chrome */
	box-shadow: 3px 3px 4px #999;
	/* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	/* IE 5.5 - 7 */
	padding:40px 30px 45px 30px;
	margin:7px 5px 7px 5px;
	border:1px solid #AAA8A8;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#fff)); /* Saf4+, Chrome */ 
  background-image: -webkit-linear-gradient(top, #D4D4D4, #fff,#fff,#fff,#fff)); /* Chrome 10+, Saf5.1+, iOS 5+ */ 
  background-image:    -moz-linear-gradient(top, #D4D4D4, #fff,#fff,#fff,#fff); /* FF3.6 */ 
  background-image:     -ms-linear-gradient(top, #D4D4D4, #fff,#fff,#fff,#fff)); /* IE10 */ 
  background-image:      -o-linear-gradient(top, #D4D4D4, #fff,#fff,#fff,#fff)); /* Opera 11.10+ */ 
  background-image:         linear-gradient(to bottom, #D4D4D4, #fff,#fff,#fff,#fff));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D4D4D4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;
}



   #rahmenfotocardtextoutside {
   float:right;
position: relative;
width:93%;
	color : black;
    font:normal 14px Arial;
	margin-left:10px;
	padding:40px 30px 45px 30px;
	margin:7px 5px 7px 35px;
	background-color : #f0f0f0;

	color : black;
}


   .innerColumn5outside {
	zoom:1;
	float:left;
	display:inline;
		padding:0px 0px 20px 0px ;
margin:auto;
	width : 100px;
	text-align:center;
}
  

/*========================================================
										LISTS
=========================================================*/

.zitat1{
width:20%
}
.zitat2{
width:80%
}
/*========================================================
										BUTTONS
=========================================================*/
.more_btn {
  display: inline-block;
  margin-top: 33px;
  padding: 19px 29px;
  text-decoration: none;
  font: 15px/20px "Open Sans", Arial, sans-serif;
  color: #fff;
  background: #99c038;
  text-transform: uppercase;
  border: none;
  border: 0;
      cursor:pointer;
  
  
}
.more_btn:hover {
  color: #99c038;
  background: #000;
      cursor:pointer;
	  border: none;
	    border: 0;
	  
}
.more_btn2 {
  display: inline-block;
  margin-top: 28px;
  text-decoration: none;
  font: 300 10px/18px "Open Sans", Arial, sans-serif;
  color: #6a6c76;
  text-transform: uppercase;

}
.more_btn2:hover {
  color: #99c038;
    cursor:pointer;
}


.more_btnhell {
width:280px;
  display: inline-block;
  margin-top: 33px;
  padding: 19px 29px;
  text-decoration: none;
  font: 15px/20px "Open Sans", Arial, sans-serif;

  text-transform: uppercase;
  border: none;
  border: 0;
      cursor:pointer;
 color: #fff;
  background: #c7d0d6;
  border:thin solid  #c7d0d6;

}
.more_btnhell:hover {


cursor:pointer;	    
color: gray;
background: #f9f9f9;    
border:thin solid gray;
}





.cursor:hover {

    cursor:pointer;
}



/*********************************start magnifier2*************************************/
.magnifier2 {
  position: relative;
  /* display:block; */
  display: inline-block;
}
.zoom {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: url(../images/magnifier2.png) 50% 50% no-repeat;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
a.magnifier2:hover .zoom {
  opacity: 1;
}
a.magnifier2 .zoom {
  opacity: 0;
}
/*********************************end magnifier2*************************************/

/*========================================================
										CONTENT styles
=========================================================*/
#content {
  padding: 0;
  background: #fff;
  overflow: hidden;
}
#content.contet_pages {
  padding-bottom: 93px;
}
.col1 {
  float: left;
  width: 236px;
  margin-right: 31px;
}
.col1.last {
  margin-right: 0;
}
.box-1 {

  width: 100%;
  margin-top: 0px;
  padding: 53px 0 86px;
  background: #f8f8f8;
  color: #b8b8b8;
  


	min-heigth:550px;
	-webkit-box-sizing: border-box; /* Safari */
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	box-sizing: border-box;
	 z-index:15; 

	
		text-transform: uppercase;
	text-align: left;
		padding-top: 50px;
	padding-bottom: 50px;
	padding-left:45px;
	}
	
	
	.personen {
	float:left; 
	margin-top:45px;
		margin-right:65px;
	position:relative;
	
}

.icon1 {
  font: normal normal 107px/107px 'FontAwesome';
  margin-top: 43px;
}
.box-2 {
  position: relative;
  width: 100%;
  margin-top: 93px;
  padding: 43px 0 72px;
  background: #f8f8f8;
  color: #b8b8b8;
}


.box-3 {
  position: relative;
  width: 100%;
  margin-top: 93px;
  padding: 43px 0 72px;
  background:#f3f3f3;
  color: #b8b8b8;

}



.box-2.v2 {
  padding: 0px 0 97px;
}
.box-2.v3 {
  margin-top: 82px;
  padding: 0px 0 97px;
}
.banner1 {
  position: relative;
  width: 100%;
  margin-top: 50px;
  padding: 12px 20px 57px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
  background: url(../images/corner1.png) right bottom no-repeat #ffffff;
  text-align: center;
}
.banner1:hover {
  color: #fff;
  background-color: #99c038;
}
.letter_section {
  width: 116px;
  height: 116px;
  margin-top: 30px;
  border-radius: 500px;
  background: #202b30;
  text-align: center;
  color: #fff;
  display: inline-block;
  font: 300 50px/116px 'Open Sans', Arial, sans-serif;
}
.icon_section {
  width: 70px;
  height: 70px;
  border-radius: 500px;
  background: #202b30;
  text-align: center;
  color: #fff;
  float: left;
  margin-top: 48px;
  margin-right: 30px;
}
.icon_section i {
  font: normal normal 31px/70px 'FontAwesome';
}

.icon_section2 {
	width: 110px;
	height: 110px;
	border-radius: 500px;
	background: black;
	text-align: center;
	color: #FFF;
   float:left;
	margin-right: 20px;

}
.icon_section2 i {
padding-top:20px;
  font: normal normal 50px/70px 'FontAwesome';
}

.user_section {
  width: 70px;
  height: 70px;
  background: #99c038;
  text-align: center;
  color: #fff;
  float: left;
  margin-top: 48px;
  margin-right: 30px;
}
.user_section i {
  font: normal normal 48px/70px 'FontAwesome';
}

/**** start Map ****/
.map {
  margin-top: 21px;
  overflow: hidden;
}
.map figure {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.map figure iframe {
  width: 100%;
  height: 392px;
  max-width: 100%;
}
.img_border.map {
  max-width: 535px;
}
/**** end Map ****/
/**** start address section ****/
.address1 {
  padding-top: 39px;
  display: block;
}
.address1 dt {
  font: 300 20px/25px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  margin-bottom: 9px;
  text-transform: uppercase;
}
.address1 dd span {
  min-width: 141px;
  display: inline-block;
  text-align: left;
}
.address1 dd span.col1 {
	min-width: 0;

}








.linkmitkasten{
  width:320px;
  display: block;
  float:right;
}




     
	  .img-wrap{ background:#383838;display:inline-block;line-height:0;width:100%}
	 













.nuringross{
display: block;
}

  .left979{
float:left;
}	/* float bis 979 right dann left..*/


.nuringrossheader{
display: block;
}

.nurklein{
	display: none !important;
}


.nurganzklein{
	display: none !important;
}


.nurkleinheader{
	display: none !important;
}



#wrapper2 {
		border-radius: 1px 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;

  font: 300 40px/40px 'Open Sans', Arial, sans-serif;
	font:normal 14px Arial;
	float:right;
	width:170px;
	padding:6px 10px 6px 10px;
	margin:0px 0px 10px 5px;

	color : white;
	background-color : #8f8e8e;
		color : white;
	background-color : #8f8e8e;
	/* #202b30;
	*/
	text-decoration: none;
	align:middle;
	vertical-align:middle;
	/* text-shadow: 1px 1px 0px #999;
	*/
	text-align : center;
	
	
}

#wrapper2:hover {
	color: #99c038;
}


#wrapper2b {
		border-radius: 2px 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font:normal 14px Arial;
	float:right;
	width:170px;
	padding:6px 10px 6px 10px;
	margin:0px 0px 10px 5px;

	color : white;
	background-color : #8f8e8e;
	/* #202b30;
	*/
	text-decoration: none;
	align:middle;
	vertical-align:middle;
	/* text-shadow: 1px 1px 0px #999;
	*/
	text-align : center;
}

#wrapper2b:hover {
	color: #99c038;
}



#wrapperblack {
	border-radius: 1px 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	font: 300 40px/40px 'Open Sans', Arial, sans-serif;
	font:normal 14px Arial;
	float:right;
	width:170px;
	padding:6px 10px 6px 10px;
	margin:0px 0px 10px 5px;
	color : white;
	background-color : #373737;
	/* #202b30;
	*/
	text-decoration: none;
	align:middle;
	vertical-align:middle;
	/* text-shadow: 1px 1px 0px #999;
	*/
	text-align : center;
}



#wrapperblack:hover {
	color: #99c038;




}



#boxneu{font:200 14px/23px 'Open Sans',Arial,sans-serif;position:relative;max-width:inherit;padding:15px 15px 15px 15px;margin:110px 0px 0px 0px;color:white;text-decoration:none;align:center;vertical-align:middle;overflow:hidden;background-image :url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAF0lEQVQImWOQlpLIkQJiBiBRKCUlXggAGDcC60TIlY8AAAAASUVORK5CYII=');}


#boxneu:hover
	{
	
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAF0lEQVQImWOQlpLIkQJiBiBRKCUlXggAGDcC60TIlY8AAAAASUVORK5CYII=');
	

}


#boxneu2 {
	font: 200 14px/23px 'Open Sans', Arial, sans-serif;
	position:relative;
	max-width: inherit;
	padding:15px 15px 15px 15px;
	margin:14px 0px 0px 0px;
	/* Abstand bzw. H�he der neuen Box mit den roten Feldern zum Logo...*/
	/* text-shadow:3px 3px 6px #60615F;*/
	color:white;

	/* Old browsers */
	text-decoration: none;
	align:center;
	vertical-align:middle;
	

	/* For IE8 and earlier */
	overflow: hidden;
	/* damit werden float elemente wieder anerkannt */
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAF0lEQVQImWOQlpLIkQJiBiBRKCUlXggAGDcC60TIlY8AAAAASUVORK5CYII=');
}

#boxneu3 {
	font: 200 14px/23px 'Open Sans', Arial, sans-serif;
	position:relative;
	max-width: inherit;
	padding:15px 15px 15px 15px;
	margin:40px 0px 0px 0px;
	/* Abstand bzw. H�he der neuen Box mit den roten Feldern zum Logo...*/
	/* text-shadow:3px 3px 6px #60615F;*/
	color:white;

	/* Old browsers */
	text-decoration: none;
	align:center;
	vertical-align:middle;
	

	/* For IE8 and earlier */
	overflow: hidden;
	/* damit werden float elemente wieder anerkannt */
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAF0lEQVQImWOQlpLIkQJiBiBRKCUlXggAGDcC60TIlY8AAAAASUVORK5CYII=');
}



#boxneu4 {
	font: 200 14px/23px 'Open Sans', Arial, sans-serif;
	position:relative;
	max-width: inherit;
	padding:15px 15px 15px 15px;
	margin:15px 0px 0px 0px;
	/* Abstand bzw. H�he der neuen Box mit den roten Feldern zum Logo...*/
	/* text-shadow:3px 3px 6px #60615F;*/
	color:white;

	/* Old browsers */
	text-decoration: none;
	align:center;
	vertical-align:middle;
	

	/* For IE8 and earlier */
	overflow: hidden;
	/* damit werden float elemente wieder anerkannt */
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAF0lEQVQImWOQlpLIkQJiBiBRKCUlXggAGDcC60TIlY8AAAAASUVORK5CYII=');
}




#bluebutton2 {
	font: 200 14px/86px 'Open Sans', Arial, sans-serif;
font:normal 14px Arial;
width: 53%;

	padding:7px 15px 7px 15px;
	margin:15px 0px 0px 0px;
	border-bottom: thin solid #c65b06;
	color:white;

		color:white;
		background:orange;

	font-weight : bold;
	text-decoration: none;
		text-align: center;
	align:center;
	vertical-align:middle;
	cursor: pointer;
	float:left;

}



#bluebutton2:hover
	{
	
	background:#f8c158;
	

}
	
#spacer {
float:left;
height:265px;
width:1px;
}
	
	/*         ANFANG die Flaggen*/
	
	
	
	#meno {
	position: relative;
	width: 40px;

	heigth:20px;
	line-height : 20px;

}
 
#meno ul {

     list-style: none;
	 	heigth:20px;
}
 
#meno ul li {
     float: left;
     margin: 0 0 0 0px;
}
	

 


 
#meno ul li:hover ul {
     top: 17px;
	 margin-left:-50px;
}

#meno h3 {
 margin-top:0px;
     font-size: 14px;
     color: #fff;
     padding-left:0px;
	      padding-right:2px;
     padding-top:10px;
	      padding-bottom:10px;
     background: #000;
     line-height: 20px;
}
 
#meno ul li {
     line-height: 1px;
	 	 background:white;
		 z-index:2000;
	
}
 
#meno ul li a {
     color: #000;
     text-decoration: none;
	 	 background:white;
}
 
#meno ul li a:hover {
     color: #999;
	 		 z-index:2000;
}
 
#meno ul li img {


 height:80%;
 		 z-index:2000;
 
}

#meno ul ul {
     position: absolute;
	 
	 z-index:2000;
	 
     top: -500px;
	 background:white;
	 width:100px;
	 
margin-top:10px;
	   float: right;
			   text-align: right;


     -webkit-box-shadow: 0 10px 20px #888;
     -moz-box-shadow: 0 10px 20px #888;
     box-shadow: 0 10px 20px #888;
	 
	 	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
			 z-index:2000;
		
			   
			   	-webkit-transition: height 0.7s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.7s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.7s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.7s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.7s ease-in-out, box-shadow 0.6s linear;
	
	
}
 
#meno ul ul li {
	float: none;
	z-index:2000;
	float: none;
	font-size: 16px;
	margin-left:10px;
	margin-bottom:7px;
	z-index:2000;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	border-bottom: 1px solid #ddd;
	line-height: 20px;
	height:40px;
	padding-left:17px;
	padding-top:17px;
	padding-bottom:4px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	

	
}
 
#meno ul ul li:hover {
     
     color: #fff;
}
 
#meno ul ul a {
     color: #333;
     text-decoration: none;
}

#meno ul ul:before {
     position: absolute;
     content:"";
     width: 10px;
     height: 10px;
     top: -5px;
     left: 63px;
     background: #fff;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}

#meno ul ul li.last {
    height:49px;
     border-bottom: none;
     text-transform: none;
}




#meno ul li a {
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}

	


#meno ul ul li:hover {
	 padding-left:9px;
}


#meno ul li img {
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
	 vertical-align:center;
	 text-align:center;
}
 
#meno ul li:hover img {
     background:#c0c0c0;
	     height:95%;
		 	 vertical-align:center;
	 text-align:center;
		 
}
#meno ul ul li:hover img {
     background:#c0c0c0;
	     height:105%;
		 
		 
	
}


/*ende die Flaggen*/











/*rahmen*/


   #rahmenjobs {
position: relative;

width:1140px;
float:right;
    font:normal 14px Arial;

	padding:7px 15px 7px 15px;
	margin:7px 0px 7px 0px;
	background-color : #f0f0f0;

/* 
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 0px #999;
	*/
	color: #535151;
}


#rahmenjobs:hover {
    -webkit-box-shadow: 0px 0px 5px #007eff;  
    -moz-box-shadow: 0px 0px 5px #007eff;  
    box-shadow: 0px 0px 5px #007eff;  
  filter:progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5);
  -ms-filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2, Direction=135, Strength=5);
}



   .rahmencandidatesinnen
{

  padding:20px;
  align:center;
text-align:center;

  }
  
 #rahmenoutside {
	position: relative;
	width:100%;
	float:right;
	font:normal 14px Arial;
    margin-bottom:15px;
	color : black;
	background-color : #f0f0f0;
	min-height:150px;
}


   .rahmencandidatesinnen
{

  padding:20px;
  align:center;
text-align:center;

  }


	.dropshadowoutside {

padding:0px;
width:100%;
margin:auto;
 
} 


   .innerColumn5a {
	zoom:1;
	float:left;
	align: left;
	display:inline;
	padding:0px 0px 7px 8px ;
text-align:left; 
	width : 45%;

}




   .innerColumn7 {
	zoom:1;
	float:left;
	display:inline;
	padding:0px 0px 0px 20px ;
	margin:0px 0px 0px 15px ;

	width : 340px;
}



   .innerColumn7outside {
	zoom:1;
	float:left;
	align:center;
	text-align:center;
	display:inline;
	padding:0px 0px 0px 20px ;
	margin:0px 0px 0px 15px ;
	width : 340px;
}



   .innerColumn71 {
	zoom:1;
	float:left;
	display:inline;
	padding:0px 0px 0px 20px ;
	margin:0px 0px 0px 15px ;

	width : 250px;
}


   .innerColumn7a {
	zoom:1;
		float:left;

	display:inline;
	padding:7px 0px 0px 50px ;
	margin:0px 0px 0px 0px ;

	width : 210px;
}


   .innerColumn7b {
	zoom:1;
	float:right;
	display:inline;
	padding:4px 0px 0px 10px ;
	margin:7px 0px 0px 0px ;
	width : 230px;
}







   .innerColumn7b1 {
	zoom:1;
	float:right;
	display:inline;
	padding:0px 0px 0px 10px ;
	margin:7px 0px 0px 0px ;
	width : 250px;
}


   .innerColumn6a {
	zoom:1;
	float:right;
	display:inline;
	width : 280px;
	vertical-align : middle;
	height:100%;
margin:10px 10px 10px 10px ;
}


#wrapper21 {
	font:normal 14px Arial;
	-moz-box-shadow: 2px 2px 4px #999;
	/* Firefox */
	-webkit-box-shadow: 3px 3px 4px #999;
	/* Safari/Chrome */
	box-shadow: 3px 3px 4px #999;
	/* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	/* IE 5.5 - 7 */
	width:240px;
	padding:4px 10px 4px 10px;
	margin:0px 0px 6px 5px;
	border:1px solid #CBC1B6;
	background:-moz-linear-gradient(top, #E5E6E1, #fff);
	/* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#E5E6E1), to(#fff));
	/* Safari, Chrome */
	background:-webkit-linear-gradient(top, #E5E6E1, #fff);
	/* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(top, #E5E6E1, #fff);
	/* Opera */
	background:-ms-linear-gradient(top, #E5E6E1, #fff);
	/* IE */
	background:linear-gradient(top, #E5E6E1, #fff);
	/* W3C Standard */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E6E1', endColorstr='#FFFFFF',GradientType=0 );
	/* IE6-9 */
	/* border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
	color: Black;
	text-decoration: none;
	align:middle;
	vertical-align:middle;
	/* text-shadow: 1px 1px 0px #999;
	*/
	text-align : center;
}



#wrapper21:hover {
	color: #99c038;
	position: relative;
	background : Black;
	border-color : InactiveBorder;
}


a.tooltip2 {
	text-decoration: underline; 
	}
 
a.tooltip2:hover {
color: white;
	position: relative;
	text-decoration: none; 
	}
 
a.tooltip2 span {
	display: none
	}
 
a.tooltip2:hover span {
/* 
border-radius: 5px 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
*/


	display: block;
   	position: absolute; 
	top: 20px; left: -70px;
	width: 250px;
    padding : 20px 10px 25px 10px;
	margin: 7px; 
	z-index: 100;
    background: gray; 
	border: 1px solid gray;
	text-align: left;
	border:none;
	
	color: white; /* Textfarbe */
	

  background-color: #99c038;

	
	}
	
 
	 
/**** end address section ****/
/*========================================================
										FOOTER styles
=========================================================*/
#footer {
  padding: 49px 0 30px;
  color: #a0a0a0;
  overflow: hidden;
}
#footer h1 {
  margin-top: 15px;
  float: left;
}

#footer .header1 {
  margin-top: 15px;
  float: left;
}

#footer h12 {
  margin-top: 15px;
  float: left;
}


.txt_priv {
  color: #9fa6ae;
  margin-right: 11px;
}
.priv_section1 {
  float: left;
}
.priv_section2 {
  float: right;
}
/*========================================================
										Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/

@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
/* Stellar(parallaxBG) styles
========================================================*/
.stellar-block {
  background-attachment: fixed;
  background-position: center 0%;
  position: relative;
  background-repeat: no-repeat;
  padding-top: 42px;
  padding-bottom: 93px;
  z-index: 8;
  margin-top: 94px;
}
.first {
  background-image: url(../images/bg1.jpg);
  background-color: #fff;
  background-position: 50% 100%;
}
.second {
  background-image: url(../images/bg1.jpg);
  background-color: #fff;
}


@media only screen and (max-width: 979px) {
  .stellar-block {
    background-attachment: scroll;
    background-position: 50% 50%;
    background-size: auto 100%;
  }}

@media only screen and (max-width: 767px) {
.first {
  background-image:none;
  background-color: #719146;
  background-position: 50% 100%;
}
.second {
   background-image:none;
  background-color: #719146;
}

}
/*========================================================
								RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media only screen and (max-width: 1199px) {

.linkmitkasten{
  width:220px;
  display: block;
  float:right;
}

.linktextnebenpfeil{

  width: 230px;

}


  .nuringross1199{
display: none;
}
  .nurinklein1199{
display: block;
}


  .sample {
    height: auto;
    /*delete this class*/
  }

  .soc_icons {
    margin-right: 0;
  }
  .address1 dd span {
    min-width: 85px;
  }
  
    #rahmenjobs {
    width: 910px;
  }
  
    /*
h12 {
      display: none !important;
  }
  */
  
  
  #boxneu3 {

	margin-top:15px;


}

  #boxneu4 {

	margin:5px 0px 0px 0px;

}



#rahmenfotocardtext {

   float:left;
position: relative;
width:100%;

    font:normal 14px Arial;

	padding:40px 10px 34px 10px;
	margin-left:30px;

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;

}



#rahmenfotocardtextoutside 
 {

   float:left;
position: relative;
width:100%;

    font:normal 14px Arial;

	padding:40px 10px 34px 10px;
	margin-left:30px;

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;

}


 h12 {

	margin-top:49px;
	width:700px;


}

#boxneu3 {

	margin:40px 0px 0px 0px;

}


}




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

.linkmitkasten{
  width:190px;
  display: block;
  float:right;
}

  .nuringross979{
display: none;
}
  .nurinklein979{
display: block;
}

  .left979{
float:right;
}	/* float bis 979 right dann left..*/


.linktextnebenpfeil{

  width: 180px;

}



.halbaufganz
{
  width: 100%;

}







.nurklein{
	display: block !important;
}


#wrapperoutside {

width:100%;
padding:18px 0px 13px 0px;


float:left;
font:normal 16px arial;
height:25px;

padding:18px 0px 13px 0px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
margin-top:10px;
text-align:center;
v-align:center;

	color : white;
	background-color : #202b30;


}
	
	
	#wrapperoutside:hover {
	color: white;
	position: relative;
	text-decoration: none;
	background-color : #00a6ff;
}


#rahmenfotocardfoto {
   float:left;
position: relative;
width:278px;

    font:normal 14px Arial;
	-moz-box-shadow: none;
	/* Firefox */
	-webkit-box-shadow: none;
	/* Safari/Chrome */
	box-shadow: none;
	/* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	/* IE 5.5 - 7 */
	padding:40px 10px 34px 10px;
	margin:7px 0px 7px 0px;
	border:none;
  background-color: none;

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;
}


#rahmenfotocardfotooutside {
   float:left;
position: relative;
width:278px;

    font:normal 14px Arial;
	padding:40px 10px 34px 10px;
	
	margin:7px 30px 7px 0px;
	border:none;
  background-color: none;

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;
}


#rahmenfotocardtext {
   float:left;
position: relative;
width:100%;

    font:normal 14px Arial;
	-moz-box-shadow: none;
	/* Firefox */
	-webkit-box-shadow: none;
	/* Safari/Chrome */
	box-shadow: none;
	/* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	/* IE 5.5 - 7 */
	padding:40px 10px 34px 10px;
	margin-left:30px;
	border:none;
  background-color: none;

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;
}


#rahmenfotocardtextoutside {
   float:left;
position: relative;
width:100%;

    font:normal 14px Arial;

	padding:40px 10px 34px 10px;
	margin-left:30px;
	border:none;
  background-color: none;

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;
}


  .map figure,
  .map figure iframe,
  #form input,
  #form textarea,
  #form .success {
    width: 100% !important;
    float: none !important;
  }
  #form .success {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .map figure {
    height: auto !important;
    margin-bottom: 15px;
  }
  
    #rahmenjobs {
    width: 718px;
  }
  
  .txt1 {
    font: 300 27px/28px 'Open Sans', Arial, sans-serif;
    padding-top: 17px;
  }
  
  
  .img1 {
    float: none;
    margin-right: 0px;
    width: 100%;
    margin-bottom: -20px;
  }
  
    .img2 {
    float: none;
    margin-right: 0px;
    width: 100%;
   
  }
  

  
  
  .img4 {
    float: none;
    margin-right: 0px;
    width: 100%;
    margin-bottom: -20px;
  }
  
    h2 {
    font: 300 30px/30px 'Open Sans', Arial, sans-serif;
  }
  
  
  
.nuringross{
display: none;
}



.nuringross3{
display: none;
}

.icon_section2{
margin-top:20px;
margin-right:10px;
}


 h12 {

	margin-top:28px;
	width:510px;


}

   .innerColumn7outside {
	zoom:1;
	float:left;
	align:center;
	text-align:center;
	display:inline;
	padding:0px ;
	margin:0px ;
	width : 100%;
}



.innerColumn5outside {
	zoom:1;
		float:left;
			align:center;
	     text-align:center;
		width : 260px;
		padding:0px 0px 30px 100px;

}



   .innerColumn7outside {
	zoom:1;
	float:left;
	align:center;
	text-align:center;
	display:inline;
	padding:0px ;
	margin:0px ;
	width : 100%;
}


#rahmenoutside {

	width: 100%;

}


}

    /*Anfang hier wird das Bild verkleinert*/
@media only screen and (max-width: 767px) {


.linkmitkasten{
  width:320px;
  display: block;
  float:right;
}


.linktextnebenpfeil{
  width: 90%;
}


#boxneu4 {

width:92%;
margin-top:5px;

}



  .nuringross767{
display: none;
}

    .nurinklein767{
display: block;
}
  
    .boxlink {
width: 220px;	

}

  
  .boxlink1 {
width: 220px;	

}

  .nuringross767{
display: none;
}

.nuringrossheader{
display: none;
}

.nurkleinheader{

	position:fixed;
	top:0px;
	display: block !important;
	Color:white;
	heigth: 20px;
	background-position : top;
	align:right;
	text-align:right;
	float:right;
	width:100%;
	z-index:222000;
	background-color : White;
	
}



.abstand1{
	margin-left:20px;
		margin-right:0px;
				margin-top:20px;
						margin-bottom:20px;
	}
	
	
#rahmenfotocardtext {

   float:left;
position: relative;
width:100%;

    font:normal 14px Arial;

	padding:40px 10px 34px 10px;
	margin-left:0px;

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;

}

#rahmenfotocardtextoutside {

   float:left;
position: relative;
width:100%;

    font:normal 14px Arial;

	padding:40px 10px 34px 10px;
	margin-left:0px;

	/* text-shadow: 1px 1px 0px #999;
	*/
	color : black;

}



#rahmenfotocardfoto {

width:100%;


}
	#rahmenfotocardfotooutside {

width:100%;


}




.innerColumn5outside {
	zoom:1;
		float:left;
			align:center;
	     text-align:center;
		width : 260px;
		padding:0px 0px 30px 60px;

}





.tab33 {
float:left;
width:99%;
padding-right:0px;
      padding-top:40px;
}

.nuringross2{
display: none;
}

 h12{
	  padding-left:none;
width:100%;
	margin-top:20px;
}

#rahmenjobs {
    width: 420px;
    padding: 0 0px;
  }

.box-3 {
height: 280px;



}

   .innerColumn5a {

	width : 90%;

}



   .innerColumn6 {

padding-top:15px;

}



   .innerColumn7 {
padding-left:0px;
padding-top:5px;
margin-left:0px;
	width : 100%;
}


   .innerColumn7b {
	width : 100%;
padding-left:20px;
padding-top:5px;


}



.txt4a {
  font: 300 16px/16px 'Open Sans', Arial, sans-serif;
  color: #31353d;
  margin-top: 33px;
  margin-left:0px;
}

.txt5a {
  font: 300 16px/16px 'Open Sans', Arial, sans-serif;
  color: #8dbf41;
  margin-top: 27px;
    margin-left:0px;
}


  img {
        /*width: 100%; davon wird das Bild so kleeeeeeein*/
  }
  img.no_resize,
  h1 img {
    width: auto;
  }
    .header1 img {
    width: auto;
  }
  
    img.no_resize,
  h12 img {
    width: auto;
  }
  
  .map figure iframe {
    height: 300px;
  }
  figure a {
    width: 100%;
  }
  .box-1 {
    text-align: center;
  }
  .txt1 {
    font: 300 19px/25px 'Open Sans', Arial, sans-serif;
    padding-top: 0;
  }
  blockquote {
    padding-left: 0;
    background: none;
    min-height: 50px;
    margin-left: 7px;
  }
  #footer h1 {
    display: block;
    float: none;
  }
  
    #footer .header1 {
    display: block;
    float: none;
  }
  
    #footer h12 {
    display: block;
    float: none;
  }
  
  #footer .fleft {
    float: none;
  }
  #footer .fright {
    float: none;
  }
  .soc_icons {
    float: none;
  }
  .img1,
  .img3 {
    float: none;
    margin-right: 0;
    margin-bottom: -10px;
  }
  .priv_section1 {
    float: right;
  }
  .priv_section2 {
    float: left;
  }
  h2 {
    font: 300 30px/30px 'Open Sans', Arial, sans-serif;
  }
  
  	    .headerlogin {
    display: none;
}

    /*Neu, wegen zu geringem Abstand*/

.listWithMarker2 li {
  padding-bottom: 20px;
}

    /*Neu, wegen zu geringem Abstand zum anderen Link*/
.soc_icons {

  margin-top: 40px;

}

    /*Neu, wegen zu geringem Abstand zum anderen Link*/
.zitat1{
width:100%;
text-align:center;
align:center;
}
.zitat2{
width:100%
}



  

}
    /*Ende hier wird das Bild verkleinert*/


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

.linkmitkasten{
  width:220px;
  display: block;
}

.linktextnebenpfeil{
  width: 210px;
}


  .nuringross479{
display: none;
}

  .nurinklein479{
display: block;
}

.innerColumn5outside {
	zoom:1;
		float:left;
			align:center;
	     text-align:center;
		width : 100%;
		padding:0px 0px 30px 0px;

}

  .boxlink {
width: 220px;	

}

  
  .boxlink1 {
width: 220px;	

}


.nurganzklein{
	display: block !important;
}

.halbaufganzL
{
width:100%;
}



.halbaufganzR
{
width:100%;
}	


.bew {
  float: left; 
  width:100%;
  text-align:center;
  
}

#boxneu4 {

	margin:15px 0px 0px 0px;
	width:250px;

}


.nuringross3{
display: block;
}

  .box-3 {

		padding-top: 40px;
	padding-bottom: 40px;
	padding-left:10px;
	padding-right:10px;  
	height: 330px;
	  }
	  
	  
#rahmenjobs {
    width: 300px;

  }


  .sample {
    height: auto;
    /*delete this class*/
  }
  h1 {
    width: 100%;
  margin-top: 26px; /*vorher 190 Abstand des Logos zum oberen Rand*/
  }
  
    .header1 {
    width: 100%;
  margin-top: 26px; /*vorher 190 Abstand des Logos zum oberen Rand*/
  }
  
    h12 {
    width: 100%;
     margin-top:30px;
	 padding-bottom: 0px;
	 margin-bottom: 0px;
  }
  }
  
  h1 img {
  width: 100%;
  }
  
    .header1 img {
  width: 100%;
  }
  
    h12 img {
    width: 100%;
  }
  
  
  #footer h1 {
    width: auto;
  }
  
    #footer .header1 {
    width: auto;
  }
  
  #footer h1 img {
    width: auto;
  }
  
    #footer .header1 img {
    width: auto;
  }
    #footer h12 {
    width: auto;
  }
  #footer h12 img {
    width: auto;
  }
  .bild1
{

padding-right:20px;  
padding-left:10px
}




  .box-1 {

		padding-top: 40px;
	padding-bottom: 40px;
	padding-left:10px;
	padding-right:10px;  
	    
	  }
	  
	  	.personen {
	float:left; 
	position:relative;
	width:90%;
	padding-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
		margin-top:0px;
		
	
}
	
	  .img1total {

    width: 100%;
    margin-bottom: 20px;
  }  
	
	
	      .img2a {
    float: none;
    margin-right: 0px;

   
  }  
  
  a.tooltip2:hover span {
	top: 20px; left: -10px;
	
	}
 #spacer {
height:1px;


}


.abstand1{
	margin-left:30px;
		margin-right:0px;
				margin-top:20px;
						margin-bottom:20px;
	}







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

  .nuringross320{
display: none;
}

  .nurinklein320{
display: block;
}
h1 {
  margin-top: 26px; /*vorher 190 Abstand des Logos zum oberen Rand*/
}

.header1 {
  margin-top: 26px; /*vorher 190 Abstand des Logos zum oberen Rand*/
}

.abstand1{
	margin-left:0px;
		margin-right:0px;
				margin-top:20px;
						margin-bottom:20px;
	}


  
  .box-1 {

		padding-top: 20px;
	padding-bottom: 10px;
	padding-left:0px;
	padding-right:0px;  
	  }
	  
	  	  	.personen {
			margin-top:15px;
	float:left; 
	position:relative;
	width:90%;
	margin-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
	
}


}
/*Core variables and mixins*/


.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 20px;
    height: 20px;
    padding: 0px;
	font-weight:bold;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

  font: 14px/14px 'Open Sans', Arial, sans-serif;
	margin-right:20px;
}