/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }
body
	{
	margin: 82px 8%;
	padding: 0px;
	background-color:#cbdea8;
}
div { margin: 0px; padding: 0px; }
.noBorder {border:0;}
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
/* .box-header
	{
	color: #000000;
	margin: 0px;
	border: none;
	} */

/* .box-footer
	{
	clear: both;
	border: none;
	} */
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
 .columns-float
	{
float: left;
width: 100%;
	}

/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-left: 3%;margin-right:3%; }

.column-two-content
	{
	border: none;
	color: #000000;

	}


   .column-two,  column-two-content, .header, .footer, ul
  	{ position: relative; }



 /* ====================================================================
Custom corners and borders
-------------------------------------------------------------------- */
/* Styles we want all browsers to see */
body {
background: #cbdea8;
font: 13px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a {
  color:#444A38;
}
a:hover {
  color:#879470;
  text-decoration:none;
}
a:visited {
  color:#879470
  }

div.Article {
  background: #ffffff;
  border:none;
  position:relative;
  text-align:left;    /* alternativ justify für Blocksatz */
  background-color:white; /* bulletproofin' it ;-) */
}



div.ArticleBody {
  padding-left:150px;    /*addiert sich mit dem Padding von div.ArticleBody p*/
  padding-right:50px;
  margin:0;
  margin-top:-1.4em;     /* neg. margin ist nötig, um nicht weisse Ränder erscheinen zu lassen; IE wird separat angepasst */
   }

/*Abgrenzung Umenu/Hauptext */
 div.ArticleBody .abgrenzung {
   background: url('../images/style/trenner_bg_v.gif') 0% 0% repeat-y;
   }


div.ArticleBody .abgrenzung, div.ArticleBody h2 {
      padding-left:15px;
     }
/* ausgleichende Gerechtigkeit bei weiteren h2 im Text */
div.abgrenzung h2 {
  padding-left:0;
  }

div.ArticleFooter {
  font: 10px/0.8 Geneva, Arial, Helvetica, sans-serif;
  text-align:right;
}


div.ArticleFooter p {
  padding:15px;
  margin:-2em 0 0 0;
  }



div.Article {
  background: url(../images/style/custom_corners_topleft.gif) top left no-repeat;
  background-color:white;                       /* bulletproofin' it ;-) */

}

div.logo {
  position:absolute;
  top: -75px; left: -42px;
  z-index:100;

  }

div.header {
  font: 28px/3.2 Geneva, Arial, Helvetica, sans-serif;
  position: absolute;
  top:-69px;                            /*IE separat positionieren! */
  left:135px;
  z-index:100;

  }
div.footer p {
  font: 10px/0.8 Geneva, Arial, Helvetica, sans-serif;
  padding-right:50px;
  padding-bottom:18px;
  text-align:right;

}
div.menu {
  background: url(../images/style/custom_corners_topright.gif) top right no-repeat;
  padding-top:15px;                          /*abstand des Menüs vom oberen rand*/
  padding-right:50px;
  margin:0;
}

div.ArticleBody {
  background: url(../images/style/custom_corners_rightborder.gif) top right repeat-y;
  }
div.ArticleFooter {
  background: url(../images/style/custom_corners_bottomleft.gif) bottom left no-repeat;
  }
div.ArticleFooter p {
  background: url(../images/style/custom_corners_bottomright.gif) bottom right no-repeat;
  }

.float_r {                      /*IE bekommt hier CSS separat gefüttert*/
  float:right;
  padding-left: 10px;
  }
.float_l {
  float:left;
  padding-right:10px;
  }
  div.ArticleBody h2{
  padding-top:26px;
  color: #444A38;
  }

/* ====================================================================
Menu Fomatting
-------------------------------------------------------------------- */

      #navcontainer {
      padding-top:10px;              /*menu etwas runterrücken*/
      z-index:100;
      }

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: right;
background: url('../images/style/navbar_bg.gif') repeat-x 20px;
font: 16px/28px geneva, verdana, sans-serif;
text-align: center;

}

#navcontainer a
{
color: #444A38;
text-decoration: none;
display: block;
width: 70px;
padding-left:20px;
padding-right:15px;
border-bottom: 1px solid #A8B090;

}

#navcontainer li#active {
  font-weight: bold;
  background: white;
 }

#navcontainer a:hover {
  color: red;
  background: white;
  }

/*UNTERMENUFORMATIERUNG folgt */
#untermenu  ul {
list-style-type: none;
padding: 0;
margin: 0;
float:left;
top:70px;
padding-left:15px;
}
#untermenu li {
 padding-left: 18px;
 padding-bottom:7px;
 background-image: url(../images/style/umenu.png);
 background-repeat: no-repeat;
 background-position: 0 .3em;

}


#untermenu li a {
  border-bottom:1px dotted;
  text-decoration:none;
  color:#879470;
}
#untermenu li#uactive{
   color:#444A38;
   background-image: url(../images/style/umenu_aktiv.png);
 }

#untermenu a#ucurrent, #untermenu li a:hover {
  border-bottom:1px solid;
  color: #444A38;
}
 #untermenu li:hover {
 background-image: url(../images/style/umenu_hover.png);

 }


 /*KONTAKTSEITE FORMATIERUNGEN*/

#kontakt, .switchcontent {
list-style-type: none;
padding: 0;
margin: 0;
}
ul#kontakt li {
  cursor:pointer;
  padding-bottom:5px;        /*David wünscht die Liste etwas luftiger*/
}
ul ul li {padding-left:13px;}
/*Bilder je auf Höhe der ersten Zeile nehmen*/
ul ul img {margin-top:-1.1em; }
ul ul#sc1 img {margin-top:-2.6em;}
/*...zu ergänzen*/
ul ul#sc6 img {margin-top:-10.17em;}

#sc0, #sc1, #sc2, #sc3, #sc4, #sc5, #sc6 {background: url(../images/style/bg_kontakt.png) repeat-y;}



/*newsletter formatierungen*/


     .warning {color: red;}
     .thanks {font-weight:bold}
     label {
     cursor: pointer;
     }

.center {text-align:center}

/*acronymformatierung*/
acronym, abbr {
   border-bottom: 1px dotted #000000;
   cursor: help;
}

/*Formular stylen */
input, textarea {
  border:1px solid black;
  font-size:14px;
  font-family: verdana, sans-serif
  }

.ddfmwrap {
  /* padding-left:25px; */
  width:300px;
  }
.ddfmwrap input, .ddfmwrap textarea, #subject {
                width: 355px;
                margin-bottom:5px;
                padding:2px 2px;
}
.ddfmwrap label  {

                margin:0 0 0 0;
                padding:2px;
                width: 300px;
                float: left;            /*cave: soll nicht in floatendem container sein */
                text-align: left;
}

.ddfmwrap textarea     {
             overflow:auto;     /*keinen hässlichen Scrollbalken im IE */
           }

.ddfmwrap input.submit_blue {
             width:100px;
             margin-left:260px;
             background-color:#E8FFD2;
           }

.ddfmwrap input:focus, .ddfmwrap textarea:focus {
             background-color:#E8FFD2;
           }