/* CSS Document */
body {
background-image:url(images/bg.gif);
background-repeat:repeat-x;
background-color:#000000;
margin:0;
padding-top:5px;
text-align:center;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

a, a:link, a:active, a:visited {
color:#FFF;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#FE9900;
text-decoration:none;
font-weight:bold;
}

#seitenrahmen {
width:780px;
background:#262626;
border:1px solid #666666;
margin:auto;
}

#innenrahmen {
margin:5px;
background:#000;
}

#webdesign {
width:100%;
text-align:left;
height:200px;
background:#000 url(images/startseite_webdesign.jpg) no-repeat;
}

#programmierung {
width:100%;
text-align:left;
height:200px;
background:#000 url(images/firmenprofil_programmierung.jpg) no-repeat;
}

#content {
width:100%;
text-align:left;
height:200px;
background:#000 url(images/leistungen_content.jpg) no-repeat;
}

#kontakt {
width:100%;
text-align:left;
height:200px;
background:#000 url(images/kontakt_webdesign_altenburg.jpg) no-repeat;
}

#fastlane {
width:100%;
text-align:left;
height:200px;
background:#000 url(images/cms_contenterstellung.jpg) no-repeat;
}

#logo {
width:300px;
height:68px;
margin-left:20px;
background-image:url(images/fastlane_logo.png);
background-repeat:no-repeat;
}

* html #logo {
width:300px;
height:68px;
margin-left:25px;
background-image:url(images/fastlane_logo.gif);
background-repeat:no-repeat;
}

#hauptmenue {
height:40px;
background:#666666;
overflow:hidden;
background-image:url(images/bg_navi.jpg);
background-repeat:repeat-x;
text-align:left;
padding-left:10px;
}

#inhalte {
background:url(images/inhalt_hg.gif) #000;
background-position:top;
background-repeat:no-repeat;
color:#FFF;
font-size:11px;
text-align:left;
padding-bottom:15px;
margin-top:5px;
padding-top:25px;
}

.inhaltelinks {
margin-left:20px;
width:500px;
float:left;
line-height:150%;
}

.inhaltelinks h3 {
font-size:16px;
color:#FE9900;
text-transform:uppercase;
}

.inhalterechts {
margin-right:5px;
border-left:1px solid #999999;
margin-left:555px;
padding-left:10px;
}

.inhalterechts h3 {
font-size:11px;
font-weight:bold;
color:#FE9900;
width:95%;
border-bottom:1px solid #FE9900;
text-transform:uppercase;
padding-bottom: 2px;
}

.pfeil {
	float:left;
	margin:2px 5px 35px 0;
}

.pfeil2 {
	float:left;
	margin-right:5px;
	margin-top:2px;
}

.kunden {
float:left;
margin-right:3px;
margin-bottom:3px;
border:1px solid #666666;
width:120px;
height:66px;
}

.kunde {
float:left;
border:1px solid #666666;
width:120px;
height:66px;
margin-bottom:3px;
}

.links a, .links a:link, .links a:active, .links a:visited {
font-size:10px;
font-weight:normal;
text-decoration:none;
}

.links a:hover {
color:#FF9900;
}

.clear {
clear:both;
}

#fusszeile {
width:800px;
height:147px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
background:url(images/footer_hintergrund.png);
background-position:top;
background-repeat:no-repeat;
}

* html #fusszeile {
width:800px;
height:147px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
background:url(images/footer_hintergrund.gif);
background-position:top;
background-repeat:no-repeat;
}

#fusszeile .text {
text-align:left;
margin-left:250px;
}

.imprint {
margin-top:150px;
line-height:130%;
}

.listexpander{width:100%;}
.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
.listexpander li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:20px;
	font-weight:bold;
	width:100%;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;} 

/* first level */

.listexpander li{list-style:none;}
.listexpander li.collapsed{background: url(images/collapsed.gif) no-repeat 0 5px;}
.listexpander li.expanded{background:url(images/expanded.gif) no-repeat 0 5px;}

/* second level */

.listexpander li ul, .listexpander li li{font-weight:normal;line-height:14px;}
.listexpander li li.collapsed{url(images/collapsed.gif) no-repeat 5px .4em;} 
.listexpander li li.expanded{url(images/expanded.gif) no-repeat 5px .4em;}

/* third level */

.listexpander li li li.collapsed{url(images/collapsed.gif) no-repeat 5px .4em;} 
.listexpander li li li.expanded{url(images/expanded.gif) no-repeat 5px .4em;}

/* fourth level */

.listexpander li li li li{text-indent:0;margin-left:30px;width:auto;}

/* etc. */

/* buttons */

p.listexpander{
	height:100%;
	margin:0;
}
p.listexpander a{
	float:left;
	padding:0 10px;
	border:1px solid #eee;
	margin-right:5px;
	cursor:pointer;
}
p.listexpander a:hover{
	background:#f8f8f8;
}

/* float fix */
.listexpander li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.listexpander li{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .listexpander li{
	height: 1%;
}
.listexpander li{
	display: block;
}
/* End hide from IE-mac */
/* end float fix */