/*********** hotel hessenhof, relaunch 2011 ************/

/* main body and html styles */
body {
  /*background-color: #ffffff;*/
    background: url(../bilder/layout/bg-html.gif) repeat scroll top;
  margin: 0; 
  padding: 10px 0 50px 0;
  font-size: 12px;
}
html {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  overflow: auto;
  overflow-x: hidden;
}
a {
  color: #9E2500;
}
a:focus {
    outline: none;
}
form {
  margin: 0;
  padding: 0;
}
p {
  padding: 0;
  margin: 0;
}

/* zentrierung */
div#wrap {
  position: relative;
  width: 848px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  /*background-color: white;*/
  background: url('../bilder/layout/bg-wrap.png');
  padding: 10px;
}

div#bg-logografik {
    position: absolute;
  background: url('../bilder/layout/bg-logografik.png') no-repeat;
  width: 776px;
  height: 263px;
  margin-left: -350px;
}

/* useful stuff */
div.clearing {
  clear: both;
}
.versteckt {
  display: none;
}

/* bereiche in der website */
/********************** HEADER ********************************/
div#head {
  height: 144px;
  position: relative;
    background-color: #f0ece2;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
}

div#head div#logo {
    padding: 20px 0 0 38px;
    float: left;

}

/*img#logo2 {
  position: absolute;
  top: 31px;
  left: 33px;
  height: 39px;
  width: 150px;
  border: 0;
}*/

div#hotelvideo {
    position: relative;
    float: right;
    padding-top: 10px;
}

p.video-panoramen {
    position: absolute;
    top: 20px;
    left: 95px;
    color: #fff;
    
}

p.video-panoramen a {
    color: #fff;
    text-decoration: none;
}
p.video-panoramen span.text_bold {
    font-weight: bold;
}
p.video-panoramen span.hotel {
    color: #ee7070;
}


div#panoramen {
    position: relative;
    float: right;
    padding: 10px;
}

#newsticker {
    left: 100px;
    width: 465px;
    clear: right;
}


/********************** SLIDESHOW ********************************/
div#slideshow {
  position: relative;
    /*height: 200px;*/
    height:421px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
    clear: both;
}

div#slideshow-border {
    position: absolute;
    background: url('../bilder/layout/slideshow-border.png');
    /*height: 201px;*/
    height:421px;
    width: 848px;
    margin-top: -421px;
    z-index: 40;
}

/************************ NAVIGATION ******************/ 

div#mainnavi {
    position: relative;
    z-index: 200;
}

div#mainnavi ul.level1 {
    margin: 4px 0;
    /*margin: 0;*/
    padding: 0;
    border-top: 1px solid #e2dac8;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
    font-family: Georgia,"Times New Roman",serif;
    height: 40px;
    vertical-align: middle;
    background-color: #fff;
}

div#mainnavi ul.level1 a {
    display: block;
    margin-left: 20px;
    text-decoration: none;
    color: #746649;
    height: 28px;
    padding-top: 10px;
	font-size: 16px;
}

div#mainnavi ul.level1 a:hover, div#mainnavi ul.level1 a.aktiv {
    color: #9d0000;
}

/* ======================== */
/*    level2 verstecken     */
/*    ===================== */

div#mainnavi ul.level2 {
    position: absolute;
    top: -9999px;
    left: -9999px;
    display: inline;
    width: 0;
    height: 0;
    background-color: transparent;
    font-family: arial, verdana, sans-serif;
    margin-left: 0;
}

div#mainnavi ul.level2 a {
	padding-top: 12px;
	font-size: 12px;
	}

/* ======================== */
/*    level2 sichtbar machen*/
/*    ===================== */
div#mainnavi ul.level1 li:hover ul.level2,
div#mainnavi ul.level3 {
    left: auto;
    top: auto;
    display: block;
    height: auto;
    min-width: 130px;
    background-color: #f0ece2;
    z-index: 100;
    padding: 0 0 10px 50px;
    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
}

div#mainnavi ul.level2 li a {
    display: block;
    text-decoration: none;
    color: #746649;
    height: 20px;
    margin-left: -30px;
}

div#mainnavi ul.level2 li {
	position: relative;
	float: none;
	width: 130px;
	}

div#mainnavi ul.level3 {
	display: none;
	position: absolute;
	left: 110px;
	top: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div#mainnavi ul.level2 li:hover ul.level3 {
	display: block;
	}

div#mainnavi ul.level3 li a {
  padding-top: 6px;
	padding-bottom: 6px;
  }

div#mainnavi ul.level1 li{
    float: left;
    /*width: auto;*/
    list-style-type: none;
}

div#mainnavi ul.level2 li{
    clear: both;
}

/********************** CONTENT ********************************/
div#mitte {
  position: relative;
  /*background-image: url('../bilder/layout/contenthintergrund.gif');*/
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
}

/********************** FOOTER ********************************/
div#footer {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
  height: 140px;
  padding: 30px 0 30px 30px;
  position: relative;
  background-color: #f0ece2;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.5);
    color: #a6987c;
    border-top: 1px solid #FFFFFF;
}

div#footer a{
    text-decoration: none;
    color: #a6987c;
}

div#footer div {
    float: left;
    width: 190px;
}
div#footer a:hover {
    text-decoration: underline;
}
/* sprachumschaltung */

div#sprachwahl {
    padding-left: 10px;
}

div#sprachwahl img {
    padding-right: 10px;
    top: 5px;
}
/* metanavigation */

div#metamenu ul,
div#metamenu li {
  margin: 0;
  padding: 0;
}
div#metamenu li {
  list-style-type: none;
  /*float: left;*/
  padding-left: 10px;
}

div#metamenu li a,
div#sprachwahl a {
  text-decoration: none;
  color: #a6987c;
  line-height: 24px;
}

div#suchbox, div#holidaycheck {
    margin-left: 00px;
}

div#suchbox h4 {
    padding-left: 10px;
}

/********************** newsticker und -src ********************/

/*div#tickersrc {
  display: none;
}
div#ticker {
  position: absolute;
  top: 10px;
  left: 520px;
  width: 460px;
  height: 20px;
}
div.newsticker {
  text-transform: uppercase;
  color: #005820;
  font-weight: bold;
}
div.newsticker a {
  text-decoration: underline;
  color: #005820;
}
div.newsticker:hover {
  cursor: default;
}
div.newsticker p {
  display: inline;
  margin: 0;
  padding: 0;
}
span.newsletter-trenner {
  font-weight: bold;
  padding-right: 5px;
  padding-left: 10px;
}*/

/* mindesthöhe des mitleren container-divs */
/*img#mindesthoehe {
  width: 1px;
  height: 470px;
  float: left;
  position: relative;
}*/


/* container um content und content */
div#contentcontainer {
  /*float: left;*/
  background-image: url('../bilder/layout/bg-contentcontainer.png');
  min-height: 200px;
  position: relative;
  margin: 4px 0;
  /*border-top: 1px solid #fff;
  border-bottom: 1px solid #e2dac8;*/
  /*background-color: #F9C56E;*/
}

div#contentcontainer ul {
    list-style-image: url('../bilder/layout/list-style-image.gif');
    padding-right: 10px;
}

div#contentcontainer ul li, div#contentcontainer p, div#contentcontainer ol li {
    line-height: 20px;
/*    color: #746649;*/
}


div#content {
  position: relative;
  float: left;
  /*margin-right: 4px;*/
  width: 618px;
  /*background-color: #f0ece2;*/
  padding: 20px 0 10px 10px;

}

div#content ul li {
/*    color: #746649;*/
}

div#content p {
    font-size: 12px;
    padding: 0 15px;
    line-height: 20px;
    margin-bottom: 14px;
}

div#content .tpl-teaser p {
    padding: 0 20px;
} 

#content ul.multicolumnContainer li.column1 {
  background-color: #f0ece2;
}

#content ul.multicolumnContainer li.column2 {
  background-color: #dfd6c3;
}

#content .csc-textpic-imagewrap {
    padding: 0 0 0 15px;
}

#content .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { padding:0 15px 0 0;}

/*********************************** TEASER ******************************/

#right {
    float: right;
    padding: 20px 10px 10px 10px;
    /*background-color: #dfd6c3;*/
    width: 196px;
}

div#right ul {
    padding-left: 15px;
}

div#right p {
    padding: 0 15px;
}

div.teaserRight {
    position: relative;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
    background-color: #fff;
    width: 196px;
    height: 310px;
    margin: 10px;
}

/* typo3-Bildabstände entfernen */
DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin: 0;
    /*padding-left: 24px;*/
}

div.teaserContent {
    position: relative;
    background: #dad1bb url(../bilder/layout/bg_teaser_content.png) repeat-x scroll top;
    width: 196px;
    height: 270px;
    margin-bottom: 10px;
}


div.columnItemtextpic div.teaserContent {
    float: left;
    margin-left: 10px;
}

div#content div.teaserContent p {
    font-size: 12px;
    line-height: 20px;
}


/* suchkiste */
div#indexedsearchbox {
    /*margin-bottom: 35px;*/
    margin-top: -30px;
}



div#suchbox h3, div#suchbox img {
    padding-left: 10px;
}

div#suchbox img {
    margin-top: -5px;
}

div#holidaycheck {
padding-left: 12px;
}

div#holidaycheck img {

}

input.searchbox-sword {
  border: 1px solid #dfd8c8;
  border-right: none;
  border-top: none;
  color: #746649;
  width: 183px;
  height: 20px;
  margin: -1px 0 0 2px;
}
input.searchbox-button {
    background: url(../bilder/layout/suche-button.gif) no-repeat scroll top;
  background-color: white;
  /*color: #005820;*/
  font-weight: bold;
  /*width: auto !important;*/
  width: 30px;
  height: 22px;
  /*margin: -4px 0 0 0;*/
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #e2dac8;
}

.tx-indexedsearch {
    padding: 0 25px
}

.tx-indexedsearch ul.browsebox {
    margin: 0 0 60px 0;
    padding: 0;
}

.tx-indexedsearch ul.browsebox li{
    float: left;
    list-style: none;
    margin-right: 5px;
}

.tx-indexedsearch table {
    clear: both;
}

/* hintergrundbild */
img#hotelhintergrund {
  position: absolute;
  bottom: 2px;
  left: 33px;
  width: 150px;
  height: 116px;
}

/* überschriften */
h1, h2, h3, h4 {
    font-family: Georgia,"Times New Roman",serif;
  margin: 0;
  padding: 0;
}

h1 {
    color:#9e2500;
  font-size: 30px;
    font-weight: normal;
    /*margin-bottom: 12px;
    padding-bottom: 6px;*/
  padding: 0 15px 20px 15px;
}

/* TEASER HEADLINES*/
.tpl-teaser h2, .tpl-teaser-letzter h2{
    color: #9e2500;
    font-size: 14px;
    font-weight: normal;
    /*margin-bottom: 8px;*/
  padding: 20px 20px 5px 20px;
}
/* generelle formatierung für h2 headlines*/
h2 { padding:0 15px 20px 15px; font-size:18px; font-weight:normal; color:#746649;}

h3 {
    font-size: 20px;
    font-weight: lighter;
  padding: 0 15px 20px 15px;
}

h4 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
  color: #746649;
}

.csc-default table {display:table; width:590px !important; height:auto !important;}

/****************** formatierungen der volltextsuche ******************/
td.tx-indexedsearch-info {
  background-color: #DFD6C3 !important;
}
div.tx-indexedsearch-rules {
  display: none !important;
}
div.tx-indexedsearch-browsebox {
  padding-bottom: 8px;
}

/***************** KONTAKTFORMULAR **************************/
div#footer a#zum_kontaktformular {
    color: #007eb2;
    text-decoration: underline;   
}


#contentcontainer {
    color: #746649;
}

span.kontakt_fehler {
  font-weight: bold;
  color: #8C0000;
}

form table.kontakt, form textarea.kontakt, form input.kontakt_submit, form table.anreise-bahn {
    margin-left: 15px;
}
table.kontakt td.beschriftung1,
table.kontakt td.beschriftung2 {
  padding-right: 5px;
}
table.kontakt td.beschriftung2 {
  padding-left: 10px;
}
table.kontakt td.fehler {
  padding-left: 20px;
}
div.kontakt-kategorie-fehler {
  background-color: #ddd;
  color: red;
  padding: 3px;
  border: 1px solid #BF0202;
  margin-top: 10px;
}
input, textarea {
  border: 1px solid #BD9654;
  /*background-color: #FBD698;*/
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}
input {
  /*width: 180px;*/

}
textarea {
  width: 400px;
  height: 80px;
  overflow: auto;
}
input.checkbox {
  width: auto;
  background-color: transparent;
  border: 0;
}



/*h2.kontaktformular {
  padding-top: 10px;
}*/
div.tpl-1breit-rechts {
    /*padding-top: 10px;*/
}

/* template text, breite 2 einheiten
   erweiterung für verwendung links und rechts */
div.tpl-2breit-links,
div.tpl-2breit-rechts {
  width: 309px;
  float: left;
  /*padding: 0 20px 15px 20px;*/
  background-color: #f0ece2;
}
/*div.tpl-2breit-rechts {
  width: 342px !important;
}*/
/* das gleiche mit der breite 3, verwendung nur links */
div.tpl-3breit-links {
  float: left;
  width: 608px;
  /*padding: 0 20px 15px 20px;*/
}

/* teaser-template 
   (redundanz wegen tv :/) */
div.tpl-teaser,
div.tpl-teaser-letzter {
  background-color: #ded6c3;
  width: 196px; /* was 176px */
  float: left;
  margin-right: 10px;
  height: 310px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}

div.tpl-teaser-letzter {
  /*height: 280px;*/
  height: auto;
}


div.tpl-teaser div a{ 
    position: absolute;
    right: 10px;
    bottom: 10px;
  color: #fff;
    background: url(../bilder/layout/bg-button.png) repeat-x scroll top;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 8px;
    line-height: 16px;
}

div.tpl-teaser-letzter div p {
}

div.tpl-teaser-letzter div p a {
    float: right;
    color: #fff;
    background: url(../bilder/layout/bg-button.png) repeat-x scroll top;
    text-decoration: none;
    padding: 6px 6px;
    border-radius: 8px;
    line-height: 16px;
    margin: 0 -5px 10px 2px; 
}

div#right div.tpl-teaser-letzter {
  background-color: #fff;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
    /*padding-bottom: 20px;*/
}
div#content div.tpl-teaser-letzter {
    background: #dad1bb url(../bilder/layout/bg_teaser_content.png) repeat-x scroll top;
}

div#right div.tpl-teaser-letzter p {
    color: #767676;
    padding: 0 20px 20px 20px;
}

/*div.tpl-teaser h2,
div.tpl-teaser-letzter h2 {
  color: #9e2500;
  margin: 0;
  padding: 10px 10px 0 10px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 13px;
  text-transform: uppercase;
}*/
div.tpl-teaser div,
div.tpl-teaser-letzter div {
  /*padding: 10px;*/ 
  /*color: #00632E;*/
}
/*div.tpl-teaser div a,*/
/*div.tpl-teaser-letzter div a, .button-mehr a{
    position: absolute;
    right: 10px;
  color: #fff;
    background: url(../bilder/layout/bg-button.png) repeat-x scroll top;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 8px;
    line-height: 16px;
}*/
div.tpl-teaser div.verlinkung a,
div.tpl-teaser-letzter div.verlinkung a {
  position: absolute;
  bottom: 2px;
  right: 2px;
  display: block;
  border: 1px solid #00632E;
  padding: 2px;
  color: #00632E;
  text-decoration: none;
}

/* sonderbehandlung letztes element */
div.tpl-teaser-letzter {
  /*margin-right: 0px !important;*/
}


/********************** MAPS ****************************/
div.tx_lumogooglemaps_pi1_sidebar {
  display: none;
}
div.tx-lumogooglemaps-pi1 input {
  background-color: white !important;
  border: 1px solid black !important;
  margin-bottom: 1px;
}

/* breite checkboxes, radiobuttons */
input.autowidth {
  width: auto !important;
}

/************************ kontaktformular ************************/
div#kontaktadresse  {
  position: absolute;
  top: 39px;
  right: 32px;
  width: 150px;
  border: 1px solid #FBD698;
  padding: 4px;
}
div#kontaktadresse img {
  margin-bottom: 4px;
}
div#kontaktadresse  span.ueberschrift1 {
  font-weight: bold;
}
div#kontaktadresse  span.ueberschrift2 {
  font-weight: bold;
  padding-bottom: 2px;
}
div.fehler {
    color: red;
  background-color: #ddd;
  padding: 5px;
  border: 1px solid #BF0202;
  width: 236px;
  margin-top: 15px;
}



/************** BUCHUNGSFORMULAR ***************/



#buchungsanfrage{
    color: #746649;
    padding-left:10px;
    float:left;
    font-size:12px;
    width:580px;
}

#buchungsanfrage label{
  width: 200px;
}

#buchungsanfrage fieldset{
  border-width:0px;
}

#buchungsanfrage div.row{
  clear:both;
  padding-top:5px;
  line-height:15px;
}

#buchungsanfrage div.submit{
  margin-right:25px;
  float:right;
}

#buchungsanfrage label{
  float:left;
  /*clear:both;*/
  display:block;
  /*width:90px;*/
  line-height:18px;
  text-align:right;
  margin-right:10px;
  font-weight:bold;
}

#buchungsanfrage label.required{
  font-weight:bold;
}

#buchungsanfrage label.checkbox{
  width:300px;
}

#buchungsanfrage span.error{
  color:#FF0000;
}

#buchungsanfrage label.singleline{
  clear:both;
  width:100%;
}

#buchungsanfrage input, textarea, select {
  float:left;
  display:block;
  /*width:250px;*/
  border: 1px solid #BD9654;
  /*font-family: Verdana, Arial, sans-serif;*/
  /*font-size: 12px;*/
  margin-bottom:10px;
  padding:1px;
}

#buchungsanfrage input.readonly{
  border-width:0px;
  color:#704721; /* dunkelbraun */
  width: 246px;
}

#buchungsanfrage input#dauer{
  width:15px;
}

#buchungsanfrage input#anreise{
  margin-right:5px;
}

#buchungsanfrage input.input_dauer{
  margin-right:5px;
}

#buchungsanfrage div.input-desc{
  line-height:18px;
}

#buchungsanfrage label.radio{
  width:80px;
  text-align:left;
  font-weight:normal;
}

#buchungsanfrage div.radio-desc{
  font-weight:bold;
}

#buchungsanfrage input.radio{
  float:left;  
  width:20px;
  clear:both;
  margin-left:200px;
  border-width:0px;
}

#buchungsanfrage input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}

#buchungsanfrage input.hidden{
  border-width:0px;
}

#buchungsanfrage textarea{
  width:400px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
}

#buchungsanfrage input.button{
  color:#FFFFFF;
  background-color:#990000;
}

#buchungsanfrage input.zimmerzahl{
  width:20px;
}

#buchungsanfrage newsletter{
  width:500px;
}

#buchungsanfrage label.wuensche{
  text-align_left;
}

#buchungsanfrage div.seitedaten label{
  width:100px !important;
}

div.seitedaten {
  /*border-right: 2px solid black;*/
  margin-right:20px;
}

div#adresse {
  
}

div#buchungsdaten {
  margin: 0px 20px 20px 20px;
}

/* neue galerie */
#fbContents {
  width: 265px;
  margin-left: auto;
  margin-right: auto;
}
#fbContents select {
  display: block;
}
.fbSeitenContainer {
  padding-top: 3px;
}

/* gutscheinbestellformular 2009 */
.kontakt_fehler {
  font-weight: bold;
}

table.gutscheinbestellung {
    color: #746649;
}

table.gutscheinbestellung td {
  vertical-align: top;
  padding-left: 8px;
  padding-right: 15px;
}


.bestellung-danke {
  border: 1px solid #e2aa4d;
  background-color: #f4ba58;
  padding: 5px;
}

#qualitaetsgastgeber {
	margin-top: 20px;
	}

#metamenu {
	margin-left: 36px;
	}

#mainnavi ul li ul li.sub {
	background: url(../bilder/layout/liarrow.gif) no-repeat 110px 16px;
	}

#buchungsanfrage input,
#buchungsanfrage textarea,
#buchungsanfrage input.readonly,
#buchungsanfrage select,
.kontakt input,
textarea.kontakt {
border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #dfd6c3;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #c9bda4;
	color: #746649;
	width: 248px;
	}

#buchungsanfrage textarea {
	width: 524px;
	}

#buchungsanfrage select {
	margin-right: 10px;
	width: auto;
	}

#buchungsanfrage input:focus,
#buchungsanfrage textarea:focus,
#buchungsanfrage select:focus,
.kontakt input:focus,
textarea.kontakt:focus {
	background: #FFF;
	}

#buchungsanfrage input.readonly {
	color: #998a6c;
	}

#buchungsanfrage input.readonly:focus {
	background: #dfd6c3;
	}

#buchungsanfrage .submit input,
input.button,
.kontakt_submit {
	border: 1px solid #6a0000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
background: rgb(161,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(161,0,0,1) 0%, rgba(110,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,0,0,1)), color-stop(100%,rgba(110,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(161,0,0,1) 0%,rgba(110,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(161,0,0,1) 0%,rgba(110,0,0,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(161,0,0,1) 0%,rgba(110,0,0,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a10000', endColorstr='#6e0000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(161,0,0,1) 0%,rgba(110,0,0,1) 100%); /* W3C */
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
	color: #FFF;
	width: auto;
	}

#buchungsanfrage .submit input:hover,
.kontakt_submit:hover,
input.button:hover {
	color: #ee7070;
	}

#buchungsanfrage label {
	display: block;
	float: none;
	text-align: left;
	}

#buchungsanfrage .left,
#buchungsanfrage .right {
	float: left;
	width: 280px;
	}

#buchungsanfrage span.error {
	color: #9E2500;
	}

#buchungsanfrage input#dauer {
	margin-right: 10px;
	}

#buchungsanfrage .zimmer-input label {
	float: left;
	text-align: right;
	}

.kontakt input {
	width: 200px;
	}

textarea.kontakt {
	width: 558px;
	}