/* main file of styles

all styles for menus located in the file menu.css
all styles for 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

*/

/* Base layout including grid */
#wrapper {
  width:951px;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}

#wrapper-top,
#wrapper-bottom {
  width:951px;
  height:9px;
}

#wrapper-top {
  background: url(../images/wrapper-top.png) no-repeat;
}

#wrapper-middle {
  width:951px;
  height:100%;
  background: url(../images/wrapper-middle.gif) repeat-y;
}

#wrapper-bottom {
  background: url(../images/wrapper-bottom.png) no-repeat;
  padding-bottom:60px;
}

#body {
  padding: 2px 46px 0 46px;
}

#header {
}

.content {
  padding-top:22px;
}

.primary {
  width:182px;
  height:100%;
}

.secondary {
  width:670px;
  height:100%;
}

.secondary-left {
  width:450px;
  height:100%;
}

.secondary-right {
  width:220px;
  height:100%;
  position:relative;
  left:18px;
}


/* general */
body {
  background-color: #f2f2f2;
}


/* Page-specific styles */

.preview.coll  {
  cursor: pointer;
}

.preview  {
  width:210px;
  padding-bottom:21px;
}

.preview-text .trenner {
  height:1px;
  background: url(../images/trenner-prev.gif) repeat-x;
  padding:0px 6px 10px 6px;
  margin-top:10px;
}

.preview-header {
  width:auto;
  height:21px;
}

.preview-header-hobby {
  background: url(../images/bg-menu-hobby.gif) repeat-x;
}

.preview-header-profi {
  background: url(../images/bg-menu-profi.gif) repeat-x;
}

.preview-header-univer {
  background: url(../images/bg-menu-univer.gif) repeat-x;
}

.preview-header-indiv {
  background: url(../images/bg-menu-indiv.gif) repeat-x;
}

.preview-header-main {
  background: url(../images/bg-menu-main.gif) repeat-x;
}

.preview-content {
  display:block;
  width:208px;
  height: auto;
  border-left:1px solid #b2b2b2;
  border-right:1px solid #b2b2b2;
}

.preview-info {
  display:block;
  width:208px;
  height: 83px;
  background-color: #988575;
}

.preview-footer {
  display:block;
  width:208px;
  height: 44px;
  border-left:1px solid #b2b2b2;
  border-right:1px solid #b2b2b2;
  border-bottom:1px solid #b2b2b2;
  background: url(../images/bg-preview-footer.gif) repeat-x;
}

.preview-text {
  display:block;
  width:194px;
  height: auto;
  border-bottom:1px solid #b2b2b2;
  background: url(../images/bg-preview-text.gif) repeat-x bottom;
  padding:6px 6px 6px 8px;
}

.preview-text ul, .preview-text ol, .preview-text p{
    padding-bottom: 0px !important;
}
    
.preview-text img {
  margin-left:18px;
}


.preview-text-homepage {
  height: 272px;
  padding:0px 6px 24px 8px;
}


.preview-leftpad {
  padding-left:24px;
}

.links-block {
  display:block;
  width:860px;
  height:88px;
  background: url(../images/bg-links-block.gif) repeat-x;
}

.pad22 {
  padding-bottom:22px;
}

.footer {
  margin-top: 20px;
}

.navigation-link {
  width:600px;
  padding:8px 0 0 10px;
}

.socialmedia-link {
  width:210px;
  position:relative;
  top:8px;
  left:43px;
}

.footer .trenner {
  height:1px;
  width:830px;
  background: url(../images/trenner.gif) repeat-x;
  margin-top:10px;
  margin-left:15px;
  padding: 0 0 13px 0;
  overflow:hidden;
}

.customers-block {
  padding-left:15px;
}

.customers-text {
  display:block;
  width:90px;
  height:50px;
}

.footer-padding {
  padding-top:85px;
}


/* Module-specific styles */
.coll {
  float: left;
}

.colr {
  float: right;
}

.logotype {
  display: block;
  width: 155px;
  height: 69px;
}

.main-img-block {
  display: block;
  width: 870px;
  height :273px;
  padding-top: 70px;
}

.main-img {
  position: absolute;
  left: -582px;
  top: -191px;
  width: 860px;
  height :263px;
  background-repeat: no-repeat;
  z-index: 100;
}

.main-img-shadow {
  position: relative;
  left: 582px;
  top: 190px;
  width: 284px;
  height: 77px;
  background-color: #002060;
  z-index: 10;
}

.opacity {
  display: block;
  width: 153px;
  height: 263px;
  background: url(../images/opacity.gif) no-repeat;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.main-img-header {
  position: absolute;
  top:186px;
  left:575px;
  padding-left:14px;
  background: url(../images/bg-main-header.gif) repeat-x;
  width:271px;
  height:77px;
}

.main-img-header-text {
  position: absolute;
  top:10px;
  left:0px;
  padding-left:14px;
}

.this-page {
  display:block;
  height:36px;
  width:610px;
  padding-left:16px;
  padding-top:7px;
}

.search {
  display:block;
  width:210px;
  height:18px;
}

ul#SearchResults li {
	list-style: none;
	padding-bottom: 20px;
}

a.searchResultHeader {
	margin-left: -8px;
}

a.readMoreLink {
	padding-top: 5px;
	display: block;
}

.trenner {
  width:auto;
  height:1px;
  background: url(../images/trenner.gif) repeat-x;
  margin-top:2px;
}

.copyright {
  text-align:center;
  padding-top:12px;
}

.copyright-hp {
  text-align:center;
  padding-top:0px;
}

/* Box Images */

div.containerImagesHolder {
    position: relative;
    height: 111px;
}

div.containerImagesHolder a {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: -8px;
    margin-top: -6px;
}

div.containerImagesHolder a img {
    margin: 0px;
}

a#lightwindow_galleries_tab {
    display: none !important;
}
/*
 * table
 */

div.secondary-left table {
	color: #666666;
	font-family: Trebuchet MS;
	font-size: 11px;
	padding: 5px;
	border: 1px solid #d9dee7;
}



div.secondary-left table tr td.gr {
	background-color: #D9DEE7; 	
}

div.secondary-left table tr td.wadb {
	color: #fff;
	background-color: #002060; 	
}

div.secondary-left.coll ul, div.secondary-left.coll ol  {
	list-style-position: outside;
	margin-left: 15px;
}


