/* CSS Document */

img
{
behavior:	url(pngbehavior.htc);
border:none;
}


html,body{margin:0;padding:0}
body{font: 11px/1.2em "Lucida Grande", Verdana, Sans-serif; text-align:center; color: #fff;

background: #000 url(images/bg.png) no-repeat 120px 400px;}
p{margin:0 10px 10px 0}


div#container{text-align:left}
div#content p{line-height:1.4;}
div#header{height: 160px; background:transparent url(images/logo.png) repeat-x center top;}
div#navigation{background:transparent}
div#footer{background: transparent ;color: #FFF; text-align: right;}
div#footer p{margin:0; padding: 0px 100px 10px 0px ; border: 0px #fff solid;  
font: 9px/1.0em "Lucida Grande", Verdana, Sans-serif;
}

div#container{width:700px;margin:0 auto}
div#content{float:right;width:482px; min-height: 400px; padding: 0px; background: #000 url(images/bg-body.gif) repeat-y right top; border: 0px #fff solid;}
div#header{float:left;width:200px}
div#header span{display: none;}
div#navigation{float:left;clear:left;width:218px; margin: 30px 0;}
div#footer{clear:both;width:100%}

.leistungen, .kontakt, .impressum, .agb, .portfolio{font: 2.3em "Lucida Grande", Verdana, Sans-serif;
color: #E20A16;
margin-top: 30px;
background: url(images/leistungen.gif) no-repeat left top;
height: 58px;}

h1 span {display: none;}

.kontakt {
background: url(images/kontakt.gif) no-repeat left top;
}
.impressum{
background: url(images/impressum.gif) no-repeat left top;
}

.agb{
background: url(images/agb.gif) no-repeat left top;
}

.portfolio{
background: url(images/portfolio.gif) no-repeat left top;
}

li{padding: 2px 0 2px 0px;}

div#content p{margin-left: 30px;}
div#content li{margin-left: 30px;}
div#content h1{margin-left: 30px;}
div#content-footer{background: #000 url(images/bg-footer-cnt.png) no-repeat right top; border: 0px #fff solid; height: 100px;}

#navigation li{margin: 0 0 0 0; padding: 12px 0 12px 0;
background: #000 url(images/link.png) top right; 
background-repeat: no-repeat;}

#navigation li.activ{
background: #000 url(images/link-hover.png) top right; 
background-repeat: no-repeat;

}

li.activ a.activlink{
	color: #E20A16;
	font-weight: bold;
}

#navi{list-style: none; margin: 0; padding: 0;}

a:link, a:visited {
	text-decoration: none;
	color: #fff;
	border: 0px #fff solid;
	padding: 0 0 0 67px;

}

a:hover, a:active {
	color: #E20A16;
	background-image: url(images/hover-link.gif);
	background-position: 50px 2px;
	background-repeat: no-repeat;

}

.activlink{
	background-image: url(images/hover-link.gif);
	background-position: 50px 2px;
	background-repeat: no-repeat;
}

a.zurueck:link, a.zurueck:visited{
	background-image: url(images/hover-top.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	display: block;
	padding: 0 0 0 17px;
	margin-top: 10px;
	font: 10px/1.4em; 
}

a.zurueck:hover, a.zurueck:active{
	background-image: url(images/hover-link.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	}

a.agbliste:link, a.agbliste:visited{
	background-image: url(images/hover-bottom.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	display: block;
	padding: 0 0 0 17px;
}
a.agbliste:hover, a.agbliste:active{
	background-image: url(images/hover-link.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	}

.red {color: #E30A16;}

.agbspan
{
display: block;
padding: 10px 10px 10px 20px;
font-weight: normal;
}

ol li{
font-weight: bold;
}