body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/*line-height: 24px;*/
	color: #000000;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center;
}


td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #333333;
	background-color: #999999;*/
	line-height: 12px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	}
	
 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333333;
	}
	


a {
	color: #000000;
	text-decoration:underline;
	/*font-weight:bold;*/
	}
	
a:hover {
	color: #ffcc33;
	text-decoration:underline;
	}


form1 {
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
}


.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 13px;
}

.smallorange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 14px;
}

.Ueberschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffcc33;
	line-height: 22px;
}

.UeberschriftGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height: 22px;
}


.MySilviorGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 14px;
}

.MySilviorOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 12px;
}

.LinkSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 14px;
}

.Link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 14px;
}


#small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 14px;
}

#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;	/*background-color: #CCFF99;*/
}


#formtable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}


.sidebar a {
	font:16px Verdana, arial;
		color: #333333;
		text-decoration:none;
}

.sidebar a:hover {
	font:16px Verdana, arial;
		color: #000000;
			text-decoration:underline;

}

/*#menubar a {
	font:12px Verdana, arial;
	color: #ffcc33;
	text-decoration:none;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left:5px;
	text-align:left;
	}
#menubar a:hover {
	color: #CCCCCC;
	background-color: #660000;
	background: #660000;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left:5px;
	text-align:left;
	}

#menubarsel {
	background-color: #FFED9E;
	color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left:5px;
	text-align:left;
	}*/


input.button {
	width: 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #ffcc33;
	line-height: 12px;
	border: solid #000000 1px;
}
input.buttonlarge {
	width: 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #ffcc33;
	line-height: 12px;
	border: solid #000000 1px;
}

input.small {
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	/*background-color: #ffffff;
	border: solid #000000 1px;*/
}

input.large {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
		/*background-color: #ffffff;
	border: solid #000000 1px;*/
}

textarea.small {
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	/*background-color: #ffffff;
	border: solid #000000 1px;*/
}


.twoColFixLtHdr #container {
	width: 781px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #ffffff;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	/* border: 1px solid #000000; */
    text-align: left;
    } 
.twoColFixLtHdr #preheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #ffffff;
    } 
	
.twoColFixLtHdr #hori_spacer {
	text-align: right;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #ffffff;
	height: 10px;	
    } 

.twoColFixLtHdr #left {
	/*float: left;*/
	background: #ffffff;
	width: 500px;
	height: 113px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
    } 
.twoColFixLtHdr #right {
	background: #ffffff;
	float: right;
	width: 242px;
	height: 108px;
	margin: 0 0 0 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px 0px 0px 0px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	background-image: url(images/bg_Login.gif);
	background-repeat: no-repeat;
	line-height: 12px;
    }
	
	
.twoColFixLtHdr #menubar {
	/*float: left;  Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	 /*width: 175px; Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    background: #ffffff; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0 0 0 0;
	height: 35px;
    }
	
.twoColFixLtHdr #sidebar {
	float: left;
	;
	background: #ffffff;
	background-image: url(images/bg_Sidebar.gif);
	background-repeat: no-repeat;
	width: 182px;
	height: 159px;
    } 
.twoColFixLtHdr #sidebarSpacer {
	float: left;
	;
	background: #ffffff;
	background-image: url(images/bg_Sidebar.gif);
	background-repeat: no-repeat;
	width: 182px;
	height: 12px;
    } 
.twoColFixLtHdr #sidebarPPP {
	float: left;
	;
	background: #ffffff;
	background-image: url(images/bg_Sidebar.gif);
	background-repeat: no-repeat;
	width: 182px;
	height: 76px;
    } 
	
.twoColFixLtHdr #Welcome {
	background: #ffffff;
	float: right;
	width: 581px;
	height: 159px;
	margin: 0 0 0 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	background-image: url(images/bg_Willkommen.gif);
	background-repeat: no-repeat;
    }
	
.twoColFixLtHdr #SpacerSmall {
	background: #ffffff;
	float: right;
	width: 581px;
	height: 12px;
	margin: 0 0 0 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	
    }

.twoColFixLtHdr #find {
	background: #ffffff;
	float: right;
	width: 581px;
	height: 76px;
	margin: 0 0 0 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 0px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	background-image: url(images/bg_finden.gif);
	background-repeat: no-repeat;
    }


	.twoColFixLtHdr #Angebote {
	float: left;;
	background: #ffffff;
	background-image: url(images/bg_News.gif);
	background-repeat: no-repeat;
	width: 182px;
	height: 232px;
	
    } 
	.twoColFixLtHdr #Buch {
	float: left;;
	background: #ffffff;
	background-image: url(images/bg_Buchverkauf.jpg);
	background-repeat: no-repeat;
	width: 182px;
	height: 549px;
	
    } 
	.twoColFixLtHdr #Google {
	float: left;;
	background: #ffffff;
	background-image: url(images/bg_google.jpg);
	background-repeat: no-repeat;
	width: 581px;
	height: 549px;
	
    } 
	.twoColFixLtHdr #Werte {
	float: left;;
	background: #ffffff;
	background-image: url(images/bg_zumshop.gif);
	background-repeat: no-repeat;
	width: 182px;
	height: 232px;
	
    } 
	.twoColFixLtHdr #Auswahl {
	float: left;;
	background: #ffffff;
	background-image: url(images/bg_Auswahl.gif);
	background-repeat: no-repeat;
	width: 182px;
	height: 232px;
	
    } 
	.twoColFixLtHdr #Sicherheit {
	float: left;;
	background: #ffffff;
	background-image: url(images/bg_Sicherheit.gif);
	background-repeat: no-repeat;
	width: 182px;
	height: 232px;
	
    } 
	
	.twoColFixLtHdr #Verti_Spacer {
	float: left;;
	background: #ffffff;
	width: 18px;
	height: 232px;
	
    } 
	.twoColFixLtHdr #Verti_Spacer2 {
	float: left;;
	background: #ffffff;
	width: 17px;
	height: 232px;
	
    } 
	
	.twoColFixLtHdr #Verti_Spacer3 {
	float: left;;
	background: #ffffff;
	width: 17px;
	height: 549px;
	
    } 
.twoColFixLtHdr #mainContenttop {
	background-image: url(images/bg_top.gif);
	background-repeat: no-repeat;
	height:15px;
    } 
	.twoColFixLtHdr #mainContent {
	margin: 0 0 0 0; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	background-image: url(images/bg_middle.gif);
	background-repeat:repeat-y;
	min-height: 350px;
	 } 
	.twoColFixLtHdr #mainContentbottom {
	background-image: url(images/bg_bottom.gif);
	background-repeat: no-repeat;
	height:17px;
    } 






.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	background-image: url(images/bg_large.gif);
	background-repeat: no-repeat;
    }