
/* ============== MAINNAVI ============== */
#headbereich {height: 128px;}

ul#mainnavi {
width:				402px;
position:			absolute;
top:				0;
left:				229px;
z-index:			4
}

ul#mainnavi li {
float:				left;
width:				80px;
font-size:			0
}

ul#mainnavi li a {
display:			block;
width:				100%;
height:				31px;
text-indent:			-4000px;
text-decoration:		none
}

li#start,
li#forum{
width:				81px !important}

#start a {
background:			url(imgs/mainnavi/start2010.jpg) left top no-repeat
}
#design a {
background:			url(imgs/mainnavi/design2010.jpg) left top no-repeat
}
#coding a {
background:			url(imgs/mainnavi/coding2010.jpg) left top no-repeat
}
#business a {
background:			url(imgs/mainnavi/business2010.jpg) left top no-repeat
}
#forum a {
background:			url(imgs/mainnavi/forum2010.jpg) left top no-repeat
}

ul#mainnavi li a:hover,
ul#mainnavi li a.aktiv {
height:			97px
}

ul#mainnavi li#start a:hover,
ul#mainnavi li#start a.aktiv {
background:			url(imgs/mainnavi/start2010.jpg) 0 -31px no-repeat
}
ul#mainnavi li#design a:hover,
ul#mainnavi li#design a.aktiv {
background:			url(imgs/mainnavi/design2010.jpg) 0 -31px no-repeat !important
}
ul#mainnavi li#coding a:hover,
ul#mainnavi li#coding a.aktiv {
background:			url(imgs/mainnavi/coding2010.jpg) 0 -31px no-repeat !important
}
ul#mainnavi li#business a:hover,
ul#mainnavi li#business a.aktiv {
background:			url(imgs/mainnavi/business2010.jpg) 0 -31px no-repeat !important
}
ul#mainnavi li#forum a:hover,
ul#mainnavi li#forum a.aktiv {
background:			url(imgs/mainnavi/forum2010.jpg) 0 -31px no-repeat !important
}




/* ============== SUCHE ============== */

div#suche {
background:			url(imgs/mainnavi/logo2010.jpg) 0 31px no-repeat;
position: relative;
height: 104px;
}
div#suche form {
position:			relative;
z-index:			2
}
div#suche h3 {
position: absolute;
left: 725px;
top: 40px;
width:				83px;
height:				22px;
text-indent:			-2000px;
font-size:			0;
background:			url(imgs/mainnavi/inhalte-suchen2010.gif) left center no-repeat;
}
div#suche select {
position: absolute;
left: 830px; 
top: 43px;
width:102px;
font:				.7em Arial, sans-serif;
border:				1px solid #666;
color:				#666
}


div#suche label {
display:			none
}

div#suche input#Suche {
position:absolute;
left: 725px; 
top: 68px;
height:16px !important; height /**/: 20px;
background:url(imgs/mainnavi/input_suche.gif) top left no-repeat;
width:				186px;
padding:			2px;
font:				.7em Arial, sans-serif;
color:				#666;
border: none !important;
}
div#suche input#send {
width:				21px;
position:			absolute;
left: 911px;
top:				68px;
height:				20px;
border: none !important;
}

option {			padding-left:3px}






/* ============== BREADCRUMBS ============== */


ol#breadcrumbs {
width:				905px;
height:				31px;
line-height:			16px;
padding-left:			45px;
background:			url(imgs/bg-brdcrumbs.jpg) left top no-repeat;
}

ol#breadcrumbs li {
font-size:			.75em;
display:			inline;
padding-left:			15px;
background:			url(imgs/breadcrumbs-pfeil.jpg) left center no-repeat
}

li#first {
background:			none !important;
padding:			0 !important
}

ol#breadcrumbs a {
text-decoration:		none;
color:				#474747;
}
