#menuNav
{
	margin-top:18px;
	margin-bottom: 24px;
}

/** --- new Flexbox für safari u alle browser ---*/

.menubutton { 
	display: none;
 }

/* --- NAVIGATION TOGGLE ---*/
.navigation {
  max-width: none;
  background: #e7e7e7;
  padding: 0;
}

.navigation li {
  float: left;
  
}

.navigation li a {
  display: block;
  color: #000;
  padding: 10px;
}

.navigation li a:hover {
  background: #7db00d;
}


.topBar
{
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:1em;
	
	padding: 0.5em;
	
	width: 100%;
	float: left;
	margin-bottom: 10px;
	
}



/* link in nav bar tj-tool */
.topBar .lnk1 a
{
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	padding: 0.5em;
	text-decoration: none;
	width: auto;
	float: left;
	font-size: 1.1em;
	color: white;
	height: 3.5em;
	background-color: #073c80;
	border-right: 5px solid white;
	
	}
	
	
.topBar .lnk1 a:hover
{
	
}


/* aktiver menupunkt in nav bar tj-tool */
.topBar .lnkActive a, .lnkRegOk a
{
	height: 3.5em;
	background-color: #073c80 !important;
	color: white !important;
	padding: 6px 6px 6px 6px;
	text-decoration: none;
	width: auto;
	float: left;
	font-size: 1.1em;
	margin-right: 12px;
	text-transform: uppercase;
	position: relative;

}

.topBar .lnkActive a:before
{
	content: "\f0d7";
	font-family: 'FontAwesome';
	font-size:2.5em;
	position:absolute;
	color:#ff8b02;
	left: 7px;
	bottom: -12px;
	
}





.topBar .lnkKC a
{	
	color: #000;
	background-image: url(../_images/div/icon-home.png);
	background-repeat: no-repeat;
	background-position: left ;
	padding: 2px 24px 2px 64px;
	text-decoration: none;
	width: auto;
	float: left;
	font-size: 0.9em;

}




.topBar2
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color: #f3f3f3;
	padding: 4px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	width: 100%;
	float: left;
	margin-bottom: 10px;

}

.topBar2 .lnk2 a
{
	background-color: transparent;
	color: black;
	text-decoration: underline;
	width: auto;
	float: left;
	
	padding: 0px 0px 0px 4px;
	border:0px;
	margin-right: 12px;
	height: auto;
	}

.topBar2 .lnk2Active a
{
	background-color: #244699;
	color: white;
	float:left;
	
	margin-right: 12px;
	padding: 0px 4px 0px 4px;

}



h1, .t1
{
	color: #7db000;
}


.inner
{
	border:0px;
}
/* ----------container zentriert das layout-------------- */

.frameOuterParent {

max-width:1400px;
margin:0 auto;
font-size: 100%;
height: 100%;
}

.frameOuterParent:after {
clear: both;
content:' ' ;
display: block;
}

.frameOuter {
border-left: 0px solid silver;
border-right: 0px solid silver;
background-color: #transparent;
max-width:1200px;
width: 1200px;
margin:0 auto;
font-size: 100%;
padding: 0px;
padding-left: 0.5em;
/* opacity: 0.95; CSS3 Standard */
float: left;
}




.frameMain
{
	float: left;
	border: 0px solid green;
	background-color: #fff;
	max-width:1200px;
	margin:0 auto;
	font-size: 100%;
	padding: 0px;
	width: 100%; /* wenn advertise spalte > width 75 % wird in header geregelt */
	margin-right: 18px;
	
}

.frameMain:after
{
	/*
	clear: both;
	content:' ' ;
	display: block; */
	}

.frameAdvertise
{
	 -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
  -ms-flex-order: 2;              /* TWEENER - IE 10 */
  -webkit-order: 2;               /* NEW - Chrome */
  order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  -webkit-box-flex: 2;            /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 2;               /* OLD - Firefox 19- */
  width: 20%;                     /* For old syntax, otherwise collapses. */
  -webkit-flex: 2;                /* Chrome */
  -ms-flex:2;                    /* IE 10 */
  flex: 2;                        /* NEW, Spec - Opera 12.1, Firefox 20+ */
max-width: 280px;
}




.frameAdvertiseOuter
{
	padding: 0;
	margin-top:20px; /*  340 px; geändert am 15.2.18*/
	
	float: right;
	width:12%;
	border: auto;
	min-width: 160px;
	vertical-align:top;
	height: 100%;
	margin-left: 8px;
	
}

.frameAdvertiseOuter:after
{
	clear: both;
	content:' ' ;
	display: block;
	}



/* ----------header for logo-------------- */


.containerFlex, .containerMenuFlex, .ctFlex {
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
 margin-bottom: 12px;

 }
 
 .containerMenuFlex
 {
	 margin-top: -40px; 
	 margin-left: 360px;
 }

.menuFlex, .startFlex, .halfFlexStart, .optFlex {
  -webkit-flex: initial;
          flex: initial;
  width: 20%;
  min-width: 200px;
}

.optFlex
{
	width: 10%;
	min-width: 10px;
	max-width: 30px;
	
}

.mainFlex,  .mainMenuFlex {
  -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
  -ms-flex-order: 1;              /* TWEENER - IE 10 */
  -webkit-order: 1;               /* NEW - Chrome */
  order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  width: 72%;                     /* No flex here, other cols take up remaining space */
  
  -moz-box-flex: 1;               /* Without this, Firefox 19- expands to widest paragraph, overrides width */
  
  background: transparent;
 
  padding: 0px;
 
 	width:920px;
	
	
 
 /*  margin-left: 24px; */
}

.mainMenuFlex
{
	width: 70%;
}

.mainFlexTop
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	
	/*background-image: url(/_images/layout/bgMainTop_ostern.jpg); background-position: top left; background-repeat: no-repeat; height: 100%; 
	border: 0px solid silver;/*
	/*background-image: url(/_images/header-christmas-2017.jpg); background-position: top left; background-repeat: no-repeat;  background-size: auto !important; */
	/*background-image: url(/_images/header-neujahr-2017.jpg?v1); background-position: top left; background-repeat: no-repeat;  background-size: auto !important; */
	background-image: url(/_images/layout/bgMainTop_1200.jpg?v1); background-position: top left; background-repeat: no-repeat;  background-size: auto !important;  /* DEFAULT HEADER */
	/*background-image: url(/_images/layout/bgMainTop_1200-christmas.jpg); background-position: top left; background-repeat: no-repeat;  background-size: auto !important; 
	border: 0px solid silver;*/
	
}

/* SLIDER AREA desktop */

section#header-area .slider-text-mobile
{display:none;}

section#header-area .slider-text-desktop
{
	
	padding:0; margin:0;
	padding-right: 1em;
}
 

section#header-area div
{
	font-family: 'Roboto Condensed', 'PT Sans Narrow', Arial, Helvetica, sans-serif !important;
	hyphens: none !important;
}

section#header-area div .t1
{
	font-family: 'Crete Round', serif !important;
color: #ffffff;
text-shadow: #000000 2px 2px 6px;
font-size:2.5em;
}


section#header-area div .teaser
{
	color: #000000; font-weight: bold;  	
}

section#header-area div .lnk
{
	font-size: 1.1em;
	line-height: 1.5em;
	color: #000000; 
	text-decoration: none !important;
	background-image:none !important;
	padding: 0em;
	margin:0px;
}


section#header-area div .lnk a
{
	text-decoration: none !important;
	background-color: #f16203;
	color: white;
	padding: 0em 0.2em 0em 0.2em;
}



section#headerArea .myFlex .headerLeft
{
 min-width:900px !important;
}


section#headerArea .myFlex .headerRight
{
	/*christmas*/
	/*background-image:url(/_images/layout/global-bg-sp2.jpg); background-repeat:repeat-x; background-position: top left !important; */
	
}


.subFlex, .halfFlex, .subFlexTop, .searchMenuFlex, .myFlex {
  -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
  -ms-flex-order: 2;              /* TWEENER - IE 10 */
  -webkit-order: 2;               /* NEW - Chrome */
  order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  -webkit-box-flex: 2;            /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 2;               /* OLD - Firefox 19- */
  width: 20%;                     /* For old syntax, otherwise collapses. */
  -webkit-flex: 2;                /* Chrome */
  -ms-flex:2;                    /* IE 10 */
  flex: 2; 
                         /* NEW, Spec - Opera 12.1, Firefox 20+ */
}


.mainFlex
{
	
	padding-left: 0px;
	padding-right: 1em;
}

.searchMenuFlex
{
	width: 27%;
	}
	
.subFlexTop
{
	width: 15%;
	min-width: 200px;
	background-color: transparent;
}

.halfFlexStart
{
	width:47%;
}

.halfFlex
{
	width: 52%;
}

.containerFlex.flex80
{
	width:80%;
}

.containerFlex.flex60
{
	width:60%;
}

.containerFlex.flex50
{
	width:50%;
}


.startFlex
{
	padding-right: 12px;
	min-width: auto;
}


/** generelle breite */
.flex5
{
	width: 5%;
	min-width: 10px;
}

.flex10
{
	width: 10%;
	min-width: 10px;
	max-width: 50px;
}

.flex15
{
	width: 15%;
	min-width: 20px;
}

.flex20
{
	width: 20%;
}

.flex25
{
	width: 25%;
}

.flex30
{
	min-width:30%;
	width: 30%;
}

.flex33
{
	width: 33%;
}


.flex35
{
	width: 35%;
}

.flex40
{
	width: 40%;
	padding-right: 12px;
}

.flex45
{
	width: 45%;
	padding-right: 12px;
}

.flex50
{
	width:50%;
}

.flex55
{
	width: 55%;
	padding-right: 12px;
}

.flex60
{
	width:60%;
}

.flex65
{
	width: 65%;
}

.flex70
{
	min-width:70%;
	width:70%;
}

.flex75
{
	width:75%;
}

.flex80
{
	width:80%;
	min-width: 80%;
}

.flex85
{
	width:85%;
	min-width: 85%;
	
}

.flex90
{
	width:90%;
	min-width: 50px;
}

.flex100
{
	width:100%;
}
/** end bereie */


.startFlex.flex5
{
	width: 5%;
	min-width: 10px;
}

.startFlex.flex10
{
	width: 10%;
	min-width: 10px;
}

.startFlex.flex15
{
	width: 15%;
	min-width: 10px;
}

.startFlex.flex20
{
	width: 20%;
}

.startFlex.flex25
{
	width: 25%;
}

.startFlex.flex30
{
	width: 30%;
}

.startFlex.flex40
{
	width: 40%;
	padding-right: 12px;
}

.startFlex.flex50
{
	width:50%;
}

.startFlex.flex60
{
	width:60%;
}


.startFlex.flex70
{
	width:70%;
}

.startFlex.flex80
{
	width:80%;
}

.startFlex.flex90
{
	width:90%;
}

.startFlex.flex100
{
	width:100%;
}



.subFlex.flex15
{
	width:15%;
}

.subFlex.flex20
{
	width:20%;
}

.subFlex.flex25
{
	width:25%;
}
.subFlex.flex30
{
	width:30%;
}


.subFlex.flex40
{
	width: 40%;
}


.subFlex.flex50
{
	width: 50%;
}

.subFlex.flex60
{
	width: 60%;
}

.subFlex.flex70
{
	width: 70%;
}

.subFlex.flex80
{
	width: 80%;
}

.posPersonHeader
{
	margin-top: 15px; float:left;
}

.personWidth
{
	width: 100%;
}

.headerTeaser
{
	font-size: 2.8em;
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	color: white;
	float: left;
	width: 40%;
	line-height:1.1em;
	margin: 14px 0 0 20px;
	text-shadow: 3px 3px 3px #000000;
	hyphens: none; 
}

img.logo-karriere
{
	max-width:250px;
	
	
}

header .myMainMenu .myMainNavi
	 {
		 margin-left: 0px;
		 margin-top: 0.75em;
		 margin-bottom: 0.5em;
		
		
		 }
		 
 header .myMainMenu .mySearchField
	 {
		 text-align:right; padding-right: 16px; border: 0px solid silver; 
		 }


/* MENU TOP */



.menuTop
{
	padding-top: 12px;
	width: 100%;
	text-align: right;
}

.menuTop a
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	margin: 12px 0px 12px 0px;
	color: #244699;
	font-size: 1em;
	text-transform: uppercase;
}

header .mainFlex
{
	border: 0px;
	background-color: transparent;
}

section#startpage article h3 /*stargpage kein Absand oberhalt bei h3 damit bündig*/
{
	
	margin-top:0px;
	padding-top:0px;
}

		 
.footer .frameOuter
{
	padding:0;
}
.footer .frameMain
{
	padding: 0;
}

/* links navigation links */
.lnkBox, .lnkNext
{
	background-image: none;
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	background-color: #f3f3f3;
	border-radius: 4px;
	margin: 4px 8px 0px 0px;
	border: 1px solid silver;
	padding: 4px 4px 4px 12px;
	
	font-size: 1.4em;
}

.lnkNext, .lnkBox:hover
{
	background-color: #edfdc5;
}

.lnkNext:hover
{
	background-image: none;
	
}


.myTools
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000000;
	margin:0px;
	padding:0px;
	line-height: 1em;
	text-transform: uppercase;
}

.myOk
{
	line-height:1.1em;
	
	border-bottom: 1px dashed black;
	padding: 2px;
}
.myOk a
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	/*background-image: url(/_images/layout/red-ok.png);
	background-repeat: no-repeat;
	background-position: left;*/
	padding-left: 6px;
	
	
}
/* werbeboxen */



/* Navigation oben button */
.btn2, a.btn2
{
	position:relative;
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	border-radius: 8px;
	text-decoration: none;
	font-size: 1.1em;
	cursor: pointer;
	background-color:#cae277;
	color: black;
	padding: 0.5em;
	padding-left: 1.5em !important;
	display: block;
}

.btn2::before, a.btn2::before
{
	position:absolute;
	font-family: "FontAwesome"; content: "\f061";
	left: 0.5em;
}

.btn2:hover, a.btn2:hover
{
	background-color: #89b516;
	color: #ffffff;
}

a.btn3. .btn3
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;

	margin: 4px 8px 0px 0px;
	font-size: 1.4em;
	display: block;
	background-color:#c6d992;
	margin-top:0px;
	border-radius: 0px;
	border: 1px solid white;
	border-top: 0px;
	padding: 8px 4px 8px 12px;
	
}


.btnCbx, a.btnCbx:link, a.btnCbx:visited, a.btnCbx:hover, a.btnCbx:active 
	{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-image:url(/_images/div/icon-cbx.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #000000;
	border:0px;
	background-color:transparent;
	cursor: pointer;
	font-size: 1em;
	
	}

.btnCbxChecked, a.btnCbxChecked:link, a.btnCbxChecked:visited, a.btnCbxChecked:hover, a.btnCbxChecked:active 
	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-image:url(/_images/div/icon-cbxChecked.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #000000;
	border:0px;
	background-color:transparent;
	font-size: 1em;
	}
	
	
.btnRadio, a.btnRadio:link, a.btnRadio:visited, a.btnRadio:hover, a.btnRadio:active 
	{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-image:url(/_images/div/icon-radio.png);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #000000;
	border:0px;
	background-color:transparent;
	cursor: pointer;
	font-size: 1em;
	
	}

.btnRadioChecked, a.btnRadioChecked:link, a.btnRadioChecked:visited, a.btnRadioChecked:hover, a.btnRadioChecked:active 
	{
	background-image:url(/_images/div/icon-radioChecked.png);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #000000;
	border:0px;
	background-color:transparent;
	}
	
/*  messages hinweise error  */

.hinweis1, .errBox, .boxIncomplete, .hinweis5
{
	
	border: 1px solid #fdcb02;
	border-radius: 8px;
	background-color: #fbf6ca;
	padding: 6px;	
	margin: 12px 0 12px 0;

		
}

.hinweis1 .formDesc
{
	background-color: #FF9;
	color: #666;	
}

.hinweis2 {
	background-image: url(/_images/navi/hinweis2.png); 
	background-position: left top; 
	background-repeat: no-repeat;
	background-color: #fff;
	margin-left: 0px;
	padding: 6px 6px 6px 78px;
	border: 1px solid silver;
	border-radius: 15px;
	text-align: left;
	margin-bottom: 12px;
	margin-top: 12px;
	}

.hinweis5
{
	border: 1px solid #F00;
	background-color: #FFAEAE;
	color: black;
}



.boxIncomplete
{
	background-image: url(/_images/div/icon-hinweis.png); 
	background-position: 8px 8px; 
	background-repeat: no-repeat;
	padding-left: 34px;
	
}

.boxClick {
	background-image: url(/_images/navi/hinweis3.png); 
	background-position: left bottom; 
	
	background-repeat: no-repeat;
	background-color: #FFC;
	margin-left: 0px;
	padding: 6px 6px 6px 78px;
	border: 1px solid silver;
	border-radius: 15px;
	text-align: left;
	margin-bottom: 12px;
	margin-top: 12px;
	min-height:90px;
	}

.boxClick:hover
{
	background-color: #f3f3f3;
}

.boxClick a
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	border: 0px;
	background: none;
	text-decoration: none;
	font-size: 1.2em;
}

.boxClick a:link
{
	text-decoration: none;
}

.boxClick a:hover
{
	color: black;
}


.boxClick a.lnk
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding-left: 0px;
	font-size:1em;
}

.boxClick a.lnk:hover
{
	color:#73a520;
}

.hinweis3
	{
	
	background-color: #D8E9AE;
	color: #000000;
	padding: 8px;
	}

.hinweis4
	{
	margin: 8px 0px 8px 0px;
	background-color: #f3f3f3;
	color: #000000;
	padding: 8px;
	border-left: 4px solid #244699;
	border-radius:6px;
	}

.hinweis4 .t2
{
	padding: 0px;
}
	
.msg, .success, .warning, .error, .validation {
border: 1px dashed;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position: relative;
z-index: 1 !important;

}

.success:before, .warning:before, .error:before, .validation:before, .msg:before {
	content: "\f05d";
	font-family: 'FontAwesome';
	position:absolute;
	left:1em;
	font-size: 1.5em;
	z-index: 1 !important;
}

.msg:before
{ content: "\f129"; 
z-index: 1 !important;
}

.msg {
color: #000;
background-color: #fffa64;
border: 2px solid #ffda0b;
z-index:1 !important;
}



.success {
color: #4F8A10;
background-color: #DFF2BF;
}

.error:before, .warning:before, .err:before
{
	content: "\f06a";
}

.warning {
color: #000;
background-color: #fdf130;
}


.error, .err {
color: #D8000C;
background-color: #ffdada;

}


	
.errBox
{
	background-color: #FFE8E8;
	border:1px dashed #ff0000;
	border-radius: 0px;
}

.errBox.Small
{
	padding: 2px;
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	border-radius: 4px;
}

.errMsg
{
	background: #FDD;
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	padding: 6px;
}

.smallMsg
{
	
	background: #FDD;
	color: #F03;
	padding: 4px;
	font-size: 1em;
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
}

.bgHigh
{
	background: #ff0000;
	color: white;
	padding: 2px 6px 2px 6px;
}

.errMust
{
	border: 1px solid red;
}
/*  form elements */

input:required
{
	border: 1px solid #89ad1d;
}



/** noch nicht ausgefüllt,  ungülting ausgefüllt */
input:required:invalid, input:focus:invalid { 
	background-image: url(/_images/layout/required.png); 
	background-position: right top; 
	background-repeat: no-repeat; 
	border: 1px red silver;
} 

/** gültiger inhalt */
input:required:valid { 
	background-image: url(/_images/layout/valid.png); 
	background-position: right top; 
	background-repeat: no-repeat; 
	border: 1px red silver;
	} 



.tbx.Medium, .tbx.medium { width: 300px; }
.tbx.Large { width: 600px;}
.tbx.Small, .tbx.small { width: 200px;}
.tbx.XSmall, .tbx.xSmall { width: 100px;}
.tbx.xxSmall { width: 50px;}
.tbx.xLarge { width: 100%;}

.tbx.LargeP {width: 80%;}
.tbx.FullP	{ width: 100%;
}
.tbx.Red
{
	background-color: #FFD7D7;
}

.tbxFull { width:100%; display: block;}

.tbx.error {
	padding:6px;
	border: 1px solid #fea9a9;
}
.highlightMe
{
	background-color: #FFE8E8;
	border-radius: 12px;
	border: 1px solid #ff0000;
	padding: 10px;
	margin-right: 12px;
}



.bg
{
}

.mLeft
{
	padding: 3px 0px 0px 16px;
	margin:0px;
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:1em;
}

.bg.z1
{
	border-bottom: 1px solid #CCC;
}

.bg.z1.pa-bo
{
	padding-bottom: 0.5em;
}

.bg.z1.pa-to
{
	padding-top: 0.5em;
}

.bg.z1.pa-bo-to
{
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

.bg.z2
{
	border-bottom: 1px solid #DAE8EF;
	background-color: #f3f3f3;
	padding: 6px;
}

.bg.z3
{
	border-bottom: 1px solid #f3f3f3;
	background-color: #DAE8EF;
}

.bg.z4
{
	border-bottom: 1px solid #6b7c42;
	background-color: #e5efd8;
}

.bg.z5
{
	border-bottom: 1px solid #6b7c42;
	background-color: #ffffff;
}

.bg.t1
{
	background-color: #88b13a;
	color: white; 
	font-size: 1.4em;
	padding:6px;
}

.bg.t1.fntS
{
	font-size: 1em;
}


.bg.t2
{
	background-color: #244699;
	color: white; 
	font-size: 1.4em;
	padding:6px;
}

.bg.t2.fntS
{
	font-size: 1em;
}


.bg.blueLight, .blueLight
{
	background-color: #b9e2ff;
}

.bg.greenLight
{
	background-color: #dfe9c5;
}


.darkBlue, .darkblue
{
	background-color: #244699 !important;
	color: white;
}

	.fnt.gray, .fnt.gray a
	{
			
		color: #999;
	}

	.fnt.green
	{
		color: green;
	}
	
	.fnt.black, .fnt.black a
	{
			
		color: #000000;
	}
	
	.fnt.bold
	{
		font-weight:bold;
	}
	
	.noMrg
{
	margin: 0px;
}

.MrgBo
{
	margin-bottom: 12px;
}

.noPad
{
	padding: 0px;
}


.padMed
{
	padding: 8px;
}

.padd2
{
	margin-top: 12px;
	margin-bottom: 12px;
}

.pad10, .pa
{
	padding: 0.8em;
}

.pad20, .pa-2x
{
	padding: 1.8em;
}

.pad, .pa-all
{
	padding: 10px 0px 10px 0px;
}

.padBo, .pa-bo
{
	padding-bottom: 10px;
}

.padTo, .pa-to
{
	padding-top: 12px !important;
}

.pa-to-bo
{
	padding-top:12px; padding-bottom:12px;
	}

.ma-to-bo
{
	margin-top:0.5em; margin-bottom:0.5;
	
	}
	
	
.padlire,.pa-re-pa-li
{
	padding: 0px 8px 0px 8px;
}

.padre, .pa-re
{
	padding: 0px 12px 0px 0px;
}

.padli, .pa-li
{
	padding: 0px 0px 0px 12px;
}

.marTo
{
	margin-top: 24px;
}


	
/* -----------media queries ipad ---------------------------  */
@media only screen and (max-width: 1380px) 
{


.frameAdvertiseOuter
{
	display: none;
}
}



/* -----------media queries ipad alt 1090---------------------------  */
@media only screen and (max-width: 1200px) 
{

	body {
	background: none;
	
	}
	
	.mainFlexTop
	{
	
	margin-left: 0px;
	/*background-image: url(/_images/layout/bgMainTop_ostern.jpg); background-position: top left; background-repeat: no-repeat; height: 100%; 
	border: 0px solid silver;
		*/
		
	/*background-image: url(/_images/header-christmas-2017.jpg?v1); background-position: top left; background-repeat: no-repeat;  background-size: auto !important;*/
	background-image: url(/_images/layout/bgMainTop_1200.jpg);  /*DEFULT*/
	/*	background-image: url(/_images/header-neujahr-2017.jpg?v1); background-position: top left; background-repeat: no-repeat;  background-size: auto !important;  */

	/*min-height: 140px;   6.5.19 deaktiviert*/ 
	}

section#headerArea .myFlex .headerLeft
{
 
 min-width:730px !important;
 
}

/* SLIDER AREA TABLET */
section#header-area div .t1
{
font-size:1.5em;
padding:0;

}

section#header-area .teaser
{ padding:0; font-size: 0.9em;}


section#header-area div .lnk
{line-height: 1.2em; 
}

section#header-area div .lnk a
{	font-size: 0.9em;}
/* end SLIDER AREA */


.frameAdvertiseOuter
{
	display: none;
}

.containerMenuFlex
 {
	 margin-top: -40px; 
	
 }
 
.headerTeaser
{
	margin-top: 4px;
	margin-left: -94px;
	font-size: 2.6em;
	}



	
.medium
{
	display:none;
}
.mini	
{
	display: none;
}


h1, h2, h3
{
	text-align: left;
	line-height:1.1em;
	
}


.frameOuter
{
	
	width: 100%;
}

header .subFlex
{
	display: none;
}

.postit
{
  width:190px;
  /*border: 1px solid red;*/
  
}

.frameAdvertiseOuter, .frameAdvertise
{
	display: block ;
	width:100% !important;
	float: none;
	padding:6px;
	margin: 0px;
	text-align:justify;
	font-size: 1em;
	margin-bottom: 0px;
	
}




.headerTeaser
{
	margin-top: 4px;
	margin-left: -54px;
	font-size: 2.2em;
	
	}
	
 .containerMenuFlex
 {
	 margin-top: -40px; 
	 width:100%;
	 
 }
 
 .mainFlexTop .ctFlex
	{
	border:0px solid silver;
	

	}
 
.frameAdvertiseOuter
{
	display: none;
}


.halfFlexStart
{
	width:55%;
}

 .halfFlex	
 {
	 width: 30%;
 }

.posPersonHeader
{
	margin-top: 15px; float:left;
}

.personWidth
{
	width: 70%;
}


footer .subFlex
{
	display: block;
}

}




/* -----------media queries ipad ---------------------------  */

@media only screen and (max-width: 960px) 
{
	
/*	
.medium
{
	display:block;
	border: 1px solid red;
}
*/



	.postit
	{
		display: none;
	}
	
	.postit.job
	{
		display: block;
		width: 100%;
	}
	
	
	.mainFlex
	{
		width: 100% !important;
		margin: 0px;
		padding: 0.5em;
		
		
	}
	
	section#headerArea
	{ display: none;
	}
	
	.searchMenuFlex, .frameAdvertise
	{
		display:none;
	}
	
	

	.mainMenuFlex
	{
		width:100%;
	}
	
	header .myMainMenu .myMainNavi
	 {
		margin-top: 0px;
		
		 }


	header .ctFlex
	{
		display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
	  display: -ms-flexbox;           /* TWEENER - IE 10 */
	  display: -webkit-flex;          /* NEW - Chrome */
	  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	  
	  -webkit-align-items: stretch;
	  align-items: stretch;
	
		padding:0px;
		margin:0px;
		margin-bottom: 4px;
		width: 100%;
	
	}
	header .myFlex
	{
		border: 0px solid silver;
		  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	  -moz-box-flex: 1;         /* OLD - Firefox 19- */
	  width: 20%;               /* For old syntax, otherwise collapses. */
	  -webkit-flex: 1;          /* Chrome */
	  -ms-flex: 1;              /* IE 10 */
	  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  	 
	flex-basis: 20%;
	margin-right: 8px;
    margin-top: 0px;
	}
	
	
	
	
	.halfFlexStart
	{
		width:40%;
		border: 0px solid red;
	}
	
	
	 .halfFlex	
	 {
		 width:60%;
	 }
	 
	 .subFlex
	 {
		 display: block;
		 width: 100%;
		 float: none;
	 }
	 
	 header .myMainMenu .mySearchField
	 {
		 display: none;
		
		 }
	 
	 .top-line
	 {
		 padding-bottom: 18px;
		 
		
	 }
	 .mainFlexTop
	{
		background-size: cover !important;
		
	 
	}
	
	
	 .headerTeaser
	{
	margin-top: 4px;
	margin-left: -114px;
	font-size: 2.2em;
	width: 55%;
	}
	
	
	
/* SLIDER AREA TABLET und kleiner */
section#header-area .slider-text-desktop
{display: none;}


section#header-area .slider-text-mobile
{display: block; }



/* end SLIDER AREA */


	

	
	.menuTop
	{
		font-size: 0.8em;
	}
	
    .btnLogin.small, a.btnLogin.small
	{
		font-size: 0.9em;
		padding: 2px 6px 2px 6px;
		
	}
}






/* -----------media queries iphone 6 in portait --------------------------- */
/*@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
*/
@media only screen and (max-width: 768px) { 

body
{
	background-image:none !important;

}

.maxi
{
	display: none !important;
}


.medium
{
	display:none;
}
	
.mini, .mobileTeaser
{
	display: block; 
	
}


.top-line
{ display:none !important;
}



.mobileTeaser
{
	padding: 0px 18px 0px 18px;
}


h1, h2, h3, h4, .t4
{
	text-align: left;
	line-height:1.1em;
	
}

.spaceLeft
{
	margin-left: 0px;
}

.frameOuter
{
	
	width: 100%;
}

header .subFlex
{
	display: none;
}

/*
#content
{
	padding: 0px 18px 0px 18px;
	
	text-align:justify;
	
}
*/


.containerFlex, .menuFlex, .mainFlex, .subFlex, .advertiseFlex, .loginBox, .frameAdvertiseOuter, .frameAdvertise, .halfFlex, .halfFlexStart, .startFlex
{
	display: block ;
	width:100% !important;
	float: none;
	padding:4px;
	margin: 0px;
	
	font-size: 1em;
	margin-bottom: 0px;
	
	
	
}

.containerFlex, .subFlex
{
	padding:0px 0 4px 0;
	margin-left: 0px;
}

.bgForm.flex80
{
	width:100%;
}
	
.frameAdvertiseOuter, .frameAdvertise
{
	display: none;
}

/*werbe spalte beim mobile anzeigen zu unterst*/
.frameAdvertise
{
	display: block;
	

}


.mainMenuMobile
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	background-color: #f3f3f3;
	padding: 4px;
	font-size: 1.3em;
	text-decoration: none;
	letter-spacing: -1px;
	float: left;
	
}



.menuTabArea
{
	margin-left: 12px;
	padding-top: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid silver;
	background-color:#c6d992;
}
a.menuTab
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight:bold;
	padding: 0 12px 4px 12px;
	text-decoration: none;
}

.tbx
{
	width: 100%;
}


.tbx.Medium, .tbx.Large, .tbx.Small, .tbx.XSmall, .tbx.xSmall,  .tbx.xLarge { width: 100%;}

.hinweis2 {
	background-image: none; 
	background-color: #fff;
	margin: 12px 0px 0px 0px;
	padding: 8px;
	border: 1px solid #fb7200;
	border-top: 6px solid #fb7200;
	}
	
	section#mobileMenu .btn2, a.btn2
	{
		text-decoration: none;
		margin-top: 12px;
		padding: 12px 6px 12px 6px;
	}
	
	
	.mini section#searchArea
		{
			margin: 12px 0px 12px 0px;
	}
	
		
	.mini section#searchArea .mySearchTbx
	{
		width: 80%;
		max-width: 240px;
		float: left;
	}
	
	.mini section#searchArea .mySearchButton
	{
		float: right;
		max-width: 60px;

	}
	
	.mini section#searchArea::after
	{
		border: 1px solid transparent;
		padding-bottom: 20px;
		content: "";
	}
}