/*---::::stadt.werk | konzeption.txt.gestaltung | blocksberg 13 | 24103 kiel::::---*/
/*---::::bei Rückfragen bitte +49(0)431.6614604::::---*/
/*---19-09-2006---*/
/*-----------------------------------------------------------###-------------------*/


/*---nav - start---*/

/*.mainnav
{
	position: relative;
	margin-top: 0px;
	margin-left:1px;	
	width:790px;
	height:26px;
	background:url(../images/mainnav/top_menue_back.gif) top left repeat-x;
}*/

a span{
display:none;
}

/*---patzierung des ersten menüpunktes von links---*/
.mainnav div#placeleft{
float:left;
width:198px;
height:26px;
border:0px;
}

/*---patzierung des ersten menüpunktes von links---*/
.mainnav div#placeright{
float:left;
width:142px;
height:26px;
border:0px;
}


/*---NAVIGATION---TOP---*/
/*--allgemein--*/
.mainnav a#allgemein
{
	display:block;
	float:left;
	background:url(../images/mainnav/home_passive.gif) left top no-repeat;
	width:49px;
	height:26px;
	border:0px;
}

.mainnav a:hover#allgemein
{
	display:block;
	float:left;
	background:url(../images/mainnav/home_over.gif) left top no-repeat;
	width:49px;
	height:26px;
	border:0px;
}

.mainnav a:active#allgemein
{
	display:block;
	float:left;
	background:url(../images/mainnav/home_active.gif) left top no-repeat;
	width:49px;
	height:26px;
	border:0px;
}





/*--home--*/
.mainnav a#home{
display:block;
float:left;
background:url(../images/mainnav/home_passive.gif) left top no-repeat;
width:49px;
height:26px;
border:0px;
}

.mainnav a:hover#home{
display:block;
float:left;
background:url(../images/mainnav/home_over.gif) left top no-repeat;
width:49px;
height:26px;
border:0px;
}

.mainnav a:active#home{
display:block;
float:left;
background:url(../images/mainnav/home_active.gif) left top no-repeat;
width:49px;
height:26px;
border:0px;
}

/*--home -- als aktiver menüpunkt--*/
.mainnav a#acthome{
display:block;
float:left;
background:url(../images/mainnav/home_active.gif) left top no-repeat;
width:49px;
height:26px;
border:0px;
}


/*--shop--*/
.mainnav a#shop{
display:block;
float:left;
background:url(../images/mainnav/shop_passive.gif) left top no-repeat;
width:50px;
height:26px;
border:0px;
}

.mainnav a:hover#shop{
display:block;
float:left;
background:url(../images/mainnav/shop_over.gif) left top no-repeat;
width:50px;
height:26px;
border:0px;
}

.mainnav a:active#shop{
display:block;
float:left;
background:url(../images/mainnav/shop_active.gif) left top no-repeat;
width:50px;
height:26px;
border:0px;
}

/*--shop -- als aktiver menüpunkt--*/
.mainnav a#actshop{
display:block;
float:left;
background:url(../images/mainnav/shop_active.gif) left top no-repeat;
width:50px;
height:26px;
border:0px;
}


/*--kontakt--*/
.mainnav a#Kontakt{
display:block;
float:left;
background:url(../images/mainnav/kontakt_passive.gif) left top no-repeat;
width:64px;
height:26px;
border:0px;
}

.mainnav a:hover#Kontakt{
display:block;
float:left;
background:url(../images/mainnav/kontakt_over.gif) left top no-repeat;
width:64px;
height:26px;
border:0px;
}

.mainnav a:active#Kontakt{
display:block;
float:left;
background:url(../images/mainnav/kontakt_active.gif) left top no-repeat;
width:64px;
height:26px;
border:0px;
}

/*--kontakt -- als aktiver menüpunkt--*/
.mainnav a#actkontakt{
display:block;
float:left;
background:url(../images/mainnav/kontakt_active.gif) left top no-repeat;
width:64px;
height:26px;
border:0px;
}

/*--sitemap--*/
.mainnav a#Sitemap{
display:block;
float:left;
background:url(../images/mainnav/sitemap_passive.gif) left top no-repeat;
width:64px;
height:26px;
border:0px;
}

.mainnav a:hover#Sitemap{
display:block;
float:left;
background:url(../images/mainnav/sitemap_over.gif) left top no-repeat;
width:64px;
height:26px;
border:0px;
}

.mainnav a:active#Sitemap{
display:block;
float:left;
background:url(../images/mainnav/sitemap_active.gif) left top no-repeat;
width:64px;
height:26px;
border:0px;
}

/*--sitemap -- als aktiver menüpunkt--*/
.mainnav a#actsitemap{
display:block;
float:left;
background:url(../images/mainnav/sitemap_active.gif) left top no-repeat;
width:64px;
height:26px;
border:0px;
}


/*--impressum--*/
.mainnav a#Impressum{
display:block;
float:left;
background:url(../images/mainnav/impressum_passive.gif) left top no-repeat;
width:78px;
height:26px;
border:0px;
}

.mainnav a:hover#Impressum{
display:block;
float:left;
background:url(../images/mainnav/impressum_over.gif) left top no-repeat;
width:78px;
height:26px;
border:0px;
}

.mainnav a:active#Impressum{
display:block;
float:left;
background:url(../images/mainnav/impressum_active.gif) left top no-repeat;
width:78px;
height:26px;
border:0px;
}

/*--impressum -- als aktiver menüpunkt--*/
.mainnav a#actimpressum{
display:block;
float:left;
background:url(../images/mainnav/impressum_active.gif) left top no-repeat;
width:78px;
height:26px;
border:0px;
}

/*--AGB--*/
.mainnav a#AGB{
display:block;
float:left;
background:url(../images/mainnav/agb_passive.gif) left top no-repeat;
width:42px;
height:26px;
border:0px;
}

.mainnav a:hover#AGB{
display:block;
float:left;
background:url(../images/mainnav/agb_over.gif) left top no-repeat;
width:42px;
height:26px;
border:0px;
}

.mainnav a:active#AGB{
display:block;
float:left;
background:url(../images/mainnav/agb_active.gif) left top no-repeat;
width:42px;
height:26px;
border:0px;
}

/*--impressum -- als aktiver menüpunkt--*/
.mainnav a#actagb
{
display:block;
float:left;
background:url(../images/mainnav/agb_active.gif) left top no-repeat;
width:42px;
height:26px;
border:0px;
}



/*---SUCHE---*/
/*---DIE GRAPHIK---*/
.mainnav div#suche
{
	display:block;
	float:left;
	background:url(../images/mainnav/suche.gif) left top no-repeat;
	width:50px;
	height:26px;
	border:0px;
}

.mainnav div#sucheingabe
{
	display:block;
	float:left;
	width:auto;
	height:auto;
}

.mainnav div#sucheingabe input#input
{
	border: 1px #00aaac solid;
	background-color: #fafafa;
	width:150px;
	height:12px;
	font: normal 9px Arial;
	color:#666666;
	margin-bottom: 3px;
	margin-left:5px;
}

.mainnav div#sucheingabe input#input:focus{
background-color: #fafafa;
}

/*---und der Button---*/
.mainnav div#sucheingabe input#button{
border:solid 1px #d4d0c5;
background:url(../images/mainnav/button_back.gif) top left repeat-x;
width:30px;
height:16px;
font-family:Arial;
font-weight:bold;
font-size:10px;
font-stretch: normal;
color:#666666;
}

/*---und noch ein kleiner Browserhack -- damit auch Browser aus Redmond verstehen, was wir wollen :-)) ---*/
.mainnav >div#sucheingabe input#button{
margin-bottom:3px;
margin-left:5px;
}

*.mainnav div#sucheingabe input#button{
margin-top:6px;
margin-left:5px;
}