@charset "utf-8";

/* 

Trendguides Online Professionals Network CSS 
Copyright: Tobias Blask 2008

*/

body {
background-color:#FFFFFF;
background-image:url('../bg_index.gif');
background-repeat:repeat-x;
color:#797d62;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:13px;
margin:0;
padding:0;
}

h1 {
font-weight:bold;
font-size:14px;
line-height:13px;
margin:0;
padding:0;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

h2 {
font-weight:normal;
font-size:12px;
line-height:13px;
margin:0;
padding:0;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

h3 {
font-size:11px;
font-weight:700;
line-height:13px;
margin:0;
padding:10px 0 0;
}

a {
color:#36c;
text-decoration:none;
}

a.link {
color:#f54d00;
font-weight:700;
text-decoration:none;
}

a img {
border:0 none;
margin:0;
padding:0;
}

p {
margin:0;
padding:9px;
}

#container{
background-color:#FFFFFF;
position: absolute;
width:990px;
height: 1100px;
left: 50%;
margin-left:-495px;
}

#container_projektanfrage{
	background-color:#FFFFFF;
	position: absolute;
	width:800px;
	height: 1100px;
	left: 50%;
	margin-left:-425px;
}

#head {
background-color:#003333;
height:100px;
width:990px;
}
#head_projektanfrage {
background-color:#003333;
height:100px;
width:850px;
}
#logo {
float:left;
left:0px;
position:absolute;
z-index:100;
}

#menu {
height:38px;
left:227px;
position:absolute;
top:182px;
width:auto;
z-index:10;
}

#menu li {
float:left;
}

#menu li img {
margin-left:1px;
margin-right:1px;
}

#topPan {
height:100px;
left:340px;
margin:0 auto;
padding:0;
position:absolute;
width:675px;
}

#topPan img {
display:block;
height:57px;
padding:23px 0 0 6px;
width:204px;
}

#topPan ul {
display:block;
height:100px;
margin:0;
padding:0;
position:absolute;
right:0px;
top:9px;
width:680px;
}

#topPan ul li {
display:block;
float:left;
text-align:center;
width:104px;
}

#home {
background:transparent url('../teaser/teaser_home.jpg') no-repeat scroll left top;
height:185px;
width:990px;
}

#home_seo {
background:transparent url('../teaser/teaser_seo.jpg') no-repeat scroll left top;
height:185px;
width:990px;
}

#home_consulting {
background:transparent url('../teaser/teaser_consulting.jpg') no-repeat scroll left top;
height:185px;
width:990px;
}
#home_webdesign {
background:transparent url('../teaser/teaser_webdesign.jpg') no-repeat scroll left top;
height:185px;
width:990px;
}
#map {
height:475px;
width:990px;
}

#texte {
height:342px;
position:absolute;
width:910px;
}

#kontakt_impressum {
height:120px;
left:21px;
padding:18px;
position:absolute;
top:773px;
width:446px;
}

#home_einfach {
height:120px;
left:10px;
padding:18px;
position:absolute;
top:770px;
width:446px;
}

#home_awards {
height:120px;
left:0px;
position:absolute;
top:282px;
width:612px;
height: 290px;
}

#photodiv {
height:120px;
left:612px;
position:absolute;
top:282px;
width:378px;
height: 290px;
}

#home_kunden {
/*visibility:hidden;*/
height:120px;
left:505px;
padding:18px;
position:absolute;
top:768px;
width:446px;
}

.smallfont {
font-size:11px;
}

.planDesc {
padding-bottom:15px;
}

.planDesc h2 {
display:inline;
margin:0;
padding:0;
}

.smallFontx {
font-size:10px;
line-height:12px;
}

.bPrice {
color:#5e5e5e;
font-size:23px;
font-weight:700;
text-align:right;
}

.setupFee {
color:#f03;
font-size:11px;
font-weight:700;
line-height:14px;
}

.pricex {
padding-top:15px;
}

.smallheight {
line-height:14px;
}

#agbs {
height:120px;
left:21px;
padding:18px;
position:absolute;
top:945px;
width:446px;
}

#web_select {
background-image:url('web.jpg');
display:block;
float:left;
height:313px;
width:289px;
}

#web_links {
margin:50px auto 0;
padding:0;
width:250px;
}

#web_links a {
background-image:url('web_link.jpg');
color:#333;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:23px;
line-height:23px;
margin:3px;
text-decoration:none;
width:246px;
}

#web_links a:hover {
background-position:0 23px;
}

#footer {
border-top:1px solid #e9eae4;
clear:both;
color:#b6b9a6;
float:none;
height:27px;
line-height:27px;
padding-left:28px;
position:absolute;
top:955px;
}

#footer_unternehmen {
border-top:1px solid #e9eae4;
clear:both;
color:#b6b9a6;
float:none;
height:27px;
line-height:27px;
padding-left:28px;
position:absolute;
top:1255px;
}

#footer_homepage {
border-top:1px solid #e9eae4;
clear:both;
color:#b6b9a6;
float:none;
height:27px;
line-height:16px;
padding-left:28px;
position:absolute;
top:940px;
width:949px;
}
#footer_projektanfrage{
	border-top:1px solid #e9eae4;
	clear:both;
	color:#b6b9a6;
	float:none;
	height:27px;
	line-height:16px;
	padding-left:28px;
	position:relative;
	width:949px;
	padding-top: 10px;
}

#footer_seo {
border-top:1px solid #e9eae4;
clear:both;
color:#b6b9a6;
float:none;
height:27px;
line-height:16px;
padding-left:28px;
position:absolute;
top:960px;
width:949px;
}

#footer_kontakt {
border-top:1px solid #e9eae4;
clear:both;
color:#b6b9a6;
float:none;
height:27px;
line-height:16px;
padding-left:28px;
position:absolute;
top:960px;
width:949px;
}

#footer_2 {
border-top:1px solid #e9eae4;
clear:both;
color:#b6b9a6;
float:none;
height:27px;
left:0;
line-height:27px;
padding-left:28px;
position:absolute;
top:997px;
}

.presentation {
clear:both;
padding:20px 0 10px 15px;
width:980px;
}

.titre {
clear:right;
float:none;
padding:10px;
}

.pres {
float:left;
height:100px;
padding:0 25px;
width:430px;
}

.pres img {
float:left;
margin-right:10px;
}

ul,li,#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#topPan ul li a,#topPan ul li span {
background:url(images/menu-bg.gif) 0 0 repeat-x;
color:#FFF;
display:block;
font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
height:35px;
margin:0;
padding:57px 0 0;
text-decoration:none;
width:104px;
}

#topPan ul li a:hover,#topPan ul li :hover {
background:#FFFFFF;
color:#000000;
display:block;
/*height:50px;*/
text-decoration:none;
width:104px;
}

#home_inklusive,#ref_aerzte,#soeinfach {
height:120px;
left:10px;
padding:18px;
position:absolute;
top:605px;
width:446px;
}

#home_produkte,#ref_steuerberater,#die_idee {
height:120px;
left:505px;
padding:18px;
position:absolute;
top:604px;
width:446px;
}
#seo__content_rechts {
height:295px;
left:505px;
padding:18px;
position:absolute;
top:604px;
width:446px;
}
#seo_content_links {
height:310px;
left:10px;
padding:18px;
position:absolute;
top:605px;
width:446px;
}
#consulting__content_rechts {
height:295px;
left:505px;
padding:18px;
position:absolute;
top:604px;
width:446px;
}
#consulting_content_links {
height:310px;
left:10px;
padding:18px;
position:absolute;
top:605px;
width:446px;
}