/* color.css */

html { 
background-color : #b91822; }

body { 
padding-top : 10px; }

div#branding {
position : relative;
z-index : 1;
height : 85px;
background : #fff}

div#nav_main {
	position : relative;
	z-index : 1;
	height : 24px;
	background-color: transparent;
	background-image: url(../images/navi/bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}


div#content_sub {
	background-image: url(../images/bg_kasten.gif);
	background-repeat: no-repeat;
	background-position: 0 1.6em;
}

div#content_sub2 {
	
	background:#dddddd;
	top: 27px;
	padding: 10px;
}

h1 {
	position : absolute;
	width : 295px;
	height : 77px;
	text-indent : -9999px;
	background-color: transparent;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}

ul#nav_features {
position : absolute;
top : 0px;
left : 0px;
margin : 0;
width : 937px;
height : 24px; 
z-index: 3;}

ul#nav_features li {
display : inline;  }

li#nav_home, li#nav_unternehmen, li#nav_portfolio, li#nav_referenzen, li#nav_kontakt  {
position : absolute; 
display : block;
height : 24px; 
text-indent : -9999px; }


li#nav_home {
left : 0; 
width : 80px;
background-color: transparent;
background-image: url(../images/navi/home2.gif);
background-repeat: no-repeat;
	 }

li#nav_unternehmen {
left : 110px; 
width : 120px; 
background-color: transparent;
background-image: url(../images/navi/unternehmen2.gif);
background-repeat: no-repeat;
}

li#nav_portfolio {
left : 250px; 
width : 100px; 
background-color: transparent;
background-image: url(../images/navi/portfolio2.gif);
background-repeat: no-repeat;
}

li#nav_referenzen {
left : 370px; 
width : 100px; 
background-color: transparent;
background-image: url(../images/navi/referenzen2.gif);
background-repeat: no-repeat;
}

li#nav_kontakt {
left : 510px; 
width : 100px; 
background-color: transparent;
background-image: url(../images/navi/kontakt2.gif);
background-repeat: no-repeat;
}

li#nav_home a, li#nav_unternehmen a, li#nav_portfolio a, li#nav_referenzen a, li#nav_kontakt a  {
display : block;
height : 24px;  
}

li#nav_home a{

background-color: transparent;
background-image: url(../images/navi/home1.gif);
background-repeat: no-repeat;
	 }
	 
li#nav_unternehmen a{

background-color: transparent;
background-image: url(../images/navi/unternehmen1.gif);
background-repeat: no-repeat;
	 }
	 
li#nav_portfolio a{

background-color: transparent;
background-image: url(../images/navi/portfolio1.gif);
background-repeat: no-repeat;
	 }
	 
li#nav_referenzen a{

background-color: transparent;
background-image: url(../images/navi/referenzen1.gif);
background-repeat: no-repeat;
	 }
	 
li#nav_kontakt a{

background-color: transparent;
background-image: url(../images/navi/kontakt1.gif);
background-repeat: no-repeat;
	 }

li#nav_home a:HOVER{
background-color: transparent;
background-image: url(../images/navi/home2.gif);
background-repeat: no-repeat;
	 }

li#nav_unternehmen a:hover{
left : 100px; 
background-color: transparent;
background-image: url(../images/navi/unternehmen2.gif);
background-repeat: no-repeat;
}


li#nav_portfolio a:hover{
left : 250px; 
background-color: transparent;
background-image: url(../images/navi/portfolio2.gif);
background-repeat: no-repeat;
}

li#nav_referenzen a:hover{
left : 370px; 
background-color: transparent;
background-image: url(../images/navi/referenzen2.gif);
background-repeat: no-repeat;
}

li#nav_kontakt a:hover{
left : 510px; 
background-color: transparent;
background-image: url(../images/navi/kontakt2.gif);
background-repeat: no-repeat;
}

li#mehr {
margin-left: 240px; 
	 }

ul#nav_tools {
position : absolute;
top : -70px;
right : 5px;
margin : 0;
width : 120px;
height: 11px;
}

ul#nav_tools li {
display : inline; 
}
 
li#nav_english, li#nav_deutsch {
position : absolute; 
display : block;
height : 11px; 
width: 54px;
text-indent : -9999px; }

li#nav_english a, li#nav_deutsch a {
display : block;
height : 11px;  
}
 
li#nav_english  {
left: 0px;
background-color: transparent;
background-image: url(../images/navi/english2.gif);
background-repeat: no-repeat;
 }
 
 li#nav_deutsch  {
left: 54px;
background-color: transparent;
background-image: url(../images/navi/deutsch2.gif);
background-repeat: no-repeat;
 }
 
  li#nav_english a{
background-color: transparent;
background-image: url(../images/navi/english1.gif);
background-repeat: no-repeat;
	 }

li#nav_deutsch a{
left : 54px; 
background-color: transparent;
background-image: url(../images/navi/deutsch1.gif);
background-repeat: no-repeat;
}
 
 li#nav_english a:HOVER{
background-color: transparent;
background-image: url(../images/navi/english2.gif);
background-repeat: no-repeat;
	 }

li#nav_deutsch a:hover{
left : 54px; 
background-color: transparent;
background-image: url(../images/navi/deutsch2.gif);
background-repeat: no-repeat;
}

div#nav_main p { 
position : absolute;
top : 45px;
left : 35px;
margin : 0; }

div#nav_main h2 { 
position : absolute;
top : -9999px; }

div#site_info { 
position : relative;
width : 100%;
height : 20px;
background : transparent url(../images/footer.gif) no-repeat 0 0; 
text-indent : -9999px; }

div#site_info h5 {
	position : absolute;
	right : 2px;
	bottom : 1px;
	width : 70px;
	height : 30px;
 }

div#site_info h5 a {
	display : block;
	width : 70px;
	height : 30px;
	text-indent : -9999px;
}

div#site_info h5 + p { 
text-indent : -9999px; } 

#picture {
	left: 0px;
	float:left;
	width: 250px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
	margin-left: 20px;
}

#navi_sub li {
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 1em;
	font-weight: normal;
	line-height: 14px;
	color: #b91822;	
}

li#text{
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 17px;
font : 110% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333; }
}