/* general tags and classes */
* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1em; /* don't edit */
  line-height:1.5em;
}

html {
  font-size: 62.5%; /* don't edit */
}

html, body {
  height: 100%;
  min-height: 100%;
}

body {
  text-align: center; /* center page */
  font-size: 1.2em; /* edit here global size for em, 1em = 10px */
  background-image:url(../images/background/background-body.gif);
  background-repeat:repeat-x;
  background-color:#272727;
  }

br.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
}

/* site construct */
#outerWrap {
  /* center page */
  margin: auto;
  width: 870px;
  /* no center page 
  width: 760px; */
}

/* apply for full height
#outerWrap {
  min-height: 100%;
}
* html #outerWrap {
  height: 100%;
}
*/

#innerWrap {
  margin: auto; /* center page */
  width: 870px;
  text-align:left;
}

#weissFlaeche
{
/* width:100%; */
background-color:#ffffff;
background-image:url(../images/background/background-footer.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#outerWrapMain {
  /* center page */
  margin: auto;
  width: 870px;
  /* no center page 
  width: 760px; */
}

/* apply for full height
#outerWrap {
  min-height: 100%;
}
* html #outerWrap {
  height: 100%;
}
*/

#innerWrapMain {
  margin: auto; /* center page */
  width: 870px;
  text-align:left;
}


#headerWrapLinks
{
float:left;
height:158px;
width:0px;
margin:0;
padding:0;
}

#headerWrapInprint
{
float:left;
height:158px;
width:480px;
margin:0;
padding:0;
background-image:url(../images/logos/inprint-logo.gif);
background-repeat:no-repeat;
}

#headerWrapInmail
{
float:left;
height:158px;
width:382px;
margin:0;
padding:0;
background-image:url(../images/logos/inmail-logo.gif);
background-repeat:no-repeat;
background-position:right;
}

#headerWrapInmail img

{
	border: 0px;
}


#headerNaviLinks
{
float:left;
height:32px;
width:42px;
margin:0;
padding:0;
background-image:url(../images/background/ecke-links-header.gif);
background-repeat:no-repeat;
}



#headerNavi
{
float:left;
height:32px;
width:777px;
margin:0;
background-image:url(../images/background/background-navig.gif);
background-repeat:repeat-x;
}                

#headerNavi ul
{
font-size: 1.1em;
list-style-type: none; 
}


#headerNavi  li
{
float:left;
width:85px;
height:18px;
display:inline;
text-align:center;
margin-top:6px;
padding-top:5px;
padding-right:5px;
}

#headerNavi ul li a
{

text-decoration:none;
color:#272727;
}

#headerNavi li:hover
{
background-image:url(../images/background/background-navig-over.gif);
background-repeat:no-repeat;
}


#headerNavi  li.active 
{
background-image:url(../images/background/background-navig-over.gif);
background-repeat:no-repeat;

}




#headerNaviRechts
{
float:left;
height:32px;
width:43px;
margin:0;
padding:0;
background-image:url(../images/background/ecke-rechts-header.gif);
background-repeat:no-repeat;
}                


#contentWrap {
  padding-left: 18px;
  display: table;
  background-color:#fff;
}

#wrap {
  display: table-row;
}

#middle
 {
  display: table-cell;
  vertical-align: top;
  width: 740px;
  height:400px;
  min-height:400px;
  padding-left:40px;
  padding-right:45px;
  padding-top:30px;
  border-left: 1px dotted #000;
  border-right: 1px dotted #000;
  
}


#middle h1
{
font-weight:bold;
margin-bottom:1em;

}


#middle p
{
margin-bottom:1em;
}


#middle ul
{
list-style-position:inside;
text-indent:40px; 
}

.gruentext
{
color:#40ae49;
/* font-weight:bolder;
*/
}

#footer {
height:29px;
background-image:url(../images/background/background-footer.gif);
background-repeat:repeat-x;

  width: 825px;
margin-left:18px;
  
  border-left: 1px dotted #000;
  border-right: 1px dotted #000;
}


#footer p
{
width:237px;
font-size:1.1em;
color:#39bb00;
margin-left:350px;
}