body{
  margin: 0;
  padding: 0;
  border: 0;
  overflow: auto;
  height: 100%; 
  max-height: 100%; 
  font-size: 0.8em;
  font-family: verdana, arial, helvetica, sans-serif;
  background: url(../images/layout/bg_body.jpg) #fff;
  background-repeat: repeat-y;
  color: #333;
  }

body.popup{
 background: none; 
 background-color: #fff;
}
  
a:link, a:visited{
color: #003366;
/* text-decoration: none; */
}

a:active, a:hover{
color: #cc0000;
text-decoration: underline;
}

#framecontentLeft, #framecontentTop{
position: absolute; 
top: 0; 
left: 0; 
width: 220px; /*Width of left frame div*/
/* height: 100%; */
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentLeft{
background-color: #e4e9eb;
}

#framecontentTop{ 
left: 220px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: 718px;
height: 166px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: url(images/layout/bg_framecontentTop.jpg) #fff;
background-repeat: no-repeat;
}

#maincontent{
position: absolute; 
left: 220px; /*Set left value to WidthOfLeftFrameDiv*/
top: 188px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
width: 718px;
background: #fff;
}
#maincontent a:link,
#maincontent a:visited{
text-decoration: none;
}
#maincontent a:hover,
#maincontent a:active{
text-decoration: underline;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 166px 0 0 220px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}

/* basic layout end */

#topNav{
  position: absolute;
  background: url(images/layout/bg_topNav.jpg) #fff;
  left: 220px;
  top: 166px;
  width: 718px;
  height: 22px;
  }

#topContentRow{

}  

#topNews{
  background: url(images/layout/bg_topNews.jpg) #fff;
  background-repeat: no-repeat;
  width: 570px;
  height: 185px;
  float: left;
  position: relative;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  }

#topNewsDummy{
  width: 570px;
  float: left;
  position: relative;
  display: hidden;
  }
  
#contentCenter{
  background: url(images/layout/bg_topNews.jpg) #fff;
  background-repeat: no-repeat;
  top: -186px;
  width: 570px;
  height: 600px;
  float: left;
  position: relative;
  clear: both;
  }
  
#topRight{
  background-color: #eee;
/*   border-right: 1px dotted #ddd; */
  border-bottom: 1px dotted #ddd;
  width: 147px;
  height: 185px;
  float: left;
  }

#contentFrame{
  background: #fff;
  width: 570px;
  border-right: 1px dotted #ddd;
  float: left;
  }

#contentLeft{
  float: left;
  width: 283px;
  border-right: 1px dotted #ddd;
  }

#contentRight{
  float: left;
  width: 283px;
  }

#botRight{
/*   border-right: 1px dotted #ddd; */
  background: #e4e9eb;
  width: 147px;
  float: left;
  }

#topLeft{
  background: #eee;
  }

#midLeft{
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  padding: 5px 0;
  background: #fff;
  }
  
#botLeft{
  background: transparent;
  }

#octaLeft{
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  padding: 5px 0;
  background: #fff;
  }
/*******************************
additional styles 
********************************/
#topNav a:link, #topNav a:visited{
  font-size: 0.9em;
  color: #003366;
  display: block;
  float: left;
/*  font-weight: bold;*/
  text-decoration: none;
  line-height: 22px;
  height: 22px;
  padding: 0 8px;
  text-align: center;
  border-right: 1px solid #ccc;
  }

#topNav a:hover{
  background: url(images/layout/bg_topNav_active.png) #cc0000;
  background-repeat: repeat-x;
  color: #fff;
  line-height: 22px;
  height: 22px;
  border-right: 1px solid #666;
}
  
/* 
topLeft 
*/
#topLeft{
  padding: 5px 0;
}
#topLeft h2{
/*   font-family: Georgia, "Times New Roman", Times, serif; */
  font-style: normal;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  color: #990000;
  background: url(images/layout/h2_topleft16x16.gif);
  background-repeat: no-repeat;
  padding-left: 18px;
  }
#topLeft a:link, #topLeft a:visited{
  color: #003366;
  text-decoration: none;
  }
#topLeft a:hover{
  color: #333;
  text-decoration: underline;
  }
#topLeft .small{
  font-size: 0.8em;
  color: #003366;
  }
#topLeft ul{
  list-style-type: none;
  font-size: 0.9em;
  margin: 0;
  margin-left: 0px;
  padding-left: 0px;
  }
#topLeft li{
  line-height: 15px;
  padding: 3px;
  border-bottom: 1px dotted #ccc;
  }
#topLeft li.alt{
  background-color: #fff;
  line-height: 15px;
  padding: 3px;
  border-bottom: 1px dotted #ccc;
  }
#topLeft li.first{
  line-height: 15px;
  padding: 3px;
  border-bottom: 1px dotted #ccc;
  }

#topLeft a:link,
#topLeft a:visited,
#topLeft a.titleFirst:link,
#topLeft a.title:link,
#topLeft a.titleAlt:link{
  color: #003366;
  text-decoration: none;
  }
  
#topLeft a:hover,
#topLeft a.titleFirst:hover,
#topLeft a.title:hover,
#topLeft a.titleAlt:hover{
  color: #cc0000;
  text-decoration: underline;
  }
#topLeft .date, #topLeft .dateAlt{
/*  font-weight: bold;*/
  font-size: 1em;
  color: #003366;
  }
#topLeft a.title, #topLeft a.titleAlt{
  font-size: 1em;
  color: #003366;
  }
#topLeft .dateFirst{
/*  font-weight: bold;*/
  font-size: 1em;
  color: #003366;
  }
#topLeft a.titleFirst{
/*  font-weight: bold;*/
  font-size: 1em;
  color: #003366;
  }

/* 
topRight 
*/
#topRight{
  color: #666;
  position: relative;
  }
#topRight h2{
/*   font-family: Georgia, "Times New Roman", Times, serif; */
  font-style: normal;
  font-size: 1em;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  color: #990000;
  background: url(images/layout/h2_topright16x16.gif);
  background-repeat: no-repeat;
  padding-left: 18px;
  }
#topRight form{
  margin: 0;
}
#topRight input.textfield{
  font-size: 0.9em;
  width: 135px;
  border: 1px solid #ddd;
  background-color:  #fff;
  }
#topRight input.textfield:focus{
  font-size: 0.9em;
  width: 135px;
  border: 1px solid GoldenRod;
  background-color: LemonChiffon;
  }
 #topRight button.login{
  margin-top: 8px;
  }
#topRight .info{
  margin-top: 10px; 
  font-size: 0.8em;
  }
#topRight .info a{ 
  color: #003366;
  text-decoration: none;  
  }
#topRight .info a:hover{ 
  color: #cc0000;
  text-decoration: none;  
  }
#topRight ul{
  list-style-type: none;
  font-size: 0.9em;
  margin: 0;
  margin-left: 0px;
  padding-left: 5px;
  }
#topRight li{
  line-height: 18px;
  border-bottom: 1px dotted #ddd;
  }
#topRight a:link, 
#topRight a:visited{
  text-decoration: none;  
  }
#topRight a:hover{
  color: #cc0000;
  text-decoration: underline;
  }
/* 
midLeft 
*/
#midLeft{
  color: #999;
  border-right: 1px solid #eee;
  }
#midLeft h2{
/*   font-family: Georgia, "Times New Roman", Times, serif; */
  font-style: normal;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  color: #990000;
  background: url(images/layout/h2_midleft16x16.gif);
  background-repeat: no-repeat;
  padding-left: 18px;
  }
#midLeft ul{
  list-style-type: none;
  font-size: 0.9em;
  margin: 0;
  margin-left: 0px;
  padding-left: 5px;
  }
#midLeft li{
  line-height: 18px;
  border-bottom: 1px dotted #ddd;
  }
#midLeft a, #midLeft .address{
  color: #003366;
  text-decoration: none;
  padding-left: 5px;
  border-left: 3px solid #fff;
  }
#midLeft a:hover{
  color: #cc0000;
  text-decoration: none;
  border-left: 3px solid #cc0000;
  }

#midLeft .address{
  margin: 10px 0;
  }

/* 
botLeft 
*/
#botLeft h2{
/*   font-family: Georgia, "Times New Roman", Times, serif; */
  font-style: normal;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  color: #990000;
  background: url(images/layout/h2_botleft16x16.gif);
  background-repeat: no-repeat;
  padding-left: 18px;
  }
#botLeft ul{
  list-style-type: none;
  font-size: 0.9em;
  margin: 0;
  margin-left: 0px;
  padding-left: 5px;
  }
#botLeft li{
  line-height: 18px;
  border-bottom: 1px dotted #ccc;
  }
#botLeft a, #botLeft .address{
  color: #003366;
  text-decoration: none;
  padding-left: 5px;
  border-left: 3px solid #E4E9EB;
  }
#botLeft a:hover{
  color: #cc0000;
  text-decoration: none;
  border-left: 3px solid #cc0000;
  }

#botLeft .address{
  margin: 10px 0;
  }
  
/* 
botRight 
*/
#botRight {
  text-align: center;
  }
#botRight img{
  margin: 5px 0;
  border: 1px dotted #ddd;
  }
#botRight img:hover{
  opacity: .75;
  filter: alpha(opacity=75);
  }
#botRight a:hover{
  cursor: pointer;
  }
  
/* 
octaLeft 
*/
#octaLeft{
  font-size: 0.8em;
  color: #999;
  border-right: 1px solid #eee;
  }
/*
contentCenter
*/
#contentCenter  .LIn_pagination{
text-align: right;
}

#contentCenter .LIn_fullMode a:link, #contentCenter .LIn_fullMode a:visited{
  display: block;
  color: #003366;
  text-decoration: none;
  }
#contentCenter .LIn_fullMode a:active, #contentCenter .LIn_fullMode a:hover{
  color: #cc0000;
  text-decoration: underline;
  } 
#contentCenter ul{
  list-style-type: square;
  font-size: 0.9em;
  margin: 0;
  margin-left: 0px;
  padding-left: 15px;
  }
#contentCenter li{
  line-height: 15px;
  padding: 3px 0;
  }
#contentCenter li:hover{
  background-color:  #eee;
  }
#contentCenter h2.title{
  color: #333;
  border-left: 8px solid #cc0000;
  padding-left: 5px;
  margin-bottom: 2px;
  font-size: 1.4em;
  }
#contentCenter h2.subTitle{
  font-size: 1em;
  color: #990000;
  border-left: 8px solid #cc0000;
  padding-left: 5px;
  margin-bottom: 2px;
  }
#contentCenter div.subtitle{
  display: none; /* hidden !!! */
  /*   font-size: 1em; */
  font-weight: bold;
  color: #333;
  }
#contentCenter div.description{
/*   font-family: Georgia, "Times New Roman", Times, serif; */
/*   font-style: italic; */
  padding-bottom: 5px; 
  margin-bottom: 5px; 
  font-size: 1em;
  font-weight: bold;
  border-bottom: 1px solid #990000;
  line-height: 20px;
  color: #333;
}

/* 
#contentRight 
*/
#contentRight h2, #contentLeft h2{
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #990000;
  padding-left: 18px;
  margin: 15px 0 5px 0;
  }
#contentRight h2{
  background: url(images/layout/h2_contentRight16x16.gif);
  background-repeat: no-repeat;
  } 
#contentRight a:link, #contentRight a:visited,
#contentLeft a:link, #contentLeft a:visited{
  display: block;
  color: #003366;
  text-decoration: none;
  }
#contentRight a:active, #contentRight a:hover,
#contentLeft a:active, #contentLeft a:hover{
  color: #cc0000;
  text-decoration: none;
  }
#contentRight .small,
#contentLeft .small{
  font-size: 0.8em;
  color: #999;
  }
#contentRight div.item{
  padding: 5px 2px;
  border-bottom: 1px dotted #ddd;
  }
#contentRight div.item:hover{
  background-color: #eee;
  }
  
/* 
#contentLeft
*/
#contentLeft h2{
  background: url(images/layout/h2_contentLeft16x16.gif);
  background-repeat: no-repeat;
}
#contentLeft .small a{
display: inline;
}
#contentLeft img:hover{
  opacity: .75;
  filter: alpha(opacity=75);
}
#contentLeft .title{
font-weight: bold;
}
#contentLeft .date{
font-size: 0.8em;
color: #999;
}
#contentLeft .introtext{

}
#contentLeft .readmore{
text-align: right;
padding-right: 3px;
}
#contentLeft div.item{
  padding: 5px 2px;
  border-bottom: 1px dotted #ddd;
  }
#contentLeft div.item:hover{
  background-color: #eee;
  }
#contentLeft div.introtext{
  padding-left: 5px;
  border-left: 5px solid #e4e9eb;
  }
/*
#topNews
*/
#topNews{
  font-size: 0.9em;
  }
#topNews img{
  display: block;
  float: left;
  margin: 5px;
  }
#topNews .summary{
  color: #333;
  font-size: 1em;
  line-height: 1.5em;
  padding-left: 5px;
  border-left: 5px solid #e4e9eb;
  }

#topNews a:link, #topNews a:visited{
  text-decoration: none;
  display: block;
  }
#topNews a:active, #topNews a:hover{
  color: #cc0000;
  }
#topNews div.titleNdate{
  background-repeat: no-repeat;
  margin-top: 1em;
  border-bottom: 1px solid #990000;
}
#topNews h2.heading{
  padding-left: 18px;
  background: url(images/layout/h2_topnews16x16.gif);
  background-repeat: no-repeat;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  color: #990000;
  margin: 0;
  }
#topNews div.title{
  margin-top: 7px;
  font-size: 1.2em;
  font-weight: bold;
  color: #003366;
  }
#topNews div.subtitle{
  font-size: 1em; 
  font-weight: bold;
  color: #333;
  }
#topNews div.date{
  font-size: 0.8em;
  color: #666;
  margin-bottom: 3px;
  }
#topNews .readmore{
  text-align: right;
  color: #003366;
  font-size: 1.0em;
  } 

/*
additional general styles
*/
h1, h2{
/*   font-family: Georgia, "Times New Roman", Times, serif; */
/*   font-style: italic; */
/*   font-size: 1.2em; */
  margin-bottom: 5px;
  }

button, .button {
font-size:0.9em; 
font-weight:bold; 
color:#fff; 
height:24px;  
background:url(images/layout/bg_button.gif) #fff; 
border-style:double; 
border-color:#eee; 
border-width:3px;
}
button:hover, .button:hover{
font-size:0.9em; 
font-weight:bold; 
color:#fff; 
height:24px;  
background:url(images/layout/bg_button_.gif) #fff; 
border-style:double; 
border-color:#eee; 
border-width:3px;
}
  
/* 
ListIndexer 
*/
ul.LIn_fullMode {
list-style-type: square;
color: red;
}
.LIn_fullMode li {
color: #333;
border-bottom: 1px dotted #ccc;
}
.LIn_fullMode li a {

}

.LIn_date{
color: #999;
font-size: 0.8em;
}
.LIn_desc{
display: block;
}

/*
kontakt.html
*/
#kontakt fieldset{
  margin-top: 15px;
  border: 1px dotted #ccc;
  background-color: #eee;
/*  border-width:1px 1px 1px 5px;
  border-style:solid;
  border-color:#ddd;
  margin:20px 0px 20px 20px;
  width:520px;
  position:relative;
  display:block;
  padding: 0px 5px 5px 5px;*/
  }
#kontakt legend{
  font-weight:bold;
/*  border-width:1px 1px 1px 5px;
  border-color:#003366;
  border-style:solid;
  background-color: #fff;
  color:#003366;
  text-transform:uppercase;
  font-size:90%;
  text-align:center;
  width:186px;
  padding:3px 5px;
  margin:0px 0px 10px -30px;
  position:relative;
  top: -14px;*/
  }
#kontakt label, div.label{
  color:#003366;
/*  font-weight:bold;*/
  display:block;
  float:left;
  width:130px;
  text-align:right;
  margin:3px 5px 3px 0px;
  }
div.info{
  display:block;
  float:left;
  margin:3px 5px 3px 0px;
  }
#kontakt img{
  border: none;
  }
#kontakt textarea{
	border: none;
/*  border-width: 1px;
  border-style: dotted;*/
  background-color:#fff;
  width:350px;
  padding:1px 2px;
  margin:3px 5px 3px 0px;
  font-size: 1em;
  font-family: verdana, arial, helvetica, sans-serif;
  }
#kontakt input.textfield{
  border-width: 0px 0px 1px 0px;
  border-style: solid solid dotted solid;
  background-color:#fff;
  border-color:#999;
  width:200px;
  padding:1px 2px;
  margin:3px 5px 3px 0px;
  font-size: 1em;
  font-family: verdana, arial, helvetica, sans-serif;
  }
#kontakt a:link,
#kontakt a:visited{
  text-decoration: none;
  }
#kontakt div.errors,
#mitgliedForm div.errors{
  color: #cc0000;
  }
#mitgliedForm strong{
  color: #003366 ;
}

/*
email obfuscator plugin
*/
span.emo_address, a.emo_address {
  border: none;
}
span.emo_address:hover, a.emo_address:hover{
  color: #000;
  border-bottom-color: #000;
  margin-left: 0;
  padding-left: 0;
  border: none;
}
/*
ajaxsearch
*/
#ajaxSearch_form{
margin: 0;
}
.AS_ajax_resultDescription, .ajaxSearch_resultDescription{
display: none;
}
input#ajaxSearch_input{
border-width: 1px;
border-style: dotted;
background-color:#eee;
border-color:#999;
width:300px;
padding:1px 2px;
margin:15px 5px 3px 0px;
font-size: 1em;
font-family: verdana, arial, helvetica, sans-serif;
color: #ccc;
}
input#ajaxSearch_input:focus{
background-color: LemonChiffon;
border-color: GoldenRod;
color: #003366;
}

.ajaxSearch_highlight, .AS_ajax_highlight{
background-color: #fbfaeb;
color: #cc0000;
}
div.AS_ajax_result, div.ajaxSearch_result{
margin: 5px 0;
border-bottom: 1px dotted #ccc;
}
a.AS_ajax_resultLink:link, a.AS_ajax_resultLink:visited, a.ajaxSearch_resultLink:link, a.ajaxSearch_resultLink:visited{
font-weight: bold;
text-decoration: none;
color: #003366;
display: block;
}
a.AS_ajax_resultLink:active, a.AS_ajax_resultLink:hover, a.ajaxSearch_resultLink:active, a.ajaxSearch_resultLink:active{
font-weight: bold;
text-decoration: underline;
color: #cc0000;
display: block;
}
.ajaxSearch_paging{
display: block;
text-align: right;
margin-bottom: 10px;
padding-bottom: 10px;
}
#ajaxSearch_output, #ajaxSearch_resultListContainer{
border-top: 1px solid #ccc;
margin: 10px;
}
.AS_ajax_more{
clear: both;
margin-bottom: 15px;
padding-bottom: 15px;
}
.ajaxSearch_resultsInfo{
margin: 5px 0;
}
/* Accordion Styles */
#accordion {
margin:20px 0px;
}

#accordion h3:hover{
padding-left: 10px;
}

.toggler {
font-size: 1em;
cursor: pointer;
margin: 0px 0;
padding: 1px 5px;
color: #333;
border:1px solid #f5f5f5;
border-right-color:#ddd;
border-bottom-color:#ddd;
border-left: 5px solid #6699cc;
}
.element {
  background: #fff;
  padding: 1px 3px;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
}

/* Adressen */ 
div#adressen td{
border-bottom: 1px solid #eee;
}

/* addressBox START */
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:0.9em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #ddd;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:200px; 
float:left; 
margin:0 3px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#eee; 
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.xb1 {
margin:0 5px; 
background:#ddd;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #ddd; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#e4e9eb;
color:#003366;
}
.color_b {
background:#eee; 
color:#333;
}
/* addressBox  END */

/* Mitgliedsantrag START*/
#mitgliedForm{
  color: #333;
  }

#mitgliedForm #head,
#mitgliedForm .submitForm{
  margin: 20px 0;
  text-align: center;
  }

#mitgliedForm h2{
  margin: 0;
  }

#mitgliedForm .row .cell,
#profilForm .row .cell{
  font-size: 0.8em;
  margin-right: 20px;
  float: left;
  padding-bottom: 10px;
  }

#mitgliedForm .cellNumber{
/*   margin-left: 50px; */
  width: 15px;
  float: left;
  }

#mitgliedForm .small{
  font-size: 0.8em;
  font-weight: normal;
  }

.selectAntragsteller, 
.selectInfosend, 
.textHeadFamilenmitglieder,
.textAntragtext,
.textEinzug{
  margin: 10px 0;
  }
  
#mitgliedForm fieldset{
  margin-top: 15px;
  border: 1px dotted #ccc;
  background-color: #eee;
  }
  
#mitgliedForm .separatorLine{
  border-top: 1px dashed #666;
  font-size: 0.8em;
  margin: 35px 0;
  color: #999;
  }
  
#mitgliedForm .separatorHidden{
  margin: 35px 0;
  }
  
#mitgliedForm input.text{
  width: 150px;
  color: #000;
/*   background-color: #f2f6f7; */
  border: none;
  border-bottom: 1px dotted #999;
  }
  
#mitgliedForm input:focus{
  background-color:#fbfaeb;
  border-color:#ffcc99;
  }

#mitgliedForm input.textShort{
  width: 100px;
  color: #000;
/*   background-color: #f2f6f7; */
  border: none;
  border-bottom: 1px dotted #999;
  }

#mitgliedForm input.textLong{
  width: 450px;
  color: #000;
/*   background-color: #f2f6f7; */
  border: none;
  border-bottom: 1px dotted #999;
  }

#mitgliedForm div.submitForm{
  border-top: 1px solid #ccc;
  padding: 25px 0;
  }
  
#mitgliedForm input.submitButton{
  font-size:0.9em; 
  font-weight:bold; 
  color:#fff; 
  height:24px;  
  background:url(../images/layout/bg_button.gif) #fff; 
  border-style:double; 
  border-color:#eee; 
  border-width:3px;
  }
#mitgliedForm input.submitButton:hover{
  font-size:0.9em; 
  font-weight:bold; 
  color:#fff; 
  height:24px;  
  background:url(../images/layout/bg_button_.gif) #fff; 
  border-style:double; 
  border-color:#eee; 
  border-width:3px;
  }
#mitgliedForm legend{
  font-weight: bold;
  }
/* Mitgliedsantrag END */

/* letzte Forumsbeiträge */
ul.smf_latest{
list-style-type: none;
margin: 0;
padding: 0;
}
li.smf_latest{
margin: 0;
padding: 0;  
padding: 5px 2px;
border-bottom: 1px dotted #ddd;
}
li.smf_latest:hover{
background-color: #eee;
}
ul.smf_latest .small{
 display: inline;
 margin: 0;
 padding: 0;
/*  background: magenta; */
}
ul.smf_latest a.smf_topic{
/*  background: yellow; */
 display: inline;
 margin: 0;
 padding: 0;
}
ul.smf_latest br{
line-height: 0px;
}

div.lineDotted, hr.spaceDotted{
margin: 5px 0;
height: 1px;
width: 100%;
border-top: 1px dotted #ccc;
}
hr.spaceDotted{
background: #fff;
}

/* for popup windows */
#popupPadding{
padding: 5px;
}

#mitgliedWerden a{
text-decoration: none;
}
#mitgliedWerden div.img{
text-align: center;
}
#mitgliedWerden div.aBox{
margin-top: 25px;
float: left;
width: 48%;
}
#mitgliedWerden fieldset{
position: relative;
border: 1px solid #ddd;
background-color: #eee;
margin: 5px 10px;
text-align: justify;
padding: 5px;
color: #333;
}
#mitgliedWerden fieldset legend{
position:absolute; top: -1em; left: 1em;
font-weight: bold;
padding: 2px;
}
/* anfahrt */
#anfahrt fieldset{
  margin-top: 15px;
  border: 1px dotted #ccc;
  background-color: #eee;
  }
#anfahrt legend{
  font-weight: bold;
}
/* RSS Hilfe */
#rssHelp{

}
#rssHelp img{
border: 1px solid #999;
margin-right: 15px;
}
#rssHelp fieldset legend{
/* position:absolute; top: -1em; left: 1em; */
font-weight: bold;
padding: 2px;
}
#rssHelp fieldset{
/* position: relative; */
border: 1px solid #ddd;
background-color: #eee;
margin: 5px 10px;
text-align: justify;
padding: 5px;
color: #333;
}
/* font resizer */
#fontResizer{
position: relative;
height: 20px;
width: 80px;
margin-top: 140px;
margin-left: 630px;
/* border: 1px solid #ccc; */
}
/* Mitgliedsprofile start */
#profilForm fieldset{
border: 1px solid #ddd;
background-color: #eee;
margin: 5px 10px;
text-align: justify;
padding: 5px;
color: #333;
}
#profilForm legend{
  font-weight: bold;
  }
#profilForm .row .cell{
  font-size: 0.8em;
  margin-right: 20px;
  float: left;
  padding-bottom: 10px;
  }
#profilForm select,
#profilForm option{
  margin: 0;
  color: #000;
  border: none;
  border-bottom: 1px dotted #999;
  }
#profilForm input.text{
  width: 150px;
  color: #000;
  border: none;
  border-bottom: 1px dotted #999;
  }
  #profilForm input:focus{
  background-color:#fbfaeb;
  border-color:#ffcc99;
  }
#profilForm .separatorLine{
  border-top: 1px dotted #ccc;
  font-size: 0.8em;
  margin: 35px 0;
  color: #999;
  }
#profilForm input.submitButton{
  font-size:0.9em; 
  font-weight:bold; 
  color:#fff; 
  height:24px;  
  background:url(../images/layout/bg_button.gif) #fff; 
  border-style:double; 
  border-color:#eee; 
  border-width:3px;
  }
/* Mitgliedsprofil end */

/* mootools date picker styles start*/
input.DatePicker{
	display: block;
/* 	background: #fff url(images/icons/datepicker/date.gif) no-repeat top left; */
	cursor: pointer;
}
input:focus.DatePicker{
/* 	background: #fffce9 url(images/icons/datepicker/datefocus.gif) no-repeat top left; */
}
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #eee;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}
/* mootools date picker styles end*/

/* tabbed content START */
#tabs {
padding: 10px;
}

#tabs #nav {
margin-bottom: 0px;
margin-left: 8px;
}

#tabs ul.tabs {
list-style: none;
margin: 0px;
padding: 0px;
}

#tabs #nav ul.tabs li {
display: inline;
padding: 3px 7px;
cursor: default;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-bottom: none;
margin-right: 2px;
}

#tabs #nav ul.tabs li.active {
border: 1px solid #999;
border-bottom: 2px solid #fff;
background-color: #ffffff;
}

#tabs #nav ul.tabs li:hover {
background-color: #ffffff;
}

#tabs #data {
margin-top: 3px;
}

#tabs #data div {
display: none;
border: 1px solid #999;
padding: 10px;
}

#tabs #data div.active {
display: block;
}
/* tabbed content END */

div.success,
.wlpeMessageText{
  display: block;
  padding: 5px;
  border: 1px solid GoldenRod;
  background-color: LemonChiffon;
  }
div.separatorLineDotted{
  border-top: 1px dotted #ccc;
  font-size: 0.8em;
  margin: 35px 0;
  color: #999;
  }
hr.space{
display: none;
}
.required, .invalid{
	background-color: #FBE3E4 !important;
	outline: 1px solid red !important;
	border-left: 5px solid red  !important;
}