/*  
Theme Name: Homepage-Fit.com - Theme 
Theme URI: http://www.homepage-fit.com
Description: another rockin' theme -> homepage-fit.com - seo optimized
Version: 2.0
Author: Holger Kruse
Author URI: http://www.homepage-fit.com
*/


body {
	background:#FFF url(/img/bg.png) repeat-x scroll 0 0;
	color:#515151;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	_margin-top: 0px;
	*margin-bottom:0px;
}
a {
	color:#80BC26;
	text-decoration:underline;
}
a:hover {
	color:#b05e1b;
	text-decoration:underline;
}
a:visited, a:active {
	color:#80BC26;
}
h1{
	margin-top: 0px;	
}
h2 {
	color:#80bc26;
	font-size:19px;
}
h5{
display: none;	
}
strong{
font-size: 12px;	
}
img {
	border:medium none;
}
.sitemap .desc {
	clear:left;
	float:left;
	font-size:80%;
	padding-bottom:5px;
	padding-left:20px;
	_clear: none;
	_width: 90%;
	_float: none;
}
.sitemap ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 5px;
}
.sitemap {
	margin: 0 0 0 0 0;
	_width: 90%;
}
#wrap{
	background:transparent url(/img/shadow.png) repeat scroll 0 0;
	*background:transparent url(/img/shadow.png) repeat scroll 0 -10px;
	_background:transparent url(/img/shadow6.png) repeat scroll 0 -10px;
	height:auto !important;
	margin:-8px auto -10px;
	min-height:555px;
	width:1020px;	
	*height: auto;
	*margin-top: -15px;
	_margin-top: -10px;
	height: 1500px;
	*min-height: 900px;
}
#top{
	background:#80BC26 none repeat scroll 0 0;
	height:3px;
	margin:0 auto;
	width:1002px;
	*margin-top: 0px;
}
#logo {
	background:#FFFFFF url(/img/logo.gif) no-repeat scroll 0 0;
	height:47px;
	margin-left:73px;
	width:575px;
	margin-top: 15px;
}
#logo a{
	display:block;
	height:47px;
	width:300px;
}
#logo h2{
	display: none;	
}
#quote{
height:108px;
margin-left:851px;
*margin-left: 605px;
margin-top:-56px;
position:absolute;
width:116px;
}
#credits{
	color:#999999;
	font-size:9px;
	margin-left:83px;
	*margin-left: -200px;
	position:absolute;	
}
#hotline{
	float:left;
	height: 55px;
	_height: 50px;
}
#hotlinetop{
	background:#FFFFFF url(/img/hotline.png) no-repeat scroll 0 0;
	height:7px;
	width:207px;
	margin-top:23px;
	margin-left:70px;
	*height:20px;
	*margin-left:70px;
	*margin-top:27px;	
	_margin-top: 25px;
}
#left{
	background:#FFFFFF url(/img/left.png) repeat scroll 0 0;
	height:50px;
	margin-left:70px;
	margin-top:-16px;
	width:207px;
	_height: 30px;
	
}
#left h3{
color:#80BC26;
font-size:19px;
margin-top:-15px;
text-align:center;
*font-size:17px;
*margin-top: -17px;
_margin-top: 0px;
_margin-bottom: 0px;
_padding-bottom: 0px;
}
#left h4{
	font-size:9px;
font-weight:normal;
margin-top:14px;
padding-bottom:2px;
text-align:center;
*height:7px;
*margin-top:0px;
_margin-top: 0px;
_height: 10px;
_margin-bottom: 0px;
_padding-bottom: 0px;
}
#navi{
	_width: 800px;
	_position: absolute;
	_margin-top: -5px;
}
#navi li{
	border-left:1px dashed #999;
	float:left;
	font-size:15px;
	height:22px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:20px;
	margin-top:43px;
	padding-left:6px;
	_font-size: 14px;
	_font-weight: bold;
	_padding-left: 4px;
	_margin-left: 15px;
}
#navi li a{
	color: #515151;
	text-decoration: none;
}
#navi li a:hover, .naviactive, .naviactive a{
	color: #80BC26;	
	text-deoration: none;
}
#content{
	clear:both;
	float:right;
	padding-right:40px;
	width:682px;
	min-height:850px;
	height: auto;
	text-align: left;
	*clear: none;
	*margin-top: 0px;
	_position: relative;
	_margin-right: -80px;
	}
.textimg{
	float: right;
	padding-left: 10px;
}
#content h2{
	font-weight: bold;
	font-size: 16px;
}
#content h2 a, #content h2a:hover, #content h2 a:visited, #content h2 a:active{
	text-decoration: none;
	color: #80BC26;
}
#subnavi{
	float:left;
	font-size:9px;
	margin-left:140px;
	margin-top:53px;
	*margin-left:102px;
	*margin-top:-10px;
	*font-weight: normal;
	_margin-left: 60px;
	_letter-spacing: -1px;
	_margin-top: -7px;
}
#subnavi a{
	color: #999;
	text-decoration: none;
}
#topstory{
width: 100%;	
}
#topstorycon{
	background:transparent url(/img/topstory.jpg) no-repeat scroll 0 0;
	clear:both;
	float:left;
	height:308px;
	margin-left:44px;
	width:428px;
	_margin-left: 25px;
}
#topstorycon h2{
	color:#595959;
	font-size:19px;
	font-weight:normal;
	margin-top:-10px;
	padding-left:15px;
	margin-bottom: -15px;
}
#topstorycon h1{
color:#595959;
font-size:19px;
font-weight:normal;
margin-bottom:5px;
margin-top:5px;
padding-left:15px;
}
#topstorycon p{
margin-bottom:5px;
margin-left:14px;
text-align:left;
margin-top:0px;
_line-height: 18px;
}
#topstorycon li{
	margin-bottom:5px;
margin-left:27px;
}
.tstor a{
color: #515151;	
}

#topstoryimg{
	float:left;
	width:485px;
}
.more{
background:transparent url(/img/more.png) no-repeat scroll 0 0;
_background:transparent url(/img/more.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
height:42px;
margin-left:51px;
margin-top:-48px;
position:absolute;
width:320px;
}
.more:hover{
	background:transparent url(/img/morehover.png) no-repeat scroll 0 0;
}
.more a{
	color:#FFFFFF;
display:block;
font-size:11.5px;
height:25px;
padding-left:10px;
padding-top:8px;
text-decoration:none;
width:292px;
}
#leftbar{
	background:transparent url(/img/left.png) repeat-y scroll 0 0;
	height:auto;
	margin-left:70px;
	margin-top:-16px;
	width:207px;
	clear: left;
	*margin-top:0px;	
	*padding-bottom: 0px;
	*clear: none;
	*position: absolute;
	*top: 438px;
	*height: 925px;
	*margin-left: 70px;
	_margin-left: 76px;
	_margin-top: -1px;
	_height: 700px;
	_margin-bottom: -10px;
	_pagging-bottom: -10px;

}
#map {
	margin-bottom:6px;
	margin-left:31px;
	margin-top:13px;
}
.qual {
	text-align:left;
}
.qualc {
	font-size:10px;
font-variant:small-caps;
margin-left:58px;
margin-top:-22px;
position:absolute;
*font-size:10px;
*font-variant:small-caps;
*margin-left:0px;
*margin-top:20px;
*font-size: 10px;
}
.qual img {
	margin-left:18px;
	margin-top:8px;
}
#footer{
	clear: both;
	*clear: left;
	*height: 20px;
}
#stories{
height:300px;
margin-top:0;
overflow:hidden;
width:100%;
}
#thebuttons{
	margin-left:782px;
	margin-top:-155px;
	position:absolute;
}

#thebuttons li{
	display:block;
	float:left;
	height:20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#thebuttons li a{
	background:#80BC26 url(/img/buttonbg.png) repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	font-size:10px;
	font-weight:normal;
	height:14px;
	margin-left:5px;
	padding-left:4px;
	padding-top:0;
	text-decoration:none;
	width:10px;
}
#thebuttons li a:hover, #thebuttons li a:active{
	background:#80BC26 url(/img/buttonbghover.png) repeat scroll 0 0;
}
.products{
	width: 170px;
	float: left;
	font-size: 11px;
	*font-size: 11px;
	*letter-spacing: -1px;
}
.products li{
margin-left: 5px;
list-style: circle;
line-height: 17px;
*line-height:15px;
*margin-left: -5px;
}
.phead{
	background:#FFFFFF url(/img/producthead.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:22px;
	padding-top:4px;
	text-align:center;
	width:170px;
	_height: 0px;
	_margin-bottom: -13px;
	_padding-bottom: 0px;
	
}
.phead a, .phead a:active, .phead a:visited, .phead a:hover, .more a, .more a:hover, .more a:visited, .more a:active{
_color: #fff;
_text-decoration: none;
}
.phead1{
	background:#FFFFFF url(/img/producthead1.png) repeat scroll 0 0;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:22px;
	padding-top:4px;
	text-align:center;
	width:170px;
		_height: 0px;
	_margin-bottom: -13px;
	_padding-bottom: 0px;
	
}
.phead1 a, .phead1 a:hover, .phead1 a:visited, .phead1 a:active{
_color: #fff;
_text-decoration: none;
}
.pcon{
	background: #fff url(/img/productbg.gif);	
	height: 230px;
}
.pcon img{
	margin-left: 4px;	
}
.ptext{
	height:87px;
	overflow:hidden;
	padding-left:17px;
	padding-right:17px;
	padding-top:7px;
	*padding-top: 0px;	
}
.more2{
	background:transparent url(/img/more2.png) repeat scroll 0 0;
	_background:transparent url(/img/more2.jpg) repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
height:22px;
margin-left:-2px;
margin-top:16px;
padding-left:10px;
position:absolute;
width:134px;
padding-top: 2px;
}
.more2 a, .phead a, .more3 a, .phead1 a{
	color: #fff;
	text-decoration: none;
}
.more2 a:hover, .more a:hover, .more2 a:visited, .more2 a:active, .more2 a:hover{
_color: #fff;
_text-decoration: none;
}
.more3{
	background:transparent url(/img/more2hover.png) repeat scroll 0 0;
	_background:transparent url(/img/more2hover.jpg) repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
height:22px;
margin-left:-2px;
margin-top:16px;
padding-left:10px;
position:absolute;
width:134px;
padding-top: 2px;	
}

.more3 a:hover, .more3 a, .more3 a:active, .more3 a:visited{
_color: #fff;
_text-decoration: none;
}

.more2, .more3{
*margin-top:12px;
*margin-left:-2px;
*display: block;
*position: relative;
*padding-left: 17px;
*width: 127px;
}

.phead h1 a, .phead1 h1 a{
	font-size: 13px;	
}
.more2:hover{
	background:transparent url(/img/more2hover.png) repeat scroll 0 0;
}
#tagcloud{
	color:#999999;
	padding-left:17px;
	padding-right:17px;	
	text-align:left;
	*margin-top: -10px;
}
#cbs{
	padding-left:17px;
	_overflow: hidden;
	padding-right:17px;		
}
#contact{
font-size:12px;
line-height:20px;
padding-left:17px;
text-align:left;
_margin-top: -10px;
}
#contact img{
margin-right: 3px;	
}
#leftbar h2{
	color:#666666;
	font-size:15px;
	margin-bottom:0;
}
#seperator{
	background:transparent none repeat scroll 0 0;
	border-bottom:1px dashed #999999;
	height:15px;
	margin:0 auto;
	width:150px;
}
.tag1 {
	font-size:14px;
	font-weight:bold;
}
.tag2 {
	font-size:17px;
}
.tag3 {
	font-size:16px;
}
.tag4 {
	font-size:9px;
}
#right img {
	margin-bottom:6px;
	margin-top:-7px;
}
#products a {
	color:#666666;
	text-decoration:none;
}

#landingpages{
	border-top:1px dashed #999999;
clear:right;
color:#999999;
float:right;
font-size:9px;
margin-bottom:15px;
margin-right:0px;
*margin-right: 38px;
_margin-right: 38px;
margin-top:20px;
padding-top:4px;
text-align:center;
width:684px;
}
#landingpages a, #landingpages a:active, #landingpages a:visited{
color: #999;
text-decoration: none;
}
#landingpages a:hover{
text-decoration: underline;	
}
#referenzen{
float:left;
text-align:left;
_float: none;
}
#referenzen img{
height:173px;
margin-bottom:-10px;
margin-left:-12px;
width:465px;}
#flags{
margin-bottom:4px;
margin-top:10px;
padding-left:16px;	
}
.refhead{
	font-weight: bold;
}
#refs2{
	float:right;
font-size:13px;
letter-spacing: -1px;
_float: right;
_margin-top: -1800px;
}
#leftbarend{
display: none;	
*display: block;	
*background: #000 url(/img/leftbarend.gif);
_background: #fff url(/img/leftbarend.gif) no-repeat;
*height:7px;
*margin-left:-16px;
*width:207px;
*margin-top: 10px;
*margin-bottom: 0px;
_height: 0px;
_margin-top: 10px;
_margin-bottom: -20px;
_margin-top: 10px;
}