
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, td, form, img, li {
	margin: 0%; padding: 0%;
	border:none; border-collapse:collapse;
	font-weight:normal;
}


h1,h3,h4 { color:#c8007d; font-weight:bold; }
h2 { color:#dc4d16; font-weight:bold; }

h1 { font-size: 180%; }                      
h2 { font-size: 140%; }          
h3 { font-size: 120%; }          
h4 { font-size: 100%; }                    
h5 { font-size: 80%; }                  
h6 { font-size: 70%; } 

td { margin-bottom:2%; vertical-align:top; }   

.head { overflow: hidden; padding:5%; padding-top:3%; padding-bottom:2%; }


.content { margin:5%; margin-left:20%; margin-top:3%; margin-bottom:1%; }

ul { 
list-style-position:outside;
list-style-type:circel;
padding-left:2.3%;
}

ul li { line-height: 1.23; }
td > ul { padding-left:4%; padding-left:1%; padding-top:1%;}

td { padding-top: 1.8%;  line-height: 1.4; }

ol { 
margin:0%;
margin-left:10%;
padding:0%;
}

td > ol { margin-left:0%; padding-left:5%; padding-top:1%;}

td ol li { padding-left:0%;  line-height: 1.4; }

hr { color:#075A6C; border: 0% solid #075A6C; }

img.bild, img.bild_gross { width: 100%; }

.normal { } 
.bold { font-weight:bold; }
.kursiv { font-style:italic; }
.orange { color:#dc4d16; }
.margenta { color:#c8007d; }
.grey {  color:#747474; }
.grey_bold { color:#747474; font-weight:bold; }
.unterstrich { text-decoration:underline; }
.border-orange { border: 1px solid #dc4d16; }
.none { border: 0px solid white; }
.unterstrich { text-decoration:underline; }
.center { display:block; text-align:center; margin:0%; padding:0%; }
.einzug { margin-left:20%; }
.hoeher { line-height:1.5em; }

.float-left-90 { float:left; margin-right:6%; } 
.float-left-80 { float:left; width:78%;  } 
.float-left-70 { float:left; width:65%; } 
.float-left-60 { float:left; width:58%; } 
.float-left-55 { float:left; width:56%; } 
.float-left-50 { float:left; width:49%; } 
.float-left-40 { float:left; width:39%; } 
.float-left-30 { float:left; width:29%; } 
.float-left-20 { float:left; width:23.5%; } 

.float-right-20 { float:right; width: 18%; }
.float-right-30 { float:right; width: 25%; }
.float-right-40 { float:right; width: 35%; }
.float-right-45 { float:right; width: 43%; }
.float-right-50 { float:right; width: 49%; }
.float-right-60 { float:right; width: 59%; }
.float-right-70 { float:right; width: 68%; }
.float-right-80 { float:right; width: 73%; }

.float-right-20,
.float-right-30,
.float-right-40,
.float-right-45,
.float-right-50,
.float-left-90,
.float-left-80,
.float-left-70,
.float-left-60,
.float-left-55,
.float-left-50,
.float-left-40 { padding-top:0px; padding-bottom:0px; } 
 
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
 

.logo { width:92%; }

.logo_smart { 
    position: absolute;
    left: -3000%;
    top: -2000%;
    width: 0%;
	visible:hidden;
}

.mehr {
margin:0%; margin-top:1%;
padding:0%;;
color:#075A6C;
}

.meta {
font-size:0%; 
visibility:hidden;
}

.unseen {
display: none;
}

.unseen, .hidelabeltxt {
    display: inline;
    height: 0%;
    left: -3000%;
    position: absolute;
    top: -2000%;
    width: 0%;
}

a.menu :hover { color:#095EBF; }

.pseudo-clear { clear:left; clear:right; width:100%; margin-top:2%; }


ul.spalten li { 
list-style-position:inside;
list-style-type:none;
}
	
ul.spalten li: {clear:left; float:left; width:25%; padding-bottom:10px; }
.spalte02 { clear:right; float:right; }

.klein, .kleiner { height:1px; }



div.bild { width: 100%; }
 
ul.bild { list-style-type:none; margin:0px; padding:0px; }
 
li.bild { margin:0px; padding:0px; margin-bottom:20px; }

img.rahmen {  border: 1px solid #EBEEF3; }

img.abstand { margin-top:1%; }

.button {
	width: 85%; 
	margin-left: -20%;
	margin-top: 9%;
	margin-bottom:0px;
}

.button_down {
    width: 0%;
	visible:hidden;
}

.suchbutton {
	width: 30%;
	position:relative;
}

.linie_oberhalb {
	height:1%; border-top: 1% solid  #075A6C; width:100%;
}



.oben {
	width:100%;
	text-align:center;
}

.zurueck { width:100%; text-align: right; }
.zurueck a { text-decoration:none; }


.vitae01 td:nth-child(odd) { width:30%; }

.table-40 tr td:nth-child(odd) { width:36%; } 
.table-40 tr td:nth-child(even) { width:60%; margin-left:4%; } 

.team-text { float:right; width:45%; }
.team-text-rechts { float:right; width:45%;}
.team-bild { float:left; width: 48%; margin-right:3%; }


.custom_submenue, .custom_submenue p { 
	width:0px;
	height:0px;
	visibility:hidden;
	z-index:-99;
}

.hintergrund-body {
z-index:-2;
position:absolute;
position:fixed;
left:0%;
bottom:-3px;
width:20%;
}

.hintergrund {
z-index:0;
position:absolute;
left:0px;
bottom:196px;
width:515px;
height:152px;
}

.custom_foto { 
    position: absolute;
    left: -3000%;
    top: -2000%;
    width: 0%;
	visible:hidden;
}

.custom_button { 
    position: absolute;
    left: -3000%;
    top: -2000%;
    width: 0%;
	visible:hidden;
}

table.zeiten { width:100%; }
table.zeiten tbody tr td:nth-child(odd) { width:40%;	}

.line-height500 { line-height:700%; }


ul.team { clear:left; clear:right; width: 100%; list-style-position:outside; list-style-type:none; }
ul.team li { float:left; width:50%; height:100%; margin-bottom:2%; }

ul.team li:nth-child(2n+1) { clear:left; }
ul.team li:nth-child(2n) { }

ul.team ul { width: 100%; list-style-position:outside; list-style-type:none; margin-left:-8%; }
ul.team ul li { float:left; padding:0%; margin:0%; }

ul.team ul li:nth-child(2n+1) { float:left; width: 48%; }
ul.team ul li:nth-child(2n) { float:left; width:41%; margin-left:8%; }

ul.team ul li:nth-child(2n+1) img { border: 1px solid #EBEEF3; }


ul.zweispaltig {
	display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	display: -ms-flexbox;
	
	-ms-flex-direction: row;
	-ms-flex-align:stretch;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	
	flex-wrap:wrap;
	align-items:stretch;

	width:80%; list-style-position:inside; list-style:none; margin:0%; padding:0%;
}

.zweispaltig li {
	float:left;
	margin-left:0%;
	margin-right:2%;
	text-align:center;
	border: 1px solid #EBEEF3;
	width:49%;
}

.zweispaltig img { width:100%; }
.zweispaltig:nth-child(2n) li { background:red; }
.zweispaltig:nth-child(2n+1) li { background:green; }



/* ************************************************************************************************************* */
/*  weitere Seitenklassen */
/* ************************************************************************************************************* */

/*  nicht Links Footer ! */
  a {  background:transparent; text-decoration:none; color:#f89b00; }
  a:visited  {  color:#f89b00; text-decoration:none; }

  a:focus,
  a:hover,
  a:active { text-decoration:none; color:#dc4d16;  }


a.sonst:link, a.sonst:visited  {
color:#f89b00;  text-decoration:none;	
}
a.sonst:hover, a.sonst:focus   { text-decoration:none; }
a.sonst:active  { text-decoration:none; }

a.mehr:link, a.mehr:visited  {
color:#f89b00; text-decoration:none;	
}

a.mehr:hover, a.mehr:focus   { text-decoration:none;  color:#dc4d16;   }
a.mehr:active  { text-decoration:none;   color:#dc4d16;  }


/***************************************************************************************************************/
/* sonstige Formate                                                                                            */
/***************************************************************************************************************/
#anmeldung {
text-align:left;	
font-size: 0.8em;	
}


.userdata {
	text-align:left;
	margin-top:30%;
}

#form-login-username, #form-login-password, #form-login-remember
 {
font-size: 0.8em;	
width:90%;
text-align:left;	
}

 .userdata {
width:180%;	 
 }

#modlgn-username {
	width:100%;
}



/* ++++++++++++++  display: inline  ++++++++++++++ */

.inline { 
display: inline-block;
float:left;
margin:0%;
margin-right: 20%;
padding: 0%;
width: 60%;
vertical-align:top;
display: -moz-inline-grid;
min-height:300%;
}

*:nth.inline { display: inline; }

* html .inline { display: inline; } 
*:first-child+html .inline { display: inline; }





/* ++++++++++++++  breadcrumbs   ++++++++++++++ */

#breadcrumbs {
	text-align:right;
	margin-right:10%;
	height:20%;	
	
}

#breadcrumbs {
	/*display: block;*/
	background: none;
	float: right;
	text-align: right;
	width: 100%;
}

#breadcrumbs *
{
	text-align:right;
	float: right;

}
/* for IE7 and less */
*:first-child+html .breadcrumbs, * html .breadcrumbs {
	width: 100%;
}
#breadcrumbs
{
	margin:15% 5% 15% 0%;
}
#breadcrumbs img
{
	padding: 4% 5% 0% 5%;
}

#breadcrumbs .showHere {
	margin-left: 4%;
}


a.readmore:link,a.readmore:visited,.readmore a:link,.readmore a:visited
	{
	background: url(../images/nature/arrow1_rtl.gif) repeat-x scroll right top;
	padding-right: 10% !important
}

.readmore a:hover, .readmore a:active, .readmore a:focus,
a.readmore a:hover, a.readmore a:active, a.readmore a:focus
{
	background: url(../images/nature/arrow2_rtl.gif) no-repeat right 6% #555 !important;
}



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

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

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

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

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



div.alert {
	z-index:10;
	position:absolute;
	top:0px;
	right:0px;
	line-height: 1.4;
	margin-top:40%;
	margin-right:0%;
	width:100%;
	height:auto;
	padding: 2%;
	border: 2px solid #c8007d;;
	background:white;
	opacity:0.94; /* allgemein */
	-moz-opacity:0.94; /* Mozilla */
	-khtml-opacity:0.94; /* KTHML */
	-opera-opacity:0.94; /* Opera */	
}

.alertclosebtn {
	position:absolute;
	top:0px;
	right:0px;
	margin-top: -15px;
	margin-right:5px;
	color: #c8007d;
	font-size: 500%;
	cursor: pointer;
	transition: 0.3s;
}

.alertclosebtn:hover { font-weight: bold; }
.alert div { margin:2%; margin-right:6%; margin-top:3vH; margin-bottom: 1vH; }
.alert h1 { font-size: 140%; }
.alert h3 { font-size: 100%; }


/***************************************************************************************************************/
/* Suche                                                                                                       */
/***************************************************************************************************************/
.block_nav { position:relative; position:static; }

.suche { z-index:10; position:absolute; top:0px; right:0px; font-size:100%; margin-top:1vH; margin-right:2%; margin-right:5%; width:auto; text-align:right; color:grey; }
.suche input { border-radius: 5px; border: 2px solid #f89b00; padding-left:5%; }
.suche input { font-size: inherit; font-family: inherit; }
.suche input:focus { border: 2px solid #f89b00; color:black; }
.suche label { 	position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
 }

/***************************************************************************************************************/
/* Suche-Ergebnis                                                                                              */
/***************************************************************************************************************/
.search input { border-radius: 10px; border: 1px solid #f89b00; text-align:left;  margin-left:0%; font-size:100%; color:grey; }


.moduletable_breadcrumbs ul {
	position:absolute; top:0px; right:0px; text-align:right; list-style-position:inside; list-style:none; margin-top:1vH; font-size: 75%; color: #b9b9b9; margin-bottom:2vH; }
.moduletable_breadcrumbs ul li { float:left; }
.moduletable_breadcrumbs li a { color: #b9b9b9; }
.mod_search98 { clear:left; padding-top:2vH; }
.search .button { width:5%; }
.search { padding-top: 3%; }
.search .btn-group { margin-bottom:2vH; }
.search .btn-group input { margin-left:3vH; border-radius: 12px; padding:8%; padding-top:0.5vH; padding-bottom:0.5vH; margin-top:-0.5vH }
.search .btn-group .inputbox { border-radius: 5px; border: 2px solid #f89b00; }
.search .btn-group button { margin-left:3vH; border-radius: 12px; padding:8%; padding-top:0.5vH; padding-bottom:0.5vH; margin-top:-0.5vH; }
.search .searchintro { margin-bottom:2vH; }
.search .counter { margin-top: 1vH; }
.search .search-results { margin-top: 1vH; }
.search .result-title { font-weight:bold;}
.search .pull-left button, .search .phrases, .search .only, .search .result-category, .pagination, .result-created {
    position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
}
div.mod_search98 input[type="search"] { width:auto; }

