/*SPAM FILTER*/

.loose, #loose {display:none;visibility:hidden;visible:hide;}

/* CSS Eröffnungswerbung */
#parknav
{
visibility:hidden;
width:80px;
height:80px;
position:absolute;
left:325px;
top:15px;
border:2px solid #151515;
}

#navcontainer1, #navcontainer2, #navcontainer3, #navcontainer4 {
  width: 100%;
  display: none;
  border: 2px solid #a5abbc;
  background-color: #d5deeb;
  border-top: 0px solid #a5abbc;
}

#navcontainer4 {
  display:block;
  padding:0px;
}

#navlist {
  width: 100%;
  padding: 2px 0;
  margin-left: 0;
  margin-bottom: 0;
  text-align: left;
  border-bottom: 2px solid #a5abbc;
  font: bold 11px Verdana, sans-serif;
}

#navlist li {
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a {
  padding: 2px 0.4em;
  margin-left: 1px;
  border: 1px solid #a5abbc;
  border-bottom: none;
  background: #DDE;
  text-decoration: none;
  font-size:11px;
}

#navlist li a:hover, #navlist li a:active, #navlist li a:focus {
  color: #000;
  font-size:11px;
  background: #AAE;
  border-color: #a5abbc;
}

#navlist #active1 {
  margin-left: 0px;
  background: white;
  border-bottom: 2px solid white;
}

#navtable_rechts {
  padding: 3px;
  background-color:white;
  border-left: 2px solid #a5abbc;
}

#navtable_links {
  padding: 3px;
  background-color:white;
/*  border-right: 2px solid #a5abbc; */
}

/* CSS Eröffnungswerbung ENDE */
						/* Allgemeine Einstellungen */
* {
	font-family: Arial;
}
body, table, div, span, p, a {
	font-size: 12px;
}
body {
	margin:0px;
	padding:0px;
	margin-top:8px;
#	color: #404070;
	color: black;
	font-size:12px;
	background-image:URL(../bilder/store_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#ffffff;
}

						/* Angaben für URLs */
a:link, a:visited {
	color: #202099;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.fett a {
	font-weight:bold;
}

						/* Rahmen um verlinkte Bilder entfernen */
a img {
	cursor:pointer;
	border-width:0px;
	text-decoration:none;
}

						/* Kopfdaten */
.banner {
	height:70px;
	background-image:URL("../images/pcstore_blau_banner.jpg");
	background-repeat:no-repeat;
}
.shop_kopftext {
	color: #43437c;
	font-size: 16px;
	font-weight: bold;
	background-color: #ffffff;
}

						/* Außenabstand Banner und Navi */
#banner, #topnavi, #inhalt, .trennlinie_unten {
	margin:8px;
	margin-bottom:0px;
}
#topnavi {
	margin-top:0px;
}

						/* Top Navigation und Links */
.topnavi, .topnavipop {
	color: #ffffff;
	background-color: #08246b;
}
.topnavi td {
	color: #ffffff;
}
table.topnavi, .topnavipop {
	padding:1px 1px;
	color: #ffffff;
}
a.topnavilink, a.topnavilink:visited {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}
a.topnavilink:hover, a.topnavilink:active, a.topnavilink:focus {
	font-weight: bold;
	text-decoration: none;
	background-color: #a3aabb;
}
.topnavipop {
	width:180px;
	display:none;
	padding:3px 3px;
	position:absolute;
	border:1px solid #ffffff;
}
.topnavipop a {
	width:auto;
	display:block;
}

						/* Formularangaben */
form {
	display: inline;
}
checkbox, input, input:focus, radio, select {
	color: #ffffff;
	font-size:10px;
	background-color: #a3aabb;
	text-decoration:none;
	border: 1px solid #404070;
}
textarea {
	width: 75%;
	color: #404070;
	font-size:10px;
	border: 1px solid #404070;
	background-color: #d3ddea;
}

						/* Tabellen und Layout */
.mitte, .links, .rechts {
	text-align:center;
	vertical-align:top;
}
.links, .rechts {
	width:170px;
}
.mitte {
	padding:0px 8px;
}
.tabelle {
	border:0px;
	width:100%;
	padding:0px;
}
.mitte .tabelle {
	width:98%;
}
.tabelle .tabelle {
	width:100%;
	border:0px solid #a5abbc;
}

						/* Tabellentitel */
.tabtitel, .tabtitel_unten, .tabtitel_ohne {
	height:15px;
	padding:0px;
	color: #ffffff;
	padding-left:3px;
	font-weight: bold;
	background: #a3aabb;
	vertical-align:middle;
	background-image:URL("../images/tabtitel_links.gif");
	background-color:#a3aabb;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:right bottom;
}
.rechts .tabtitel {
	padding-left:34px;
	background-image:URL("../images/tabtitel_rechts.gif");
	background-color:#a3aabb;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.links .tabtitel_unten {
	padding-left:3px;
	background-image:URL("../images/tabtitel_ulinks.gif");
	background-color:#a3aabb;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:right bottom;
}
.rechts .tabtitel_unten {
	padding-left:34px;
	background-image:URL("../images/tabtitel_urechts.gif");
	background-color:#a3aabb;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.tabtitel_ohne {
	padding-left:34px;
	background-image:URL("");
	background-color:#a3aabb;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

						/* Tabellen-Spacer */
.tabtitel_spacer {
	height:1px;
	padding:0px;
	vertical-align:middle;
}

						/* Tabelleninhalt */
.tabinhalt, .tabinhalt_mit, .tabinhalt_ohne {
	padding:4px;
	background-color: #d5deeb;
	text-decoration:none;
	border:2px solid #a5abbc;
}
.tabinhalt_ohne {
	background-color: #ffffff;
}
.tabelle .tabelle .tabinhalt_ohne, .tabelle_artikel .tabinhalt, .tabelle_artikel .tabinhalt_ohne {
	border:0px solid #ffffff;
}
.tabelle .tabelleartikel .tabinhalt_ohne, .tabelle .tabelleartikel .tabinhalt, .tabelle .tabelleartikel .tabinhalt_mit {
	border:2px solid #a5abbc;
}

						/* Links in Tabellen */
.tabinhalt a, .tabinhalt a:visited,
.tabinhalt_mit a, .tabinhalt_mit a:visited,
.tabinhalt_ohne a, .tabinhalt_ohne a:visited {
	color: #202099;
	border-width:0px;
	text-decoration:none;
}
.tabinhalt a:hover, .tabinhalt a:active, .tabinhalt a:focus,
.tabinhalt_ohne a:hover, .tabinhalt_ohne a:active, .tabinhalt_ohne a:focus {
	color:#a5abbc;
}
.tabinhalt_mit a:hover, .tabinhalt_mit a:active, .tabinhalt_mit a:focus {
	color:#ffffff;
	background-color: #a3aabb;
}

						/* Untergruppen */
.ugruppe {
	color:#ffffff;
	background-color:#a5abbc;
}
.ugruppe a, .ugruppe a:link, .ugruppe a:visited {
	color:#ffffff;
	background-color:#a5abbc;
}
.ugruppe a:hover, .ugruppe a:focus, .ugruppe a:active {
	color:#a5abbc;
	background-color:#ffffff;
}

						/* Hierarchie Links */
.hierarchie {
	color:#a5abbc;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	padding-bottom:3px;
	background-color:#ffffff;
}
.hierarchie a, .hierarchie a:link, .hierarchie a:visited {
	color:#a5abbc;
	font-size:16px;
	background-color:#ffffff;
}
.hierarchie a:hover, .hierarchie a:focus, .hierarchie a:active {
	color:#a5abbc;
	background-color:#ffffff;
	text-decoration:underline;
}

						/* Hintergrundfarbe löschen */
.clear {
	background-color:#ffffff;
}

						/* Überschriften */
.slogan {
	color: #ababbb;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

						/* Trennlinien */
.trennlinie {
	width:98%;
	height:2px;
	text-align:center;
	background-color:#d5deeb;
	border:1px dashed #a5abbc;
}
.trennlinie_unten {
	color: #08246b;
}

						/* Einstellungen fürs Impressum */
.impressum {
	width:98.9%;
	padding:5px;
	margin-left: -5px;          /* links */
}
.impressum_spacer {
	height:3px;
	padding:2px;
	vertical-align:middle;
}
.impressum_tabtitel {
	height:16px;
	padding:3px;
	color: #ffffff;
	text-align:center;
	font-weight: bold;
	background-color: #a3aabb;
	vertical-align:middle;
}
.impressum_inhalt {
	width:32%;
	padding:6px;
	line-height:14px;
	background-color: #d5deeb;
	text-decoration:none;
	border:4px double #a5abbc;
}
.impressum_inhalt a, .impressum_inhalt a:visited {
	border-width:0px;
}
.impressum_inhalt a:hover, .impressum_inhalt a:active, .impressum_inhalt a:focus {
	color:#efefef;
	text-decoration:underline;
}

						/* Copyrightzeile */
.copyright, .copyright a {
	font-size: 10px;
}
.copyright a:hover {
	color:#efefef;
	text-decoration:underline;
}
