html{
  margin: 0;
  padding: 0;
}

body {
 /* background-color:  #F5F5F5 #FFFFFF rgb(169, 170, 177);
 background-color: #6A6B6F;*/
 background-color: #666666;
  color: #373737;
  font-family: Georgia, serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
 /* background: #CC0000   */
}

h1,h2{
  background: #F5F5F5;
  color: #048CCB;
  font-size: 18px;
}

h2{
    font-size: 16px;
}

h3{
 color: #048CCB;
 font-size: 14px;
}

p{
  color: #373737;
   text-align: justify;
}

a {
  color: #048CCB;

  text-decoration: none;
}

a:hover {
}

#back{
 margin: 0 auto;
 width: 1030px;
 /*padding-left: 10px;
 padding-right:10px;*/
/*  background: #F5F5F5;*/
background: #FFFFFF;
/*
  position: relativ;
*/
}

#wrapper{
  margin:0 auto;
  width: 990px;
  background-color: #FFFFFF;
  border-left:  solid 2px #EBEBEB;
  border-right: solid 2px #EBEBEB;
}

#header{
  background-color: #FFFFFF;
  position:relative;
  width: 990px;
}

#border{
   position: absolute;
    top: 250px;
    left: 640px;
    z-index: 1000;
    height: 61px;
    width: 340px;
    border: #FFF 5px solid;">
}

#logo_trans{
    position: absolute;
    top: 250px;
    left: 640px;
    z-index: 1001;
    height: 71px;
    background: #FFF;
    width: 350px;
    opacity: 0.5;
}
#header>a>img{
    z-index: 1002;
    position: absolute;
    top: 250px;
    left: 640px;
    height: 71px;
    width: 350px;
}

.nivoSlider {
    position:relative;
    background:url(loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
   /*  border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;*/
}
.nivoSlider a {
    border:0;
    display:block;
}

#content{
  margin-top: 15px;
  background-color: #FFFFFF;
}

#left{
  background-color: #FFFFFF;
  width: 176px;
  float: left;
}

#center{
  width: 618px;
 /*margin-left: 5px;
  margin-right: 5px;*/
  min-height: 685px;
  padding:5px;
  float: left;
  border-left: 1px solid #048CCB;
  border-right: 1px solid #048CCB;
  /* background-color: #CC48C6;*/
}

.border_right{
    border-right: 1px solid #048CCB;
}

.border_left{
    border-left: 1px solid #048CCB;
}

.article{
  margin: 0px 20px 20px 20px;
  padding:0px;
  border-top: 1px solid #048CCB;
  border-bottom: 1px solid #048CCB;
}

.article img{
  margin: 0px 6px 0px 0px;
  border: none;
  float: left;
}

/* ##########IE FIX BORDER IMAGE ############### */
.article a{
  border: none;
}

.article ul li{
  list-style: disc;
}

.article h1,h2{
       margin: 0px;
       padding: 2px;
       font-weight: normal;
}

.article.onecol ul{
    display: table;
}

.article.onecol ol li{
    list-style: decimal;
}

.article.onecol ul li{
    list-style: disc;
}
.article .metaimg{
    margin: 14px 6px 6px 0px;
}

.twocol{
  width: 269px;
  min-height: 230px;
    float: left;

}

.twocol img{
  float: none;
  clear: both;

}

#right{
  float: left;
  background-color: #FFFFFF;
  width: 180px;
}

#right img{
  border: none;
}

.clear{
clear:both;
}

.line{
  border-top: 1px solid #048CCB;
  margin: 10px 10px;
}

#footer{
      margin-top: 10px;
      background-color: #F5F5F5;
      border-top: 1px solid #048CCB;
      font-size: 10px;

}
.footerwrap{
    width: 55%;
    height: 100%;

}

#footer img{
  margin: 10px 10px 10px 10px;
  border: none;
  float: left;
}


#footer p{
  float:left;
  width: 55%;
  font-family: Tahoma, Geneva, sans-serif;

}

.footer-util{
  margin: 10px;
  text-align: right;
  font-family: Tahoma, Geneva, sans-serif;

}
.footer-util a{

}

#categories{
 color: #048CCB;
 font-weight: bold;
 min-height: 150px;
 padding: 0px
}

li{
  list-style: none;
  margin: 0px 0px 2px 0px;
}

#navigation ul li a{
  text-align: right;
    padding-right: 10px;
    display:block;
    background: url(../pictures/link/hover_navi_square_gray_br.png) repeat-y right;
    font-family: Tahoma, Geneva, sans-serif;


}

#navigation ul li a:hover{
   background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
   font-weight: bold;
}


#navigation .current>a{
     background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;

}

#categories li{
    list-style: none;
    text-align: right;
    margin: 5px 0px 5px 0px;
}



#categories ul li{
   background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
 /*  list-style-position: outside;
    list-style-image: url(hover_navi_square_gray.png);*/
}

#categories ul li a{
    text-align: right;
    padding-right: 10px;
    display:block;
    background: url(../pictures/link/hover_navi_square_gray_br.png) repeat-y right;
    font-size: 10px;
}

#categories ul li a:hover{
      background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
/*    list-style-position: outside;
    list-style-image: url(hover_navi_square.png);*/
}

#categories .katactive>a{
      background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
      text-decoration: none;
       font-weight: bold;
/*    list-style-position: outside;
    list-style-image: url(hover_navi_square.png);*/
}

#categories .katactive{
     /* background: #f5f5f5;*/

}

#categories .katactive .active a{
      background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
      font-weight: bold;
}

.support{
 /* border-top: solid 1px #048CCB ;
  margin:2px;*/
 font-weight: bold;

 /* padding-left: 10px;
  padding-right: 5px;*/
}
.support h3{
  text-align: right;
  margin: 10px;
  font-weight: bold;
    font-family: Tahoma, Geneva, sans-serif;
}

.support ul{
  padding:0;

}
.support ul li a{
    list-style: none;
    text-align: right;
    padding-right: 10px;
    display:block;
    background: url(../pictures/link/hover_navi_square_gray_br.png) repeat-y right;
    font-family:Tahoma, Geneva, sans-serif;
}

.support ul li a:hover{
      background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
}

.support .katactive>a{
      background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
      text-decoration: none;
/*    list-style-position: outside;
    list-style-image: url(hover_navi_square.png);*/
}
.support .katactive .active a{

      background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
}

.subnavi{
  padding:0;
  font-weight: normal;
  font-size: smaller;

 /* background-color:#FFFFFF;*/
 /* display: none;
    background: url(../pictures/link/hover_navi_square_gray_br.png) repeat-y right;*/
}

.katactive a{
   background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
}
/*
#categories .katactive>ul>li>a{
   background: url(../pictures/link/hover_navi_square_gray_br.png) repeat-y right;
}*/

.active a{
      background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
}

.subnavi_support{
  padding:0;
  /*font-weight: normal;*/
  display: block;
}
.subnavi_support li{
    margin: 5px 0px 5px 0px;
    text-align: right;
}
#picts ul{
  margin: 0;
  padding: 0;
}

#picts li{
  float: left;
  margin: 0px 0px 10px 8px;
 /* display: inline-block; */
}

.support .subnavi_support li a:active{
    background: url(../pictures/link/hover_navi_square_hover_br.png) repeat-y right;
}

.downloadlist{
margin: 8px 0px 0px 0px;
padding: 0px;
}

.downloadlist.linklist{
margin: 8px 0px 0px 0px;
padding: 0px;
}

.downloadlist li{
background: url(../pictures/download/Download-Button-50x50.png) no-repeat;
padding: 15px 0px 15px 70px;
margin: 0px 0px 4px 0px;
border-bottom: 1px solid #F5F5F5;
background-position: left center;
list-style: none !important;
}
.downloadlist li a{
 margin: 0px 0px 0px 0px;
}

.description{
  margin: 0px 0px 0px 90px;
  min-height: 15px;
}

.download.linklist li{
    background: url(../pictures/link/Link-Button-50x50.png) no-repeat;
}

.video{
  text-align: center;
  margin: 0px 0px 20px 0px;
}

.entry-util{
  color: #048CCB;
  text-align: right;
}
/*#################################*/
#rex-xform{
    margin: 0px 20px 50px 20px;

}

#rex-xform p{
 text-align: left;
}

.article.galerie{
    padding: 0 0 10px 0;
}


/* ########################### */
/******************** Veranstaltungen ************************/

.events{
/*
padding-left: 80px;
padding-bottom: 5px;
*/
position: relative;
}

.calendarpaper{
    float: left;
     margin: 14px 6px 6px 0px;
}

.events .date{
  background: url(../pictures/Kalender-75x75.png) no-repeat;
  height: 75px;
  width: 75px;
}
.events .date span{
display: block;
text-align: center;
position: relative;
}
.events .date span.day{
top: 20px;
font-weight: bold;
color: #048CCB;
font-size: 16px;
}

.events .date span.month{
top:3px;
font-weight: bold;
color:#ffffff;
}

#jsonEvent{
    display: none;
}

#right .eventcal{
  margin: 10px 5px;
  border-top: 1px solid #048CCB;
  padding: 10px 0px;
  position: relative;

}

div.ui-datepicker{
 font-size:10px;
 color: #048CCB;
}

table.ui-datepicker-calendar tbody td.highlight > a {
    background: #048CCB;
    border: 1px solid  #F5F5F5;
    color: #FFF;
    font-weight: bold;
    font-family: Georgia, serif;
}

table.ui-datepicker-calendar tbody td.highlight > a.ui-state-active{
  background-color: #CC0000;
}

#veranstaltungen{

 /* position: absolute;*/
}

#veranstaltungen .popup_event{
    z-index: 1100;
    position:absolute;
    border: 3px solid #F5F5F5;
  /*  top: 354px;
    left: 1352px;             */
    width: 330px;
    /*height: 425px;*/
    background: #FFF;
    /*box-shadow: 0 0 10px 10px #048CCB;*/
    box-shadow: 5px 5px 20px #474747;
    -webkit-border-radius: 5px;
    padding: 5px 10px 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
}

#veranstaltungen .popup_event p{
    font-weight: bold;
    color: #048CCB;
    font-size: 10px;
}
#veranstaltungen .popup_event img{
    float: left;
    margin: 0px 5px 10px 0px;
   height: 100%;
   width: auto;
}

#veranstaltungen .popup_event h2{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0px

}
#veranstaltungen .popup_event h3{
  font-size: 12px;
  background: #F5F5F5;
  margin-top: 0px;
}
#veranstaltungen .popup_event a{
    font-weight: bold;
    color: #048CCB;
    font-size: 10px;
    font-style: italic;
    text-decoration: underline;
    text-align: right;
}

#veranstaltungen .popup_event .head{
    background: #F5F5F5;
    height: 50px;
}

#veranstaltungen .popup_event p.descr, #veranstaltungen .popup_event p.addr{
  font-weight: normal;
}

#veranstaltungen .popup_event .popup_close{
    font-weight: bold;
    color: #CC0000;
    cursor: pointer;
    text-align: right;
    height: 20px;
    background: url(../pictures/Close-20x20.png) no-repeat #FFF right;
}

.cf{
    clear: both;
}

/* ####################antidiskriminator############## */

/*
#center .dismelder, #center .newsletter{
  border: none;
}
#center .dismelder label, #center .newsletter label{
  float: left;
  width: 200px;
  color: #048CCB;
  font-weight: bold;
  border: none;
}

#center .dismelder textarea{
  width: 350px;
}

#center .dismelder legend,#center .newsletter legend{
    display: none;
}

.submit{

}

#center .formsubmit.formsubmit{
  text-align: right;
  margin:0;
  padding: 0;
}

#center .text{
  border: 1px solid #048CCB;
}

.submit_buttons .formsubmit{
  float:left;
}
*/

#json{
   display: none;
}

iframe{
  /*width: 570px;
  height: 860px;
  */
  border: none;
  overflow: hidden;
  margin: 0px 20px 20px 20px;
}

iframe.content_frame{
  width: 570px;
  height: 860px;
}

.flowplayer{
display: block;
height: 330px;
padding: 15px 0px;
}

/*************** Formularanpassungen ***********************/

div#form-module {}
form#form_formular {}
p.formcheckbox {
  margin-left: 13em;
}
input.checkbox {}
label.checkbox {
  color: #048CCB;
  font-weight: bold;}
p.formtext, p.formselect, p.formdate {
  color: #048CCB;
  font-weight: bold;
}

p#xform-formular-fee.formtext.formlabel-fee label.text{
  width: 37em;
}

p#xform-formular-verification.formcheckbox.formlabel-verification{
  margin-left: 0;
}
#xform-formular-blank_envelope{
    margin-left: 0;
}

input#xform-formular-field-12.text{
  width: 100px;
}

input.text {
  width: 393px;
}
label.text, label.select {
  width: 13em;
  display: block;
  float: left;
}
p.formtextarea {
   color: #048CCB;
   font-weight: bold;
}
label.textarea {
  width: 13em;
  display: block;
  float: left;
}
textarea.textarea {
  width: 387px;
}
p.formcaptcha {
      width: 13em;
  font-weight: bold;
  color: #048CCB;
}
label.captcha img {
  float: left;
}

p.formcaptcha input {

}
p.formsubmit {

}
input.submit {
  background-color: #048CCB;
  color: #FFFFFF;
  font-weight: bold;
  border:none;
  float: left;
 /*
 padding: 5px;
*/
}
input.submit:hover {
    background-color: #CC0000;
}
input.submit.formclear{
  background-color: #EBEBEB;
  color: #000;
}
input.submit.formclear:hover {
    background-color: #CC0000;
    color: #FFF;
}

input.text.onerow{
  /*width: 150px;*/
}

p.answertext {
  font-weight: bold;
  color: green;
}

ul.form_warning {
  padding-left: 0px;
}
ul.form_warning li {
  font-weight: bold;
   color: #CC0000;
}

fieldset.formfieldset{
  border:none;
}

fieldset.formfieldset.buttons{
     margin: 0px 0px 0px 380px;
}

p#xform-formular-einrichtungsname label.text, p#xform-formular-addr label.text{
  width: 19em;
}

.formfieldset.booking_schoolevent input#xform-formular-field-2,input#xform-formular-field-4{
    width: 320px;
}

.formfieldset.dismelder label.text,
.formfieldset.dismelder label.textarea,
.formfieldset.dismelder label.select{
    width: 18em;
}
.formfieldset.dismelder input.text, .formfieldset.dismelder textarea.textarea{
    width: 320px;
}

.formfieldset.dismelder p.formselect{
  margin-bottom: 30px;
}

.formfieldset.mitglied_account p.formlabel-fee input{
  width: 105px;
}

.formfieldset.mitglied_verification #xform-formular-Beschreibungstext,
.formfieldset.booking_schoolevent #xform-formular-Beschreibungstext,
.formfieldset.newsletter #xform-formular-Beschreibungstext,
.formfieldset.beratung #xform-formular-Beschreibungstext{
     margin-left: 13em;
}

#xform-formular-Beschreibungstext{
   margin-left:18em;
}

label.captcha{
    display: none;
}

/************************************************************/

.slider{
  /*  height: 15em;*/
    width: 25em;
}

.slider .pic_galery{
    list-style: none;
    position: absolute;

}

/*****************************SLIDER*******************************

.article.article .slider-wrap{
  position: relative;
}

.article.article .slider-wrap ul{
  list-style: none;
}
*/