* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body{
	background: #ff981f url(../img/layout/bg-orange.jpg) repeat-x 0% 140%;
}

.wrapper {
	margin: 0 auto -3em auto; /* the bottom margin is the negative value of the footer's height */
	width: 960px;
}

.header, .content{
	/*background: #fff url(../img/layout/shade-low.jpg) no-repeat center bottom;
	padding-bottom: 20px;*/
	background: #fff;
}

.header{
	position: relative;
	height: 120px;
}

.content{
	padding: 24px 24px 58px 24px;
	line-height: 1.7em;
	font-size: 1.2em;
}

.content p{
	padding: 0 20px 10px 0;
}

.content p.readon{}

.content .loginInfo,
.content .addressInfo{
	width: 450px;
}

.content .addressInfo{
	margin: 0px 0 0 20px;
}

.content .addressInfo h3.section{
	margin: 30px 0 0 0;
}



.loginInfo form{
	width: 40%;
}

/* Login/out links */

.acl{
	position: absolute;
	top: 4px;
	right: 24px;
}

.acl, .acl a{ color: #999; }


.footer{
	height: 3em; /* .push must be the same height as .footer */
}

.footer{
	background: #fff url(../img/layout/shade-low.jpg) no-repeat center bottom;
	padding-bottom: 30px;
	color: #999;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.footer p{
	padding: 0 24px;
	line-height: 3em;
}

.footer p.right{
	position: absolute;
	right: 34px;
	top: 0;
	background: url(../img/layout/tmh-minilogo.gif) no-repeat 100% 45%;
	padding-right: 32px;
}

/* COLUMNS */

.column{ width: 45%; }
.column.fifty{ width: 48%; }
.column.left{ float: left; }
.column.right{ float: right; }

.teaser .column{ padding-top: 30px; width: 312px; font-size: 1.0em; line-height: 1.7em;}
.teaser img{ float: left;}

.intro{
	font-size: 1.2em;
	line-height: 1.8em;
	padding: 15px 260px 28px 40px;
	border-bottom: 4px solid #ff981f;
	position: relative;
}

.intro ul{
	position: absolute;
	right: 20px;
	top: 0;
}

/* column items */

.column img{
	float: left;
}

.haustypen .column .item h3{
	margin-bottom: 9px;
}

.column .item .description{
	float: right;
	width: 155px;
}

.posts.index .column.left{
	width: 75%;
}

.posts.index .column.right{
	width: 20%;
}

.posts.index .post{
	width: 80%;
}

.haustypen .column{
	padding-bottom: 24px;
}



div.img-illus {
	background: url(../img/layout/shadow.gif) no-repeat bottom right;
	margin: 7px 12px 28px 12px;
	padding: 0;
	position: relative;
}

div.img-illus img {
	background-color: #fff;
	border: 1px solid #efefef;
	border-bottom: 0 none;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
}

div.img-illus.titleimage{
	width: 275px;
	float: left;
	margin: 5px 2px 28px 0;
}

.item-content .description{
	margin-left: 290px;
}

div.column.thumbnails{
	width: 300px;
	float: right;
	margin-left: 60px;
}

div.thumbnail{
	border-bottom: 1px solid #efefef;
	position: relative;
}

div.thumbnail img.locked{
	position: absolute;
	bottom: 18px;
	left: 5px;
}

div.thumbnail a{
	display: block;
	line-height: 70px;
	padding: 8px;
}

div.thumbnail a img{
	border: 2px solid #efefef;
}

div.thumbnail a span{ padding-left: 12px; }

div.thumbnail a:hover{
	background: #efefef url(../img/layout/bigbutton-shade.gif) repeat-y left top;
}

div.thumbnail a:hover span{ font-weight: bold; }
div.thumbnail a:hover img{ border: 2px solid #fff; }


div.downloads{ padding-bottom: 16px; }

/* NAVIGATION
------------------------------*/
.navwrapper{
	border-bottom: 4px solid #ff981f;
	height: 95px;
	margin: 0 24px 0 400px;
}

ul#nav{
	list-style: none;
	padding: 55px 0 0 0;
	margin: 0 24px 0 0;
	position: absolute;
	right: 0;
	font-size: 1.2em;
	height: 2.8em;
}

ul#nav li{
	float: left;
	line-height: 2.8em;
	padding: 0 8px;
	text-align: center;
	background-image: none;
}

ul#nav li.selected{
	font-weight: bold;
	background: url(../img/layout/nav-marker.gif) no-repeat center bottom;
}

ul#nav li a{ color: #999; text-decoration: none; }
ul#nav li a:hover{ color: #000;}
ul#nav li.selected a{ color: #000;}

/* LISTS */

ul{
	margin: 6px 0 12px 0;
	list-style: none;
}

ul li, p.feature{
	background: url(../img/layout/arrow-right.gif) no-repeat left center;
	padding: 4px 0 2px 16px;
}

p.feature{ margin-bottom: 5px; }

ul li.current{ font-weight: bold;}

ul.partners{
	padding: 8px 0 14px 30px;
}

ul.partners, ul.partners li{ list-style: none; text-align: center; }
ul.partners li{
	float: left;
	width: 180px;
	height: 90px;
	padding: 0;
	vertical-align: center;
	background-image: none;
}

ul.partners li a{ display: block; text-align: center;}

ol{ list-style: decimal inside; margin: 0 0 12px 0; }

/* Definitionen */
dl dt{ font-weight: bold;}
dl dd{
	margin: 0 0 10px 0;
}

/* Address vCard */

address{ font-style: normal; }
address span{ display: block;}

/* Paging */
div.paging {
	color: #ccc;
	margin: 2em 0;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}

/* NEWS */

.item{
	margin-bottom: 19px;
}

.item-content{
	padding: 8px 0 2px 0;
}

small.date{ color: #999; display:block; clear:both; }


p.readmore{ padding: 0; }

/* CLEARING
-------------------------*/

.clear {
	clear: both;
	margin: 0;
	padding: 8px 0;
	}

.clearfix { 
	display: inline;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}