/* $Id: frenzel.css 126 2010-07-30 21:04:13Z hweber $ */

/*----------------------------------------------------------*/
/*                 Standard-Definitionen                    */
/*----------------------------------------------------------*/

html		{	height:100%; width:100%; }

body		{	background:#FFF; color:#000;
				height:100%; width:100%; margin:0; padding:0;
				font-family:Verdana, Arial, Helvetice, sans-serif;
				scrollbar-base-color:#CCC; scrollbar-arrow-color:#333; }

h1			{	color:#666;
				font-variant:small-caps; letter-spacing:1px; font-size:13px; font-weight:bold;
				margin:5px 0 0 0; }

h2			{	color:#333;
				font-size:10px; font-weight:bold;
				margin:2px 10px 2px 3px; }

h3			{	color:#666;
				font-variant:small-caps; letter-spacing:1px; font-size:12px; font-weight:bold;
				margin:5px; }

h5			{	color:#333;
				font-size:10px; font-weight:bold; 
				margin:5px 5px -3px 5px; padding-top:2px;
				border-top:1px solid #999; }

p			{	color:#333;
				font-size:11px; font-weight:300;  
				margin:5px; }

dfn			{   color:#F07F8C;
				cursor:help; }

ul			{	color:#333;
				font-family:Verdana, Arial, Helvetice, sans-serif; font-size:11px; font-weight:300; 
				margin:0; padding:0; }

li			{	margin:-3px 0 0 20px; padding:0; }

/* Tabellen */
table		{	border:0;
				border-spacing:0; border-collapse:collapse; }
td			{	text-align: left;
				vertical-align: top; }

/* Formularfelder */
form		{	margin:0; padding:0; }
input, select
			{	color:#333;
				font-family:Verdana, Arial, Helvetice, sans-serif; font-size:11px; font-weight:300;  
				margin:0 5px; }
textarea	{	color: #333;
				font-family:Verdana, Arial, Helvetice, sans-serif; font-size:11px; font-weight:300;  
				margin:0 5px; }

/* Weitere HTML-ELemente */
hr			{	color:#CCC;
				height:1px;
				border:#CCC;
				background-color:#CCC;
				margin-bottom:10px; }
img			{	border:none;
				margin:0; padding:0; }

/*----------------------------------------------------------*/
/*           Navigation  und Link Definitionen              */
/*----------------------------------------------------------*/

/* Pseudo-Klassen für Links */
a,
a:link,
a:active,
a:visited		{	color:#333; text-decoration:none; }
a:hover			{	color:#600; text-decoration:underline; }
a.active		{	color:#600; text-decoration:none; }

/* Hyperlinks */
a.link_important
				{	font-weight:bold; color:#900; }

/* E-Mail-Links */
td.email a:link
				{ color:#600; background-color:transparent; text-decoration:underline; }   
td.email a:visited
				{ color:#000; background-color:transparent; text-decoration:none; }   
td.email a:hover
				{ color:#036; background-color:transparent; text-decoration:underline; }   
td.email a:active
				{ color:#300; background-color:transparent; text-decoration:none; } 

/* Hauptnavigation */
p.hauptnavi		{	color:#666;
					font-size:10px; font-weight:bold; text-align:center;
					margin:0px 20px; }

/* Unternavigation weiss */
p.unaviw		{	color:#333; line-height:12px;
					font-size:10px; font-weight:500; text-align:left;
					margin:0px; padding:3px; padding-right:10px; }

/* Unternavigation grau */
p.unavig		{	color:#333; line-height:12px; background-color:#DFDFDF; 
					font-size:10px; font-weight:500; text-align:left;
					margin:0px; padding:3px; padding-right:10px; }

/* Produktnavigation */
p.prodnavi		{	color:#333; line-height:12px;
					font-size:10px; font-weight:500; text-align:left;
					margin:0px; padding:3px; padding-right:10px; }

/* Fußzeilennavigation */
p.footnavi		{	color:#666;
					font-size:10px; font-weight:bold; text-align:right;
					margin:0 20px; }

/*----------------------------------------------------------*/
/*                 Schrift Definitionen                     */
/*----------------------------------------------------------*/

/* span-Elemente */
span.bold		{	color:#666;
					font-weight:600; font-size:12px; }
span.bold1		{	font-weight:600; } 		
span.link		{	color:#600; }
span.aktuelles	{	color:#333;
					font-weight:500; font-size:10px; }
span.job		{	color:#666;
					font-weight:500; font-size:14px; }
span.partner1	{	color: #600;
					margin-left:0px;
					font-weight:400; font-size:11px; }
span.impressum	{	color: #333;
					font-family:Verdana, Arial, Helvetice, sans-serif; font-size:11px; font-weight:300;  
					margin:3px 5px 4px 3px; }
span.historie	{	margin-left:10px; } 
span.historie1	{	margin-left:46px; }
		
/* Beschriftung für Partner-Adressen */
label.partner	{	font-size:11px;
					margin:0px; margin-right:5px; padding:0px;
					width:50px; float:left; }

/* Pfadangaben */
p.pfad			{	color:#333;
					font-size:9px; font-weight:300;
					margin: 3px 0px; }

/* Anfang der Liste */
p.aufzahlung	{	color:#333333;
					font-size:10px; font-weight:300;
					margin:0px 3px 0px 8px; }

/* Einrückung erste Zeile */
p.liste			{	color:#333333;
     			    font-size:10px; font-weight:300;
					margin:0px 3px 0px 16px; }

/* Einrückung 2. Zeile */
p.liste2		{	color:#333333;
					font-size:10px; font-weight:300; 
     				margin:0px 3px 0px 21px; }

p.partner		{	color:#600; font-size:12px; font-weight:bold;
					margin:3px 5px; }

/*----------------------------------------------------------*/
/*                Sonstige Definitionen                     */
/*----------------------------------------------------------*/

/* Startseite */
div.startseite	{	width:586px; height:396px; 
					border:none; 
					position:absolute; 
					top:50%; left:50%; 
					margin-top:-198px; margin-left:-293px; }
					
div.startseite a:link img,
div.startseite a:visited img,
div.startseite a:hover img,
div.startseite a:active img
				{	border:none; text-decoration:none; }
ul.startseite	{	padding-left:420px; }

/* Sprachumschaltung auf der Startseite */
a.index_lang_de	{	background:url('/images/flagge_de_startseite.png');
					background-position:0 -16px; }
a.index_lang_de:hover
				{	background-position:0 0; }
a.index_lang_en	{	background:url('/images/flagge_en_startseite.png');
					background-position:0 -16px; }
a.index_lang_en:hover
				{	background-position:0 0; }
a.index_lang_es	{	background:url('/images/flagge_es_startseite.png');
					background-position:0 -16px; }
a.index_lang_es:hover
				{	background-position:0 0; }
a.index_lang_tr	{	background:url('/images/flagge_tr_startseite.png');
					background-position:0 -16px; }
a.index_lang_tr:hover
				{	background-position:0 0; }
				
/* Tabellen */
td.hinterlegt	{ background-color: #EBEBEB; }

/* pro-Tags */
td.proTagTd	{ vertical-align:top; }
p.proTagTdP	{ margin-top:0px; margin-bottom:0px; }

/* Rubrikbilder */
div.rubrikbilder	{	position:relative; margin:0; padding:0;
						width:100%; height:100%;  }
div.rubrikbilder img
					{	position:absolute; top:0; left:0;
						width:565px; height:200px;
						z-index:10; }
div.rubrikbild-flash
					{	position:absolute; top:0; left:0;
						z-index:99; }

/* Sprachumschaltung */
ul.lang a			{	display:block; width:24px; height:16px; float:left; margin-left:10px; background-color:red;}
ul.lang a:hover		{	text-decoration:none; }
ul.lang a span		{	display:none; }

a.lang_de			{	background:url('/images/flagge_de.png');
						background-position:0 -16px; }
a.lang_de:hover,
a.lang_de_active	{	background-position:0 0; }

a.lang_en			{	background:url('/images/flagge_en.png');
						background-position:0 -16px; }
a.lang_en:hover,
a.lang_en_active	{	background-position:0 0; }

a.lang_es			{	background:url('/images/flagge_es.png');
						background-position:0 -16px; }
a.lang_es:hover,
a.lang_es_active	{	background-position:0 0; }

a.lang_tr			{	background:url('/images/flagge_tr.png');
						background-position:0 -16px; }
a.lang_tr:hover,
a.lang_tr_active	{	background-position:0 0; }

/* Produkt */
table.produkt		{	margin-top:5px;
						width:370px; }
table.produkt tr td	{	border-bottom:1px solid #DFDFDF; }
table.produkt tr td p
					{	margin:3px 0; }

/* Warenkorb */
table.basket		{	width:525px; }
table.basket thead tr th
					{	padding:0 3px;
						background-color:#DFDFDF; }
table.basket thead tr th p
					{	color:#666; font-weight:bold; }
table.basket thead tr th p.center,
table.basket tbody tr td p.center,
table.basket tfoot tr td p.center
					{	text-align:center; }
table.basket thead tr th p.right,
table.basket tbody tr td p.right,
table.basket tfoot tr td p.right
					{	text-align:right; }
table.basket tbody tr td
					{	padding:3px;
						vertical-align:top;
						border-bottom:1px solid #DFDFDF; }
table.basket tfoot tr td
					{	padding:0 3px; }

p.order_basket		{	text-align:right;
						margin-top:20px; }

/* Text für Zahlungsarten und Versandarten */
div.payment_text	{	margin-left:28px; margin-bottom:20px; }
div.shipping_text	{	margin-left:28px; margin-bottom:20px; }

/* Symbole (Icons) */
img.icon			{	width:16px; height:16px;
						vertical-align:middle; }

/* Slide-Out und Slide-In */
a.slide_in		{	padding-right:20px;
					background-image:url('/images/slide_in.png');
					background-position:center right;
					background-repeat:no-repeat; }
a.slide_out		{	padding-right:20px;
					background-image:url('/images/slide_out.png');
					background-position:center right;
					background-repeat:no-repeat; }

/* Formularfelder */
input.text,
select.text,
textarea.text		{	width:200px; margin:0 0 10px 0;
						border:1px solid #9A9A9A; }
input.focus,
textarea.focus		{	background-color:#EEE; }
input.error,
textarea.error		{	background-color:#FCC;
						border:1px solid #CFA8A8; }
input.button		{	margin:4px 0; }
input.checkbox,
input.radio			{	vertical-align:middle; }

/* Suche im Online-Shop */
form.search p		{	margin:0 10px; }
form.search p input	{	margin:0;
						vertical-align: middle; }
form.search p input.search
					{	margin:0 10px;
						width:150px; }

/* Beschriftung für Formulare */
label				{	margin-right:0.3em; float:left; }
label.adress		{	width:60px; }
label.product		{	width:150px; }
label.tellafriend	{	width:150px; }
label.login			{	width:6.0em; }
label.order			{	width:8.0em; }

/* Overlay */
div.overlay		{	position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; display:none;
					background-color:#E9EAF4;
					cursor:pointer; }

/* Informationen */
div.information_box
				{	position:absolute; top:200px; left:360px; width:400px; height:400px;
					padding:10px; z-index:101; overflow-y:scroll; overflow-x:hidden; display:none;
					background-color:#FFF;
					border:5px solid #DFDFDF; }
a.information_close
				{	position:absolute; top:178px; left:780px; width:30px; height:30px;
					display:none; z-index:102;
					background:url('/images/close_box.png') top left no-repeat;
					cursor:pointer; }

/* Zeilenumbruch um Textfluss wiederzuherstellen */
.clear				{	clear:both; }

/* Meldungen */
div.error-message
				{	display:none;
					color:#FD0026; }
div.error-message p	,
p.error-message	{	color:#FD0026;
					padding-left:20px;
					background: url('/images/error.png') center left no-repeat; }
p.warning		{	color:#C6C737; line-height:20px;
					padding-left:20px;
					background: url('/images/warning.png') center left no-repeat; }
p.okay			{	color:#0C0; line-height:20px;
					padding-left:20px;
					background: url('/images/okay.png') center left no-repeat; }