/*******************************************************************************
Titel:  styles.css (bischofberger.ch)
Autor:  sascha.scholz@actra.ch
Date:   29.06.2011
*******************************************************************************/
/* =reset */
body, div, form, fieldset, dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
}

a img {border: none;}

abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
	font-style: italic;
}

fieldset {border: none;}

body {
	font: small verdana, sans-serif;
	color: #333;
	background: #fff;
}

form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: arial, sans-serif;
	line-height: 1.3;
}

h2, h3 {
	margin-bottom: .5em;
	font-size: 135%;
}

h3 {
	margin-bottom: .3em;
	font-size: 125%;
}

ul {list-style: none;}

a:link, a:visited {
	color: #fff;
	text-decoration: underline;
}

#content a {padding: .2em 0;}


a:hover, a:active {
	color: #fff;
	text-decoration: none;
}

/* =sortimentnavi */
#sortimentnavi {
	width: 924px;
	height: 23px;
  background: url(/images/sortimentnavi-bg.gif) 0 0 no-repeat;
}
#sortimentnavi ul {margin: 0;}

#sortimentnavi li {
	width: 154px;
	float: left;
	height: 23px;
}

#sortimentnavi a {
	height: 23px;
	width: 154px;
	float: left;
	position: relative;
	/* vor mac/ie verstecken \*/
	overflow: hidden;
	/**/
}

#sortimentnavi em {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/images/sortimentnavi-bg.gif) 0 0 no-repeat;
	cursor: pointer;
}

#sortimentnavi a#tab_seafood em {background-position: 0 0;}
#sortimentnavi a#tab_gefluegel em {background-position: -154px 0;}
#sortimentnavi a#tab_fleisch em {background-position: -308px 0;}
#sortimentnavi a#tab_wild em {background-position: -462px 0;}
#sortimentnavi a#tab_gemuese em {background-position: -616px 0;}
#sortimentnavi a#tab_einzelhandel em {background-position: -770px 0;}

/* current Status */
#sortimentnavi .nav_current a#tab_seafood em {background-position: 0 -23px;}
#sortimentnavi .nav_current a#tab_gefluegel em {background-position: -154px -23px;}
#sortimentnavi .nav_current a#tab_fleisch em {background-position: -308px -23px;}
#sortimentnavi .nav_current a#tab_wild em {background-position: -462px -23px;}
#sortimentnavi .nav_current a#tab_gemuese em {background-position: -616px -23px;}
#sortimentnavi .nav_current a#tab_einzelhandel em {background-position: -770px -23px;}

/* =outerwrapper */
#outerwrapper {
	margin: 0 auto;
	width: 924px;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-image: url(/images/neutral-outerwrapper.jpg);
	border-top: 15px solid #fff;
	background-color: #2997CC;
	color: #fff;
}

/* outerwrapper seafood */
#body_seafood #outerwrapper,
#body_sortimentseafood #outerwrapper,
#body_produkteseafood #outerwrapper,
#body_produktfotoseafood #outerwrapper {
	background-color: #013473;
	background-image: url(/images/seafood-outerwrapper.jpg);
}

/* outerwrapper gefluegel */
#body_gefluegel #outerwrapper,
#body_sortimentgefluegel #outerwrapper,
#body_produktegefluegel #outerwrapper,
#body_produktfotogefluegel #outerwrapper {
	background-color: #CC6101;
	background-image: url(/images/gefluegel-outerwrapper.jpg);
}

/* outerwrapper fleisch */
#body_fleisch #outerwrapper,
#body_sortimentfleisch #outerwrapper,
#body_produktefleisch #outerwrapper,
#body_produktfotofleisch #outerwrapper {
	background-color: #A50004;
	background-image: url(/images/fleisch-outerwrapper.jpg);
}

/* outerwrapper wild */
#body_wild #outerwrapper,
#body_sortimentwild #outerwrapper,
#body_produktewild #outerwrapper,
#body_produktfotowild #outerwrapper {
	background-color: #6E2502;
	background-image: url(/images/wild-outerwrapper.jpg);
}

/* outerwrapper gemuese */
#body_gemuese #outerwrapper,
#body_sortimentgemuese #outerwrapper,
#body_produktegemuese #outerwrapper,
#body_produktfotogemuese #outerwrapper {
	background-color: #277217;
	background-image: url(/images/gemuese-outerwrapper.jpg);
}

/* outerwrapper einzelhandel */
#body_silverstar #outerwrapper,
#body_einzelhandel #outerwrapper,
#body_produktfotoeinzelhandel #outerwrapper {
	background-color: #2997CC;
	background-image: url(/images/neutral-outerwrapper.jpg);
}

/* =wrapper */
#wrapper {
	position: relative;
	width: 924px;
	background-position: 0 173px;
	background-repeat: no-repeat;
	background-image: url(/images/neutral-wrapper.jpg);
}
/* startseite */
#body_start #wrapper {
/*background: #4CCAFD url(/images/start-wrapper02.jpg) 0 173px no-repeat;*/
background: #4CCAFD url(/images/start-wrapper03.jpg) 0 173px no-repeat;
}

/* seafood */
#body_seafood #wrapper,
#body_sortimentseafood #wrapper,
#body_produkteseafood #wrapper,
#body_produktfotoseafood #wrapper {background-image: url(/images/seafood-wrapper.jpg);}

/* gefluegel */
#body_gefluegel #wrapper,
#body_sortimentgefluegel #wrapper,
#body_produktegefluegel #wrapper,
#body_produktfotogefluegel #wrapper {background-image: url(/images/gefluegel-wrapper.jpg);}

/* fleisch */
#body_fleisch #wrapper,
#body_sortimentfleisch #wrapper,
#body_produktefleisch #wrapper,
#body_produktfotofleisch #wrapper {background-image: url(/images/fleisch-wrapper.jpg);}

/* wild */
#body_wild #wrapper,
#body_sortimentwild #wrapper,
#body_produktewild #wrapper,
#body_produktfotowild #wrapper {background-image: url(/images/wild-wrapper.jpg);}

/* =gemuese */
#body_gemuese #wrapper,
#body_sortimentgemuese #wrapper,
#body_produktegemuese #wrapper,
#body_produktfotogemuese #wrapper {background-image: url(/images/gemuese-wrapper.jpg);}

/* =einzelhandel */
#body_silverstar #wrapper,
#body_einzelhandel #wrapper,
#body_produktfotoeinzelhandel #wrapper {background-image: url(/images/einzelhandel-wrapper.jpg);}

/* =header */
#header {
	width: 924px;
	height: 173px;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(/images/neutral-header.jpg);
}

/* header startseite */
#body_start #header {background: url(/images/start-header.jpg);}

/* header seafood */
#body_seafood #header,
#body_sortimentseafood #header,
#body_produkteseafood #header,
#body_produktfotoseafood #header {background-image: url(/images/seafood-header.jpg);}

/* header gefluegel */
#body_gefluegel #header,
#body_sortimentgefluegel #header,
#body_produktegefluegel #header,
#body_produktfotogefluegel #header {background-image: url(/images/gefluegel-header.jpg);}

/* header fleisch */
#body_fleisch #header,
#body_sortimentfleisch #header,
#body_produktefleisch #header,
#body_produktfotofleisch #header {background-image: url(/images/fleisch-header.jpg);}

/* header wild */
#body_wild #header,
#body_sortimentwild #header,
#body_produktewild #header,
#body_produktfotowild #header {background-image: url(/images/wild-header.jpg);}

/* header gemuese */
#body_gemuese #header,
#body_sortimentgemuese #header,
#body_produktegemuese #header,
#body_produktfotogemuese #header {background-image: url(/images/gemuese-header.jpg);}

/* header einzelhandel */
#body_silverstar #header,
#body_einzelhandel #header,
#body_produktfotoeinzelhandel #header {background-image: url(/images/detprod-header.jpg);}

/* =logo */
#logo {
	margin: 0 auto;
	position: relative;
	width: 880px;
	z-index: 200;
}

#logo h1 {
	margin: 0;
	position: absolute;
	top: 128px;
	left: 320px;
	width: 206px;
	height: 74px;
	background: url(/images/neutral-logo.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	z-index: 100;
}

#body_start #logo h1 {
 	top: 270px;
	left: 240px;
	background: none;
}

/* logo seafood */
#body_seafood #logo h1,
#body_sortimentseafood #logo h1,
#body_produkteseafood #logo h1,
#body_produktfotoseafood #logo h1 {background-image: url(/images/seafood-logo.jpg);}

/* logo gefluegel */
#body_gefluegel #logo h1,
#body_sortimentgefluegel #logo h1,
#body_produktegefluegel #logo h1,
#body_produktfotogefluegel #logo h1 {background-image: url(/images/gefluegel-logo.jpg);}

/* logo fleisch */
#body_fleisch #logo h1,
#body_sortimentfleisch #logo h1,
#body_produktefleisch #logo h1,
#body_produktfotofleisch #logo h1 {background-image: url(/images/fleisch-logo.jpg);}

/* logo wild */
#body_wild #logo h1,
#body_sortimentwild #logo h1,
#body_produktewild #logo h1,
#body_produktfotowild #logo h1 {background-image: url(/images/wild-logo.jpg);}

/* logo gemuese */
#body_gemuese #logo h1,
#body_sortimentgemuese #logo h1,
#body_produktegemuese #logo h1,
#body_produktfotogemuese #logo h1 {background-image: url(/images/gemuese-logo.jpg);}

#logo h1 a {
	display: block;
	width: 206px;
	height: 74px;
	overflow: hidden;
}

/* =navi */
#navi {
	margin: 0 auto;
	position: absolute;
	bottom: 5px;
	left: 20px;
	width: 336px;
	font-family: arial, sans-serif;
	font-size: 95%;
}

#navi li {
	margin: 0 .8em 0 0;
	display: inline;
}

#navi a {
	text-decoration: none;
	color: #fff;
}

#navi .nav_current a {font-weight: bold;}

/* =container */
#container {
	padding: 80px 0 0;
	width: 924px;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	min-height: 280px; /* siehe ie.css */
}

/* container seafood */
#body_seafood #container,
#body_sortimentseafood #container {
	background-image: url(/images/seafood-container.jpg);
}

/* container gefluegel */
#body_gefluegel #container,
#body_sortimentgefluegel #container {background-image: url(/images/gefluegel-container.jpg);}

/* container container fleisch themenbild */
#body_fleisch #container,
#body_sortimentfleisch #container {
	background-image: url(/images/fleisch-container.jpg);}

/* container wild */
#body_wild #container,
#body_sortimentwild #container {
	background-image: url(/images/wild-container.jpg);}

/* container gemuese */
#body_gemuese #container,
#body_sortimentgemuese #container {
	background-image: url(/images/gemuese-container.jpg);}

/* container einzelhandel */
/*#body_silverstar #container {background-image: url(/images/einzelhandel-container.jpg);}*/
#body_silverstar #container {background-image: url(/images/einzelhandel-container2.jpg);}

/* =content (2/3 Breite) */
#content {
	padding: 0 22px 20px 0;
	background: transparent;
	color: #fff;
	line-height: 1.5;
	width: 542px; /* goldenratio */
	float: right;
	position: relative;
	font-size: 95%;
	min-height: 275px; /* siehe ie.css */
}

/* =content startseite */
#body_start #content {
	width: 318px;
	float: right;
}

/* =content (ganze Breite für Tabellen ) */
#body_produkteseafood #content,
#body_produktegefluegel #content,
#body_produktefleisch #content,
#body_produktewild #content,
#body_produktegemuese #content,
#body_einzelhandel #content,
#body_suche #content {
	padding: 0 22px 10px;
	width: 880px;
	float: none;
}

/* h2 Titel in Sortiment u. Startseite */
#sortimenttitel {
	margin: 0;
	position: absolute;
	top: -126px;
	right: 0;
	height: 58px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 370px;
}
/* titel seafood */
#body_seafood #sortimenttitel,
#body_sortimentseafood #sortimenttitel,
#body_produkteseafood #sortimenttitel,
#body_produktfotoseafood #sortimenttitel {background-image: url(/images/seafood-titel.gif);}

/* titel gefluegel */
#body_gefluegel #sortimenttitel,
#body_sortimentgefluegel #sortimenttitel,
#body_produktegefluegel #sortimenttitel,
#body_produktfotogefluegel #sortimenttitel {background-image: url(/images/gefluegel-titel.gif);}

/* titel fleisch */
#body_fleisch #sortimenttitel,
#body_sortimentfleisch #sortimenttitel,
#body_produktefleisch #sortimenttitel,
#body_produktfotofleisch #sortimenttitel {background-image: url(/images/fleisch-titel.gif);}

/* titel wild */
#body_wild #sortimenttitel,
#body_sortimentwild #sortimenttitel,
#body_produktewild #sortimenttitel,
#body_produktfotowild #sortimenttitel {background-image: url(/images/wild-titel.gif);}

/* titel gemuese */
#body_gemuese #sortimenttitel,
#body_sortimentgemuese #sortimenttitel,
#body_produktegemuese #sortimenttitel,
#body_produktfotogemuese #sortimenttitel {background-image: url(/images/gemuese-titel.gif);}

/* titel Einzelhandel */
#body_silverstar #sortimenttitel,
#body_einzelhandel #sortimenttitel,
#body_produktfotoeinzelhandel #sortimenttitel {background-image: url(/images/einzelhandel-titel.gif);}

/* titel Startseite */
#starttitel {
	margin: 0;
	position: absolute;
	top: -128px;
	left: 0;
	text-indent: -9999px;
	width: 318px;
	height: 80px;
	background: url(/images/titel-start.gif) 0 0 no-repeat;
}

/* =subnavi */
#subnavi {
	float: left;
	width: 318px;
	padding-left: 22px;
}
#subnavi li {
	margin-bottom: .4em;
	font-size: 95%;
}
#subnavi a {
	color: #001648;
	color: #fff;
	text-decoration: none;
}
#subnavi a:hover {color: #fff;}
#subnavi .nav_current a {font-weight: bold;}

#subnavi #logout {
	position: relative;
	top: 1.5em;
}

/* =footer */
#footer {
	padding: 0 22px;
	clear: both;
	width: 880px;
	color: #fff;
	font-size: 85%;
}

#footer p {
	margin: 0;
	padding-bottom: 10px;
	text-align: right;
}
#footer p a {text-decoration: none;}

#footer #adresse {
	text-align: center;
	font-size: 110%;
	letter-spacing: 1px;
	padding-bottom: 10px;
}

/* =sprache */
#addnavi {
	position: absolute;
	top: -125px;
	right: 22px;
	font-size: 85%;
}

#addnavi li {
	margin: 0 0 0 .8em;
	display: inline;
}
#addnavi a {text-decoration: none;}

/* Seitenelemente *************************************************************/
.tablewrap {
	margin-bottom: 1em;
 	border: 1px solid #fff;
}

/* =produkte Tabelle */
.produkte {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.produkte th,
.produkte td {
	padding: .3em 10px;
	text-align: left;
	vertical-align: top;
	font-size: 95%;
	font-family: arial, sans-serif;
}

/*
.produkte td img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.produkte td a.pdf img {margin: 0 4px;}
*/

.produkte td.icon {padding: .3em 5px;}
.produkte td img {
  margin: 0 4px;
  padding: 0;
  vertical-align: middle;
}

.produkte thead th {
	color: #fff;
	border-bottom: 1px solid #000;
}

#body_produkteseafood .produkte thead th,
#seafood thead th {background: #001649;}

#body_produktegefluegel .produkte thead th,
#gefluegel thead th {background: #A13B00;}

#body_produktefleisch .produkte thead th,
#fleisch thead th {background: #6A0000;}

#body_produktewild .produkte thead th,
#wild thead th {background: #580C00;}

#body_produktegemuese .produkte thead th,
#gemuese thead th {background: #004A09;}

.produkte tbody th, .produkte tbody td {
	border-top: 1px solid #333;
	font-weight: normal;
	color: #333;
}
.produkte tbody td {color: #333;}

.produkte tr.artikelrubrik th {
	padding: .3em 10px;
	font-weight: bold;
	color: #fff;
}

.produkte .groesse {text-align: right;}
.produkte .herkunft {text-align: center;}

#body_produkteseafood .produkte tr.artikelrubrik th,
#seafood tr.artikelrubrik th {background: #005F9F;}

#body_produktegefluegel .produkte tr.artikelrubrik th,
#gefluegel tr.artikelrubrik th {background: #E48400;}

#body_produktefleisch .produkte tr.artikelrubrik th,
#fleisch tr.artikelrubrik th {background: #C40006;}

#body_produktewild .produkte tr.artikelrubrik th,
#wild tr.artikelrubrik th {background: #BD6D28;}

#body_produktegemuese .produkte tr.artikelrubrik th,
#gemuese tr.artikelrubrik th {background: #238D21;}

.produkte .einheit, .produkte .gewicht {text-align: right;}

.produkte tbody tr:hover {
	background: #ffffbf;
	color: #000;
}

.produkte tbody td {white-space: nowrap;}

.produkte a {
  padding: .2em 0;
  color: #000;
}
.produkte a:hover {color: #000;}

#sortiment a {margin: 0 0 .5em;}

/* =silverstar auf startseite */
#silverstar {
	position: absolute;
	bottom: 14px;
	right: 20px;
	text-indent: -9999px;
}

#silverstar a {
	display: block;
	width: 168px;
	height: 90px;
	overflow: hidden;
}

#login {margin-bottom: 1em;}

#login label {display: block;}

#login input.text {
	padding: 2px;
	width: 200px;
	border: none;
}

#login div {margin-bottom: .5em;}

p.forgotpw {font-size: 90%;}

p.forgotpw a {
	color: #001649;
	text-decoration: underline;
}
p.forgotpw a:hover {text-decoration: none;}

/* =galerie */
.galerie {
	margin: 0 -18px 1em 0;
	clear: both;
}

.galerie li {
	margin: 0 18px 12px 0;
	float: left;
}
.galerie a img {border: 1px solid #fff;}

/* =bigone */
#bigone {
	position: absolute;
	top: 0;
	left: -341px;
}
#bigone img {border: 1px solid #fff;}

/* =normliste */
.normliste {
	margin: 0 0 0 2em;
	list-style-type: disc;
}

/* suchform */
#suchform {
	padding: 5px 5px 5px 22px;
	color: #fff;
	background: transparent;
	font-size: 90%;
 	position: absolute;
	top: 40px;
	left: 0;
}

#suchform label {
	margin: 0 .3em -.2em 0;
	padding: 0;
	font-family: arial, sans-serif;
	vertical-align: middle;
	display: block;
}
#suchform input {vertical-align: middle;}

#suchform .text {
	margin-right: .3em;
	padding: 1px;
	border: 1px solid #fff;
}
#suchform input.submit {padding: 0;}

/* =dienstleistungen */
#dienstleistungen li {margin-bottom: 1em;}

#dienstleistungen h3 {
	margin-left: -5px;
	padding: .1em 5px;
	background: #0a94cb;
}

#dienstleistungen h4 {
	margin-bottom: 0;
	font-size: 115%;
	color: #081245;
	font-family: verdana, sans-serif;
	font-weight: normal;
}

/* bankkonto */
.bankkonto {margin-bottom: 1em;}
.bankkonto dt {font-weight: bold;}

/* =backlink */
.backlink {
	position: absolute;
	top: -2em;
	right: 22px;
	text-align: right;
	font-size: 95%;
}
.backlink a {text-decoration: none;}
.backlink a:hover {text-decoration: underline;}

/* =form */
p.formhinweis {font-size: 85%;}
p.formhinweis em {
	color: #000;
	font-weight: bold;
}

/* =kontaktform */
#kontaktform dt {
	margin: 0 1em 0 0;
	float: left;
	width: 6em;
	position: relative;
}

#kontaktform dt em {
	position: absolute;
	left: 6em;
	top: 0;
	color: #000;
	font-weight: bold;
}

#kontaktform dl {
	margin-bottom: .7em;
	position: relative;
}

#kontaktform .submit {margin-left: 7em;}

#kontaktform dd input,
#kontaktform dd textarea {
	padding: 2px;
	border: 1px solid #021347;
	width: 250px;
		border-color: #fff;
}

#kontaktform dd textarea {
	width: 400px;
	height: 10em;
	overflow: auto;
}

/* =regist- u. profilform */
#registform fieldset,
#profilform fieldset {
	margin: 0 0 1em;
	padding: 0 1em;
	border: 1px solid #fff;
	border: 1px solid #A7DAF7;
	background: #0A94CB;
}

#registform fieldset#form-agb {
  padding: 0 0 0 8em;
  background: none;
  border: 0;
  line-height: 1.3em;
}

#registform h3,
#profilform h3 {
	margin: .5em 0 1em;
	font-size: 115%;
	color: #0C1550;
}

 #registform p,
 #profilform p {margin: 0 0 .5em;}

#registform dl,
#profilform dl {
	margin: 0 0 1.5em;
	clear: left;
}

label, input {vertical-align: middle;}

#registform dt,
#profilform dt {
	margin: 0 1em 0 0;
	float: left;
	width: 6em;
	position: relative;
}

#profilform dt {line-height: 1.3;}
#registform dt abbr {border-color: #fff;}

#registform dt em,
#profilform dt em {
	position: absolute;
	top: .3em;
	left: 6em;
	font-weight: bold;
	font-family: georgia, serif;
	color: #000;
}

#registform dd input.text, #registform dd input.password,
#profilform dd input.text, #profilform dd input.password {
	padding: 2px;
	width: 300px;
	border: 1px solid #021347;
	border-color: #fff;
}

#registform dd select,
#profilform dd select {
	padding: 1px;
	border: 1px solid #021347;
	border-color: #fff;
}

#registform .submit,
#profilform .submit {
	background: transparent;
	border: none;
	padding-left: 8em;
}

#form-agb p {
  margin-left: 25px;
  position: relative;
}

#form-agb p input {
  position: absolute;
  top: 0;
  left: -25px;
}

/* loginform */
#loginform {margin-bottom: 1.5em}

#loginform label {display: block;}

#loginform input.text {
	margin-bottom: .5em;
	padding: 2px;
	width: 250px;
	border: 1px solid #021347;
	border-color: #fff;
}

#loginform div.submit input {
  margin: 0 10px 0 0;
  float: left;
}
#loginform p.link-register {
  position: relative;
  top: .1em;
}
#loginform p.link-register a {
	color: #001649;
	text-decoration: underline;
}
#loginform p.link-register a:hover {text-decoration: none;}
/* =singleinput */
.singleinput {margin-bottom: 1em;}

.singleinput input.text {
	padding: 2px;
	width: 250px;
	border: 1px solid #fff;
}

fieldset p.hinweis {font-size: 85%;}

/* =formfehler */
#formfehler {
  margin-bottom: 1em;
  padding: 10px;
	background: #caeafa;
  color: #000;
}
#formfehler p {margin-bottom: 0;}
#formfehler strong {
  font-weight: bold;
  color: #000;
  font-size: 95%;
}
#formfehler ul, #formfehler li {
	margin: 0;
	padding: 0;
	list-style: square;
}
#formfehler ul {margin-left: 25px;}

/* =mitarbeiter */
#mitarbeiter h3 {
	padding: .1em 10px;
	background: #0A94CB;
	text-align: right;
}

#mitarbeiter ul {margin-bottom: .5em;}

#mitarbeiter li {
	margin-bottom: 1em;
	float: none;
}

#mitarbeiter li h4 {
	margin: 0 0 .1em;
	font-weight: bold;
	font-size: 110%;
}

#mitarbeiter li h4 img {
	margin: 0 15px 0 0;
	float: left;
	border: 1px solid #fff;
}
#mitarbeiter li ul {
	margin: 0 0 0 137px;
	padding: 0;
}

#mitarbeiter li ul li {
	margin: 0;
	clear: none;
	width: auto;
}

/* =links */
#links dd {margin-bottom: 1em;}

/* kundenbereich **************************************************************/
p#bingo {
	padding: .5em 10px .5em 25px;
	font-weight: bold;
	background: url(/images/bingo-bg.gif) 0 50% no-repeat;
}

.startaktuell, #startnews, #doks {
	margin-bottom: 0;
  padding: 0 10px 15px;
	background: #0A94CB;
}
 #doks {padding-bottom: 5px;}

.startaktuell h3, #startnews h3, #doks h3 {
  margin: 0 -10px 10px;
  padding: 1px 10px;
  background: #A7DAF7;
  color: #003875;
  border-bottom: 1px solid #007DAF;
}

.startaktuell ul li {
  margin-bottom: .2em;
  padding-left: 20px;
  background: url(/images/icon-star.gif) 0 50% no-repeat;
}

#startnews h4 {
  margin: 0 0 .5em;
  font-size: 115%;
}

#content p.more a {
  text-decoration: none;
  padding: 3px;
  border: 1px solid #0877A3;
  font-size: 90%;
  color: #E7F3F8;
  background: #0985B6;
}

#content p.more a:hover {
  background: #0876A2;
  border-color: #065E82;
  color: #fff;
}

#doks dl {
  margin-bottom: .5em;  
}

#doks dt {
  background: url(/images/icon-docs.gif) 0 50% no-repeat;
  padding-left: 22px;
}

#doks dd {
  margin-left: 22px;
  color: #c8e7f9;
}

/*
#doks dl a, #content a:link, #content a:visited {
text-decoration: none;
border-bottom: 1px dotted #fff;
line-height: 1;
color: #fff;
padding-bottom: 0;
}

#doks dl a:hover,
#content a:hover, #content a:hover {border-color: #67AACF;
border: none;
}
*/

#doks dt em {
	font-style: normal;
	color: #A7DAF7;
  text-transform: uppercase;
}

/* =profil */
#profil {margin-bottom: 1.5em;}

#profil dl {
	padding: .3em 0;
	border-bottom: 1px solid #A7DAF7;
}

#profil dl.oprice dd {
  font-weight: bold;
  font-size: 155%;
  line-height: 1em;
}

#profil dt {
	margin: 0;
	width: 180px;
	float: left;
	color: #001748;
	font-weight: bold;
	font-family: arial, sans-serif;
}

#profil dd {
	float: right;
	width: 350px;
}

/* =tracking, =bestellung u. =tourenplan Tabellen */
#tracking,
#bestellung,
#tourenplan {
	margin: 0 0 1em;
	padding: 0;
	border-collapse: collapse;
	/*background: #0A94CB;*/
	border: 1px solid #A7DAF7;
	border-width: 1px 0 0;
	width: 100%;
}

.mypics {
	margin: 0 0 1em;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #A7DAF7;
	border-width: 1px 0 0;
	width: 100%;
}
.mypics th,
.mypics td {
  vertical-align: top;
	text-align: left;
  border-bottom: 1px solid #37AFDF;
	background: #0A94CB;
}

.tablewrapper #tracking {
  margin-bottom: 0;
  border: 0;
}

.tablewrapper {
  margin-bottom: 1em;
	border: 1px solid #A7DAF7;
  border-width: 1px 0 0;
}


#tracking th, #tracking td,
#bestellung th, #bestellung td,
#tourenplan th, #tourenplan td,
.mypics th, .mypics td {
	padding: .4em 7px;
	vertical-align: top;
	text-align: left;
  border-bottom: 1px solid #37AFDF;
	background: #0A94CB;
}

#tourenplan th, #tourenplan td {
	padding: .3em 3px;
	text-align: center;
}

#tracking th,
#bestellung th,
#tourenplan th,
.mypics th {
	padding: .3em 7px;
	background: #A7DAF7;
	color: #001849;
	border: none;
	font-family: arial, sans-serif;
  line-height: 1.3em;
}

#tracking td,
#bestellung td,
#tourenplan td {
	font-size: 95%;
	line-height: 1.4em;
}

td a {padding: .1em 0;}

#tourenplan td {
	font-size: 90%;
	font-family: arial, sans-serif;
}

td.anzahl,
td.gewicht,
td.verpackung {white-space: nowrap;}

#bestellung .anzahl,
#bestellung .gewicht,
#bestellung .verpackung {text-align: right;}

/* =dokumente */
#dokumente {
	margin-bottom: 0;
	background: #0A94CB;
	border: 1px solid #A7DAF7;
	border-width: 1px 0 0;
}

#dokumente h3 {
	margin: 0;
	padding: .2em 7px;
	background: #A7DAF7;
	color: #431849;
}

#dokumente li {
	padding: .4em 7px;
	border: 1px solid #A7DAF7;
	border-width: 0 0 1px;
}

#dokumente li em {
	font-style: normal;
	color: #431849;
}

/* =fotogalerie */
#fotogalerie,
#newsgalerie {clear: both;}

#fotogalerie ul {
  margin-left: -338px;
  width: 338px;
  float: left;
}

#fotogalerie li,
#newsgalerie li {
  margin: 0 20px 20px 0;
  float: left;
}

#fotogalerie img,
#newsgalerie img {
  margin: 0;
  padding: 0;
  display: block;
} 

#fotogalerie p img {
  margin-bottom: .2em;
  display: block;
}

/* =confirm-agb */
.info-agb {
  margin-bottom: 1em;
  background: #ffffcc;
  padding: 15px;
  color: #000;
}

.info-agb h2 {font-size: 115%;}
.info-agb p {
  padding: 0;
  margin: 0;
}

#confirm-agb {
  padding: 1em 0;
  border: 1px solid #fff;
  border-width: 1px 0;
}

/* =navi-content */
#navi-content {
  font-size: 90%;
  background: #0A94CB;
}

#navi-content li {float: left;}

#navi-content li a {
  padding: 5px 7px;
  display: block;
  text-decoration: none;
}

#navi-content li a:hover {text-decoration: underline;}

#navi-content li.nav_current a {
  background: #A7DAF7;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

/* =sofortkaufen, #angebotnutzen, =vip */
#angebotnutzen,
.vip {
  margin-bottom: 1em;
  padding: 10px;
  background: #003875;
}

#sofortkaufen {
  margin-bottom: 1em;
  padding: 1em 0 .5em;
  border: 1px solid #A7DAF7;
  border-width: 1px 0;
}

#sofortkaufen strong {
  font-weight: bold;
  font-size: 145%;
  white-space: nowrap;
}

#sofortkaufen input.submit {
  margin: 0 auto;
  display: block;
}

form input#gebot {
	padding: 2px;
  width: 6em;
}

/* =aktuellesgeb */
#aktuellesgeb {background: #003875;}

#aktuellesgeb dt {
  color: #fff;
  padding-left: 10px;
  line-height: 25px;
}

#aktuellesgeb dd {
  font-size: 145%;
  line-height: 25px;
  font-weight: bold;
}

/* =Klassen */
.bildl {
	margin: .5em 20px 10px 0;
	float: left;
}
.bildr {
	margin: .5em 0 10px 20px;
	float: right;
}

.rahmen {border: 1px solid #fff;}

p.claim {font-weight: bold;}

p.datum {font-size: 85%;}

p.art {font-weight: bold;}

.no-aukt,
.no-prod,
.no-angebote {
  padding: 15px;
  border: 1px solid #A7DAF7;
  min-height: 50px;
  background: #0A94CB;
}

.neg-feedback {
	background: #caeafa;
  color: #000;
  padding: 10px;
  font-weight: bold;
}

#profil #g-code {background: #003875;}

#profil #g-code dt {
  color: #fff;
  padding-left: 3px;
  line-height: 25px;
}

#profil #g-code dd {
  font-size: 145%;
  line-height: 25px;
  font-weight: bold;
}

#profil #g-code dd a {
  padding: 2px 6px;
  background: #fff;
  color: #003875;
  font-size: 90%;
  text-decoration: none;
  border: 2px outset #28A1D6;
}

#profil #g-code dd a:hover {
  padding: 3px 5px 2px 7px;
  border-style: inset;
  background: #fff;
}

/* easyClearMehtode */
.group:after,
.clrItem:after,
#profil dl:after,
#profilform dl:after,
#navi-content:after,
#proddetails dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* =certificates */
#certificates img {
  margin: 0 10px 0 15px;
  float: right;
}

#certificates ul {
  margin: 0 0 1em 2em;
  padding: 0;
  list-style-type: disc;
}

#certificates li {margin-bottom: .5em;}

/* =proddetails */
#proddetails {
  margin-bottom: 1.5em;
  border-top: 1px solid #fff;
  float: left;
  width: 100%;
}

#proddetails dl {
	padding: .3em 0;
	border-bottom: 1px solid #fff;
}

#proddetails dl#spezifikationen {padding-bottom: 0;}

dl#spezifikationen ul {margin: 0 0 10px;}

dl#spezifikationen ul li {
  margin-bottom: .3em;
  padding-left: 22px;
  background: url(/images/icon-pdf.png) 0 .2em no-repeat;
}

#proddetails dt {
	margin: 0;
	width: 180px;
	float: left;
	color: #001748;
  color: #fff;
	font-weight: bold;
	font-family: arial, sans-serif;
}

#proddetails dd {
	float: right;
	width: 350px;
}

/* =suchform */
#suchform p {
  margin: 0;
  font-size: 95%;
}

/* =photos in auktion, spezangebot, neuigkeit */
#photos {
  margin: 15px 0;
  padding: 25px 0 0 25px;
  background: #A7DAF7;
}

#photos li {
  margin: 0 25px 25px 0;
  float: left;
  width: 142px;
}

#photos li img {
  border: 1px solid #fff;
  display: block;
}

#neuigkeiten {border-bottom: 1px solid #62BEED;}

#neuigkeiten li {
  padding: .2em 0 .2em 120px;
  border-top: 1px solid #62BEED;
}

#neuigkeiten li span {
  margin-left: -120px;
  width: 90px;
  float: left;
  font-family: arial, sans-serif;
  font-weight: bold;
}

ul.pdfdoc {
	margin: 0 0 0 2em;
	list-style-type: disc;
}

ul.pdfdoc li {margin-bottom:.3em;}


ul.pdfdoc li em {
  font-style: normal;
  color: #0E6090;
  text-transform: uppercase;
}

/* =mypics */
#mypicsform button {
  background-image: url(/images/icon-tick.gif);
  padding: 2px 6px 2px 23px;
  background-position: 5px 50%;
  background-repeat: no-repeat;  
  width: auto; overflow: visible; 
  outline: none;
  border: 1px solid #0c638c;
  -moz-box-shadow: 1px 1px 3px #40628F;
  -webkit-box-shadow: 1px 1px 3px #40628F;
  box-shadow: 1px 1px 3px #40628F;
  cursor: pointer;
}

#mypicsform input.submit.disabled,
#mypicsform button.disabled {
  background-image: url(/images/icon-tick-muted.gif);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

#mypicsform h3 {
  margin: 0;
  padding: 4px 10px;
  background: #bce5fc;
  color: #333;
  font-size: 115%;
  border-bottom: 1px solid #37AFDF;
}

.mypics td a {
  text-decoration: none;
  padding: .4em 0;
}
.mypics td a:hover {text-decoration: underline;}

.file-item {
  position: relative;
  display: inline;
}

.mypics td em.size {
color: #A7DAF7;
font-style: normal;
}

.tooltip {
  display: none;
  position: absolute;
  border: 4px solid #fff;
  -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.4);
  box-shadow: 1px 1px 8px rgba(0,0,0,.4);
}

.tooltip img {display: block;}

.mypics tr:hover td {background: #5CB8E7;}
.mypics th {white-space:nowrap;}

.mypics .mod {text-align: center;}

.form-select select {padding: 2px;}



