/*  #################################################
    postgate.li
    -------------------------------------------------
	company:	DACHCOM digital AG
	publisher:	Kai Tallafus
	date:		2009-09
	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%;
}


/* vertical alignment - crossbrowser! */
div.v-align1 {
	display: table;
	overflow: hidden;
}
div.v-align2 {
	display: table-cell;
	vertical-align: middle;
}

.clear {clear: both;}

img {vertical-align: baseline;}

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

img.spacer-gif {
	display: block;
	clear: both;
}


/*-------- / MARKUP / ---------*/
html {
	font-family: Arial, Helvetica, Verdana;
	font-size: 100.1%;
	height: 100%;

}
body {
	font-size: .7em; /* .75em = 12px */
	line-height: 1.2em;
	height: 100%;
	color: #333;
	text-align: center;
}
body#home {
  background:#1C1C1C url('/fileadmin/templates/images/bg.jpg') repeat-x 0 0;
}
body#follow {
  background:#1C1C1C url('/fileadmin/templates/images/bg_folge.jpg') repeat-x 0 0;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 913px;
	padding-bottom: 40px;
}
#inner-wrapper {background:#fff;}

#header {
  position: relative;
  height: 74px;
}

a#logo,
a#logo:link,
a#logo:visited,
a#logo:hover,
a#logo:active {
	position: absolute;
	bottom: 9px;
	right: 0;
  border: none;
  width: 164px;
  height: 55px;
}

#header a.login-postgate,
#header a.login-postgate:link,
#header a.login-postgate:visited,
#header a.login-postgate:hover,
#header a.login-postgate:active {
  position: absolute;
  bottom: 6px;
  right: 240px;
  background: url(/fileadmin/templates/images/submit.gif) top left no-repeat;
  padding-left: 20px;
}

#hnav {
  position: absolute;
  bottom: 0;
  left: 27px;
}

#hnav li {
  float: left;
  position: relative;
  height:25px;
  cursor: pointer;
}

#hnav li ul {
  position: absolute;
  top: 25px;
  left: -7px;
  min-width: 100%;
  display: none;
  padding: 12px 15px 12px 15px;
  background: transparent url(/fileadmin/templates/images/hnav_transbg_66.png) scroll repeat 0 0;
}

#hnav li ul li {
  float: none;
  height: auto;
}

#hnav li ul li a,
#hnav li ul li a:link,
#hnav li ul li a:visited {
  white-space: nowrap;
  color: #000;
  text-decoration: none;
  line-height: 1.5em;
  display: block;
}

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

#hnav li:hover ul,
#hnav li.act ul {display: block;}

#follow #middle {
  height: 206px;
  background: transparent url(/fileadmin/templates/images/linien_folgeseite.gif) scroll no-repeat bottom left;
  margin-bottom: 25px;
}

#main {
  min-height: 300px;
  padding: 0 24px 40px 35px;
}

#footer {
  margin-top: 8px;
  color: #666;
  font-size: 0.95em;
}

#footer ul.gnav {}

#footer ul.gnav li {
  float: left;
  margin-right: 6px;
}

#footer ul.gnav li a,
#footer ul.gnav li a:link,
#footer ul.gnav li a:visited,
#footer ul.gnav li a:hover,
#footer ul.gnav li a:active {
  color: #666;
  margin-right: 6px;
}

#footer span.copy {
  float: right;
}

#content .col1 {
  float: left;
  width: 565px;
}

#content .col2 {
  float: right;
  width: 260px;
}