/******** main.css ********/

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 100.01%;
}

body {
  font-size: 1em;
  line-height: 105%;
  font-family: Verdana, Georgia, Arial, Tahoma;
  color: #000;
  background-color: #f2f1ed;
}

div#main {
  margin: 0 auto;
  padding: 0;
  background: #f2f1ed url("../images/bgmain.gif") repeat-y 50% 50%;
  line-height: 120%;
}

div#wrapper {
  margin: 0 auto;
  max-width: 80.83em;
  min-width: 770px;
  font-size: 0.750em;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px;
}

* html div#wrapper {
  width: 970px;
}

/******** header - navigation ********/

#header {
  width: 100%;
  background: #1a1e1f url(../images/bgheader.jpg) repeat 0 0;
  height: 4em;
  position:relative;
  z-index: 1;
  float: left;
}

#header ul {
  clear:left;
  float:right;
  list-style:none;
  margin: 0 1.5em 0 0;
  padding:0;
}

#header ul li,
#header ul li#current,
#header ul li.selected {
  float: left;
  display:inline;
  list-style:none;
  margin:0 0.3em;
  padding:0;
}

#header ul li a {
  display:block;
  float:left;
  margin:0;
  padding:1.8em 1em;
  text-align:center;
  color: #999;
  text-decoration:none;
  text-transform:uppercase;
  font-size: 85%;
  font-weight:bold;
  border: 0;
}

#header ul li a:hover {
  color: #fff;
}

#header ul li#current a,
#header ul li.selected a {
  background:url("../images/selected_left.png") no-repeat left bottom;
  height: 1.9em;
  color: #000;
}

#header ul li.selected a:hover {
  color: #CA3302;
}

#header ul li#current,
#header ul li.selected {
  background:url("../images/selected_right.png") no-repeat right bottom;
}
  
#headerline {
  background: transparent url(../images/headerline.png) repeat-x 0 0;
  border-top:1px solid #fff;
  margin-top:4em;
  padding:5px 0!important;
}

/******** subNavigation ********/

div#subNavigationDiv {
  float: right;
  width: 32%;
  padding-left: 0.7em;
  margin: 0.5em 2em 0.5em 1.6em;
  background:url("../images/bg_subNavigation_left.png") no-repeat left bottom;
}

ul#subNavigation {
  padding: 0.5em 0 1em 0;
  list-style-type: none;
  width: 100%;
  float: left !important;
  float: none;
  background:url("../images/bg_subNavigation.png") no-repeat right bottom;
}

ul#subNavigation li {
  width:16em;
}

ul#subNavigation li.current a {
  color:#000;
}

ul#subNavigation li.current {
  background: transparent url("../images/list_arrow_on.png") no-repeat 0 0.7em;
}

/******** logo ********/

div#logo {
  position: absolute;
  z-index: 2;
  top: 0.8em;
  left: 2.5em;
}

div#logo span {
  display: none;
}

div#logo h1 {
  margin: 0;
  border: 0;
}

div#logo img {
  height: 5.44em;
}

/******** content -> zwei- oder dreispaltig.css ********/

#container3,
#footer3 {
  width:100%;
  background: #fff;
  overflow:hidden;
  position:relative;
}
#container2,
#footer2 {
  float:left;
  width:100%;
  background: #f6f6f6;
  position:relative;
  border-right: solid 1px #cbcbcb;
}
#container1,
#footer1 {
  float:left;
  width:100%;
  background: #e73e07;
  position:relative;
  border-right: solid 1px #cbcbcb;
}
#col1,
#fol1 {
  float:left;
  position:relative;
  overflow:hidden;
  padding-top:1.5em;
  text-align:center;
}
#col2,
#fol2 {
  float:left;
  position:relative;
  overflow:hidden;
  padding-top: 2em;

}
#col3,
#fol3 {
  float:left;
  position:relative;
  overflow:hidden;
  padding-top: 2em;
}

/******** content ********/

div.col_content {
  padding: 0 2em;
}

div.slist_left {
  float: left;
  width: 50%;
  margin-bottom: 0.833em;
  height: 1%;
}

div.slist_right {
  height: 1%;
  margin: 1em 0 0.833em 55%;
}

/******** Flyer col1 ********/

div#flyer  {
  margin: 10px;
  text-align: center;
  background:transparent url(../images/shadow.png) no-repeat scroll right bottom;
  padding:0 0 9px;
}

div#flyer_content {
  border: solid 1px #fff;
} 

div#flyer .flyer {
  /*width: 100%;*/
}

div#flyer .satz {
  padding: 15px 0;
  /*width: 100%;*/
}

div#flyer .luther2017 {
  padding: 40px 0 10px 0;
}

div#flyer .tmsa {
  padding: 0 0 10px 20%;
}

div#flyer a {
  border: 0;
}

/******** footer ********/

#footer {
  display: none;
}
#footer3 {
  border-bottom: 5px solid #000;
  font-size: 85%;
}

#fol1,
#fol2,
#fol3 {
  padding: 1em 0 0.3em 0;
  border-top: 1.6em solid #fff;
  margin-top: 20px;
}

#fol1 {
  color: #fff;
  text-align: left;
}

#fol3 {
  border-top: 1.6em solid #f6f6f6;
}


/******** Images ********/

div#col2 img,
div#col3 img {
  margin: 0 0.833em 0.416em 0;
  background-color: #fcfcfc;
  border: solid 0.1em #a3abb1;
  padding: 0.162em;
  width: auto;
  float: left;
}

div#col2 img.right,
div#col3 img.right {
  float: right;
  margin: 0 0.416em 1em 1em;
}

div#col2 img.none,
div#col3 img.none {
  float: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  bottom: 0;
}

div#col2 img.port {
  width: 80px;
}

/******** List content ********/

div.col_content ul {
  padding: 0.5em 0 1em 1em;
  list-style-type: none;
  clear: left;
}

div.col_content ul li,
ul#subNavigation li {
  font-size: 90%;
  padding: 0.3em 0.5em 0.3em 1.8em;
  background: transparent url("../images/list_arrow.png") no-repeat 0 0.7em;
}

div.col_content ul li.hover,
ul#subNavigation li.hover {
  background: transparent url("../images/list_arrow_on.png") no-repeat 0 0.7em;
}

div.col_content ul li a,
ul#subNavigation li a {
  border:0;
  text-decoration: none;
  font-weight: bold;
  line-height: 140%;
}

div#llws {
  background:transparent url("../images/lutherweg-thumb.jpg") no-repeat 0 0;
  height: 17em;
  width:24.99em
}

/***** formular area ****/

fieldset, fieldset.app {
  padding: 0;
  background-color: #fff;
  margin: 10px 0 15px 0;
  width: auto;
  border: 0;
}

fieldset.app {
  margin: 15px 0;
  border: 1px #bebcb7 solid;
}

legend {
  font-weight: bold;
  padding: 0 10px;
  margin: 0 10px;
}

label {
  margin: 0 10px 0 0;
  display: block;
  cursor: pointer;
}

input,
textarea,
select {
  background: #fff;
  border: 0.1em solid #bbb;
  padding: 0.1em 0 0.1em 0.416em;
  width: 9.996em;
  font-size: 95%;
}

input.radio {
  width: auto;
  border: 0;
}

label.app,
input.app,
.input-s,
.input-m,
.input-l,
select.app,
textarea.appsmall,
label.app-r,
label.app-s {
  display: block;
  float: left;
  width: 100px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.force {
  padding-right: 5px;
}

label.app,
label.app-s {
  display: block;
  text-align: right; 
  padding-right: 1em; 
}

label.app-l {
  display: inline;
}

label.app-r {
  width: 284px;
}

label.app-s {
  width: 150px;
}

input, textarea, select, .inputsearch, .input-l, .input-m, .input-s {
  border: 1px #bebcb7 solid;
  background: #fff url(../images/form-bg.jpg) repeat-x 0 0;
  height: auto;
  width: 232px;
}

input.submit {
  color:#FFFFFF;
  cursor:pointer;
  font-size:95%;
  padding:0 0.166em;
  width:5em;
  background:#E73E07 url(../images/bgMainNavigation.gif) repeat-x scroll left top;
}

.input-s  {
  width: 50px;
  margin-right: 5px;
}

.input-m,
select  {
  width: 180px;
  margin-right: 5px;
}

.input-l {
  width: 280px;
}

.inputsearch {
  width: 200px;
}

textarea {
  width: 240px;
  height: 80px;
}

textarea.app-l {
  width: 280px;
  height: 100px;
  font-size: 120%;
}


.frage, .adresse {
  float: left;
  margin-top: 10px;
}

.adresse {
  padding: 0px 15px;
}

.button{
  width: 151px;
  height: 22px;
  background: url(../images/button.gif);
  border: 0px;
  margin: 0 0 0 328px;
  cursor: pointer;
  font-size: 0;
  color: #E6E6E6;
}

.error {
  color: #c90b1c;
}

.errormessage, .success {
  padding: 20px;
  color: #fff;
  background-color: #E73E07;
}

.success {
  background-color: #5EAC12;
}

.required {
  background: #FAEBE7;
  border: 0.1em dashed #ee2630;
}

/******** Image mit Bildunterschrift ********/

div#col3 dl.fullimage,
div#col3 dl.smallimagecol1,
div#col3 dl.smallimagecol1-right {
  float: left;
  margin: 0 0.833em 0.416em 0;
  background-color: #fcfcfc;
  border: solid 0.1em #a3abb1;
  padding: 0.166em;
  width: 14.999em;
}

div#col3 dl.smallimagecol1-right {
  float: right;
}

div#col3 dl img {
  border: 0;
  padding: 0;
  margin: 0 0  .4165em 0;
  width: 14.999em;
}

dl dd {
  margin: 0;
  padding: 0.166em;
  font-size: 90%;
  font-family: 'Tahoma';
  line-height: 103%;
}

/******* Pages *********/

div#col3 .prevnext {
  text-align: center;
  margin: 1.5em auto;
}

div#col3 a.prev, input.prev,
div#col3 a.next, input.next,
div#col3 a.up {
  margin: 0.833em 0.833em 0 0;
  border: solid 0.1em #dddbd6;
  padding: 0.166em 0.499em;
}

div#col3 a.next {
  margin: 0 0 0 0.833em;
}

div#col3 a.up {
  margin: 0;
}

input.prev,
input.next {
  cursor: pointer;
  font-size: 105%;
  color: #05519c;
}

input.prev:hover,
input.next:hover {
  color: #0a223e;
  background-color: #f5f5f5;
}

a.blae_active {
  color: #333;
}

#col3 a:hover .blae_active {
  color: #333;
  text-decoration: none;
}

/******** Maploader ********/

div#maploader {
  width: 645px;
  height: 491px;
  border: solid 0.1em #A3ABB1;
  padding: 0.162em;

}

div#maploader.maploading {
  background: url(../images/spinner.gif) no-repeat center center;
}

/******** links ********/

a,
a:link,
a:visited {
  color: #ca3302;
  text-decoration: none;
  border-bottom: 0.1em dotted #CA3302;
}

a:hover {
  color: #000;
  border-bottom: 0.1em dotted #000;
}

a:focus {
  border: 0.1em dotted red;
}

h1 a:link,
h1 a:visited  {
  border: 0;
  background-color: transparent;
}

a.external{
  background: transparent url(../images/linkout.gif) no-repeat right center;
  padding-right: 1.666em;
  display: inline-block;
  white-space: nowrap;
}

/******** rules ********/

.rules {
  background: transparent url(../images/rules.gif) repeat-x 100% 100%;
  line-height: 0.1em;
  margin: 0.999em 0;
  clear: both;
}

/******** misc ********/

img { border: 0; }
.small { font-size: 90%; font-weight: normal}
.center {text-align: center; }
.hide, hr {display: none;}
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.left { float:left;}
.result {
background-color:#FFCC00;
color:#333333;
padding:0 0.5em;
}