/* ----------------------------------------------------------------------------- *
 *                      Atmosphäre: Farben und Schriften                         *
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- *
 * Verwendete Farben
 * Blue Colors:
 * #1A1F2B - dark blue
 * #30395C - middle dark blue
 * #4A6491 - middle blue
 * #85A5CC - middle light blue
 * #C2D2E5 - light blue
 * ----------------------------------------------------------------------------- */

html    {
    font-size: 100%;
}

body {
	background-color:#fff;

    color: #9e8c82;
    font-family: 'PT Sans', sans-serif;
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 24px */
}

.page-wrapper {

}

header {
    position: relative;
	width: 70%;
    z-index: 100;
	margin-left: -2px;
	
}
header img {
	width: 90%; 
	height: auto;
	position:relative;
	top: 0px;

	}
/*.logosubtitle {
	    position: absolute;
    color: #7fabd5;
    z-index: 100;
	top: 186px;
	margin-left: 28px;
	font-size:14px;
	font-weight:bold;
	font-stretch:expanded;
	
	}*/
.main {
    background-image: url(../img/BGContent.png);
    position: relative;
	top: 40px;
        z-index: 1000;
    color: #9e8c82;
    padding-bottom: 20px;
}

.mainContent {
    color: #9e8c82;
        position: relative;
        z-index: 1000;
		
}
.mainContent .tinymcewysiwyg .Beispiel2 {color: #7fabd5; font-weight:100;}
.mainContent .tinymcewysiwyg strong {color: #7fabd5; font-weight:100;}
section {

}
.float {border-top:dotted 1px #666}

footer {
	width: 400px;
    color: #000;
    text-align: left;
     margin-left: -14px;

     z-index:1000;

}
#superbgimage {
	width: 100%;
	position:absolute;
	top: 0;
	right: 0;
	left: 10px;
	}

/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */
 b {font-weight: bold; font-size: 24px;}
h1, h2, h3  {


    font-weight: bold;
}

h1  {
    font-size: 2.250em; /* 36px; */
    line-height: 1.5em; /* 54px */
}

h4  {
    font-size: 16px; /* 26px */
 
	color: #7fabd5;
	font-weight:100;
}

h3  {

    font-size: 20px; 
    font-weight: normal;
    line-height: 0.2em;
	color: #7fabd5;
	margin-bottom: 10px;
}
h4 {
	margin-bottom: 0px;}
em {color:#09F; font-size:14px; font-style:normal; font-weight:500;}
del {opacity: 0}
i {color:#090; font-style:normal; font-weight:500;}
cite {color:#F00; font-style:normal; font-weight:500;}
ins {color:#F93; font-style:normal; font-weight:500; text-decoration:none;}
.ablauf p strong {font-size:16px;}
.ablauf p b {font-size:14px; color: #7fabd5; font-weight:200;}
.ablaufrechts p strong {font-size:16px;}
.tinymcewysiwyg h3 {line-height: 22px;}

sup {
	font-size:10px;
	}
p. teasertext    {
    color: #333; /* middle dark blue */

    font-size: 1.188em; /* 19px */
    line-height: 1.368em; /* 26px */
}
.nav_footer {text-decoration:none; font-size: 20px; margin-left: 0px; margin-top: 10px; color:#9e8c82;}
.nav_footer a:hover {text-decoration: none; color: #000}
footer .copy a {text-decoration:none; font-size: 20px; margin-left: 4px; color:#9e8c82;}
footer .copy a:hover {color: #7fabd5;}
a:link, a:visited {
    color: #aaa;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #7fabd5;
    text-decoration: underline;
	border:none;
}

.highlight a{
   color: #000;
}
.highlight a:hover{
   color: #bbcf02;
   text-decoration: none;

}
sub {
   font-size: 14px;
   font-weight: 100;
   color: #555;
   line-height: 10px;
   
}
.tinymcewysiwyg {
	text-align:left;
	font-size:16px;
	}
.tinymcewysiwyg p img {border: solid 1px #9e8c82;}
.tinymcewysiwyg p a {color:#7fabd5;
font-style:none;}
.tinymcewysiwyg p span a {color:#7fabd5;
font-style:italic;}
.tinymcewysiwyg p a {color:#7fabd5; }
.tinymcewysiwyg p a:hover {color:#7fabd5}
.scrollTo .tinymcewysiwyg ul li a:hover {color:#7fabd5}
.scrollTo .tinymcewysiwyg ul li a {color:#9e8c82}
.tinymcewysiwyg h2 a {color:#000; margin-left: -30px;}
 .liste ul li {
	list-style:
	outside}
.link {margin-top: 10px;}
.link a {color: #000}
.link a:hover {color: #bbcf02; text-decoration:none}

.team {
	float: left;
	font-size:14px;
	margin-right: 20px;
	margin-top: 0px;
	line-height: 18px;
	
	border:dotted 1px #9e8c82;
	padding-left: 6px;
	padding-right: 10px;
	}
.team p strong{
	color:#7fabd5;
	font-weight:100;
	line-height: 22px;
	}
.clear {
	margin-top: 0px;	
	font-size:14px;
	margin-right: 10px;	
	line-height: 18px;
	border: 1px dotted #9e8c82;
	}
.clear p strong{
	color:#7fabd5;
	font-weight:100;
	line-height: 22px;
	}
.ablauf {
	float: left;
	font-size:14px;
	margin-right: 20px;
	margin-top: 0px;
	line-height: 18px;
	width: 152px;
	border:hidden 1px #000;;
	padding-left: 22px;
	padding-right: 10px;
		padding-bottom: 4px;
	}
.ablauf p strong{
	color:#7fabd5;
	font-weight:100;
	line-height: 22px;
	}
.ablaufrechts {
	margin-top: 0px;	
	font-size:14px;

	margin-right: 20px;	
	line-height: 18px;
	padding-left: 12px;
	padding-bottom: 4px;
	border: 1px dotted #9e8c82;
	}
.ablaufrechts p strong{
	color:#7fabd5;
	font-weight:100;
	line-height: 22px;
	}
.time p{border-bottom: dotted 1px #9e8c82;
		margin-top: 0px;
		margin-bottom: 8px;
		font-size:11px; 
	}
.title {
	background-color: #9e8c82;

	width: 100%;
	margin-top: -11px;
	padding: 0px;
	color:#000;
	font-size: 14px;
	}
.title ul {
	margin-left: 0px;
	
	
	}
.title ul li {
	float:left;
	list-style:none;
	margin-right: 10px;
	color: #000;
	font-size: 14px;
	margin-top: -10px;
	}
.title h5 {margin-left: 4px;}
.title h5 a{
	text-decoration:none;
	color: #fff;
	
	}
.title h5 a:hover{
	text-decoration:none;
	color: #000;
	
	}

.title .tinymcewysiwyg h5{
	autoHeight: true;
	margin-top: 10px;
	text-align:left;
	font-size:16px;
	font-weight:300;
	height: 20px;
		padding-bottom: 4px;
	}
.title .tinymcewysiwyg p a {
	color: #fff;
	fontsize: 12px;
	}
.title .tinymcewysiwyg p a:hover {
	color: #000;

	text-decoration:none;
	}

/* ----------------------------------------------------------------------------- *
 *                                    Navigation                                 *
 * ----------------------------------------------------------------------------- */

#navi {
	width: 240px;
    color: #efefef;
	margin-left: 0px;
    font-size: 20px;
	position:relative;
	top: 0px;
	z-index: 1000;
	list-style: none;
}

#navi ul li a{
    list-style: none;
    font-size: 20px;
    font-weight: bold;
	margin-top: -10px;
	
    color: #7fabd5;
}

 #navi a:hover {
    color: #9e8c82;
}
nav ul li {
margin-bottom: -4px;

}
nav ul li span {
  color: #7fabd5;
  margin-left: 16px;
  margin-top: 14px;

}
nav a:link {
	color:#9e8c82;
}
nav #navi ul li .rex-current {
	color:#9e8c82;
	}
.download a {
	color: #9e8c82;
	margin-left: 0px;
	font-size: 20px;
	font-weight:400;
	text-decoration:underline;
	}
.download a:hover {
	color: #7fabd5;
	text-decoration: none;
	}
.nav_footer {text-decoration:none; font-size: 20px; margin-left: 0px; margin-top: 6px; color:#9e8c82;}
.nav_footer a {
	line-height: 30px; color:#9e8c82;}
.nav_footer a:hover {text-decoration: underline; color: #000}
.nav_footer a img {margin-top: 10px;}
footer a img {margin-bottom: -14px; margin-left: 20px;}
 .sprachwahl {
	position:absolute;
	list-style:none;
	z-index:9999;
	top: 10px;
	right: 50px;
	visibility:visible;
	
	}
.sprachwahl ul li {
	float: left;
	margin-right: 10px;
	list-style:none;
	font-size: 12px;
	
	}
.sprache ul li a:hover {
	font-weight:200;
	text-decoration:none;
	text-decoration:line-through;
	}
.sprache ul li strong{
	font-weight:200;
	}
.mainContent ul {

	list-style:none;

	}	
.mainContent ul li a {
	color:#000;
	list-style:none;
	}
.mainContent ul li a:hover {
	color:#888;
	text-decoration:none;

	}

	
.mainContent strong {color:#000;}
.mainContent strong a {
	
	color:#9e8c82;
	
	padding-left: 4px;
	padding-right: 4px;
	}
.mainContent strong a:hover {
	
	color:#000;
	text-decoration:none;

	}
#superbgimage {margin-left: 0px;}

#map_canvas {border: solid 1px #9e8c82;line-height: 1.5; font-size:8px; margin-top: 20px;}


.mainContent #rex-xform {
	width: 98%;
	}
.select{width: 97%; color:#9e8c82;}

label{float:left;}
.text{width: 97%; color:#9e8c82;}
.textarea {width: 97%; color:#9e8c82;}
#xform-formular-field-10 {
	width:98%;
	background-color:#fff;
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
/*#xform-formular-field-10:hover{
	background-color:#9e8c82;
	color:#fff;	

	}*/
.formsubmit #xform-formular-field-18 {
	width:98%;
	background-color:#fff;
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
.formsubmit #xform-formular-field-19:hover{
	background-color:#9e8c82;
	color:#fff;
	}
.formsubmit #xform-formular-field-15:hover{
	background-color:#9e8c82;
	color:#fff;
	}
.formsubmit #xform-formular-field-15 {
	width:98%;
	background-color:#fff;
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
.formsubmit #xform-formular-field-19 {
	width:98%;
	background-color:#fff;
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
#xform-formular-field-14:hover{

	color:#9e8c82;
	}
.checkbox {
	margin-right: 20px;
	}
#xform-formular-field-11{
		border:solid 1px #9e8c82;
	background-color: #fff;

	}
.formcheckbox #xform-formular-field-27 {
	border:solid 1px #9e8c82;!important
	background-color: #fff;!important

	}
#xform-formular-field-28 {

	}
.formcheckbox #xform-formular-field-28 {
	border:solid 1px #9e8c82;!important
	background-color: #fff;!important

	}
#xform-formular-field-27:hover{
	background-color:#9e8c82;
	color:#fff;
	}
.form_warning li{
	list-style:none;
	color: #000;
	font-size:12px;
	margin-left: 0px;
	padding: 0;
	}
.form_warning {

	margin-left: 0px;
	padding: 0;
	}
#xform-formular-field-6 {
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
#xform-formular-field-16 {
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
.formcheckbox {
		background-color:#fff;
	border:solid 1px #a9a9a9;
	width: 310px;
	padding-left: 2px;
	}
.formcheckbox:hover {

	border:solid 1px #9e8c82;

	}
#xform-formular-field-0 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-0:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-1 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-1:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-2 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-2:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-3 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-3:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-4 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-4:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-5 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-5:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-6 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-6:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-7 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-7:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-8 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-8:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-9 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-9:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
#xform-formular-field-10 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-10:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}		
#xform-formular-field-11 {
	width:98%;
	background-color:#fff;
	border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
#xform-formular-field-11:hover{
	background-color:#fff;
	color:#9e8c82;	
	border:solid 1px #9e8c82;
	}
.formsubmit #xform-formular-field-22:hover{
	background-color:#9e8c82;
	color:#fff;
	}
.formsubmit #xform-formular-field-22 {
	width:98%;
	background-color:#fff;
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
.formsubmit #xform-formular-field-25:hover{
	background-color:#9e8c82;
	color:#fff;
	}
.formsubmit #xform-formular-field-25 {
	width:98%;
	background-color:#fff;
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
.formsubmit #xform-formular-field-28:hover{
	background-color:#9e8c82;
	color:#fff;
	}
.formsubmit #xform-formular-field-28{
	background-color:#fff;
		width:98%;
		border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
.formsubmit #xform-formular-field-28:hover{
	background-color:#9e8c82;
	color:#fff;
	}
.formsubmit #xform-formular-field-30 {
	width:98%;
	background-color:#fff;
	border:solid 1px #9e8c82;
	color:#9e8c82;
	}
.kids-accordion {}
 dt {border-bottom:dotted 1px #7fabd5; margin-bottom: 0px}
 dt:hover {cursor:pointer}
 .kids-accordion dd {margin-left:0}
 .tinymcewysiwyg p strong {color: #7fabd5;}
.formsubmit #xform-formular-field-27{
	background-color:#fff;
		width:98%;
		border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
.formsubmit #xform-formular-field-27:hover{
	background-color:#9e8c82;
	color:#fff;
	}
 .formsubmit #xform-formular-field-28{
	background-color:#fff;
		width:98%;
		border:solid 1px #a9a9a9;
	color:#9e8c82;
	}
.formsubmit #xform-formular-field-28:hover{
	background-color:#9e8c82;
	color:#fff;
	}