/*-----------------------------------------------*/

/*-                                             -*/

/*- CSS für den neuen Shop der MSD Frutigen     -*/

/*- Sprache: Spanisch                           -*/

/*- Author Sacha Zemp;  sacha@my.home.li        -*/

/*- Version 1.0                                 -*/

/*- Datum: 28.8.2006                            -*/

/*-                                             -*/

/*-----------------------------------------------*/



* {

	padding: 0px;

	margin: 0px;

}

body {

	background-color: #E9E3B9;

	color: #000;

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

	font-size: 12px;

    background-image: url(../../media/img/hintergrund/hintergrund3.jpg);

   

	/*Das Hintergrundbild macht den Beigen Hintergrund*/

}

img {

        border: none

}

#outer_wrapper { 

	width: 932px;

	margin: auto; 

/*Mit dem Automargin ist die Webseite zentriert*/

/*background-image: url(../../media/img/hintergrund2.JPG);*/

/*Das Hintergrundbild machr den Schatten rechts und Links des inneren, weissen Bereiches*/

}

#inner_wrapper {

/*Mit dem inneren Wrapper kann ich den Text wieder linksbündig machen*/

	width: 900px;

	margin-left: 15px;

	margin-right: 15px;

	padding: 0px;

	padding-top: 10px;

	background-color: #fff;

}

#titelbild {

	margin-bottom: 15px;

}

#links {

	margin: 0;

	padding: 0;

	float: left;

}

/* @group Navigation */	

#nav {

	

	padding: 0px;

	margin-bottom: 3px;

	margin-left: 12px;

	width: 150px;

}

#nav h1 {

	display: block;

	border-bottom: 2px solid #f29727;

	border-right:  10px solid #f29727;

	color: #f29727;

	background-color: #fff;

	text-align: right;

	font: bold italic 20px Arial, Helvetica, Geneva, sans-serif;

	padding-right: 10px;

	vertical-align: text-bottom;

}



/* My Comment */

/* Opera und Firefox haben Standardmässig um das p element margins */

#nav p {

	margin: 0px;

	font-size: 10px;

	padding: 10px 0px 2px;

	text-align: right;

}

#nav a:link, #nav a:visited {

	font-size: 10px;

	color: #000;

	text-decoration: none; /* Sonst sind die Links unterstrichen */

}

#nav ul { 

	margin: 0px; /* damit die Liste untereindander bleibt */

	padding: 0px; /* damit auch bei Firefox die Liste untereinander bleibt */

	list-style-type: none;

}

/* Dies sind die Eintragungen fuer die erste Ebene der Menus */

#nav ul a:link, #nav ul a:visited {

	font-size: 12px;

	color: black;

	text-decoration: none; /* Sonst sind die Links unterstrichen */

	display: block;

	padding: 5px 0px 5px 10px; /* 10px padding links + width 140px = 150px des DIVs */

	width: 140px;

	border-bottom: 1px #BABABA solid;

}

#nav a:hover {

	background-color: #F2F2F2;

}

.aktiv {

	background-color: #cccbcb;

}

/* Dies sind die Eintragungen fr die zweite Ebene der Menus

   entsprechend könnte man auch eine 2te und 4te Ebene machen */

#nav ul ul a:link, #nav ul ul a:visited { 

	font-size: 10px;  

	padding-left: 20px;

	width: 130px;

}

#backmsd a {

	font-size: 12px;

	color: black;

	text-decoration: none;

	display: block;

	padding: 5px 0px 5px 10px;

	margin-top: 40px;

	margin-left: 12px;

	width: 140px;

	border-bottom: 1px #BABABA solid;

	border-top: 1px #BABABA solid;

}

#backmsd a:hover {

	background-color: #F2F2F2;

}

#sprachen {

	font-size: 8pt;

	text-align: right;

	padding-top: 30px;

}

#sprachen a, #sprachen a:visited {

	text-decoration: none;

	color:  #000;

}

#sprachen a:hover {

	background-color: #F2F2F2;

}

#validate {

	padding-right: 5px;

	padding-top: 40px;

	text-align: right;

}

/* @end */



/* @group Main */

#main {

	float: left;

	width: 500px;

	margin-left: 15px;

	margin-bottom: 3px;

	color: #443f55;

}

#main_titel h1 {

	display: block;

	border-bottom: 2px solid #f29727;

	border-right:  10px solid #f29727;

	color: #f29727;

	background-color: #fff;

	text-align: right;

	font: bold italic 20px Arial, Helvetica, Geneva, sans-serif;

	padding-right: 10px;

}

#main_info {

	padding: 10px 10px 0;

	border-right: 1px solid #ccc;

	border-left: 1px solid #ccc;

	background-color: #f9f9f9;

}

#main_info p {

	margin-bottom: 10px;

}

#main_info ul {

	margin: 0 0 5px 12px;

}

.img_right {

	float: right;

	margin: 5px 0 5px 5px;

}

.img_left {

	float: left;

	margin: 5px 5px 5px 0;

}

#main_info h2 {

	display: block;

	color: #000;

	border-bottom: #f29727 solid 1px;

	border-left: #f29727 solid 10px;

	padding-left: 10px;

	background-color: #ccc;

	font-size: 15px;

	margin-bottom: 6px;

	margin-top: 6px;

}

#main_info h3 {

	display: block;

	background-color: #ddd;

	border-left: #f29727 solid 10px;

	margin-bottom: 4px;

	margin-top: 4px;

	padding-left: 5px;

	font-size: 13px;

	color: #000;

	clear: both;

}

#main_info a:link, #main_info a:visited {

	color:  #f29727;

	text-decoration: none;

}

#main_info a:hover {

	background-color: #FBDCB7;

	color: #000;

}

#main_info table {

	border-collapse: collapse;

	margin-top: 10px;

}

#main_info td {

	padding-right: 5px;

}

#main_impressum {

	font-size: 10px;

	padding-top: 5px;

	padding-bottom: 20px;

	margin: 0px;	

	text-align: center;

	border-top: #f29727 solid 5px;

	background-color: #fff;

	clear: both;

}

tr, td {

	border-spacing: 15px;

}

.noshow {

	height: 0px;

	overflow: hidden;

}

#form {

	width: 460px;

	padding: 5px;

}

#form_row {

	clear: both;

	padding-top: 10px;

}

.form_label {

	float: left;

	width: 150px;

	padding-right: 10px;

	padding-top: 3px;

	text-align: right;

}

.form_object {

	float: right;

	width: 300px;

	text-align: left;

}

.form_spacer {

	clear: both;

}

input:focus, textarea:focus, select:focus {

	background-color: #FBDCB7;

	float: left;

}

.title {

		border: 1px solid #666666;

		background-color: #FBDCB7;

}

.label {

		border: 1px solid #666666;

		width: 100px;

		background-color: #FBDCB7;

}

.labelww {

		border: 1px solid #666666;

		background-color: #FBDCB7;

}

.value {

		border: 1px solid #666666;

		width: 200px;

}

.valueww {

		border: 1px solid #666666;

}

.buch_artikel {

	width: 475px;

	margin-bottom: 10px;

	border: 1px solid #f9f9f9;

	margin-left: 5px;	

}

.buch_titel {

	display: block;

	border-bottom: 2px solid #545454;

	margin-bottom: 5px;

	font-size: 14px;

	font-weight: bold;

}

.buch_bild {

	float: left;

	width: 120px;

}

.buch_beschreibung {

	float: left;

	width: 235px;

	padding-left: 10px;

}

.buch_preis {

	float: left;

	width: 70px;

	text-align: right;

}

.buch_kart {

	float: right;

	width: 35px;

	text-align: right;

}

.clear_artikel {

	clear: both;

}

/* @end */



/* @group rechts */

#rechts {

	float: left;

	width: 185px;

	margin-right: 0px;

	margin-left: 15px;

	color: #000;

}

#kart {

	border-right: 1px solid #ccc;

	font-size: 12px;

}

#kart h1 {

display: block;

	border-bottom: 2px solid #f29727;

	border-right:  10px solid #f29727;

	color: #f29727;

	background-color: #fff;

	text-align: right;

	font: bold italic 20px Arial, Helvetica, Geneva, sans-serif;

	padding-right: 10px;

	vertical-align: text-bottom;

	margin-bottom: 10px;

}

.karttitel {

	display: block;

	border-bottom: 1px solid #545454;

	font-size: 12px;

	font-weight: bold;

	margin-right: 3px;

	margin-bottom: 3px;

	margin-top: 5px;

}

.kartpreis, .kartmenge, .kartloeschen {

	float: left;

	margin-right: 5px;

}

.kartsubtotal {

	float: right;

	text-align: right;

	padding-right: 5px;

}



#karttotal {

	display: block;

	text-align: right;

	font-size: 12px;

	background-color: #f9f9f9;

	margin-top: 20px;

	margin-right: 3px;

	margin-bottom: 15px;

	border-top: 1px solid #545454;

	padding-top: 3px;

	padding-right: 2px;

	border-right: 0px;

}

#kartupdate {

	float: left;

}

#kartcheckout {

	float: right;

	margin-right: 2px;

	color: #000;

}

#kartcheckout a {

	display: block;

	color: #000;

	text-decoration: none;

}

#kartcheckout a:hover {

	display: block;

	background-color: #f29727;

	padding: 2px;

	color: #fff;

}



#gedanken {

	border-right: 1px solid #ccc;

}

#gedanken h1 {

display: block;

	border-bottom: 2px solid #f29727;

	border-right:  10px solid #f29727;

	color: #f29727;

	background-color: #fff;

	text-align: right;

	font: bold italic 20px Arial, Helvetica, Geneva, sans-serif;

	padding-right: 10px;

	vertical-align: text-bottom;

	margin-bottom: 10px;

}



#gedanken p {

	margin: 0px;

	padding-left: 5px;

	padding-right: 6px;

	padding-bottom:5px;

	font-size: 10px;

}

.SL {

	text-align: right;

}

.clear_layout {

 clear:both;

 height: 1px;

 overflow: hidden;

 line-height: 1px;

 margin-top:-1px;

}

#clear_layout {

 clear:both;

 height: 1px;

 overflow: hidden;

 line-height: 1px;

 margin-top:-1px;

}





/* @end */