/* Styles für die Webseite www.shopping-versandhaus.de */

/* Die Angabe 'em' ist eine prozentuale Größenangabe und sollte immer der Angabe 'px' vorgezogen werden,
	 1em entspricht ca. 10px */

/****************
 * Allgemeines 
 ****************/
/* bei allen Elementen wird der Innnen- und Aussenabstand auf 0 gesetzt */
*{
	margin:0;
	padding:0;
	border:0px none;
}
body{
	background: url('bilder1/bestellen.gif');
	margin:2em 0; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.3em; font-size:.8em; font-family:Geneva, Arial, Helvetica, sans-serif
}
a{
	text-decoration:none;
	color:#427bbd;

}
a:hover, a:active{
	color:#0000ff;
	border-bottom:3px dotted #0000ff;
}
/* 
		Formatierung der Überschriften 

		Mit margin wird der Außenabstand der Überschrift definiert.
		Siehe auch http://www.css4you.de/marginproperty.html.
		
		Mit font-size wird die Größe der Überschrift bestimmt.
		Diese sollte am besten in 'em' (bessere Skalierbarkeit) angegeben werden. 
		Siehe auch http://www.css4you.de/font-size.html.
*/

h1{
	margin:.7em 0;
	font-size:.9em;
}
h2{
	margin:.6em 0;
}
h3{
	margin:.4em 0;
}
h4{
	margin:.2em 0;
}
h5{

}
p{
	margin:1em 0;
}
/****************
 * Layout
 ****************/
/* Der wrapper umschließt den gesamten Inhalt der Webseite. */
#wrapper{
	width:950px;
	margin:0 auto;
	border:0px solid #517196;
	background: url('bilder1/bestellen.gif');
}
/* Der header befindet sich am Anfang der Seite. */
#header{
	background: #fff url('graph/bgmain.jpg') no-repeat;
	border-bottom:1px solid #517196;
	height:100px;
}
/* Hier wird die Überschrift im Header ausgeblendet.
	 Durch Drücken der Tastenkombination STRG+SHIFT+S im Firefox wird diese wieder sichtbar. */
#header h1{
	display:none;
}
/* Die description befindet sich unterhalb des headers. */
#description{
    background: url('bilder1/bestellen.gif');
	padding:.5em;
	text-align:justify;
	border-bottom:0px solid #517196;
	font-size:.8em;
}
/* Hauptmenü - zum Erstellen des Menüs wird eine ungeordnete Liste genutzt. */
#mainmenu{
    background: url('bilder1/bestellen.gif');
	border-bottom:1px solid #517196;
	background-color:#e3f4ff;
	text-align:center;
	font-size:.8em;
}
#mainmenu ul{
	white-space:nowrap;
}
#mainmenu li{
	list-style-type:none;
	display:inline;
}
#mainmenu li a{
	line-height:2.5em;
	margin:0 .5em;
}
/* Contentwrapper umschliesst das linke und rechte Menü sowie den Content */
#contentwrapper{
    background: url('bilder1/bestellen.gif');
	
}
/* Inhalt oder auch Content */
#content{
	float:left;
	width:64%;
	padding: 1.5em 1em 1em;
	font-size:.9em;
}
/* Formatierung des Sub-Menüs, welches auf der rechten und linken Seite verwendet wird. */
.submenu{
	width:16%;
	background: url('bilder1/bestellen.gif');
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1.1em
}
.submenu dt{
	background:url('bilder1/versand.gif') repeat-x;
	text-align:center;
	color:#fff; padding-left:0; padding-right:0; padding-top:.1em; padding-bottom:.1em
}
.submenu dd{
	padding:0 .5em 0;
	font-size:.9em;
}
/* Footer - am Ende der Webseite */
#footer{
    background: url('bilder1/bestellen.gif');
	padding:.6em;
	border-top:1px solid #517196;
	color:#517196;
	font-size:.7em;
	text-align:center;
}


/******************
 * Sonstiges
 ******************/
.clear{
	clear:both;
	font-size:.8em;
	text-align:center;
}
.left{
	float:left;
}
.right{
	float:right;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.contentbanner{
	text-align:center;
	margin:1em 0;
}
.contentbanner a:hover, .contentbanner a:active{
 border:0px none;
}