/*

	style.css fuer www.heiterblick.com

	erstellt: 24. Juli 2007, sl

	aktualisiert: 24. Juli 2007, sl

	aktualisiert: 8. August 2007, ss/sr

*/	





*

{

	margin: 0;

	padding: 0;

	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;

	font-weight: bold;

	font-size: 13px;

	background-color: #fff;

	color: #000;

	border: none;

	text-decoration: none;

	list-style-type: none;
	line-height:16px;

}





/*___________Verwendete IDs___________*/



#logo

{

	position: absolute;

	top: 50px;

	left: 50px;

	width: 119px;

	height: 149px;

}



h2 {

margin: 40px 0 14px 0;

}



#navigation

{

	position: absolute;

	top: 230px;

	left: 50px;

	width: 256px;

	height: 328px;

}



#inhalt

{

	position: absolute;

	top: 50px;

	left: 306px;

	width: 426px;

	height: auto;

}





/*___________Klassen im Inhalt___________*/



 a.schwarz:link, a.schwarz:visited, a.schwarz:hover, a.schwarz:active 

{

	color: #000;

}

a.schwarz_ul:link, a.schwarz_ul:visited, a.schwarz_ul:hover, a.schwarz_ul:active 

{

	color: #000;
	text-decoration:underline;

}
.schwarz_ul  

{

	color: #000;
	text-decoration:underline;

}


a:link, a:visited

{

	color: #d2d2d2;

}

.textgrau {
color:#d2d2d2;
}

a:hover, a:active

{

	color: #000;

}



.strich

{

	display:block;

	margin: 21px 0 0 0;

}



p {

	line-height: 17px;

	margin: 10px 0 0 0;

}





.bild {

	margin: 39px 0 0 0;

}





/*___________Klassen der Navigation___________*/





#navigation .ebene1 a, .ebene2 a

{

	font-size: 16px;

	line-height: 26px;

}



.ebene1

{

	width: 122px;

	height: 382px;

	float: left;

	border: 0px solid black;

}





.ebene2

{

	width: 122px;

	height: 328px;

	float: left;

	

}





.aktuell

{

	display: block;

	width: 122px;

	height: 20px;

}





.Unternehmen

{

	background-color:#FFFFFF;

	display: block;

	padding: 0px;

	margin: 0px;

	width: 122px;

	height: 20px;

	background-image: url(../img/nav/unternehmen1.gif);

}



.Unternehmen:hover,.Unternehmen active

{

	background-image: url(../img/nav/unternehmen2.gif);

}



.Produkte

{

	background-color:#FFFFFF;

	display: block;

	padding: 0px;

	margin: 0px;

	width: 122px;

	height: 20px;

	background-image: url(../img/nav/produkte1.gif);

}



.Produkte:hover

{

	background-image: url(../img/nav/produkte2.gif);

}



.Info
{
	background-color:#FFFFFF;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 122px;
	height: 20px;
	background-image: url(../img/nav/info1.gif);
}
.Info:hover
{
	background-image: url(../img/nav/info2.gif);
}

.Gewinnspiel
{
	background-color:#FFFFFF;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 122px;
	height: 20px;
	background-image: url(../img/nav/gewinnspiel1.gif);
}
.Gewinnspiel:hover
{
	background-image: url(../img/nav/gewinnspiel2.gif);
}


.Kontakt

{

	background-color:#FFFFFF;

	display: block;

	display: block;

	width: 122px;

	height: 20px;

	background-image: url(../img/nav/kontakt1.gif);

}



.Kontakt:hover

{

	background-image: url(../img/nav/kontakt2.gif);

}



.Impressum

{

	background-color:#FFFFFF;

	display: block;

	width: 122px;

	height: 20px;

	background-image: url(../img/nav/impressum1.gif);

}



.Impressum:hover

{

	background-image: url(../img/nav/impressum2.gif);

}


.Einkaufsbedingungen

{

	background-color:#FFFFFF;

	display: block;

	width: 122px;

	height: 20px;

	background-image: url(../img/nav/einkaufsbedingungen1.gif);

}



.Einkaufsbedingungen:hover

{

	background-image: url(../img/nav/einkaufsbedingungen2.gif);

}


.cityrider

{

	background-color:#FFFFFF;

	display: block;

	width: 122px;

	height: 20px;

	background-image: url(../img/nav/produkte_city1.gif);

}



.cityrider:hover

{

	background-image: url(../img/nav/produkte_city2.gif);

}



.leoliner
{
	background-color:#FFFFFF;
	display: block;
	width: 122px;
	height: 20px;
	background-image: url(../img/nav/produkte_leo1.gif);
}
.leoliner:hover
{
	background-image: url(../img/nav/produkte_leo2.gif);
}
.gewinn_mitmach
{
	background-color:#FFFFFF;
	display: block;
	width: 122px;
	height: 20px;
	background-image: url(../img/nav/gewinn_mitmach1.gif);
}
.gewinn_mitmach:hover
{
	background-image: url(../img/nav/gewinn_mitmach2.gif);
}
.gewinn_gewinn
{
	background-color:#FFFFFF;
	display: block;
	width: 122px;
	height: 20px;
	background-image: url(../img/nav/gewinn_gewinn1.gif);
}
.gewinn_gewinn:hover
{
	background-image: url(../img/nav/gewinn_gewinn2.gif);
}



/*___________Klassen des Sprachwechslers___________*/



.sprache

{

	clear: both;

}



.sprache li

{

	display: inline;

	margin-right: 0.3em;

}



.inaktiv, .inaktiv a, .aktiv, .aktiv a {

	font-size: 11px;	

}