/*
Theme Name: BEB mitMenschPreis
Description: The theme for BEB mitMenschPreiswebsite.
Version: 1.0
Author: Alexander Sinyakov <a.sinyakov@ameria.de> 
Tags: variable width, two columns, widgets

This is just a basic layout.
Please tweak this and make it your own. :)
*/


/* main file of styles

all styles for the fonts located in the file fonts.css
styles to reset the data and hide the elements located in the file reset.css
unit of measurement for images - pixels

*/

#galleryContainer {
border:1px solid #000000;
height:345px;
width:460px;
}

#background {
  height:1182px;
  background: url(img/bg-general.gif) repeat-x;
}

#wrapper {
  position:relative;
  width:1012px;
  height:100%;
  margin-left:auto;
  margin-right:auto;
}

#header {
  position: relative;
  width:1012px;
  height: 178px;
  background: url(img/bg-header.jpg) no-repeat;
}

#slogan {
  position: absolute;
  top: 92px;
  left: 25px;
  width: 188px;
  height: 32px;
  background: url(img/slogan.png) no-repeat;
}

#logotype {
  position:absolute;
  right:19px;
  top:22px;
  width:325px;
  height:121px;
}

#logotype h1 a {
  position:absolute;
  display:block;
  width:325px;
  height:121px;
  background: url(img/logotype.png) no-repeat;
  cursor:pointer;
}
#logotype h1 a span {
  display:none;
}
.top-menu ul {
  position:relative;
  float:right;
  top:155px;
  right:27px;
}

.top-menu ul {
  list-style-type: none;
}

.top-menu ul li {
  float:left;
  padding-right:7px;
}

.top-menu ul li.separator {
  background: url(img/menu-sep.gif) no-repeat;
  padding-left:10px;
}

.top-menu ul li span {
  width:2px;
  height:18px;
  padding: 0 5px 0 5px;
}

#body {
  position: relative;
  width:1012px;
  height:100%;
}

#border-r {
  position:absolute;
  float:right;
  right:-1px;
  width:9px;
  height:100%;
  background: url(img/border-r.png) no-repeat;
}

#border-l {
  position:absolute;
  float:left;
  left:-1px;
  width:7px;
  height:100%;
  background: url(img/border-l.png) no-repeat;
}

#border-center {
  position:absolute;
  float:left;
  left:229px;
  width:7px;
  height:100%;
  background: url(img/border-center.png) no-repeat;
}


#primary {
  position:relative;
  float:left;
  left:7px;
  width:229px;
  height:100%;
  background: #fff;
}

#primary-content {
  padding-left:0px;
}

#main-menu {
  position: relative;
  top:26px;
  left:14px;
}

#main-menu ul {
  width:188px;
  list-style-type: none;
}

#main-menu ul li {
  width:100%;
  background: url(img/icon-menu.png) -2px 0px no-repeat;
  border-bottom:1px solid #d1d1d1;
  margin:5px 0 0 2px;
}

#main-menu ul li a {
  position: relative;
  left:23px;
  top:-3px;
}

.bg-under-menu {
  /*position:relative;*/
  left:-1px;
  width:224px;
  /*height:166px;*/
  height:136px;
  background: url(img/bg-undermenu.png) bottom no-repeat;
}

#neues {
  position:relative;
  left:1px;
  width:221px;
  height:336px;
  background: url(img/bg-neues.png) no-repeat;
}

.neues-icon {
  position:relative;
  left:3px;
  width:76px;
  height:75px;
  background: url(img/icon-neues.png) no-repeat;
}

.neues-text {
  position:relative;
  left:36px;
  top:-5px;
  width:158px;
}

.main-img {
  width: 776px;
  height:376px;
}

#bg-secondary {
  position:relative;
  width:778px;
  height:617px;
  left:1px;
  background: url(img/bg-homepage.png) no-repeat;
}

.hp-text-blocks {
  position:relative;
  top:30px;
}

.hp-text-block-l {
  position:relative;
  float:left;
  left:30px;
  width:300px;
}

.hp-text-block-r {
  position:relative;
  float:left;
  width:350px;
  padding-left:108px;
}

.hp-btn-blocks {
  position:relative;
  top:53px;
}

.hp-btn-blocks .hp-text-block-l a img {
  position:relative;
  left:-2px;
}

.hp-btn-blocks .hp-text-block-r a img {
  position:relative;
  left:7px;
}

.image-l {
  position:relative;
  top:85px;
}

/* buttons */
.indent-button {
  position:relative;
  left:-13px;
  top:9px;
}
.indent-button {
  left:0px;
}

.details-button {
  position:relative;
  top:-6px;
}

.mitmachen-button {
  padding-top:31px;
}

.zuruck {
  float:left;
}

.drucken {
  position:relative;
  float:right;
  right:-9px;
}

.pdf {
  float:left;
  padding-right:9px;
}

.zumformular {
  height: 30px;
  overflow: hidden;
  float:left;
}

.indent-content {
  position:relative;
  left:-13px;
  top:17px;
}

.dotter-double {
  padding-top:13px;
  padding-bottom:30px;
}

.dotter-double-longe {
  padding-top:23px;
  padding-bottom:4px;
  margin-left:-15px;
}


.list {
  padding-top:18px;
}

.list .dotter {
  padding-top:18px;
  padding-bottom:2px;
  left:-20px;
}

.details-img-block {
	float: left;
  position:relative;
  top:1px;
  left:1px;
  padding-bottom:22px;
}

.details-img-block a:hover {
  text-decoration:none;
  border:none;
}

.loupe {
  position: relative;
  float: right;
  top: 2px;
  right: 3px;
}

.desc-details {
  position: relative;
  top: 3px;
  display: block;
  height: 14px;
  width: 170px;
  float: left;
}

.loupe-details {
  float: right;
  position: relative;
}

.kontakt {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 446px;
  margin-top:-16px;
}

.kontakt td {
  text-align: left;
  text-indent: 1px;
}

.kontakt td.pad9 {
  padding-bottom: 9px;
}

.kontakt td.pad11 {
  padding-bottom: 11px;
}

.kontakt td.pad21 {
  padding-bottom: 21px;
}

.kontakt td.pad30 {
  padding-bottom: 30px;
}


.formular {
  padding-top: 107px;
  float: right;
  right: 0px;
}

.formular {
  padding-top: 10px;
}


input, textarea {
  border: 1px solid #d1d1d1;
  position:relative;
  left: -1px;
  top: -2px;
}

input {
  width: 445px;
  height: 25px;
  background: url(img/bg-input.gif) repeat-x;
}

textarea {
  width: 445px;
  height: 72px;
  background: url(img/bg-textarea.gif) repeat-x;

}

textarea.small {
  width: 445px;
  height: 43px;
  background: url(img/bg-textarea-small.gif) repeat-x;
}

.content-block {
  width: 421px;
  margin-top:-7px;
}

.content-block .dotter img {
  position: relative;
  left:-20px;
  width:439px;
}

.bg-content-block {
  height: 105px;
  background: url(img/bg-content-block.gif) repeat-x;
}

.beweber {
  float: left;
  margin-top:-9px;
  padding-left:1px;
}

.beweber .content-block {
	  float: left;
  width: 741px;
  margin-top:0px;
}

.beweber-image {
  width:258px;
  height:133px;
  display:block;
  float:left;
}

.beweber-content {
  width:438px;
  float: left;
}

.beweber-indent {
	float: left;
  padding: 21px 0 0 0;
}

.beweber .content-block .dotter img,
.sponsor .content-block .dotter img {
  position: relative;
  width:740px;
}

.beweber .bg-content-block {
  width:702px;
  position:relative;
  background: url(img/bg-beweber.gif) repeat-x;
}

.beweber-indent-bg {
  margin-top:-4px;
}

.sponsor .content-block {
  width: 741px;
  height: 105px;
  margin-top:0px;
  display:block;
}

.sponsor-indent {
  padding: 21px 0 0 0;
}

.sponsor .dotter-double-longe {
  padding-top:1px;
  padding-bottom:0px;
  margin-left:-15px;
}

.sponsor-image {
  width:258px;
  height:105px;
  display:block;
  float:left;
  text-align:center;
  position: relative;
  top:33px;
}

.mitmensch {
  position:relative;
  top:0px;
  left:-1px;
}

.curacon {
  position:relative;
  top:5px;
  left:-10px;
}

.torr21 {
  position:relative;
  top:3px;
  left:3px;
}


.sponsor-content {
  width:438px;
  float: left;
  position:relative;
  top:2px;
  left:-22px;
  display:block;
}

.sponsor .bg-content-block {
  width:702px;
  position:relative;
  background: url(img/bg-sponsor.gif) repeat-x;
}

.sponsor .bg-content-block-dark {
  width:702px;
  height:105px;
  width:702px;
  position:relative;
  background: url(img/bg-sponsor-dark.gif) repeat-x;
}

.sponsors-double {
  padding-bottom:63px;
  padding-top:22px;
}

.error {
  color: #7f2347;
}

/* last changes begin*/
.content-part {
  height:100%;
  float:left;
}

#secondary-big {
  position:relative;
  width:776px;
  height:100%;
  float:left;

}

#secondary-content-big {
  position:relative;
  float: left;
  left:0px;
  width:741px;
  height:100%;
  background:#fff;
  padding-top:54px;
  padding-left:35px;
}

.homepage #secondary-content-big  {
  position:relative;
  left:0px;
  width:776px;
  height:100%;
  background:#fff;
  padding-top:0px;
  padding-left:0px;
}

#secondary-small {
  position:relative;
  width:262px;
  height:100%;
  float:left;
  background:#fff;
}

#secondary-content-small {
  position:relative;
  left:35px;
  width:227px;
  height:100%;
}

#tertiary {
  position:relative;
  width:514px;
  height:100%;
  float:left;
  background:#fff;
}

#tertiary-content {
  position:relative;
  left:32px;
  top:39px;
  width:448px;
  height:100%;
  background: #fff;
}

#secondary-big ul,
#secondary-small ul {
  position:relative;
  list-style-type:none;
}

#secondary-big ul li,
#secondary-small ul li {
  background: url(img/icon-ul.gif) 0px 11px no-repeat;
  padding-left:9px;
}

#tertiary ul {
  position:relative;
  list-style-type:none;
}

#tertiary ul li {
  background: url(img/icon-ul.gif) 0px 9px no-repeat;
  padding-left:16px;
  padding-bottom:20px;
}

#tertiary .ul-without-pad ul {
  position:relative;
  list-style-type:none;
  padding-top:19px;
  padding-bottom:39px;
}

#tertiary .ul-without-pad ul li {
  background: url(img/icon-ul.gif) 0px 9px no-repeat;
  padding-left:16px;
  padding-bottom:0px;
}
/* last changes end */


.download-field-1 input,  .download-field-2 input{
/*  width:200px; */
}

.beweber-image a:hover {
  border:0;
}

.btn {left:0; padding:0;}

.btn-space {margin-bottom:15px;}