/*desktop first */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

/* render html5 elements as block 
   rendert html5 elemente als block  */
header, footer, section, aside, nav, article, main { display: block;}

html{ 
	font-size:100%;
	-webkit-text-size-adjust: none;
	}
body {
	/*background:url(/_images/layout/global-background.jpg);*/
	/*background:url(/_images/layout/global-background_christmas.jpg); */
	background-position: top left; 
	background-repeat: repeat-x;

	background-color: #ffffff;
	font-size: 100%;
	color:#393a39;
	font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; 

}

b, strong
{
	font-weight:700;
}
hr
{
	 width: 100%; 
    height: 1px; 
    margin: 0 auto;
    color: #000000;
    background: #cccccc;
	margin-bottom: 8px;
	margin-top: 8px;
}
#content
{
text-align:left;
}

a { color: #393a39;}
a:visited {color:#393a39;}
a:hover {color: #73a520;}
a:active { color:#393a39;}



/* ----------------- content--------------------- */


.fntMenu
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:1em;
}




p, div {
/*padding:  20px 20px 20px 20px; */
line-height:1.35em;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto; 
font-size: 100%;
}

div
{
	padding: 0px;
	margin: 0px;
}


ol
{
	margin-left: 18px;
}

div ul, p ul {
	
	list-style-type: disc;
	padding-left: 22px;
	
	padding-bottom: 0px; /* 12 px */
	padding-top: 0px; /* 6px */
	
	}

li
{
	line-height: 1.6em;
}

/* im inhaltsbereich abstand ul nach oben nach titel generell 8px, wenn h3 > kein zusätzlicher Abstand */
#content ul {padding-top:8px; padding-left: 20px;}

h3 + ul  {padding-top:0px !important;}
p + ul, div + ul  {padding-top:8px !important;}

li
{
 
}


/* überschriften*/


h1, .t1, h2, .t2, h3, .t3, h4, .t4, h5, .t5, h6, .t6, h7, .t7
{
	font-size: 1.6em;
	font-family: 'Roboto Condensed', 'PT Sans Narrow', Arial, Helvetica, sans-serif !important;
	font-weight:normal;
	padding: 8px 0px 0px 0px;
	line-height:normal;
	text-align: left !important;
}

h1, .t1
{
	font-size: 1.8em;
	
	margin-bottom: 4px !important;
	
}

h2, .t2{font-size: 1.4em !important;}

h2.small, .t2.small
{ font-size:1.2em;}

h3, .t3
{
	font-family: 'Roboto', 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #73a520;
	padding: 12px 0 6px 0;
	line-height:1em;
	
}

h4, .t4
{
	font-size: 1.5em;
	margin:8px 0 3px 0;
	padding: 0px;
	padding-top: 6px;

}

h5, .t5
{
	font-size: 1.3em;
	line-height: 1em;
	margin: 0px;
	padding:0px;
	margin: 12px 0px 3px 0px;
}

h6, .t6
{
	color: #73a520;
	font-size: 1.2em;
	margin: 0px;
	padding:0px;
	line-height:1em;
	margin: 12px 0px 12px 0px;
}

h7, .t7
{
	color: black;
	font-size:1.2em;
	color: #000000;
	padding:0px 0px 6px 0px;
}

h1 a
{
	text-decoration: none !important;
	color: #7db000;
}


.ServiceHeader
{
	
	padding: 8px;
	margin-bottom: 24px;	
	background-color: white;
	border-bottom: 12px solid #737373;
	vertical-align: bottom;
}

/* ---- image ----- */
img{border:none;}

.imgRnd
{
	border-radius: 12px;
}

.imgRight
{
	padding: 12px;
	float: right;
	margin-left: 12px;
}

.imgLeft
{
	padding: 0 12px 12px 0;
	float: left;
	margin-right: 12px;
}

img .full
{
	width: 100% !important;
}

img.var1, .var1, a.var1
	{
		padding-bottom: 8px;
		width: auto;
		max-width: 240px;
			
	}
	

.var2
{
	padding-bottom: 8px;
	width: 100%;
	
}


.var3
{
	padding-bottom: 8px;
	width: 50%;
	
}

img.var4
{
	border: 1px solid silver;
	padding: 3px;
}

img.full
{
	width: 100%;
}

img.bo-1
{
	border:1px solid #CCC}

section#startpage .containerFlex .full
{
	padding-right: 12px;
}


img.var5
{
}

.var8
{
	padding-bottom: 8px;
	width: 80%;
}

.br1
{
	border-radius: 12px;
	border: 1px solid #CCC;
}

.br4
{
	border-radius: 12px;
	border: 4px solid #CCC;
}


.space
{
	height: 14px;
}

.black_white {display: block; margin: 0 auto; margin-top: 10px}
.black_white {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* IE6-9 */
-webkit-filter: grayscale(100%); 
      -webkit-transition: all .6s ease; 
    -webkit-backface-visibility: hidden; 
	 
}
.black_white:hover{
     filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%);
	
}




ul{
	list-style-type: none;
	
	}
	


ul.aufz1
{
	list-style-type: none;
	list-style-image:url(/_images/navi/arrow-right-1.png);
}

ul.aufz2
{
	list-style-type: none;
	list-style-image:url(/_images/navi/arrow-right-2.png);
}

ul.aufz3
{
	list-style-type: none;
	list-style-image:url(/_images/navi/arrow-right-3.png);
}

ul.aufz4
{
	list-style-type: none;
	list-style-image:url(/_images/navi/arrow-right-4.png);
	
}

ul.aufz4 ul
{
	list-style: outside;
}

.mrgLeMed
{
	margin-left: 20px;
}

.mrgBoMed
{
	margin-bottom: 12px;
}

.mrgToMed
{
	margin-top: 22px;
}



/* ----------container zentriert das layout-------------- */
#container {
border:1px solid #000;
}

/* ----------container zentriert das layout-------------- */
.inner {
border-left: 0px solid silver;
border-right: 0px solid silver;
background-color: #fff;
max-width:1000px;
margin:0 auto;
font-size: 100%;
padding: 0px 24px 0px 24px;
}

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

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

body>header {
	background:#fff;
	border-bottom:1px solid #f3f3f3;
	color:#37474F;
}

header>.inner {
	position:relative;

}


header p {
	padding:20px;
}	
.menubutton {
    position:absolute;
    right:20px;
    top:20px;
    z-index: 400;
    font-size:2.2em;
 }
.menubutton a{
    color: #f67;
    }
.menubutton a:hover{
    color: #fff;
    text-shadow: 0px 0px 15px #00FFFF;
    }  
/* -------------- navigavtion------------- */

/*
nav {
font-size: 1em;
position:relative;
right: 0;
top:0; 
width: auto;
float: right;
margin: 0px;
padding: 0px;
display: inline;

}

nav ul li { 
list-style-type: none; 
margin:0;
display: inline;
}

nav a {
	
	
}
nav a:visited {color:#fff;}

nav a:hover {
color: #000;
background-color: #92d303;
}

*/





.navBtn
{
	color: #000 !important; 
	letter-spacing: 1px;
	background-image: url(/_images/button/go-right-arrow.png); 
	background-position:center right; 
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	padding: 0.45em 2em 0.45em 0.6em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
}

a.navBtn:hover {
	color: #000;
	background-color: #92d303;
}



/* ---  links -----*/
a.lnk, .lnk {
	background-image: url(/_images/navi/arrow-right-1.png); 
	background-position:center left; 
	background-repeat: no-repeat;
	padding: 0.45em 1.2em 0.45em 0.9em; text-decoration: none !important; 
	text-decoration: underline !important;
	text-align: left !important;

	}
	


a.lnk.lnk2, .lnk.lnk2 /*  hellgrün */
{
	background-image: url(/_images/navi/arrow-right-2.png); 
}


a.lnk.lnk3, .lnk.lnk3 /*  dunkelgrün */
{
	background-image: url(/_images/navi/arrow-right-3.png); 
	
}

a.lnk.lnk4, .lnk.lnk4 /*  orange */
{
	background-image: url(/_images/navi/arrow-right-4.png); 
}


a.lnk.lnk5, .lnk.lnk5 /*  blau hinterlegt */
{
	background-image: none;
	background-color: #b9e2ff;
	padding: 0.15em 0.15em 0.15em 0.15em; text-decoration: none !important; 
}

a.lnk.lnk6, .lnk.lnk6 /*  hellgrün hinterlegt */
{
	background-image: none;
	background-color: #dff2c1;
	padding: 0.0em; text-decoration: none !important; 
}


a.lnk.lnk7, .lnk.lnk7 /*  silver */
{
	background-image: none;
	background-color: #f3f3f3;
	padding: 0.15em 0.15em 0.15em 0.15em; text-decoration: none !important; 
}

a.lnk.lnk8, .lnk.lnk8 /*  dotted grau */
{
	background-image: none;
	border:1px dashed #999;
	background-color: #f3f3f3;
	padding: 0.15em 0.15em 0.15em 0.15em; text-decoration: none !important; 
}

.lnk.int, a.lnk.int, .lnk.ext, a.lnk.ext, .lnk.info, a.lnk.info /*  dotted grau */
{
	background-image: url(/_images/div/int-link.png); 
	background-position: right;
	background-color: #ffff;
	color: #7db000;
	text-decoration:underline;
	padding: 0.05em 1.5em 0.05em 0.15em; 
}

.lnk.ext, a.lnk.ext
{
	background-image: url(/_images/div/ext-link.png); 
}

.lnk.info, a.lnk.info
{
	background-image: url(/_images/div/icon-info.gif); 
}

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

#container>header {
	background:#90A4AE;
	padding:20px 20px 0;	
	border-bottom:1px solid #90A4AE;
	color:#37474F;
}	
.menubutton {
    position:absolute;
    right:20px;
    top:20px;
    z-index: 400;
    font-size:2.2em;
 }
.menubutton a{
    color: #f67;
    }
.menubutton a:hover{
    color: #fff;
    text-shadow: 0px 0px 15px #00FFFF;
    }  
/* -------------- navigavtion------------- */

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


/*
article.ContentRow .t3
{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 1.3em;

}
*/

.content_row_borders
{
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	margin-top: -1px;
	padding: 0.5em;
}


section#moduls .t1, section#moduls .t2, section#moduls .t3, section#moduls .t4,  section#moduls .t5
{
	padding-top:0px; margin-top:0px;
}
/* section ratgeber aufzählung */
section.ratgeber
{
	
}

section.ratgeber h2
{
	margin:0px;
	padding:0px;
}

section.ratgeber .z1
{
	padding: 20px;
	background-color: #f3f3f3;
	
}


section#adr
{
	margin: 12px 0px 12px 0px;
	border-top: 1px solid #7db04e;
	border-bottom: 1px solid #7db04e;
	padding: 12px 0px 12px 0px;
	background-color: #eff4e2;
}
section#adr .myFlex
{
	text-align:right;
}

article{
border-bottom: 1px solid #E5E5E5;
padding:10px;	


}
article:hover{
	border-bottom: 1px solid #cccccc;
	background-color: #fefefe;
}

article a, article a:hover{
	
	text-decoration: none;
	color: #333;
	
}


article h1
{
	padding-top: 0px;
}


/* -------------- side infos ------------- */

aside {
padding:20px;
background:#B0BEC5;
}

/* -----------footer--------------------------- */
footer.footer {
	border-top: 1px solid silver;
padding: 20px;
background:#e0e0dd;
color:#fff;
}

section#contentFooter {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;

	flex-wrap: wrap;
	padding:10px 0 0px 0px;
	
}

.footer-segment {
	width: calc(100% / 4 - 30px);
	flex-grow: 1;
	flex-basis: auto;
	border: 0px solid #000;
	margin:0 20px 20px 0;
}

.footer-segment:after
{
	clear:all;
}

.footer-segment h2
{
	padding:0px;
	
}

footer .inner
{
	background-color: transparent;
	border:0px;
	color: #333;
	font-size: 0.8em;
	max-width: 1350px;
	line-height: 1em;
}

.social-media a
{
	
	text-decoration: none;
	padding-right: 0.5em;
}

#stichworte a
{
	margin-right: 12px;
}

/*** TEXT Wrapper einbledne more Text */

.weiterlesenImage{
	position:absolute;width:100%; left: 6px; bottom: 12px; top:120px;height:120px;background-image:url(/_images/div/weiterlesen.png); padding-bottom: 20px; background-repeat: no-repeat;
	}


.readMoreWrapper{
	position:relative;float:right}
.expandableTextWrapper{
	height: 140px;
	overflow: hidden;
	margin-bottom: 40px;
}


.menuBar
{
	margin-top: 6px;
	margin-bottom:12px;
	line-height: 2.2em;
	  -moz-hyphens: none;
	   -o-hyphens: none;
	   -webkit-hyphens: none;
	   -ms-hyphens: none;
	   hyphens: none; 

}



/* info-event 14 Modul */

.info_box
	  {
		  
		  background-image:url(/_images/content/weiterbildung/Info_Events.jpg);
		  background-size: cover;
		  background-repeat: no-repeat;
		  min-width: 200px;
		  min-height: 170px;
		  border:1px solid #999;
		  
	  }
	  
	  a.info_box  {text-decoration: none !important; border: 0px solid silver;}
	  
	  .info_titel
	  {
		  background-color: #DF0000;
		  font-family: 'Roboto Condensed', sans-serif;
		  font-size:1.8em;
		  padding-left: 0.5em;
		  color: #ffffff;
		  
	  }
	  
	  .info_circle
	  {
		  border: 3px solid #DF0000;
		  border-radius: 60px;
		  height: 120px;
		  width: 120px;
		  align: left;
		  margin-left: 0.5em;
		  margin-top: 0.5em;
		  padding: 0.5em;
		  background-color: #ffffff;
		  text-align:center;
		  vertical-align: middle;
		  margin-bottom: 0.5em;
		  
	  }
	  
	  .info_btn a
	  {
		  background-color: #009;
		  color: #ffffff;
		  padding: 0.2em 0.5em 0.2em 0.5em;
		  font-family: 'Roboto Condensed', sans-serif;
		  border-radius: 3px;
		  text-decoration: none;
	  }
/* info-event 14 ENDE Modul */

							
								
/* ----------------- WerbeBox rechts --------------------- */

section#box {
	 display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */
	  display: -webkit-flex;     /* NEW - Chrome */
	  display: flex;

	flex-wrap: wrap;
	padding:10px 0 0px 0px;
	max-width: 1200px;
  
}

.box-segment
{
	width: calc(100% / 2 - 40px);
	
	-webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
		border: 0px solid silver;
}

.wrb-box
{
	border-top: 6px solid #ff7902;
	border-bottom: 2px solid #ff7902;
	padding: 6px 0px 6px 0px;
	margin: 12px;
	width: 200px;
	font-size: 0.8em;
}

.wrb-box img
{
	width:100%;
}

.wrb
{
	font-family: 'Roboto', 'PT Sans Narrow', Arial, Helvetica, sans-serif !important;
	font-size:1em;
}

.wrb div a
{
	font-family: 'Roboto', 'PT Sans Narrow', Arial, Helvetica, sans-serif !important;
	
	letter-spacing: 1px;
	font-weight: 600 !important;
	
}





.boxFrame, .wrbBoxFrame
{
	border: 1px solid silver;
	/*border-radius: 15px;*/
	text-align: left;
	background-color: #fff;
	font-size: 0.85em;
	
}


.boxTitle, .boxTitle2
{
	/*
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	*/
	color: #fff !important;
	padding: 8px;
	font-family: 'Roboto Condensed', 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height:1.1em;
	text-shadow: 1px 1px 4px #000000;
}


.boxTitle2
{
	color: #000;
}



.boxText
{
	padding: 8px;
	
}

.boxText a
{
	text-decoration: underline;
	font-weight:normal;
	
}





.boxFrame.Medium { width: 300px;}
.boxFrame.Large { width: 600px;}
.boxFrame.Small { width: 200px;}
.boxFrame.xLarge { width: 100%;}


/* beraterbox*/
.beraterBox .boxFrame
{
	border-radius: 0px; margin-top: 12px; background-color:#f3f3f3;
}

.beraterBox .beraterPic
{
	margin: 10px 0px 10px 0px; border:1px solid silver;background-color: white; text-align:center;
}


.legende
{
	background-color: #f3f3f3; padding: 3px; font-size: 0.8em;
}

/* postit */
.postit
{
  width:200px;
  height:auto;
  float:left;
  margin:0  20px 20px 0;
  background:#fff4aa;
  padding:4px 4px 8px 12px;
  -webkit-box-sizing:border-box; /* Safari */
     -moz-box-sizing:border-box; /* Firefox */
          box-sizing:border-box;

  border-radius: 0 0 5px 100px / 0 100px 100px 10px;
  box-shadow: -9px -8px 25px 10px #f7e78f inset, 1px 5px 20px -5px #a19e8b;
  
}


.postit.job
{
	width:100%;
	background:#fff4aa;
	padding:12px 4px 8px 12px;
	 border-radius: 0 0 24px 100px / 0 100px 100px 10px;
	 box-shadow: -9px -8px 25px 10px #f7e78f inset,
  1px 5px 15px -5px #a19e8b;
  
  -moz-transition:all 0.5s ease-in-out;		
	-webkit-transition:all 0.5s ease-in-out;		
	transition:all 0.5s ease-in-out;	
}

.postit.job:hover
{
	
  /*transform: scale(1.0, 1.0) rotate(15deg);*/
  color: black;

}

.postit.tools
{
	border: 1px solid silver;
	
	margin-bottom: 0px;
	width: 280px !important;
	
}
.moveMe
{
	transition:all 0.5s ease-in-out;	
}

.moveMe:hover
{
	transform: scale(1.0, 1.0) rotate(25deg);
}

/* --- hinweise --*/

.boxHinweis
	{
	background-image:url(/_images/button/btnGo.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px; 
	width: auto;
	padding: 4px;
	padding-left: 36px !important;
	padding-top: 8px !important;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color:#FFFFFF;
	color: #000000;
	letter-spacing: 1px;
	width:auto;
	padding-bottom: 12px;
	min-height: 20px;
	}
	
/*--- login box -- */
.loginBox {
    padding: 15px;
   background-color: #fff; /* Old browsers */
   border: 1px solid silver;
   border-radius: 12px;
}

.loginBox.Medium { width: 300px;}
.loginBox.Large { width: 600px;}
.loginBox.Small { width: 200px;}
.loginBox.XSmall { width: 100px;}
.loginBox.xLarge { width: 100%;}

/** --- new Flexbox für safari u alle browser ---*/
.parentFlex {
  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;
 
 }



.mainFlex {
  -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+ */
  
  width: 75%;                     /* 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;
}

.subFlex {
  -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+ */
  
  -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+ */
  
  
}


.picContent1.right
{ float: right;	margin-left: 12px;margin-right: 12px;}
	
.picContent1 .left
{
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	border:1px solid red !important;
}


/* --- boxen NL --- */
.colPic
		{
			float: right; width: 224px; padding: 0 0 24px 24px;
		}
		
.colPicLeft
		{
			float: left; padding: 0 34px 14px 0px;
		}
		
.colText
{
	text-align: justify;
}

.colText:after
{
	clear: left; clear: right;
}


/* ---  links -----*/
.gotoBox
{
	border: 1px solid silver;
	border-radius: 15px;
	text-align: left;
	background-color: #fff;
	margin: 0px 0px 12px 23px;
	padding: 8px 8px 8px 120px;
	font-size: 1.2em;
	box-shadow: inset 2px 16px 55px #ffffff; 
	background-color:#e0e0dd;
	min-height:120px;
}



.goto {
	background-image: url(/_images/navi/totheright2.png); 
	background-position: left center; 
	background-repeat: no-repeat;
	margin-left: 0px;
	float: left;
	height: 109px;
	width: 117px;
	padding-right: 18px;
	margin-right: 12px;
	}




	
  /* BOX TABS */
	
	#Box-Style
	{
		margin: 1em 0em 1em 0em;
	}
	
	#Box-Style.myFlex
	{
		margin-right: 1em;
		margin-bottom: 1em;	
	}
	
  	.Box-Tab
	{
		font-family: 'Roboto Condensed', sans-serif !important;
		background-color: #cae277;
		border-radius:0px;
		margin-right: 0.3em;
	}
	
	.Box-Tab h2
	{
		background-color: #89b516;
		color: #ffffff;
		margin:0px;
		padding:0.3em;
		text-align:center;
		font-size: 2em !important;
	}
	
	.Box-Tab div
	{
		padding: 0.2em 1em 0.2em 1em;
		color: #000000;
		text-shadow:none;
	}
	
	.Box-Tab .z1
	{
		border-bottom: 1px solid #89b516;
		font-size:1.2em;
		
		margin-left:1em; margin-right:1em;
		padding: 0.5em 0em 0.5em 0em;
	}
	
	.Box-Tab .z1 a:hover
	{
		text-decoration: underline;
	}

/* end Box tabs */





  /* BOX TABS STARTPAGE*/
	
	.no-st
	{
		/* hyphens */
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
	}
	
	#Box-Style-Startpage
	{
		margin: 0.5em;
	}
	
	
	
	#Box-Style-Startpage .Box-Tab
	{
		height: 140px;
	}
	
	/* nur eine zeile anzeigen*/
	#Box-Style-Startpage .Box-Tab.one-line
	{ height: 80px;}
	
	
	#Box-Style-Startpage a
	{
		text-decoration: none !important;
	}

	#Box-Style-Startpage .Box-Tab h2
	{
		background-color: #cae277;
		color: #5e7805;
		margin:0px;
		padding:0.4em;
		padding-top: 1.2em;
		text-align:center !important;
		vertical-align: middle;
		font-size: 2em !important;
		font-weight:800;
		line-height: 1em;
	}
	
	/* nur eine zeile anzeigen*/
	#Box-Style-Startpage .Box-Tab.one-line h2
	{ padding-top: 1em; font-size: 1.3em !important;
	}
	
	
	.all-details 
	{
		display: none;
	}
	
	#Box-Style-Startpage .Box-Tab:hover
	{
		background-color: #cae277;
	}
	
	#Box-Style-Startpage .management:hover .all-details.management-hover, 
		#Box-Style-Startpage .marketing:hover .all-details.marketing-hover, 
			#Box-Style-Startpage .hr:hover .all-details.hr-hover, 
				#Box-Style-Startpage .finanzen:hover .all-details.finanzen-hover
	{
		display: block;
		
		
	}
	
	#Box-Style-Startpage .management:hover h2, 
		#Box-Style-Startpage .marketing:hover h2, 
			#Box-Style-Startpage .hr:hover h2,
				#Box-Style-Startpage .finanzen:hover h2
	{
		font-size: 1.3em !important;
		font-weight: normal;
		background-color: #98ba23;
		color: #ffffff;
		padding: 0.4em;
	}
	
	#Box-Style-Startpage .finanzen:hover h2
	{
		font-size: 1.3em !important;
	}
	
	
	
	
	
	#Box-Style-Startpage:hover .all-details.management-hover .z1, 
		#Box-Style-Startpage:hover .all-details.marketing-hover .z1, 
			#Box-Style-Startpage:hover .all-details.hr-hover .z1, 
				#Box-Style-Startpage:hover .all-details.finanzen-hover .z1
	{
		font-size: 1em;
		padding:0px;
		padding-top:0.2em; padding-bottom: 0.2em;
		margin-left:0.1em; margin-right:0.1em;
	}

/* end Box tabs startpage */


.Box, .Box3
{
	border: 1px solid silver;
	border-radius: 15px;
	text-align: left;
	background-color: #fff;
	margin: 12px 0px 12px 0px;
	padding: 8px 8px 8px 8px;
	
		background-color:#ffffff;
	min-height:120px;
	
	
}

.Box.album
{ border: 0px;
padding: 0.8em;
	border-radius: 0px;
}


.BoxMenu.left
{
	margin-right: 12px;
	margin-top: 8px;
	background-color: #f3f3f3;
	padding: 6px;
}

.BoxMenu .lnk
{
	background-image: none !important;
	font-size:0.9em;
	padding:0px;
}

.Box2
{
	font-size: 1em;
	font-weight:normal;
	min-height:auto;
	border: 1px solid silver;
	border-radius: 15px;
	text-align: left;
	background-color:#e0e0dd;
	padding: 8px;
	margin: 12px 0px 12px 0px;
}


.Box3
{
	font-weight: normal;
	font-size: 1em;
}

.Box4, .Box5
{
border: 1px solid silver; 
padding: 0.5em !important; background-color: white;
margin: 12px 0px 12px 0px;
}

.Box5
{
	border-bottom: 8px solid silver;

	padding-bottom:0px;
	margin-bottom:12px;

}

.Box7
{
	width: auto;
	border:0px solid silver;
	background-color: #f3f3f3;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 0px 12px 12px 12px;
	margin-right: 36px;
	margin-bottom: 12px;
}

.dotted
{
	border: 1px dotted silver;
}

.dashed
{
	border: 1px dashed silver;
}

.BoxAlbum, .Box6
{
	border: 1px dashed silver;
	padding: 24px;
	margin-bottom: 12px;
}


.aufzButton
{
	background-image: url(/_images/navi/button1.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-left: 48px;
	
}


h1.fntRed
{
	color: red;
	padding: 0 0 4px 0;
	margin: 0;
}

.otherPlus
{
	font-family: Arial,'PT Sans Narrow',Verdana, Geneva, sans-serif;
}
.fntRed, .fnt.red
{
	color: #e22a18;
	background-color: transparent;
}

/* border */
.border-blue { border: 1px solid #0099ff; }
.border-darkblue {	border: 1px solid #063c82;}
.border-blueLight {	border: 1px solid #b9e2ff; }
.border-green { border: 1px solid #73a520; }
.border-greenLight { border: 1px solid #dfe9c5; }
.border-silver { border: 1px solid #f3f3f3; }
.border-darkgrey { border: 1px solid #666; }
.border-grey { border: 1px solid #dfe0e3; }
.border-red { border: 1px solid #C00; }
.border-black { border: 1px solid #000; }
/*end border*/


/* background */
.bg-blue { background-color: #0099ff; }
.bg-darkblue {	background-color:  #063c82;}
.bg-blueLight {	background-color: #b9e2ff; }
.bg-green { background-color: #73a520; }
.bg-greenLight {background-color: #dfe9c5; }
.bg-silver { background-color: #f3f3f3; }
.bg-darkgrey { background-color: #666; }
.bg-grey { background-color: #dfe0e3; }
.bg-red { background-color: #C00; }
.bg-black { background-color: #000; }
.bg-white { background-color: #ffffff; }
/*end background*/

/* font-color */
.fnt-blue { color: #0099ff; }
.fnt-darkblue {	color:  #063c82;}
.fnt-blueLight {	color: #b9e2ff; }
.fnt-green { color: #73a520; }
.fnt-greenLight {color: #dfe9c5; }
.fnt-silver { color: #f3f3f3; }
.fnt-darkgrey { color: #666; }
.fnt-grey { color: #dfe0e3; }
.fnt-red { color: #C00; }
.fnt-black { color: #000; }
.fnt-white { color: #ffffff; }
/*end background*/

/*padding*/
.pa-02 {padding:0.2em;}
.pa-05 {padding:0.5em;}
.pa-075 {padding:0.75em}
.pa-1 {padding:1em}
.pa-15 {padding:1.5em}
.pa-2 {padding:2em;}

.fntWhite
{
	color: #ffffff !important;
}

.fntBlack
{
	color: #000000;
}


.blue
{
	background-color: #0099ff;
}

.blue.t3
{
	color: white;
	padding:8px;
	font-size:1.1em;
}


.darkblue, .navy
{
	background-color: #244699;
}

.darkblue.t3
{
	color: white;
	padding:8px;
	font-size:1.1em;
}

.darkblue.t2
{
	color: white;
	padding:8px;
	font-size:1.3em;
}



.blueLight, .bluelight
{
	background-color: #b9e2ff !important;
}

.green
{
	background-color: #73a520;
}

.green.t3
{
	color: white !important;
	padding:8px;
	font-size:1.1em;
}

.green.t1
{
	color: white;
	padding:8px;
	font-size:1.4em;
}


.greenLight, .greenlight
{
	background-color: #dfe9c5;
}

.silver
{
	background-color: #f3f3f3;
}

.darkgrey
{
	background-color: #666;
}


.grey
{
	background-color: #dfe0e3;
}

.red
{
	background-color: #C00;
}

.black
{
	background-color: #000;
}


/* border */
.border-blue { border: 1px solid #0099ff; }
.border-darkblue {	border: 1px solid #244699;}
.border-blueLight {	border: 1px solid #b9e2ff; }
.border-green { border: 1px solid #73a520; }
.border-greenLight { border: 1px solid #dfe9c5; }
.border-silver { border: 1px solid #f3f3f3; }
.border-darkgrey { border: 1px solid #666; }
.border-grey { border: 1px solid #dfe0e3; }
.border-red { border: 1px solid #C00; }
.border-black { border: 1px solid #000; }
/*end border*/


/* background */
.bg-blue { background-color: #0099ff; }
.bg-darkblue {	background-color:  #244699;}
.bg-blueLight {	background-color: #b9e2ff; }
.bg-green { background-color: #73a520; }
.bg-greenLight {background-color: #dfe9c5; }
.bg-silver { background-color: #f3f3f3; }
.bg-darkgrey { background-color: #666; }
.bg-grey { background-color: #dfe0e3; }
.bg-red { background-color: #C00; }
.bg-black { background-color: #000; }
.bg-white { background-color: #ffffff; }
/*end background*/

/*padding*/
.pa-02 {padding:0.2em;}
.pa-05 {padding:0.5em;}
.pa-075 {padding:0.75em}
.pa-1 {padding:1em}
.pa-15 {padding:1.5em}
.pa-2 {padding:2em;}
/* end padding*/

.step-active
{background-color: #73a520; color: #fff; padding: 0.2em; border: 1px solid #588808; margin-right: 0.3em;}

.step-inactive
{background-color: #f3f3f3; color: #000; padding:0.2em; border: 1px solid silver; margin-right: 0.3em;}


.fntRed
{
	color: red;
}


/* ---- width min----*/
.w-min { max-width: 100%; max-width: 100%;}

.w-min.min-100 { min-width: 100px; }
.w-min.min-150 { min-width: 150px; }
.w-min.min-200 { min-width: 200px; }
.w-min.min-300 { min-width: 300px; }
.w-min.min-400 { min-width: 400px; }
.w-min.min-600 { min-width: 600px; }
.w-min.min-800 { min-width: 800px; }


/* ---- width images ----*/
.w-max { max-width: 100%; max-width: 100%;}

.w-max.max-100 { max-width: 100px; }
.w-max.max-150 { max-width: 150px; }
.w-max.max-200 { max-width: 200px; }
.w-max.max-300 { max-width: 300px; }
.w-max.max-400 { max-width: 400px; }
.w-max.max-600 { max-width: 600px; }
.w-max.max-800 { max-width: 800px; }

/* --- height --*/
.h-50 {min-height: 50px;}
.h-100 {min-height: 100px;}
.h-120 {min-height: 120px;}
.h-150 {min-height: 150px;}
.h-200 {min-height: 200px;}
.h-300 {min-height: 300px;}
.h-400 {min-height: 400px;}

/* ----------- form formate --------------------------- */
.bgForm, .bgForm1
 { 
	color: #000;
	    border-top: 3px solid #e72b20;
	    margin-top: 12px; margin-bottom: 12px;
	 
	    padding: 1.2em;
	    border: 0px solid silver;
		background:#dfe9c5; /* default background for browsers without gradient support */
		/* css3 */
		/*
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#dfe9c5), to(#f4fcdf));
		background:-moz-linear-gradient(#dfe9c5, #f4fcdf);
		background:-o-linear-gradient(#dfe9c5, #f4fcdf);
		background:linear-gradient(#dfe9c5, #f4fcdf);
        border-radius: 15px;
		box-shadow: 5px 5px 5px #d3d3d3;
		*/
 } 

.bgForm .t5
{
	padding-top: 0px;
	margin-top: 0px !important;
	
}
.bgForm1
{
	background-color: white;
	background: none;
	padding: 12px !important;
	margin-top: 12px !important;
}

.formDesc
	{
	width: auto;
	font-weight:normal;
	color: #7db000;
	font-size: 1em;
	margin: 8px 0px 8px 0px;
	font-family: 'Roboto','PT Sans Narrow', Calibri;
	}

.line-sub
{
	border-bottom: 1px solid silver;padding-bottom: 0.2em; margin-bottom:0.5em;
}

.line-1
{
	border-bottom: 1px solid #f3f3f3; padding-top: 0.5em !important; margin-bottom: 0.5em;
}

.formTitel
{
	font-family: 'Roboto Condensed', 'Open Sans', Calibri;
	border-bottom: 1px solid #73a520;
	padding: 6px;
	font-size: 1.2em !important;
	margin-bottom: 12px;
	background-image: linear-gradient(#e0eac6, #c3d78d);
}

.bgForm .formDesc
{
	color:#000;
	background-color: #ecf6d0;
	text-shadow: 1px 1px 6px #fff;
}

.formDesc1
{
width: auto;
	letter-spacing: 1px;
	font-weight:normal;
	background-color: #ffffff;
	/*opacity: 0.6; */
	padding: 5px;
	margin-bottom: 4px;
	border-radius: 8px;
}

.formHinweis
{
	color: #000000;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 6px;
	background-color: #f3f3f3;
	border-radius: 8px;
	border-left: 6px solid silver;
	border-right: 6px solid silver;
	margin-bottom: 10px;
}

input[type=radio], input[type=checkbox] {
transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);


}

#inpForm, .inpForm, .tbxInput, .tbxArea, .inpSelect, #tbxInput, #inpSelect, #tbx, .tbx, .tbxFull
	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	width: 200px;
	background-color:#ffffff;
	border: 1px solid #89ad1d;
	
	margin-bottom: 4px;
	-webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
		
        border-radius: 5px;
		padding: 0.25em 0.25em 0.25em 0.25em;
		font-size: 100%;
	}

#inpForm:focus, .inpForm:focus, .tbxInput:focus, .tbxArea:focus, .inpSelect:focus, .tbx:focus
{
	background-color: #f3f3f3;
	
	
}

.tbx.full
{
	width: 100%;
}

.tbx.search
{border-radius: 0px; padding: font-size: 2.2em;}

.tbx.medium
{
	display: inline;
}


section#formular .tbx
{
	width: 100%;
	max-width: 400px;
}

section#formular .myFlex.two
{
	width: 50%;
	max-width: 196px;
	
	
}


.myFlex .ctFlex .tbx.full.last
{
	margin-right:0px;
	
	width: 102%;
}

/*BOX TAB STYLE */
	#Box-Style
	{
		margin: 1em 0em 1em 0em;
	}
	
	#Box-Style.myFlex
	{
		margin-right: 1em;
		margin-bottom: 1em;
	}
	
	
	#Box-Style>div
	{
		font-size: 0.8em;
		
	}
	
	#Box-Style>div a
	{
		text-decoration: none;
	}
	
/* oneLine kein umbruch beim mobile icon > text  DESKTOP */

.ctFlex.oneLine
{ margin:0px; padding:0px;}
.ctFlex.oneLine .myFlex.flexIcon
{
	width:auto;
	max-width: 20px;
	padding:0px;
	padding-right: 0.2em;
	margin-right:0px;

}

.ctFlex.oneLine .myFlex.flexText
{
	width: 99%;
	min-width: 99%;
	padding:0px;
	padding-right: 0.2em;
	margin:0px;
}

.ctFlex.oneLine .flex90
{
	min-width:90%;
}
/*end oneLine*/


input[type=submit]
{
	width:auto;
	height: auto;
	white-space: pre-wrap;
	text-align: left;
	text-decoration: none;
	
}

 .btn, a.btn:link, a.btn:visited, a.btn:active
{ 
	color: #000;
	
	letter-spacing: 0px;
	background-color: #f3f3f3;
	padding: 0.25em; text-decoration: none !important; 
	/*padding: 0.25em 1.5em 0.25em 0.45em; text-decoration: none !important; */
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
	text-decoration: none;
	font-weight:normal;
	
 } 


/* --- buttons ----*/
.btnSubmit, .btnSubmit a , .btn.submit, a.btn.submit, a.btn.submit-lowercase{ 
	font-family: 'Roboto Condensed', 'Open Sans',Calibri, Verdana, Arial; 
	/*font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;*/
	color: #fff !important; font-weight: normal;
	letter-spacing: 1px;
	 background-image: url(/_images/button/btnSubmit4.jpg); 
	 background-position:right; 
	background-color: #ff6f06;
	
	border-radius: 8px; 
	border:0px;
	width:auto;
	text-wrap: none;
	text-transform: uppercase;
	font-size: 1.3em;
	
	padding: 0.25em 2.8em 0.25em 0.45em; 
	/*padding: 8px 42px 8px 8px;*/
	cursor: pointer;
	width: auto;
	text-shadow: 1px 1px 2px #666;
	text-decoration: none;
	
	
 } 
 
  a.btn.submit-lowercase
  {
	  text-transform: none;
  }
 


 
 
 .btnSubmit:hover 
 {
	 background-image: url(/_images/button/btnSubmit4over.jpg); 

	
}
		
a.btnSubmit:link, a.btnSubmit:visited, a.btnSubmit:active
	{
	color: #fff;
	}

a.btnSubmit:hover
{ 
	Background-color: #ff9205;
}




.btnSubmit.small
{
	font-size:0.8em;
}

.btnLogin, a.btnLogin, .btnLogin.small, a.btnLogin.small, .btn1, a.btn1, .btn.close, a.btn.close, .btn.go, a.btn.go
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	background-color: #244699;
	color: white;
	border-radius: 8px;
  	background-image: none;
	padding:3px 12px 3px 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
	border: 0px;
	cursor: pointer;
}

.btn1.black, a.btn1.black
{
	background-color: #000000;
}

.btn1.klick, a.btn1.click
{
	text-transform: none;
}

.btn.close, a.btn.close
{
	background-color: #f3f3f3 !important;
	border: 1px solid silver !important;
	color: black;
	
}

.btn.suchen
{
	background-color: #000000 !important;
	border-radius: 0px;
	padding: 0.05em 0.5em 0.25em 0.5em;
	font-weight: bold;
	border: 1px solid white;
	color: white;
	cursor: pointer;
}

.btn.go, a.btn.go
{
	background-color: #7ba92c !important;
	text-transform: none;
	
	border: 0px !important;
	color: #ffffff !important;
}

 
.btnKlick, a.btnKlick, .btnExt, a.btnExt, btnInfo, a.btnInfo
{
	border-radius: 8px;
	font-family: 'Roboto', Calibri, Verdana, Arial; 
	background-color: #fdc37c ;
	color: white;
	display: inline ;
	width: auto;
	padding:3px 6px 3px 6px ;
	font-size: 1.2em ;
	font-weight:400;
	border: 1px solid #ff6f06 ;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 8px;
	transition-duration: 0.5s;
	text-shadow: 2px 2px  6px #ff6f06;
}



.btnKlick:hover, .btnKlick:focus
{
	background-color:  #ff6f06 ;
}

.btnKlick.info2
{
	text-transform: none;
	text-shadow: none;
	font-size: 1em;
	background-color: #fdc37c;
}

.btnExt, a.btnExt, .btnInfo, a.btnInfo
{
	background-color: white;
	color: black;
	text-shadow: none;
	font-weight:400;
	
}

a.btnInfo:hover
{
	background-color: #fdc37c;
}


.btnNext1, a.btnNext1:link, a.btnNext1:visited, a.btnNext1:active
{ 
	color: #000 !important; 
	letter-spacing: 1px;
	background-image: url(/_images/button/go-right-arrow.png); 
	background-position:center right; 
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	padding: 0.25em 1.5em 0.25em 0.3em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
 } 
 
 
 
.btnBack, a.btnBack:link, a.btnBack:visited, a.btnBack:active
{ 
	color: #000 !important; 
	letter-spacing: 1px;
	background-image: url(/_images/button/go-left-arrow.png); 
	background-position:center right; 
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding: 0.25em 2em 0.25em 0.6em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
 } 
 
 .btnOverview, a.btnOverwiew:link, a.btnOverwiew:visited, a.btnOverwiew:active
{ 
	color: #000 !important; 
	letter-spacing: 1px;
	background-image: url(/_images/navi/icon-up.png); 
	background-position:center right; 
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	padding: 0.45em 2em 0.45em 0.6em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
 } 
 
 
 .btnPdf, a.btnPdf:link, a.btnPdf:visited, a.btnPdf:active
{ 
	color: #000 !important; 
	letter-spacing: 1px;
	background-image: url(/_images/div/icon-pdf-large.gif); 
	background-position:center left; 
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	
	padding: 0.8em 2em 0.8em 3em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
	
 } 
 
 

 
 .lnkDel, a.lnkDel:link, a.lnkDel:visited, a.lnkDel:active
{ 
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	color: #000 !important; 
	font-weight: normal;
	font-size: 100%;
	letter-spacing: 1px;
	background-image: url(/_images/div/icon-del.jpg); 
	background-position:center left; 
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding: 0.15em 0.2em 0.15em 1.8em; 
	text-decoration: underline;
 } 
 
 
 .lnkDel:hover, a.lnkDel:hover
 {
	 
	 background-color: #e7efd1;
}

.lnkBack, a.lnkBack:link, a.lnkBack:visited, a.lnkBack:active
{ 
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	color: #000 !important; 
	font-weight: normal;
	font-size: 100%;
	letter-spacing: 1px;
	background-image: url(/_images/div/icon-back.gif); 
	background-position:center right; 
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding: 0.15em 1.8em 0.15em 0.2em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
 } 
 
 .lnkBack:hover, a.lnkBack:hover
 {
	 background-image: url(/_images/div/icon-back.gif); 
	 background-position:right; 
	 background-color: #e7efd1;
}

.lnkNext, a.lnkNext:link, a.lnkNext:visited, a.lnkNext:active, .btnNext
{ 
	color: #000 !important; 
	font-size: 100%;
	letter-spacing: 0px;
	background-image: url(/_images/div/icon-next.png); 
	background-position:center left; 
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding: 0.25em 2em 0.25em 1.25em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
	text-decoration: none;
	font-weight:normal;
	
 } 
 
 .btnNext.active, a.btnNext.active
 {
	 background-color: #C8FCC7;
 }
 
 
 .lnkNext:hover, a.lnkNext:hover
 {
	 background-image: url(/_images/div/icon-next.png); 
	 background-position:left; 
	 background-color: #e7efd1;
	 text-decoration: none;
	 font-weight: normal;
}




.lnkClose, a.lnkClose:link, a.lnkClose:visited, a.lnkClose:active, .btnClose
{ 
	color: #000000 !important; 
	font-weight: normal;
	font-size: 100%;
	letter-spacing: 1px;
	background-image: url(/_images/button/icon-close.png); 
	background-position:center right; 
	background-color: #ffffff;
	padding: 0.25em 1.8em 0.25em 0.2em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
	background-repeat: no-repeat;
	width:auto;
 } 
 
 .lnkClose:hover, a.lnkClose:hover
 {
	 background-image: url(/_images/button/icon-close.png); 
	 background-position:right; 
	 background-color: #f3f3f3;
	 
}


.lnkSortUp, a.lnkSortUp, .lnkSortDown, a.lnkSortDown
{ 
	width: 18px;
	height: 12px;
	font-size: 70%;
	letter-spacing: 1px;
	background-image: url(/_images/div/sort-asc.png); 
	padding: 0.15em 1.8em 0.15em 0.2em; text-decoration: none !important; 
	background-repeat: no-repeat;
 } 
 
.lnkSortDown, a.lnkSortDown
{ 
	background-image: url(/_images/div/sort-desc.png); 
}


.lnkSortUpActive, a.lnkSortUpActive, .lnkSortDownActive, a.lnkSortDownActive
{ 
	width: 18px;
	height: 12px;
	font-size: 70%;
	letter-spacing: 1px;
	background-image: url(/_images/div/sort-asc-a.png); 
	padding: 0.15em 1.8em 0.15em 0.2em; text-decoration: none !important; 
	background-repeat: no-repeat;
 } 
 
.lnkSortDownActive, a.lnkSortDownActive
{ 
	background-image: url(/_images/div/sort-desc-a.png); 
}


.lnkPrint, a.lnkPrint:link, a.lnkPrint:visited, a.lnkPrint:active
{ 
	color: #000 !important; 

	font-weight: bold;
	font-size: 100%;
	letter-spacing: 1px;
	background-image: url(/_images/div/icon-print.gif); 
	background-position:center right; 
	background-color: #ffffff;
	padding: 0.25em 1.5em 0.25em 0.25em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
	background-repeat: no-repeat;
 } 
 
 
 .lnkInfo, a.lnkInfo:link, a.lnkInfo:visited, a.lnkInfo:active
{ 
	color: #000 !important; 
	font-weight: bold;
	font-size: 100%;
	letter-spacing: 1px;
	background-image: url(/_images/div/icon-info.gif); 
	background-position:center right; 
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding: 0.25em 1.5em 0.25em 0.25em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
 } 
 


 


a.btnEdit, .btnEdit, a.lnkEdit, .lnkEdit, a.btnDel, .btnDel, a.lnkShow, .lnkShow, a.btnShow, .btnShow, a.lnkAdd, .lnkAdd, .btnLogout, a.btnLogout, a.btnSetInactive, .btnSetInactive, a.lnkNl, a.lnkContent, a.lnkCopy
{
	font-family: 'Open Sans', Calibri, Verdana, Arial;
	font-size:1em;
	text-decoration: none;
	background-color: white;
	color: black;
	padding: 2px 2px 0px 0px;	
}

a.btnEdit:before, .btnEdit:before, a.lnkEdit:before, .lnkEdit:before
{
	padding-right: 6px;
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f14b";
	
}

a.lnkNl:before, .lnkNl:before
{
	padding-right: 6px;
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f1ea";
}

a.lnkCopy:before, .lnkCopy:before
{
	padding-right: 6px;
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f0c5";
}



a.lnkContent:before, .lnkContent:before
{
	padding-right: 6px;
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f15c";
}


a.btnDel:before, .btnDel:before
{
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f1f8";
}



a.btnLogout:before, .btnLogout:before
{
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f08b";
}

a.btnSetInactive:before, .btnSetInactive:before
{
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f256";
}



a.btnShow:before, .btnShow:before, a.lnkShow:before, .lnkShow:before
{
	padding-right: 6px;
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f08e";
}

a.lnkAdd:before, .lnkAdd:before
{
	padding-right: 6px;
	font-size: 1.4em;
	font-family: FontAwesome;	
	content: "\f055";
}








 
a.btn.facebook, .btn.facebook, a.btn.share, .btn.share {
	font-family: 'Open Sans', Calibri, Verdana, Arial;
	font-size:1em;
	border:0px;
	text-decoration: none;
	background-color: transparent;
	color: black;
	padding: 2px 2px 0px 0px;	
}
 /*  btn facebook */
a.btn.facebook:before, .btn.facebook:before, .btn.share, a.btn.share
{	font-size: 1.4em; font-family: FontAwesome;	}
	
a.btn.facebook:before, .btn.facebook:before {content: "\f230";	}

/* share*/
a.btn.share:before, .btn.share:before {content: "\f1e1";	}

 
  .btnAdd, .btnStats
{ 
	border: 1px solid silver; 
	border-radius: 8px;
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	color: #000 !important; 
	font-weight: normal;
	font-size: 100%;
	letter-spacing: 1px;
	background-image: url(/_images/button/btnAdd.png); 
	background-position:center right; 
	background-color: #ffffff;
	/*background-color: transparent;*/
	background-repeat: no-repeat;
	padding: 0.15em 1.8em 0.15em 0.2em; text-decoration: none !important; 
	border-radius: 5px;
	cursor: pointer;
	width: auto;
 } 
 

 
 
 .btnStats
 {
	 background-image: url(/_images/div/icon-stats.jpg); 
 }
 
 
 .dropdown1
 {
	 
	 color: #000 !important; 
	font-size: 0.9em;
	letter-spacing: 0px;
	background-image: url(/_images/div/icon-next.png); 
	background-position:center left; 
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding: 0.15em 1em 0.15em 1em; text-decoration: none !important; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border: 1px solid silver;
	text-decoration: none;
	font-weight:normal;
	
 }
 
 



/* Hover tooltips */
.field-tip {
    position:relative;
	text-decoration: none;
	font-family:'Cabin', Arial, Helvetica, sans-serif;
	
}
    .field-tip .tip-content {
        position:absolute;
        top:-10px; /* - top padding */
        right:9999px;
        width:200px;
		height:auto;
        margin-right:-200px; /* width + left/right padding */
        padding:10px;
        color:#fff;
        background:#333;
        -webkit-box-shadow:2px 2px 5px #aaa;
           -moz-box-shadow:2px 2px 5px #aaa;
                box-shadow:2px 2px 5px #aaa;
        opacity:0;
        -webkit-transition:opacity 250ms ease-out;
           -moz-transition:opacity 250ms ease-out;
            -ms-transition:opacity 250ms ease-out;
             -o-transition:opacity 250ms ease-out;
                transition:opacity 250ms ease-out;
				font-size: 12px;
				line-height: 1.2em;
				    }
					
		 .field-tip .tip-content.bottom {
			top: 100%;
			left: 50%;
			margin-left: -60px;
			background-color: #f3f3f3;
			font-size: 0.8em;
			border: 1px solid #cccccc;
			color: black;
			margin-top: 4px;
			
		 }
		 
		 
		 
        /* <http://css-tricks.com/snippets/css/css-triangle/> */
        .field-tip .tip-content:before {
            content:' '; /* Must have content to display */
            position:absolute;
            top:50%;
            left:-16px; /* 2 x border width */
            width:0;
            height:0;
            margin-top:-8px; /* - border width */
            border:8px solid transparent;
            border-right-color:#333;
			
        }
		
		/* tip bottom  PFEIL*/
		.field-tip .tip-content.bottom:before {
			content: " ";
			position: absolute;
			bottom: 100%;  /* At the top of the tooltip */
			left: 50%;
			top:2px;
			
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			
			border-color: transparent transparent black transparent;
		 }
		 
		 
        .field-tip:hover .tip-content {
            right:-20px;
            opacity:1;
			z-index: 100;		
			
        }

/* --- info button -----*/
a.info{
    
	position:relative; /*this is the key*/
    z-index:24; 
	color:#000000;
	text-align: left;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	
    }

a.info:hover{z-index:25; 
	text-align: left;
	text-decoration: none;
	color: #F75C0F;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px; 
	/*background-color:#ffffff */
	}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
	
    position:absolute;
	padding: 8px;
    top:1em; left:1em; width:17em;
    border:1px solid gray;
    background-color:#ffffff;;
    text-align: left;
	font-weight: normal;;
	color: #000000;
	filter:alpha(opacity=90); -moz-opacity:0.9; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 16px; 
	text-decoration: none !important; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	
	}
	
a.info:hover.Large span
{
	min-width: 500px;
	left: 3em;
	z-index: 5;
	
}

/* --- info button -----*/
a.info2{
    
	position:relative; /*this is the key*/
    z-index:24; 
	color:#000000;
	text-align: left;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	
    }

a.info2:hover{z-index:25; 
	text-align: left;
	text-decoration: none;
	color: #F75C0F;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px; 
	/*background-color:#ffffff */
	}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
	
    position:absolute;
	padding: 0px;
    top:1em; left:1em; width:17em;
    border:1px solid gray;
    background-color:#ffffff;;
    text-align: left;
	font-weight: normal;;
	color: #000000;
	filter:alpha(opacity=90); -moz-opacity:0.9; 
	text-decoration: none !important; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	
	}



/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #ccc;
    zcursor: help;
    color: #006080;
}
.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: auto;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 5px 0;
	border: 1px solid silver;
	
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
	font-size: 1em;
	
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip .tooltiptext2 {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
}
.tooltip:hover .tooltiptext2 {
    visibility: visible;
}
.tooltip-right {
  top: -5px;
  left: 125%;  
}
.tooltip-right2 {
  top: -5px;
  left: 105%;  
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
  top: 125%;
  left: 10%;   /* ORG 50%*/
  margin-left: -60px;
}

.tooltip-bottom2 {
  top: 125%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}
.tooltip-top2 {
  bottom: 115%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
  top: -5px;
  bottom:auto;
  right: 128%;  
}

.tooltip-left2 {
  top: -5px;
  bottom:auto;
  right: 105%;  
}

.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.tooltip .tooltiptext-bottomarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 50%;
    margin-left: -60px;
}
.tooltip .tooltiptext-bottomarrow::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext-bottomarrow {
    visibility: visible;
}

.tooltip .tooltiptext-toparrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}
.tooltip .tooltiptext-toparrow::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
.tooltip:hover .tooltiptext-toparrow {
    visibility: visible;
}

.tooltip .tooltiptext-leftarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}
.tooltip .tooltiptext-leftarrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext-leftarrow {
    visibility: visible;
}
.tooltip .tooltiptext-rightarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}
.tooltip .tooltiptext-rightarrow::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
.tooltip:hover .tooltiptext-rightarrow {
    visibility: visible;
}

/* end tooltip */


	.ctr
	{
		text-align:center;
	}
	
	
	
	.line
	{
		border-bottom: 1px solid silver;
		margin: 8px 0 8px 0;
	}
	
.fntDef
{
	font-weight: normal;
	font-size: 1em;
}

.spc1
{
	margin: 12px 12px 0px 0px;
}

.spc2
{
	margin: 24px 24px 0px 0px;
}


/* font size */
	.fntL, a.fntL, .fnt-l
	{
		font-size: 1.5em;
	}
	
	.fntxL, a.fntxL, .fnt-xl
	{
		font-size:2em;
	}
	.fntM, a.fntM, .fnt-m
	{
		font-size: 1.2em;
	}
	
	.fntDef, .fntDefault, .fnt-def
	{
		font-size: 1em !important;
		font-weight: normal;
	}
	
	
	.fntS, a.fntS, .fnt-s
	{
		font-size: 0.9em !important;
	}
	
	.fntxS, a.fntxS, .fnt-xs
	{
		font-size: 0.8em;
	}
	
	.fntxxS, a.fntxxS, .fnt-xxs
	{
		font-size: 0.7em;
	}
	
	
	
	
/* CHECKBOXEN / RADIOBUTTONS *(	
 
 /* Customize the label (the container) */
.inp_container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0.2em;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*horizontale ausrichtung*/
.inp_container.align-x {
	display: inline-block;
	margin-right: 18px;
	margin-bottom: 0px;
}
	
/* Hide the browser's default checkbox */
.inp_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #575b5e;
  
}

/* On mouse-over, add a grey background color */
.inp_container:hover input ~ .checkmark {
  background-color: #ccc;
 
}

/* When the checkbox is checked, add a blue background */
.inp_container input:checked ~ .checkmark {
  background-color: #0000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.inp_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.inp_container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 



/* RADIO generieren*/

/* Create a custom radio button */
.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: 1px solid #666;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.inp_container:hover input ~ .checkmark-radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.inp_container input:checked ~ .checkmark-radio {
  background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.inp_container input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.inp_container .checkmark-radio:after {
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
  
}

	
/* -----------media queries --------------------------- */
@media screen and (min-width: 640px) {

}

/* -----------media queries --------------------------- */
@media screen and (min-width: 960px) {



}

/* -----------media queries --------------------------- */
@media screen and (max-width: 1120px) {

/*
section#header-area
{background-color: red;}

.promo 
{
	font-size: 0.8em;
}
*/
}


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



h1
{
	padding:0px; margin:0px;
	font-size:1.3em !important; 
	font-weight: bold;
}



#content
{
	padding: 0em;
	
	
}


#content ul {padding-top:0.2em; padding-left: 0.5em;}


h2, .t2, h3, .t3, h4, .t4
{
	font-size: 1.2em;
	text-align: left !important;
	
}

p .t4
{

	text-align:left !important;
}

#Box-Style-Startpage
	{
		margin: 0px;		
	}


		
#Box-Style-Startpage .ctFlex
	{
		margin:2px;	
	}
	


#Box-Style-Startpage .z1
{padding:0px !important;}


.imgRight, .imgLeft
{
	padding: 0px;
	width: 100%;
	display:block;
	margin: 0px;
	width: 100%;
	clear: all;
	}
	
	.picContent1.right
	{
		padding-left: 18px;
	}
ul
{
	margin-left: 12px;
	
}


.wrb-leaderboard img
{
	width:100%;
}


.postit
{
	display: none;
}
section#contentFooter {
  
	display: block;
	flex-wrap: wrap;
	padding:10px 0 20px 0px;
}



footer .inner div {line-height:1.6em; font-size: 1.2em; }

 img .var5, img .full
{
	float: none;
	display: block;
}

.varFull
{
	width:100%;
}


 .footer-segment, .footer-segment:last-child {
    width: 100%;
   
  }
  
#stichworte a
{	font-size: 1.3em; line-height:1.6em;}


.mini, .mobileTeaser
{
  display:block;
}


.mobileTeaser
{
	background-color: #666;
	margin-right: 6px;
}
.mobileTeaser h2
{
	
	font-size: 1.2em !important;
	color: #ffffff;
	padding-bottom: 0.3em;
	
}

/*.medium, .maxi
{
	display:none;
}*/

/*Flex oneline*/

/* #### ONELINE spalte mit text und bild nicht umbrechten und block daraus machen*/
.ctFlex.oneLine
{
  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+ */
 
}



.ctFlex.oneLine .flexIcon
{
	width:auto;
	max-width: 20px;
	text-align:left;
	padding:0px;
	margin-right: 0px;
	
}

.ctFlex.oneLine .flexText
{
	width: 98%;
	min-width: 98%;
	padding:0px;
	margin-left: 0px;
}


/* end flex oneline */

footer .ctFlex
{
	padding-bottom: 24px;
	border-bottom: 1px solid silver;
}

footer .myFlex
{
	padding-bottom: 12px;
}

.lnk1, .lnk2, .lnk3, .lnk4
{
	font-family: 'Roboto','PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding: 12px;
	border: 1px solid silver;
	background-color: #f3f3f3;
	display: block;
	margin-bottom: 3px;
	margin-top: 8px;
	border-radius: 12px;
	background-image: none !important;
	border-left: 12px solid #ccc;
	padding-left: 18px;
}

.lnk2, .lnk3
{
	padding: 12px;
	border: 1px solid silver;
	background-color: #c6d992;
	display: block;
	margin-bottom: 3px;
	border-radius: 18px;
	background-image: none !important;
	border-left: 12px solid #629f21;
	padding-left: 18px;
}


.lnk4
{
	padding: 12px;
	border: 1px solid #fb7200;
	background-color: #F93;
	display: block;
	margin-bottom: 3px;
	background-image: none !important;
	border-left: 12px solid #F30;
	padding-left: 18px;
	text-align:left;
	
}

.btnSubmit
 {
	 background-image: url(/_images/button/btnSubmit4.jpg); 
	 background-position:right; 
	
}

.BoxMenu .lnk
{
	background-image: none !important;
	font-size:1em;
	padding:8px;
	display: block;
	margin-top: 6px;
	border: 1px solid silver;
	background-color:#c6d992;
}


.parentFlex, .mainFlex, .subFlex
{
	display: block;
	width:100%;

	float: none;
	
}


/* --- boxen NL --- */
.colPic
		{
			float: none;
			display: block;
			padding: 0;
			
		}

#inpForm, .inpForm, .tbxInput, .tbxArea, .inpSelect, #tbxInput, #inpSelect, #tbx, .tbx
	{
		padding: 8px;
		font-size: 1.2em;
	}



nav
{
	
	float: none;
	
}

nav ul
{
	margin-left: -12px;
}

nav ul li a
{
	
	font-size: 0.7em;
	margin-top: 1px;
	
}

article
{
	padding: 0px;
	margin:0px;
}

}