* {
    margin: 0;
    padding: 0;
}

body {
    margin: 20px 0;
    background-color: #f6f6f6;
    font: normal 62.5% Arial, Verdana; /*normal small Arial, Helvetica, sans-serif;*/
    color: #4c4c4c;
}

/* links */
a { background: inherit; color: #008cb6; text-decoration: none;border:0; }
a:hover { background: inherit; color: #4c4c4c; text-decoration: underline; }

/* headers */
h1, h2, h3, h4 {
    font: bold 14px Arial, Verdana, Sans-serif;
    color: #008cb6;
    padding-left:30px;
    
}
h1 { font-size: 14px;line-height:190%; }
h2 { font-size: 12px;}
h3 { font-size: 12px;color:#66bd00;margin-top:1.5em;}
h4 { font-size: 12px;color:#4c4c4c;padding-top:.8em; }

.pfeilGruen{
background: url('../upload/images/green.gif') no-repeat left;
    
}
.pfeilBlau{
background: url('../upload/images/blue.gif') no-repeat left;

}
.pfeilGrau{
background: url('../upload/images/grey.gif') no-repeat left;    
}


p{
padding: 5px 50px 0px 30px;     
line-height:150%;

}
.line{
border-bottom: 1px dashed #4c4c4c;
margin: 0 50px 10px 30px;
}

     
ul, ol {
    margin: 10px 30px;
    padding: 0 15px;        
}

/* images */
img {
  padding: 5px;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
img a{
border:0;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #eee;    
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
    font-weight: bold;
    font-style:italic; 
    color: #4c4c4c;
    line-height:160%;
    padding:20px 20px 20px 30px;    
}

/* start - table */
table {
    border-collapse: collapse;
    margin: 15px;   
}
th strong {
    color: #fff;
}
th {
    background: #008cb6;
    height: 29px;
    padding-left: 12px;
    padding-right: 12px;
    color: #FFF;
    text-align: left;
    border-left: 1px solid #D68686;
    border-bottom: solid 2px #FFF;
}
tr {
    height: 30px;
}
td {
    padding-left: 11px;
    padding-right: 11px;
    border-left: 1px solid #E8E8E8;
    border-bottom: 1px solid #DFDFDF;
}
td.first,th.first {
    border-left: 0px;
}
tr.row-a {
    background: #F8F8F8;
}
tr.row-b {
    background: #EFEFEF;        
}
/* end - table */



/*STartseite Boxen*/

.box1{
float:left;
    width:200px;
     margin:20px 0 10px 30px;
}
.box2{
float:left;
    width:200px;
     margin:20px 0; 
}




/*Tabellenboxen für Mitgliederseite*/
.floatLeft{
margin: 0 30px 10px 30px;
}

.floatLeft div.mitglied{
float:left;
width:60px;
display:block;
margin-right:25px;
}

.floatLeft div.adress{
  display:block;
    float:left;
    width:170px;
     margin:4px 0;  
     } 
      
.floatLeft div.tel{
  display:block;
    float:left;
    width:270px;
     margin:4px 0;  
     }
     
    /* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ##################################################### */
#contactForm, #contactFormSubmit {
    font-size:11px;
    width:580px;
    margin-left:30px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:320px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmitLeft {
    margin:0 0 0 80px;
    width:174px;
    float:left;
}

#contactFormSubmitRight {
    width:174px;
    float:left;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}


#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
   margin:0;
}


/*###############LAYOUT#############*/
/* structure */
/*###############LAYOUT#############*/
#kontainer {
    background-color: #f6f6f6;
    font-size: 1.2em;
    margin: 0 auto;
    padding: 0px;
    width: 928px;
}
/* Header */

#header {
    width: 928px;
    height: 142px;
    border-top:32px solid #008cb6;
}

/* Bild */

#keyvisual {
    float: left;
    width:540px;
    height: 120px;
    margin: 10px 0px;
    background:#f6f6f6 url('../upload/images/header.jpg')  no-repeat;
}


/* Logo */

#logo {
    float: right;
    width: 388px;
    height: 120px;
    margin: 10px 0px  0px;
    background:#f6f6f6;
}
#logo a img{
    border:0px;
    padding:0!important;
    margin:0!important;
    background:#f6f6f6;
}

/* Content */

#content {
    width: 837px;
    margin-left: 91px;
    background:#f6f6f6 url('../upload/images/bg_mitte.gif') repeat-y left ;
    font-size:12px;
    min-height:520px;
}
#contentStart {
    width: 837px;
    margin-left: 91px;
    background:#f6f6f6 url('../upload/images/bg_start.gif') repeat-y left ;
    font-size:12px;
    min-height:520px;
}

/* Content obere blaue Linie */
#extra {
border-top:1px solid #008cb6;
height:10px;
width:837px;
background-color:#f6f6f6;
}
/* Content untere blaue Linie */
#extraUnten {
border-bottom:1px solid #008cb6;
height:10px;
width:837px;
background-color:#f6f6f6;
z-index:10;
}


/* Content > Main */

#main {
    float: right;
    width: 620px;
    margin-right:35px;
    margin-top:0px;
    background: url('../upload/images/bg_main.gif') no-repeat right top;
    padding-top:25px;
    
}
#main p img{
float:left;
  margin: 5px 15px 5px 0px;

}
/* Content > Main Startseite*/
#mainStart {
    float: right;
    width: 660px;
    margin-right:0px;
    margin-top:0px;
    background: url('../upload/images/bg_mitte_start.gif') no-repeat right top;
    min-height:520px;
    
}
/* Content > Main Startseite mittlere Box*/
#mainStart .box{
float: left;
width: 430px;
margin-top:25px;    

}
#mainStart .boxright{
float: right;
width: 215px;
margin-right:5px;   
margin-top:3px; 

}
.boxright ul {
padding:30px 0;
margin: 0;
list-style: none;
}

.boxright li {
    display: inline;
    
}

.boxright a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    color: #cce8f0;
}
.boxright a:hover {
    background: url('../upload/images/weiss.gif') no-repeat left 10px;
    color: #fff;
}

.boxright h4{
    background: url('../upload/images/weiss.gif') no-repeat left 2.5em;
    color: #fff;
    font-size: 12px;
    padding-top:2.5em;
    padding-left:20px;
    
}
/* Content > Menu */

#menu {
    padding: 0px 0;
    float: left;
    width: 160px;
    min-height:520px;
}

#menu ul {
padding:0;
    margin: 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    font-weight: bold;
    font-size:12px;
    color: #4c4c4c;
    border-top: 1px solid transparent;
}

#menu a:hover {
    background: #66bd00;
    color: #fff;
    border-top: 1px solid #EEEEEE;
}

#menu .active a {
    background: #66bd00;
    color: #fff;
    border-top: 1px solid #EEEEEE;
}

#menu .first a {
    border: none;
}

/* Level 2 */
#menu ul li.navmainStandardLevel_2 {
    margin-left:0px;
}
#menu ul li.navmainStandardLevel_2 a {
    padding: 5px 20px;
    text-decoration: none;
    font-weight: normal;
    font-size:12px;
    color: #4c4c4c;
   
}
#menu ul li.navmainStandardLevel_2 a:hover, #menu ul li.navmainStandardLevel_2 a.active {

background: #ccc;
    color: #fff;
   
}

/* Footer */

#footer {
    clear: both;
    width: 837px;
    padding: 10px 0px;
    background:#f6f6f6 url('../upload/images/bg-footer.gif') no-repeat top left;
}

#footer p {
    padding-left:10px;
    text-align: left;
    color: #4c4c4c;
}