@font-face {
   font-family: ArialWoff;
   src: url(../fonts/Helvetica_1.woff) format("woff");
}

* {
  margin:0;
  padding:0;
}

html {
  /* overflow:scroll; */
}

html,
body { 
  height:100%;
  color:#ffffff;
  font-family:ArialWoff, Verdana, 'Courier New', Arial, sans-serif;
  font-size:13px;
}

body {
  background-image:url('../images/logo_back.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  background-color:#8e7e5d;
  text-align:center;
  position:relative;
  height:100%;
}

div {
  overflow:visible;
}

img {
  border:none;
}

li {
  line-height:20px;
  padding-left:7px;
  margin-bottom:11px;
  border-left:5px solid transparent;
  text-align:left;
  color:#fff;
}

li:hover {
  border-left-color:#bbccaa;
}

li.sel,
li.sel:hover {
  border-left-color:#ffffff;
}


a,
a:hover {
  color:#fff;
  text-decoration:none;
  margin:0;
  padding:0;
}

td {
  vertical-align:top;
  padding:0 20px 30px 0;
}


#wrap {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
  width:900px;
}

#overlay {
  position:fixed;
  width:900px;
  height:100%;
  background-color:#70603F;
  opacity:.6;
}

#content {
  position:relative;
}

#headWrap {
  height:170px;
}

#bodyWrap {
  padding:0 55px 0 40px;
}


#logoBody {
  position:absolute;
  left:40px;
  top:19px;
  height:95px;
  width:407px;
}

#logoLine {
  position:absolute;
  left:120px;
  top:99px;
  height:1px;
  width:740px;
}


#navi {
  position:absolute;
  top:104px;
  right:40px;
  letter-spacing:.03em;
  line-height:18px;
}

#navi a {
  float:right;
  margin-left:15px;
}


#col1 {
  float:left;
  width:170px;
}

#col2 {
  float:right;
  margin-left:0px;
  width:580px;
}


#menu {
  letter-spacing:.02em;
  list-style-type:none;
  font-size:13px;
}

#main {
  letter-spacing:.08em;
  line-height:19px;
}

#mainImage {
  float:right;
  margin:4px 0 4px 20px;
}

#aboutKarte {
  height:300px;
  width: 158px;
}


div.extraHead {
  letter-spacing:.03em;
  font-size:13px;
  margin-bottom:18px;
}

div.extraItemLink {
  letter-spacing:.03em;
  margin-bottom:15px;
}

div.extraItemText {
  letter-spacing:.03em;
  margin-bottom:15px;
  line-height:16px;
}


p.just {
 text-align:justify;
 margin-bottom:13px;
}

.textRight {
  text-align:right;
}


b.head {
  font-size:13px;
  letter-spacing:.2em;
 
}


h4 {
  font-weight:bold;
  font-size:13px;
  padding-bottom:2px;
  letter-spacing:.1em;
}


a.main {
  color:#333320;
  text-decoration:underline;
}

a.main:hover {
  color:#18180f;
}

a.external {
    background: url(../images/external.png) center left no-repeat;
    padding-left: 25px;
    line-height:22px;
}

a.externalR {
    background: url(../images/external.png) center right no-repeat;
    padding-right: 25px;
    line-height:22px;
}

a.pdf {
    background: url(../images/icon_pdf_16.gif) center left no-repeat;
    padding-left: 25px;
    line-height:22px;
}

a.mail,
span.mail {
    background: url(../images/mail.png) center left no-repeat;
    padding-left: 25px;
    line-height:22px;
}

span.phone {
    background: url(../images/phone.png) center left no-repeat;
    padding-left: 25px;
    line-height:22px;
}

div.imp {
  margin-bottom:20px;
}




/*

#wrap {background-color:#aaa;}
#headWrap {background-color:#d7d7d7;}
#bodyWrap {background-color:#efefef;}
#col1 {background-color:#dd6666;}
#col2 {background-color:#6666dd;}
#col3 {background-color:#dd66dd;}
#clearCols {background-color:#66dd66;}
.mainItem {background-color:#dd6666;}

*/