@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

img {
border:none;
}

body {
	background-image:url(Bilder/hintergrund.png);
	background-repeat:repeat-x;
	font-family: Futura, Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}

/*dunkelblauer Hintergrund*/
div#container {
	background-color:#004494;
	width:875px;
	margin:0 auto 0 auto;
}

div#container p#logo_groß{
	text-align:center;
	padding-top:230px;
	padding-bottom:10px;
}

div#container p#deutsch{
	font-size:150%;
	padding-left:30.5%;
	padding-right:98px;
	float:left;
	padding-bottom:200px;
}

div#container p#englisch{
	font-size:150%;
	padding-left:250px;
	padding-right:70px;
	padding-bottom:200px;
}

div#container p#deutsch a:link, div#container p#deutsch a:visited {
	color:#ef8000;
}

div#container p#englisch a:link, div#container p#englisch a:visited {
	color:#ef8000;
}

div#container p#deutsch a:hover {
	color:#ef8000;
	text-decoration:none;
}

div#container p#englisch a:hover {
	color:#ef8000;
	text-decoration:none;
}



/*Navigation*/
div#navigation {
	width:120px;
	float:left;
	font-size:90%;
	padding-top:61px;
	padding-left:34px;
}

div#navigation a:link {
	text-decoration:none;
	color:#FFFFFF;
}

div#navigation a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

div#navigation a:hover {
	text-decoration:none;
	color:#ef8000;
}

/*Macht die aktiven Links der Hauptnavigation orange (Für Produkteseite extra, weil dort zusätzlich der Abstand verändert werden muss)*/
div#navigation p#aktiverLink a:visited {
	color:#ef8000;	
}

/*Abstand der Navi-Elemente nach unten */
div#navigation p {
	padding-bottom:30px;
}

/*Macht den Produte-Link auf der Produkte-Seite orange (Nötig weil unten noch der Abstand geregelt werden muss)*/
div#navigation p#produkte a:visited {
	color:#ef8000;	
}
/*unter Produkte soll nur ein kleiner Abstand sein (wird bei div#navigation ul li definiert)*/
div#navigation p#produkte {
	padding-bottom:0px;
}

/*Die Liste der einzelnen Produkt-Links*/
div#navigation ul {
	list-style-type: none;
	padding-bottom:30px;
}

/*Die einzelnen Listenelemente*/
div#navigation ul li{
	padding-top:10px;
	padding-left:15px;
}

div#navigation ul ul{
	padding-left:20px;
}

/*Auf den einzelnen Produktseiten soll der jeweilige Link orange sein*/
div#navigation ul li#aktiverLink a:visited{
	color:#ef8000;	
}

/*der Contentbereich*/
div#content {
	width:673px;
	float:left;
}

/*Überschrift*/
div#content h1 {
	padding-bottom:20px;
	padding-left:79px;
	font-size:200%;
}

/*Überschrift 2*/
div#content h2 {
	padding-bottom:40px;
	padding-left:79px;
	font-size:150%;
}

/*der Textblock mit Abstand nach unten*/
div#content p#text {
	font-size:90%;
	padding-left:79px;
	padding-bottom:50px;
}

/*Links innerhalb des normalen Textblocks (z.B. Preisliste)*/
div#content p#text a:link, div#content p#text a:visited{ 
	text-decoration:underline;
	color:#ef8000;
}

div#content p#text a:hover{
	text-decoration:none;
	color:#ef8000;
}


/*die jeweiligen Texten zu den einzelnen Produktbildern, clear:left sorgt dafür, dass der Produkttext nicht links vom Bild steht*/
div#content p#bildbeschreibung {
	font-size:90%;
	padding-left:79px;
	padding-bottom:70px;
	clear:left;
}

/*die Produktbilder*/
div#content p#bild {
	padding-left:79px;
	padding-bottom:50px;
	padding-right:50px;
	float:left;
}

/*die Liste für die Downloadlinks*/
div#content ul{
	padding-top:20px;
}

/*die einzelnen Links*/
div#content ul li{
	padding-bottom:10px;
	list-style-type:none;
}

div#content ul li a:link, div#content ul li a:visited{
	text-decoration: underline;
	color:#ef8000;
}

div#content ul li a:hover{
	text-decoration: none;
	color:#ef8000;
}

div#content p#isologo {
	margin-left:37%;
	padding-right:70px;
	padding-bottom:10px;
	float:left;
}