@charset "utf-8";
/* CSS Document */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

* {
	margin:0;
}

html {
	overflow-y:scroll;
	background-color:#ecf1f5;
	height:100%;
}

body {
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:11px;
	color:#444;
	height:100%;
}
#header {
	width:858px;
	height:257px;
	padding:0 17px 0 17px;
	background-color:#ecf1f5;
	position:relative;
	left:-17px;
}

#logo {
	position:absolute;
	top:24px;
	left:37px;
}
#logo a{
	height:140px;
	width:180px;
	display:block;
	outline:0;
}

#logo span{
	display:block;
	text-indent:-1000em;
}

#main-nav{ 
	width:841px;
	height:35px;
	position:relative;
	padding-left:32px;
	padding-right:17px;
	left:-15px;
	background:transparent url(/images/top-bg.png) no-repeat -2px 0;
}

#main-nav li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-0.5px;
	font-size:11px;
	color:#666;
	text-decoration:none;
	padding:0 10px 0 10px;
	display:block;
}

#main-nav li:hover, #main-nav li.current > a{
	background:transparent url(/images/li-bg.png) repeat-x 0 0;
	color:#fff;
}


#main-nav li {
	float:left;
	height:35px;
	line-height:38px;
}
#main-nav li:hover .sub {
	display:block;
}
#main-nav li ul {
	display:none;
	position:absolute;
	width:auto;
	top:36px;
}

#main-nav li ul li{
	display:block;
	float:left;
	clear:left;
	height:20px;
	line-height:20px;
	width:80px;
	border-bottom:1px solid #fff;
}

#main-nav li ul li a {
	background:#f8f0db;
	outline:none;	
}

#main-nav li ul li a:hover {
	color:#ccc;
}

#main {
	width:858px;
	padding:0 17px 0 17px;
	background:url(../images/content-bg.png) repeat-y 0 0;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -140px;
	position:relative;
}

#main-column{
	padding:78px 0 100px 0 ;
	width:558px;
	float:left;
}

#content {
	margin-left:70px;
	width:335px;
	padding-bottom:35px;
}

#content a{
	color:#CC9966;
}

#content p {
	margin-bottom:18px;
	line-height:15px;
	color:#444;
}

#content h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#444;
	margin-bottom:46px;
}

span.signatur {
	height:42px;
	display:block;
	margin-bottom:10px;
	text-indent:-10000em;
	background:transparent url(../images/signatur.png) no-repeat left 15px;
	margin-bottom:-16px;
	padding-top:15px;
}


#content-puffs {
	width:523px;
	height:226px;
	border:6px solid #f8f0db;
	margin-left:23px;
	padding-left:5px;
}

.content-puff{
	width:184px !important;
	float:left;	
	padding:16px 35px 0 35px;
	position:relative;
	
}
body#content-puffs {
	border:0;
}
body.content-puff {
	background:#fff;
}
body.content-puff .house{
	display:none;
}
.house {	
	position:absolute;
	width:38px;
	height:32px;
	top:16px;
	left:31px;
	background:transparent url(../images/icons.png) -0px -6px no-repeat;
}
.house-green {	
	position:absolute;
	width:38px;
	height:32px;
	top:16px;
	left:31px;
	background:transparent url(../images/icons.png) -0px -84px no-repeat;
}
.content-puff p{
	color:#444;
	line-height:14px;
	margin-bottom:10px;
}

.content-puff h5 {
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:16px;
	color:#666;
	padding-top:34px;

	margin-bottom:3px;
}
.content-puff a{
	padding-left:17px;
	background:transparent url(../images/icons.png) 0 -193px no-repeat;
	color:#99cccc;
	text-decoration:none;
}
.content-puff a.green{
	color:#99cc99;
	background-position:0 -171px;
}

.content-puff a:hover{
	text-decoration:underline;
}

#side-column {
	width:220px;
	padding-top:65px;
	float:right;
	margin-right:30px;
}
body#side-column {
	float:none;
	margin:0;
	padding:0;
}

#side-column .puff{
	background-color:#f8f0db;
	width:222px;
	margin-bottom:11px;
	
}
#side-column .puff img{
	position:relative;
	left:-15px;
	top:-6px;
}

#side-column .puff h5{
	font-size:16px;
	font-weight:normal;
	color:#666;
	margin-bottom:3px;
}
#side-column .puff p{
	line-height:14px;
	margin-bottom:10px;
}

#side-column a.puff-link{
	display:block;
	margin-right:20px;
	padding-right:20px;
	background:transparent url(../images/icons.png) 174px -217px no-repeat;
	text-decoration:none;
	color:#cc9966;
	height:12px;
	line-height:11px;
	text-align:right;
}
#side-column a.puff-link:hover{
	text-decoration:underline;
}

.puff-content{
	padding:7px 0 12px 16px;
}

.puff-title {
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:10px;
	color:#555;
	display:block;
	margin-bottom:8px;
}
.puff-image{
	
}

#footer {
	margin:0 auto;
	width:828px;
	height:140px;
	padding:0;
	position:relative;
	padding:0 15px 0 15px
}
#footer li {
	float:left;



}

#footer .copyrights {
	display:block;
	float:right;
}
#footer .copyrights, #footer .copyrights a {	
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:11px;
	color:#ccc;
	text-decoration:none;
}

#footer li a{
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:11px;
	color:#ccc;
	text-decoration:none;
	border-left:1px solid #ccc;
	height:10px;
	display:block;
	line-height:8px;
	padding-right:5px;
	padding-left:5px;
}

#footer li.first a{
	border:0;
}

#footer, .push {
	height:140px;
}




/* CLEAR AND 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;
    height:1px;
    overflow:hidden;
}