@font-face {font-family: Kepler;local: Kepler;  src: url(../fonts/truetype/KeplerStd-Regular.ttf);}
@font-face {font-family: Avenir;local: Avenir; src: url(../fonts/truetype/AvenirNextLTPro-Regular.woff);}

body{
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	overflow:hidden;
	width:auto;
	left:0px;
	right:0px;
	height:100%
/*	max-width:200em;*/
}
@media screen and (max-width : 840px) and (min-width:740px) {
	body{font-size:0.8em; !important;}
	#main-menu{font-size:1.0em !important;}
	#main-menu-sub {display:none;}
	#main-menu-sub1{display:block !important;}
	.tdn{max-width:200px;}
	.var-table{width:100%;}
	.zentriert{margin-left:-50% !important;}
	.main-article{max-width:100% !important;}
	.cols-2{column-count:1 !important;}
}
@media screen and (max-width : 740px) and (min-width:660px) {
	body{font-size:0.8em; !important;}
	#main-menu{font-size:1.2em !important;}
	#main-menu-sub{display:none;}
	#main-menu-sub1{display:none !important;}
	#main-menu-sub2{display:block !important;}
	.tdn{max-width:200px;}
	.var-table{width:100%;}
	.zentriert{margin-left:-50% !important;}
	.main-article{max-width:100% !important;}
	.cols-2{column-count:1 !important;}
}

@media screen and (max-width : 660px) {
	body{font-size:0.7em; !important;}
	#main-menu-back{left:50px !important;}
	#main-menu{font-size:1.2em !important;}
	#main-menu-sub{display:none !important;}
	.artikel-bild{max-height:100px; max-width:100px !important;}
	.tdn{max-width:1500px;}
	.var-table{width:100%;}
	.zentriert{margin-left:-50% !important;}
	.main-article{max-width:100% !important;}
	.cols-2{column-count:1 !important;}
}
@media screen and (max-width : 480px)  {
	body{font-size:0.6em; !important;}
	#mm-main-text{display:none;}
	#mm-main-text1{display:block !important;}
	#main-menu-sub2{display:none !important;}
	.tdn{max-width:100px;}
	.var-table{width:100%;}
	.zentriert{margin-left:-50% !important;}
	.cols-2{column-count:1 !important;}
	.main-article{max-width:100% !important;}
}
@media screen and (max-width : 1280px) and (min-width:1024px)  {
	body{font-size:0.8em; !important;}
	#main-menu-sub{display:none;}
	#main-menu-sub1{display:block !important;}
	.tdn{max-width:200px;}
	.artikel{max-width:530px !important;}
	.var-table{width:100%;}
	.main-article{max-width:100% !important;}
	.cols-2{column-count:2 !important; text-align:justify !important;}
}
@media screen and (max-width : 1023px) and (min-width:840px)  {
	body{font-size:0.8em; !important;}
	#main-menu{font-size:1.4em !important;}
	#main-menu-sub{display:none;}
	#main-menu-sub1{display:block !important;}
	.tdn{max-width:200px;}
	.artikel{max-width:500px !important;}
	.var-table{width:100%;}
	.main-article{max-width:100% !important;}
	.cols-2{column-count:1 !important;}
}

@media screen and (max-width : 1920px) and (min-width:1280px)   {
	.var-table{width:100%;}
	.tdn{max-width:400px;}
	.cols-2{column-count:2 !important; text-align:justify !important;}
}

@media screen and (min-width : 1920px)  {
	.cols-2{column-count:3 !important; text-align:justify !important;}
}

@media all{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	.var-table{width:auto;}
}
header_stat{
	position:fixed;
	top:0em;
	left:0px;
	right:0px;
	z-index:11;
	background-color:rgba(240,240,240,1);
	border-bottom:none;
	overflow:visible;
	height:2.7em;
  border-radius: 0px 0px 20px 20px; 
}

.tdn{overflow:hidden;}

header-transparent{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:11;
	background-color:rgba(240,240,240,0);
	border-bottom:none;
	overflow:visible;
	height:80px;
 -webkit-transition: all 0.2s ease-in-out; 
	 -webkit-transition-delay: 1s;
 -moz-transition: all 0.2s ease-in-out; 
 -moz-transition-delay: 1s;
 -o-transition: all 0.2s ease-in-out;
-o-transition-delay: 1s;
 transition: all 0.2s ease-in-out;
transition-delay: 1s;
}

header-transparent:hover {
  top: 0em; 		
	background-color:rgba(240,240,240,1);
	border-bottom:1px solid #208866;
	 -webkit-transition-delay: 0s;
 -moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.prom-text{
	font: 1em Avenir, Verdana, sans-serif;
/*	font: 1em Kepler, Avenir, serif;*/
	font-variant:small-caps;
}
.prom-subtext{
	font: 1em Avenir, Verdana, sans-serif;
	/*font-variant:small-caps;*/
}

.mark-text{
	font: 1.2em Avenir, Verdana, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
}
.mark-text2{
	font: 1em Avenir, Verdana, sans-serif;
	font-variant:small-caps;
}
article{
	display: inline-block;
}

.zitat {margin-left:16px; font-size:0.8em; color:#666;}
.zitat li{font-size:1.2em;}
.zitat br {line-height:20px;}
.zitat sup {margin-right:8px;}

.menu-icon {width:32px; height:32px; font-size:1.2em; border-radius:20px; float:left; margin-bottom:6px; margin-left:10px; font-weight:bold; color:#fff; background-color:#aaa; text-align:center;
 transition: all 0.2s ease-in-out;
transition-delay: 0s;
}

.menu-icon:hover{
	background-color:#000;
}

header1{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:11;
	background:rgba(80,80,42,1) url(/images/keto2-top.jpg);
	color:fff;
	border-bottom:none;
	overflow:visible;
	height:80px;
}

.lexikon ul{font-size:1em;}

.opabu{
	opacity:0.5;
	filter: alpha(opacity=50);
	}
#single-page{
	position:absolute;
	top:70px;
	overflow:auto;
	padding:10px;
	width:auto;
	height:auto;
	left:0px;
	right:0px;
}
#single-page-center{
	position:absolute;
	top:70px;
	overflow:auto;
	padding:10px;
	width:auto;
	height:auto;
	left:0px;
	right:0px;
	text-align:center;
}
#side-body-2cols-main{
	width:70%;
	float:left;
	color:#000;
}
#side-body-2cols-side{
	width:auto;
	float:right;
	min-width:100px;;
}


#koerper {
	position:absolute;
	overflow:hidden;
	top:70px;
	width:100%;
	height:auto;
}

#seite {
	position:relative;
	display:block;
	overflow:auto;
	z-index:10;
	width:auto;
	height:auto;
	padding:10px;
	left:0px;
	background-color:#fff;
	position:relative;
	top:0px;
	margin: 0 auto !important;
	text-align:center;
}
.back_grey{background-color:#ddd; background-image: linear-gradient(90deg, white 0%, grey 90%);}
.back_wheat{background-color:#ddd; background-image: linear-gradient(90deg, white 0%, wheat 90%);}
.back_page{background-color:rgba(255,255,255,0.9); padding-left:10px; padding-right:10px; padding-bottom:0px !important; border-radius:10px; margin-top:10px;}

#flexContainer{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
#flexContainer a{flex:1; flex-basis:50%;}

#seite p{text-align:justify;}

.main-article{
	width:auto;
	max-width:75%;
	margin:8px;padding:8px; text-align:left;
	color:#000; border:1px solid #aaa;border-radius:10px;
	background-color:rgba(255,255,255,1);
	box-sizing:border-box;
}
.wichtig{font-size:1.2em; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em; text-decoration:none;}

.artikel{
	max-width:700px; margin:8px;padding:8px; text-align:left;
	color:#000; border:1px solid #aaa;border-radius:10px;
	background-color:rgba(255,255,255,0.7);
	box-sizing:border-box;
}
.artikel2:hover{border:1px solid #999; color:#444;border-radius:10px;}
.artikel1:hover{background-color:#000;color:#fff;}
.artikel:hover{background-color:#fff;color:#000; border:1px solid #fef000;}
.artikel-bild{
	max-height:200px; max-width:200px; border-radius:10px; float:left; margin-right:12px; margin-bottom:12px;
}
.artikel-bild-mid{
	max-height:150px; max-width:150px; border-radius:10px; float:left; margin-right:12px; margin-bottom:12px;
}

.artikel-bild-klein{
	max-height:100px; max-width:100px; border-radius:10px; float:left; margin-right:12px; margin-bottom:12px;
}
.weiter{font-size:1.3em; line-height:1em;}

#posts {
	width:100%;
	margin: 0 auto !important;
	padding: 0;
	list-style-type: none;
	font-size:1em;
}
th a{font-weight:bold;}

#side-header{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:11;
	color:#000;
	border-bottom:none;
	overflow:visible;
	height:60px;
	border-bottom:1px solid #aaa;
	background-color:#fff;
	padding:10px;
}

.menu{
	font: 1em Avenir, Verdana, sans-serif;
	display:inline-block;
	position:absolute;
	z-index:1000;
	background-color:#fff;
	top:0px;
	padding-top:16px;
	padding-bottom:8px;
	left:-10px;
	margin-right:32px;
	width:250px;
	height:auto;
	overflow:hidden;
	border-radius:10px;
	font-size:0.8em;
	}
#menu_body{
	padding-left:8px;background-color:rgba(255,255,255,0.6);
	color:#fff; margin-left:50px; margin-right:10px; margin-bottom:10px;line-height:26px; vertical-align:top;
	font-size:1.2em; font-weight:bold;
}

#main-menu{
	position:absolute;
	width:auto;
	left:10px;
	right:10px;
	height:auto;
	top:12px;
	text-align:right;
	font: 1.5em Avenir, Verdana, sans-serif;
	font-variant:small-caps;
}

#main-menu-sub, #main-menu-sub1, #main-menu-sub2{
	font-size:0.8rem;
}
#main-menu-sub1, #main-menu-sub2{
	display:none;
}

.lh40{
	line-height:32px;
}

#main-menu a{
	font: inherit;
	text-decoration:none;
	color:#222;
	font-weight:bold;
	margin-right:16px;
	padding-left:8px;
	padding-right:8px;
	/*border-bottom:1px solid rgba(255,255,255,1);*/
}

#menu_body a{
	font: inherit;
	text-decoration:none;
	color:#222;
	font-weight:bold;
}

#main-menu a:hover,
#menu_body a:hover{
	font: inherit;
	text-decoration:none;
	color:#666;
	font-weight:bold;
	/*border-bottom:1px solid rgba(128,80,40,1);*/
}
textarea{
	border:1px solid #ccc;
	border-radius:3px;
	font:1em Avenir, Verdana, sans-serif;
}

.sloge{position:relative; width:1024px; margin: 0 auto !important;text-align:center;
/*font-variant:small-caps;*/
	}
.sloge-head{margin-top:100px; width:1024px; text-align:left; font-size:2.5em; color:#555;padding-right:6px;padding-left:6px; background-color:rgba(255,255,255,0.6);
/*font-variant:small-caps;*/
	}
.sloge-subtext{font-size:1.5em; width:1024px; text-align:left;color:#555;margin-top:60px; margin-bottom:100px; padding-right:6px; padding-left:6px; background-color:rgba(255,255,255,0.6);
/*font-variant:small-caps;*/
	}
.klein {font-size:0.8em; font-weight:normal;}

.zentriert{
	left:50% !important;
}

.thumb{
	overflow:hidden;
	width:10%;
	max-height:30px;
	opacity:0.7;
	height:10%;
 -webkit-transition: all 0.5s ease-in-out; 
 -webkit-transition-delay: 5s;
 -moz-transition: all 0.5s ease-in-out; 
 -moz-transition-delay: 5s
 -o-transition: all 0.5s ease-in-out;
-o-transition-delay: 5s;
 transition: all 0.5s ease-in-out;
transition-delay: 5s;
}
.thumb:hover{
	width:100%;
	max-height:100%;
	height:100% !important;
	margin-top:16px !important;
	margin-left:0px !important;
	opacity:1;
 -webkit-transition: all 0.5s ease-in-out; 
 -moz-transition: all 0.5s ease-in-out; 
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

.transit{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hovflex{
	max-width:42px;
	max-height:32px;
 -webkit-transition: all 0.5s ease-in-out; 
 -webkit-transition-delay: 0.5s;
 -moz-transition: all 0.5s ease-in-out; 
 -moz-transition-delay: 0.5s;
 -o-transition: all 0.5s ease-in-out;
-o-transition-delay: 2s;
 transition: all 0.5s ease-in-out;
transition-delay: 2s;
}
.hovflex:hover{
	max-width:32em;
	max-height:40em;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
	box-shadow:10px 10px 10px rgba(0,0,0,0.28);
}

.ifinterested{
 font-size:0.1em;	
 -webkit-transition: all 0.5s ease-in-out; 
 -webkit-transition-delay: 0s;
 -moz-transition: all 0.5s ease-in-out; 
 -moz-transition-delay: 0s;
 -o-transition: all 0.5s ease-in-out;
-o-transition-delay: 0s;
 transition: all 0.5s ease-in-out;
transition-delay: 0s;
}

.ifibig{
	 font-size:1em;	
}

.cols-23{
column-count:3;
column-width:33%;
column-gap:10px;
text-align:justify;
}

.firstline{font-size:1.2em; margin-top:10px; margin-bottom:10px;}
.cols-2{
column-count:2;
column-gap:20px;
text-align:left;
}

.cols-3{
	height:auto;
	width:100%;
	column-count:auto;
	column-gap:10px;
	column-width:10em;
	-webkit-column-gap:10px;
	-webkit-column-width:10em;
	-o-column-gap:10px;
	-o-column-width:10em;
	-moz-column-gap:10px;
	-moz-column-width:10em;
}

#spalte1-2f {
	padding:10px;
	display:block;
	overflow:auto;
	border-right:1px solid #208866;
	border-bottom:1px solid #208866;
	background-color:#fff;
	min-width:240px;
	width:20%;
	z-index:10;
	float:left;
	height:86%;
}

#spalte2-2f {
	padding:10px;
	display:block;
	overflow:auto;
	z-index:10;
	width:auto;
	height:86%;
	background-color:#fff;
	border-bottom:1px solid #208866;
}

#sp-nav{
	position:absolute;
	top:1.1em;
	height:auto;
	right:0px;
	width:auto;
	overflow:visible;
	border:none;
	padding:6px;
	opacity:0.3;
	background-color:#fff;
 -webkit-transition: all 0.2s ease-in-out; 
	 -webkit-transition-delay: 2s;
 -moz-transition: all 0.2s ease-in-out; 
 -moz-transition-delay: 2s;
 -o-transition: all 0.2s ease-in-out;
-o-transition-delay: 2s;
 transition: all 0.2s ease-in-out;
transition-delay: 2s;
}
#sp-nav:hover {
	opacity:1;
	 -webkit-transition-delay: 0s;
 -moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;

}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
#spalte1-2 {
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	max-width:15%;
	width:auto;
	height:100%;
	background-color:#fff;
	float:left;
	/*border-bottom:1px solid #208866;*/
	border-right:1px solid #208866;
}

.draggle{
	z-index:10;
}

#spalte2-2 {
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	width:auto;
	height:100%;
	background-color:#fff;
	/*border-bottom:1px solid #208866;*/
}

.fs08{font-size:0.8em;}
.fs06{font-size:0.6em;}

#dis-top {height:0.8em;}

/* 
	#|##|###
	1|2#|3##
	#|##|###
*/

#spalte1-3{
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	width:auto;
	height:100%;
	background-color:#fff;
	float:left;
	border-bottom:1px solid #208866;
	border-right:1px solid #208866;
}
#spalte1-3d {
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	height:100%;
	background-color:#fff;
	float:left;
	border-top:1px solid #208866;
	border-right:1px solid #208866;
	border-radius: 20px;
}
#spalte2-3 {
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	width:40%;
	height:100%;
	background-color:#fff;
	border-top:1px solid #888;
	float:left;
	 -webkit-transition: all 1s ease-in-out; 
 -moz-transition: all 1s ease-in-out; 
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
	border-radius: 20px;
	overflow-x:hidden;
}
 
#spalte3-3 {
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	width:auto;
	height:100%;
	background-color:#fff;
	border-radius: 20px;
	border-top:1px solid #888;
}

/* 
	#|##2##
	1|-----
	#|##3##
*/

#spalte1-h{
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	width:auto;
	height:100%;
	background-color:#fff;
	float:left;
	border-bottom:1px solid #208866;
	border-right:1px solid #208866;
}
#spalte1-hd {
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	height:100%;
	background-color:#fff;
	float:left;
	border-top:1px solid #208866;
	border-right:1px solid #208866;
	border-radius: 20px;
}
#spalte2-ho {
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	width:auto;
	min-height:80px;
	background-color:#fff;
	border-radius: 20px;
	border-top:1px solid #888;
}
#spalte2-hu {
	position:relative;
	padding:8px;
	display:block;
	overflow:auto;
	z-index:10;
	width:auto;
	height:100%;
	background-color:#fff;
	border-top:1px solid #888;
	 -webkit-transition: all 1s ease-in-out; 
 -moz-transition: all 1s ease-in-out; 
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
	border-radius: 20px;
}
 
 
 
.hov{
	max-width:16px;
 -webkit-transition: all 1s ease-in-out; 
 -webkit-transition-delay: 2s;
 -moz-transition: all 1s ease-in-out; 
 -moz-transition-delay: 2s;
 -o-transition: all 1s ease-in-out;
-o-transition-delay: 2s;
 transition: all 1s ease-in-out;
transition-delay: 2s;
}

.hov:hover{
	max-width:400px;
	max-width:15%;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

#side-footer{
	position:relative;
	width:100%;
	left:-10px;
	right:0px;
	padding:10px;
	display:block;
	overflow:hidden;
	z-index:1;
	height:auto;
	min-height:16px;
	background-color:rgba(255,255,255,0.7);
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin-top:16px;
}
#side-footer a{margin-left:16px;padding-right:16px; border-right:1px solid #888; color:#000;}

#divmenu{
	left:0px;
	width:auto;
	display:block;
	z-index:1002;
}

#naviakt {
  position:	relative;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:8px;
	clear:both;
	font:0.7em Avenir, Verdana, Arial, Helvetica, sans-serif;
}

.menunor{
		color: #bbb;
		font:1.2em Avenir, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:0px;
		margin-right:9px;
		margin-left:9px;
		padding-left:8px;
		padding-right:8px;
		vertical-align:center;
		line-height:16px;
	}

.menu{
	position:relative;
	white-space:nowrap;
	}
	.menu ul{
		list-style:none;
		width:auto;
		margin:0;
		padding:0;
	}
	.menu li{
		float:left;
	}
	.menu li a{
		color: #208866;
		font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:2px;
		margin-right:9px;
		margin-left:1px;
		padding-left:8px;
		padding-right:8px;
		vertical-align:center;
		line-height:21px;
	}
	.menu li a:hover{
		color:#208866;
		margin-right:8px;
		margin-left:0px;
		padding-left:8px;
		padding-right:8px;
		text-decoration:none;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;

	}
	.menu li ul{
		background-color:#f6f6f6;
		border-left:1px solid #666;
		border-right:1px solid #666;
		border-bottom:1px solid #666;
		display:none;
		margin-right:0px;
		padding-left:3px;
		padding-top:0px;
		padding-bottom:4px;
		margin-bottom:4px;
		position:absolute;
		z-index:1002;
		float:left;
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		margin-top:4px;
		display:block;
		width:auto;
		float:none;
		}
	.menu li ul a{
		line-height:16px;
		display:block;
		color:#208866;
		padding:0px 16px 0px 16px;
		margin-right:4px;
		text-decoration:none;
		font-size:1.2em;
		text-align:left;
		margin-top:1px;
		margin-bottom:1px;
		}
		.menu li ul a:hover{
			color:#208866;
			padding:0px 16px 0px 16px;
			margin-right:3px;
			background-color:#f8f8f8;
			margin-top:-1px;
			margin-bottom:-1px;
			border-top:1px solid #208866;
			border-bottom:1px solid #208866;
			}
								
	.menu p{
		clear:left;
		}	

	.menu #current{
		padding-left:8px;
		padding-right:8px;
		font-weight:bold;
	}
.subnavi2 {
	font-size:0.9em;
}	

.achtung{
	position:relative;
	display:block;
	text-align:justify;
	background:url(../images/hinweis.png) no-repeat top left #FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
}
.achtung p{
	margin-top:-10px;
	font:0.7em Avenir, Verdana, Arial, Helvetica, sans-serif;
	color:#444444;'
	text-align:left;
	margin-left:24px;
	font-style:italic;
} 

.white{
	font-size:1.4em;
	margin-bottom:10px;
  color: #FFFFFF;
	font-weight:bold;
}	
.whites{
	font-size:0.9em;
	margin-bottom:6px;
  color: #FFFFFF;
	font-weight:bold;
}	
.whites2{
	font-size:0.8em;
	margin-bottom:6px;
  color: #FFFFFF;
}			
.whites3{
	font-size:0.8em;
  color: #FFFFFF;
}			
a{
	text-decoration:none;
	font-weight:bold;
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
  color: #888;
	/*padding:2px;
	box-shadow:0px 3px 10px rgba(32,136,68,0.8);*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
a:hover{
  color: #ccbbaa;
}
/*
td a, li a{
	padding:0px;
	box-shadow:0px 0px 0px rgba(32,136,68,0.8);
}

td a{
	padding-left:6px;
}
*/
select, select:focus{	border-radius:5px;
}

.abox a{
	padding:0px 2px 0px 2px;
	border-radius:5px;
	box-shadow:0px 3px 10px rgba(0,0,0,0.3);
}

.abevor a:before{margin-right:4px;content:url('/images/updowns.gif')}

.strong {  
	font-weight:bold;
  color: #208866;
}


.strongs {  
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  color: #208866;
}

.bodyw { 
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #ffffff;
 }
 
.body { 
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #000000;
 } 
.bodyh { 
	font:100% Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  color: #ffffff;
	background-color:#208866;
}
.normal {
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
  color: #208866;
	}

.normalb {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #208866;
	}

.normalbs {
	font:0.6em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #208866;
	}

.normalg {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #22bb22;
}

.greys {
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #888888;
	}
.grey {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #888888;
	}
	
.bgt{background-color:#f4f4f4;}
	
.bgreys {
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  background-color:#888888;
  color: #ffffff;
	}
.bgrey {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  background-color:#888888;
  color: #ffffff;
	}	
.breds {
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#208866;
  color: #ffffff;
}

.bbox {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#ffffff;
  color: #000000;
	border:1px solid #888888;
}
	
.bboxs {
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
  color: #000000;
	border:1px solid #888888;
}

.byel {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#FFCC00;
  color: #000000;
	border:1px solid #000000
}
	
.byels {
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#FFCC00;
  color: #ffffff;
	border:1px solid #000000
}

.bred {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#993300;
  color: #ffffff;
}
	
.blacks {
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#000000;
  color: #ffffff;
}

.black {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#000000;
  color: #ffffff;
}
.reds {
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  color: #208866;
}

.red {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  color: #208866;
}

.normalbb {
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  color: #208866;
	}
.normals {
	font:0.6em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  color: #208866;
	}
.bodys {   
	font:60% Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #000000;
}

.bodysw {   
	font:60% Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #ffffff;
}

.bezeichnungs {   
	font-weight:bold;
  color: #000000;
	}
.bezeichnungs1 {   
	font:0.6em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  color: #000000;
	}

.ueber, th, th a{	font-variant:small-caps;}

	h1{
	font-size:1.8em;
	font-variant:small-caps;
	margin-bottom:8px;
	font-weight:bold;
	line-height:1.1em;
  color: #555;
	text-align:center;
	}	

	h2{
	text-align:right;
	font-size:1.4em;
	font-variant:small-caps;
	margin-bottom:8px;
	line-height:1.1em;
  color: #555;
	font-weight:normal;
	}
	
	h3, .h3{
	text-align:left;
	font-size:1.4em;
	font-variant:small-caps;
	margin-bottom:6px;
	line-height:1.1em;
  color: #555;
	font-weight:normal;
	font-style:italic;
	}
	
	h4{
	text-align:left;
	font-size:1em;
	font-variant:small-caps;
	margin-bottom:8px;
	line-height:1.1em;
  color: #555;
	font-weight:normal;
	font-style:bold;
	} 
	h5{
	text-align:left;
	font-size:1.4em;
	font-variant:small-caps;
	margin-bottom:8px;
	line-height:1.1em;
  color: #555;
	font-weight:normal;
	}
/* 
.ueberschrift{
	font:1.4em Georgia, "Times New Roman", Times, serif;
	margin-bottom:8px;
	line-height:1.1em;
  color: #208866;
	font-weight:bold;
	}	
	
	h1{
	font:1.3em Georgia, "Times New Roman", Times, serif;
	margin-bottom:8px;
	line-height:1.1em;
  color: #208866;
	}	
	
	h2{
	font:1.1em Georgia, "Times New Roman", Times, serif;
	margin-bottom:8px;
	line-height:1.1em;
  color: #208866;
	font-weight:normal;
	}
	
	.uebers2{
	font:1.3em Georgia, "Times New Roman", Times, serif;
	margin-bottom:8px;
	line-height:1.4em;
  color: #208866;
	font-weight:normal;
	}	

	h3{
	font:1em Georgia, "Times New Roman", Times, serif;
	margin-bottom:8px;
	margin-left:16px;
	line-height:1.1em;
  color: #208866;
	font-weight:normal;
	font-style:italic;
	}
	
	.uebers3{
	font:1.2em Georgia, "Times New Roman", Times, serif;
	margin-bottom:8px;
	margin-left:16px;
	line-height:1.3em;
  color: #208866;
	font-weight:normal;
	font-style:italic;
	}
*/	

	.tab1{
		margin-left:20px;
	}

	.yel{
	  color: #FFCC00;
	}
	
	.tdr{
		padding-right:10px;
		text-align:right;
	}
	
	p{
	font:1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	/*font:1.1em Avenir, Verdana, Arial, Helvetica, sans-serif;*/
	font-weight:normal;
  color: #000000;
	}

input.flatb {
	font-size:12px;
	cursor:pointer;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color:#f0f8ff;
	border-bottom:1px solid #aaaac8; 
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #a0a0c8;
}

input.flatbk {
	font-size:12px;
	cursor:pointer;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color:#f0f8ff;
	border-bottom:1px solid #aaaac8; 
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #a0a0c8;
	font-weight: normal;
	overflow:visible;
}
	
input.flat {
	font-size:1em;
	cursor:pointer;
	padding-left:8px;
	padding-right:8px;
	padding-top:1px;
	padding-bottom:1px;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color:#f4f4f4;
	border-bottom:1px solid #ffc0c8; 
	border-top:1px solid #ffdddd;
	border-left:1px solid #ffdddd;
	border-right:1px solid #ffc0c8;
}

.flatwr {
	font-size:1em;
	cursor:pointer;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	border:1px solid #ddd; 
	text-align:right;
}

.flatwl {
	font-size:1em;
	margin-top:6px;
	padding:1px;
	cursor:pointer;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	border:1px solid #ddd; 
	text-align:left;
}

input.flatg {
	font-size:1.2em;
	cursor:pointer;
	padding-left:8px;
	padding-right:8px;
	padding-top:1px;
	padding-bottom:2px;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color:#eee;
	border-bottom:1px solid #ffc0c8; 
	border-top:1px solid #ffc0c8;
	border-left:1px solid #ffc0c8;
	border-right:1px solid #ffc0c8;
	font-weight: bold;
}

strong {font-variant:small-caps;}
b{
 font-weight:bold;
 font-stretch:expanded;
 text-decoration:underline;
}
input.flatk {
	font-size:0.8em;
	cursor:pointer;
	padding-left:8px;
	padding-right:8px;
	padding-top:1px;
	padding-bottom:1px;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color:#f4f4f4;
	border-bottom:1px solid #ffc0c8; 
	border-top:1px solid #ffdddd;
	border-left:1px solid #ffdddd;
	border-right:1px solid #ffc0c8;
}

input.3d {
	font-size:12px;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	border-bottom-color:#000000;
	background-color:#f4f6ff;
	border-bottom:1px solid #000000; 
	border-top:1px solid #ffc0c8;
	border-left:1px solid #ffc0c8;
	border-right:1px solid #3479B0;
}

input.i3dk {
	font-size: 12px;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	background-color: #f4f6ff;
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000; 
	border-top:1px solid #ffc0c8;
	border-left:1px solid #ffc0c8;
	border-right:1px solid #3479B0;
	cursor:pointer; 
	font-weight: normal;
	overflow:visible;
}
	
input.flatob {
	font-size:10px;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	border:none;
	background-color:#fff4f6;
}
select.flat {
	font-size:12px;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	border-bottom-color:#3479B0;
	background-color:#fff4f6;
	border-left-color:#ffc0c8;
	border-right-color:#3479B0;
	border-top-color:#ffc0c8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

table{
	font: 1em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #000000;
	}
ul, ol{
	font:0.8em Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
  color: #000000;
	padding-left:40px;
	padding-right:40px;
}
td{
	padding-right:0px;
}
th{
	padding-right:8px;
}

/* SQUARED THREE */
.squaredFour {
	width: 16px;	
	margin: 2px auto;
	position: relative;
}

.squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 1px;
	left: 1px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}