/*  #################################################
    CSS Template «BOLLHALDER-EBERLE» for TYPO3
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Kai Tallafus
	date:		2009-08
	www:		www.dachcomdigital.com
	
	INCLUDES										  */
	
	@import url("resets.css");
	@import url("content.css");
	
/*	################################################# */

/* ------- FRAMEWORK -------  */

/*-- clearfix -- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.clear {clear: both;}
img {vertical-align: bottom;}

a img,a:link img,a:visited img {border: none;}
a,a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}

html {
	font-family: Arial, Helvetica, Verdana;
	font-size: 100.1%;
	height: 100%;
	min-height: 100%;
}

body {
	font-size: .75em; 
	line-height: 1.2em;
	height: 100%;
	min-height: 100%;
	background-color: #fff;
	color: #384249;
}

body div.hr {
  width: 100%;
  height: 1px;
  background-color: #384249;
  font-size: 0;
  line-height: 0;
}
body.layout0 div.hr {}
body.layout1 div.hr {width: 710px;}

.hidden {
  display: none;
}

/* Framework */

#wrapper {
  width: 990px;
  margin: 0 0 0 24px;
}

#header {
  height: 144px;
  padding: 0 0 0 0;
  position: relative;
}

#header .teasertext {
  /*width: 710px;*/
  width: 740px; /* war vorher unterbrochene Linie -> auf Kundenwunsch geändert! */
  height: 101px;
  /*
  font-family: georgia;
  font-weight: bold;
  text-decoration: underline;
  font-size: 2em;
  line-height: 1.2em;
  */
  border-bottom: 1px solid #384249;
  padding-top: 43px;
  float: left;
}

#header .teasertext a,
#header .teasertext a:link,
#header .teasertext a:visited,
#header .teasertext a:hover,
#header .teasertext a:active {
  color: #000;
  text-decoration: none;
  border: none;
}

#header .logo {
  float: right;
  width: 250px;
  height: 144px;
  border-bottom: 1px solid #384249;
  position: relative;
}

#header .logo a {
  position: absolute;
  bottom: 20px;
  right: 0;
}

#top {
  height: 103px;
  position: relative;
}

ul.hnav {
  position: absolute;
  top: 15px;
  left: 181px;
  /*margin: 15px 0 92px 180px;*/
}

ul.hnav li {
  float: left;
  margin-right: 20px;
}

ul.hnav li a,
ul.hnav li a:link,
ul.hnav li a:visited {
  color: #999;
}
ul.hnav li a:hover,
ul.hnav li a:active
ul.hnav li.act a,
ul.hnav li.act a:link,
ul.hnav li.act a:visited {
  color: #384249;
}

ul.lnav {
  position: absolute;
  left: 0;
  top: 15px;
}

ul.lnav li {
  float: left;
  margin-left: 3px;
}

ul.lnav li a,
ul.lnav li a:link,
ul.lnav li a:visited {
  color: #999;
  padding-left: 3px;
}
ul.lnav li a:hover,
ul.lnav li a:active
ul.lnav li.act a,
ul.lnav li.act a:link,
ul.lnav li.act a:visited {
  color: #384249;
}


h1#pagetitle {
  margin: 0 0 4px 180px;
  color: #384249;
}

h1#pagetitle a {
  color: #384249;
}

#main {
  margin-top: 15px;
  overflow: hidden;
}

#left {
  width: 180px;
  float: left;
  overflow: hidden;
}

#left ul.snav li a,
#left ul.snav li a:link,
#left ul.snav li a:visited {
  color: #999;
  line-height: 1.8em;
}

#left ul.snav li a:hover,
#left ul.snav li a:active,
#left ul.snav li.act a,
#left ul.snav li.act a:link,
#left ul.snav li.act a:visited {
  color: #384249;
}

#left ul.snav li.spc {
  height: 3em;
}

#content {
  float: right;
  width: 810px;
  overflow: hidden;
}

.content-2cols {margin-bottom: 15px;}
.content-2cols .col1 {float: left;} 
.content-2cols .col2 {float: right;}
.full-2cols .col1 {width: 530px;}
.full-2cols .col2 {width: 250px;}
.small-2cols .col1 {width: 324px;}
.small-2cols .col2 {width: 324px; float: left;}
.small-2cols .col1 {padding-right: 34px;}