/*********************************************************/
/* CSS Definitionen fuer                  kes-leipzig.de */
/* (c) 2006-2009                                         */
/*********************************************************/
/*                                                       */
/*	Das  komplette  Layout  und  Design  dieser  Seite,  */
/*  saemtlicher  Quellcode,  HTML, CSS und Javascripte,  */
/*	inklusive  aller  grafischer  Elemente, ausgenommen  */
/*  extern  eingebundender,  besonders gekennzeichenter  */
/*	Inhalte Dritter sind  urheberrechtlich geschuetztes, */
/*  geistiges Eigentum von                               */
/*                          KES, Tony Grundmann, Leipzig */
/*                                                       */
/*	Kein  Teil  dieser Website darf in irgendeiner Form  */
/*	- unveraendert oder modifiziert - ohne schriftliche  */
/*	Genehmigung  von  mir veraendert, kopiert, reprodu-  */
/*	ziert, neu aufgelegt, online-gestellt, bekanntgege-  */
/*	ben,  uebertragen oder verteilt werden ohne dass es  */
/*  eine  Verletzung  nach  §§ 106 ff. UrhG  darstellen  */
/*  wuerde!!!                                            */
/*                                                       */
/*********************************************************/
/*
 * @version $Id: kes.css 262 2010-04-20 14:59:29Z wegner $
 * @copyright 2006-2009, Michael Wegner, KES Leipzig
 */

/*
	braun: 	#521818
	orange:	#fc6200
	blau:		#00d
*/


/********************************************************/
/*                    BODY CONTAINER                    */
/********************************************************/

/* @page { size:landscape; } */

@media print {

	body {
		margin:0;
		padding:0;
		background:white;;
		}

	#warenkorb, #wgselect, #menutab {
		display:none;
		}


	} /* media print */


@media screen, handheld {

	body {
		font-family:arial, heletica, helv, sans-serif;

		font-size:10pt;

		margin:0;
		padding:0;
		background:#f2f4fb;
		color:#555; /* 00466s9; */

		text-align:left;
		}

	} /* media screen */

/* ALT ÜBERNOMMEN: */




td {
	font-size: 10pt;
	color: #000;
	line-height: 14pt;
	font-family: Arial, Helvetica, Helv, Sans-Serif;
	letter-spacing: 1px
}

/*
.orange {
	FONT-SIZE: 9pt; COLOR: #ff9137; LINE-HEIGHT: 13pt; FONT-FAMILY: Arial Black, Helvetica; LETTER-SPACING: 1px
}
*/
/*
.text {
	FONT-SIZE: 10pt; COLOR: #000000; LINE-HEIGHT: 14pt; FONT-FAMILY: Century Gothic, Arial, Helvetica; LETTER-SPACING: 0px; BACKGROUND-COLOR: #ffffff
}
*/
.bildunterschrift {
	FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 12pt; FONT-FAMILY: Arial; LETTER-SPACING: 0px; BACKGROUND-COLOR: #cccccc
}

input.kes {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10px;
	border-left: #000000 1px solid;
	width: 240px;
	color: #000000;
	border-bottom: #000000 1px solid;
	font-family: 'arial'; background-color: #f3f3f3
}

textarea.kes {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10px;
/* kein valid CSS
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #000000;
*/
	border-left: #000000 1px solid;
	width: 240px;
	color: #000000;
	border-bottom: #000000 1px solid;
	font-family: 'arial';
	background-color: #f3f3f3
}



/********************************************************/
/*                  GLOBAL DEFINITIONS                  */
/********************************************************/

td, th { 		font-family:Verdana, arial, heletica, helv, sans-serif; }

form { margin:0px; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.block { text-align:justify; }
.block1 { text-align:justify;
	text-indent:5px; }

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.mono { font-family: "courier new", courier, monospace; }


.normal { font-weight:normal; letter-spacing: 0; line-height:1.4em; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }

.bigger { font-size:14pt;	line-height:1.5em; font-weight:bold; }
.big { font-size:11pt;	}
small, .small { font-size:8pt;	}
.smaller { font-size:7pt;	font-weight:normal; letter-spacing:0; line-height:1.3em; }
.gesperrt { letter-spacing: 1px; }


.cut180 {
	overflow:hidden;
	white-space:nowrap;
	}

.cut180 {
	width:180px;
	max-width:180px;
	height:1.2em;
	max-height:1.2em;

	clip:rect(0px,180px,18px, 0px);
	}

.blue { color: #004669; }
.blue1 { color: #4c62c5; }
.blue2 { color: #0020ad; }
.blue3 { color: #d9def3; }
.blue4 { color: #9cafdc; }
.silver { color:#888; }
.gold { color:#f2bf26; }
.black { color:#000; }
.white { color:#fff; }
.brown { color:#810;}
.red { color: #b00; }
.orange { color:#fc6200; }
.green { color:#090; }
.light { color:#aaa; }

.marked { background:yellow; color:red; }

.lightbg { background:#d9def3; }
.darkbg { background:#9ca4dc; }
.whitebg { background:#fff; }
.bluebg { background:#d9def3; }
.blue1bg { background:#9ca4dc; }
.blue2bg { background:#4c62c5; }
.blue3bg { background:#0020ad; }
.aetkabg { background:#294293; }
.blackbg { background:#000; }
.yellowbg { background:#ffb; }
.redbg { background:#f8eeee; }
.kesbg { background:#eee url(/pics/bg/kes.jpg);  }

.headline { background:#fff;
	line-height:2.2em;
	border-bottom:1pt dotted silver;
	}

.headline img { float:right; vertical-align:bottom; }

.marginright3 { margin-right:3px; }
.marginright { margin-right:10px; }
.margintop { margin-top:0.4em; }
.zeromargin { margin:0; }
.nowrap {	white-space:nowrap; }

.new { background:#f66; color:#fff; }


.eleven { font-size:11pt; }
.ten { font-size:10pt; }
.nine { font-size:9pt; }
.eight { font-size:8pt; }

.half { width:60%; }

.bordertop { border-top: 1px solid #00b; }
.borderbottom { border-bottom: 1px solid #00b; }
.borderleft { border-left: 1px solid #00b; }
.borderright { border-right: 1px solid #00b; }
.bborder { border: 1px solid	#4c62c5; }
.dbordertop { border-top: 1px dotted #00b; }

.dottedtop { border-top: 1px dotted #00b; }
.dottedbottom { border-bottom: 1px dotted #00b; }
.borderleft { border-left: 1px dotted #00b; }
.dottedright { border-right: 1px dotted #00b; }
.dotted { border: 1px dotted	#4c62c5; }


.sbordertop { border-top: 1px solid #888; }
.sborderbottom { border-bottom: 1px solid #888; }
.sborderleft { border-left: 1px solid #888; }
.sborderright { border-right: 1px solid #888; }

.rborder { border:2px solid #b00; }
.rbordertop { border-top:1px solid #b00; }
.rborderleft { border-left:1px solid #b00; }
.rborderright { border-right:1px solid #b00; }
.rborderbottom { border-bottom:1px solid #b00; }

code { white-space:normal; }

.indent { text-indent: 24px; }

.pointer { cursor:pointer; }
.help { cursor:help; }
.no { cursor:not-allowed; /*no-drop*/ }

.zeropadding { padding:0; }
.padding { padding:2px; }
.morepadding { padding:4px; }
.vpadding { padding:6px 0; }
.hpadding { padding:0 4px; }

.halfsize { width:50%; }

.nobr { white-space:nowrap; overflow:hidden; }
.max { max-width:50px; }

.hidden {	visibility:hidden; }
.visible {	visibility:visible; }



/********************************************************/
/*                     LINKS                            */
/********************************************************/




a:link, a:visited, a:active {
	color:#00b;
	text-decoration:underline;
	}
a:hover {
	background:#00d;
	color:#fff;
	}

a:link.none, a:visited.none, a:active.none, a:hover.none
 { text-decoration:none; }


a:link.footnote, a:visited.footnote {
	font-size:8pt;
	text-decoration:none;
	color:#008;
	}
a:hover.footnote {
	background:#00d;
	color:#fff;
	}

a:link.menue1, a:visited.menue1, a:active.menue1 {
	color:#fff;
	letter-spacing:0pt;
	text-decoration:none;
	font-size:8pt;
	font-weight: bold;
	padding:2px 6px 3px;
	}
a:link.menue1_active, a:visited.menue1_active, a:active.menue1_active {
	color:#fff;
	letter-spacing:0pt;
	text-decoration:underline;
	font-size:8pt;
	font-weight: bold;
	padding:2px 6px 3px;
	}
a:hover.menue1, a:hover.menue1_active, a:hover.menue4, a:hover.menue4_active {
	background:#00d;
	color:#fff;
	}
a:link.menue3, a:visited.menue3, a:active.menue3 {
	font-family:"Tahoma", sans-serif;
	color:#d00;
	text-decoration:none;
	font-size:9pt;
	font-weight: bold;
	letter-spacing:1.5pt;
	padding:0 4px;
	display:block;
	width:120px;
	}
a:link.menue3_active, a:visited.menue3_active, a:active.menue3_active {
	font-family:"Tahoma", sans-serif;
	color:#d00;
	text-decoration:underline;
	font-size:9pt;
	font-weight: bold;
	letter-spacing:1.5pt;
	padding:0 4px;
	display:block;
	width:120px;
	}
a:hover.menue3, a:hover.menue3_active {
	background:#d00;
	color:#fff;
	}

a:link.menue4, a:visited.menue4, a:active.menue4 {
	font-size:10pt; font-weight:bold;
	letter-spacing:1.5pt;
	color:#fff;
	text-decoration:none;
	font-size:9pt;
	font-weight: bold;
	padding:0 4px;
	display:block;
	width:210px;
	}
a:link.menue4_active, a:visited.menue4_active, a:active.menue4_active {
	font-size:10pt; font-weight:bold;
	letter-spacing:1.5pt;
	color:#fff;
	text-decoration:underline;
	font-size:9pt;
	font-weight: bold;
	padding:0 4px;
	display:block;
	width:210px;
	}
a:link.menues, a:visited.menues, a:active.menues {
	color:#fff;
	text-decoration:none;
	letter-spacing:0pt;
	font-size:8pt;
	font-weight:normal;
	padding:0 4px;
	display:block;
	/*width:100%; /*142px;*/
	}

a:link.reset, a:visited.reset, a:active.reset {
	color:#777;
	text-decoration:none;
	letter-spacing:0pt;
	font-size:7pt;
	font-weight:normal;
	padding:1px 2px;
	margin:0 2px;
	border:1px solid #777;
	}

a:hover.reset {
	background:#777;
	color:#fff;
	text-decoration:none;
	letter-spacing:0pt;
	font-size:7pt;
	margin:0 2px;
	border:1px solid #fff;
	}

a:link.go, a:visited.go, a:active.go {
	color:#0020ad;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0pt;
	font-size:7pt;
	font-weight:normal;
	padding:1px 2px;
	margin:0 2px;
	border:1px solid #0020ad;
	}

a:hover.go {
	background:#0020ad;
	color:#fff;
	text-decoration:none;
	letter-spacing:0pt;
	font-size:7pt;
	margin:0 2px;
	border:1px solid #fff;
	}


a:link.blue, a:visited.blue, a:active.blue {
	color: #004669;
	background:inherit;
	text-decoration:none;
	}

a:hover.blue {
	background: #004669;
	color:white;
	text-decoration:underline;
	}


a:link.silver, a:visited.silver, a:active.silver {
	color:#777;
	background:inherit;
	text-decoration:none;
	letter-spacing:0pt;
	font-size:8pt;
	font-weight:normal;
	}

a:hover.silver {
	color:#777;
	background:inherit;
	text-decoration:underline;
	letter-spacing:0pt;
	font-size:8pt;
	font-weight:normal;
	}

a:link.back, a:visited.back, a:active.back {
	color:#4c62c5;
	background:inherit;
	text-decoration:none;
	letter-spacing:0pt;
	font-size:8pt;
	font-weight:normal;
	}

a:hover.back {
	background:#4c62c5;
	color:#fff;
	}


a:link.okbut, a:visited.okbut, a:active.okbut {
	background:#4c62c5;
	color:white;
	width:120px;
	padding:3px 20px;
	border:1px solid #888;
	text-decoration:none;
	font-weight:bold;
	}

a:hover.okbut {
	background:white;
	color:#4c62c5;
	border:1px solid #4c62c5;
	text-decoration: none;
	}

a:link.img, a:visited.img, a:active.img, a:hover.img {
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
	color:#008;
	}

a:hover.img {	background: #fff; }

a.img > img { border:0px; vertical-align:middle; }


a:link.normal, a:visited.normal, a:active.normal, a:hover.normal {
	text-decoration:none; color:inherit; }
a:hover.normal {	background: #00f; color:#fff; }


a:link.th, a:visited.th, a:active.th { color:#0020ad; display:block; text-decoration:none; }
a:hover.th { background:#0020ad; color:#d9def3; }


a:link.button,a:visited.button,a:active.button {
	width:80px;
	height:20px;
	font-size:8pt;
	color:#0020ad;
	background:white url(/pics/btn/button.png) repeat-x;
	text-decoration:none;
	letter-spacing:0;
	border: 1px solid #004669;
	cursor:pointer;
	padding:3px 6px;
	}

a:hover.button {
	width:80px;
	height:20px;
	font-size:8pt;
	color:#ffd11b;
	background:#d00;
	text-decoration:underline;
	letter-spacing:0;
	border: 1px solid #004669;
	cursor:pointer;
	padding: 3px 6px;
	}


a:link.default, a:visited.default, a:active.default {
	color:#00b;
	text-decoration:none;
	white-space:nowrap;
	}
a:hover.default {
	background:#00d;
	color:#fff;
	text-decoration:underline;
	}


/********************************************************/
/*                    HEADER                            */
/********************************************************/

h1 {
	font-size:13pt;
	color:#000; }

h2 {
	font-size:10pt;
	color:#007; }

h3 { font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	}


h4 { font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	}




/********************************************************/
/*		                 TABLE                            */
/********************************************************/


/********************* HAUPTLAYOUT *********************/

@media print {
	table#mainpage, #menutab { table-layout:auto; }
	#mainshop { width:100%; overflow:visible;}
	}


@media screen, handheld {
	table#mainpage, #menutab { table-layout:fixed; }
	}

#mainpage,
#menutab {
	width:100%;
	margin:0px;
	vertical-align:top;
	border-collapse:collapse;
	border:none;
	font-size:10pt;
	}


.menu1 { background:#4c62c5;
	color:#eef;
	font-family:Arial,sans-serif;
	padding:0;
	letter-spacing:0;
	}

.menu2c { background:#0020ad url(/gfx/header/bg2c.png) no-repeat;
	padding:0;}

.menuborder { border-right:1px solid #bcdcf4; }

.menu2 { background:url(/gfx/header/bg2.gif) repeat-x;
	padding:0; }
.menu2a { background:url(/gfx/header/bg2a.png) repeat-x;
	padding:0;}

.menu3 { background:#9ca4dc url(/gfx/header/bg3a.png) no-repeat; padding:0; }
.menu3s { background:rgb(217,222,243); padding:0; }
.menu3sb { background:#9ca4dc url(/gfx/header/bg3s.png) no-repeat;
	padding:0;
	text-align:right;
	font-size:8pt;
	width:150px;
	}
.menu4, .menu4b { padding:0;
	color:white;
	font-family:Arial,sans-serif;
	font-size:10pt; font-weight:bold;
	letter-spacing:1pt;}
.menu4 { background:#9ca4dc; }
.menu4b {
	background:#4c62c5 url(/gfx/header/bg4b.png) no-repeat; color:white;
	font-family:Arial,sans-serif;
	font-size:10pt; font-weight:bold;
	letter-spacing:1pt;}
.menu4c { background:#9ca4dc url(/gfx/header/bg4c.png) no-repeat; }

.menu5a { background:#f2f4fb; }
.menu5b, .menu5 { background:#fff; }


#menuedv { height:122px; width:220px; padding:0; background:#4C62C5 url(/pics/header/edv.jpg) no-repeat;	}
#menutk { height:122px; width:220px; padding:0; background:#4C62C5 url(/pics/header/tk.jpg) no-repeat;	}
#menunav { height:122px; width:220px; padding:0; background:#4C62C5 url(/pics/header/navi.jpg) no-repeat;	}


#head {
	height:60px;
	padding:0;
	background:url(/pics/head.jpg);
	vertical-align:top;
	font-size:10pt;
	}

#counter {
	color:#888;
	font-size:7pt;
	font-weight:normal;
	text-align:right;
	padding:0 4px 0 0;
	}

#menu {
	height:16px;
	vertical-align:middle;
	background:#008;
	color:#bbb;
	font-size:8pt;
	font-weight:bold;
	padding:0;
	border-bottom:1px solid #bbb;
	}

#submenu {
	position:absolute;
	left:125px; top:127px;
	height:110px; width:150px;
	z-index:5;
	float:none;
	margin:14px 0 16px 0px;
	/* display:none;*/
	visibility:hidden;
	border:none;
	padding:0px;
	background:#00d; color:white;
	}

#main {
	padding:36px 0px 16px 48px;
	min-height:400px;
	vertical-align:top;
	/*background:#f2f4fb;*/
	font-size:10pt;
	}

#mainshop {
	padding:16px 0px 16px 48px;
	min-height:400px;
	vertical-align:top;
	background:#f2f4fb;
	font-size:10pt;
	}

#news {
	vertical-align:top;
	/*background:#f2f4fb;*/
	font-size:10pt;
	padding:26px 12px 16px 24px;
	}

#newsbottom {
	vertical-align:bottom;
	text-align:center;
	background:	#f2f4fb;
	padding:0 0 16px;
	}

#warenkorb {
	vertical-align:top;
	background:rgb(222,222,247);
	font-size:10pt;
	padding:16px 12px 16px 16px;
	}

#wkbottom {
	vertical-align:bottom;
	text-align:center;
	padding:0 0 16px;
	background:rgb(222,222,247);
	font-size:10pt;
	}

#bottom {
	vertical-align:bottom;
	text-align:center;
	padding:0 0 16px;
	}

#wgbottom {
	vertical-align:bottom;
	text-align:center;
	background:#f2f4fb;
	font-size:10pt;
	padding:0 0 16px;
	border-right:1px solid #bcdcf4;
	}

#wgselect {
	vertical-align:top;
	background:#f2f4fb;
	color:#008;
	font-size:10pt;
	padding:14px 0px 16px 3px;
	border-right:1px solid #bcdcf4;
	}

td.wgtree { padding:0;
	background:url(/pics/wg/wgplus.png) no-repeat; }

td.wgtree2 { padding:0;
	background:url(/pics/wg/wg.png) no-repeat; }

td.wgtreelast { padding:0;
	background:url(/pics/wg/wglast.png) no-repeat; }

td.agtree { padding:0;
	background: url(/pics/wg/agplus.png) no-repeat; }

td.agtree2 { padding:0;
	background: url(/pics/wg/ag.png) no-repeat; }

td.agtreelast {	padding:0;
	background: url(/pics/wg/aglast.png) no-repeat; }

td.ugtree { padding:0;
	background:url(/pics/wg/ugplus.png) no-repeat; }

td.ugtree2 { padding:0;
	background:url(/pics/wg/ug.png) no-repeat; }

td.ugtreelast {	padding:0;
	background:url(/pics/wg/uglast.png) no-repeat; }

td.sgtree { padding:0;
	background:url(/pics/wg/sgplus.png) no-repeat; }

td.sgtree2 { padding:0;
	background:url(/pics/wg/sg.png) no-repeat; }

td.sgtreelast {	padding:0;
	background:url(/pics/wg/sglast.png) no-repeat; }

a:link.wg, a:visited.wg, a:active.wg {
	color:#4c62c5;
	background:inherit;
	text-decoration:none;
	letter-spacing:0pt;
	font-size:8pt;
	}

a:hover.wg {
	color:#777;
	background:inherit;
	text-decoration:underline;
	letter-spacing:0pt;
	font-size:8pt;
	}



div#wait {
	position:absolute;
	top:250px;
	left:400px;
	width:250px;
	height:100px;
	border:3px solid #0020ac;
	background:#fff;
	color:#0020ac;
	font-weight:bold;
	font-size:14pt;
	z-index:5;
	visibility:hidden;
	vertical-align:middle;
	text-align:center;
	padding:16px;
	}

div#waitshdw {
	position:absolute;
	top:255px;
	left:405px;
	width:250px;
	height:100px;
	border:3px solid #666;
	background:#666;
	color:#666;
	z-index:4;
	visibility:hidden;
	padding:16px;
	}




div#progressbar
	{
	width:210px;
	height:13px;
	margin:0;
	padding:0;
	border:1px solid #666;
	background:#ddd;
	text-align:left;
	overflow:hidden;
	}

image#progressbarimage {
	margin:0;
	}


/* Infotipp-Layer */


div#infoshdw {
	position:absolute;
	left:-200px;

	width:150px;
	height:150px;
	overflow:hidden;

	margin:8px 0 0 8px;
	z-index:9;
	visibility:hidden;
	background:#666;
	}



table#infotipp {
	visibility:hidden;
	position:absolute;
	left:-150px;
	top:-150px;
	width:150px;
	height:150px;
	font-size:8pt;
	letter-spacing:0;

	table-layout:fixed;
	border-collapse:collapse;
	z-index:10;
	background:#fff;
	border:none;
	padding:0px;
	}

	th#infotop {
		background:#4c62c5;
		color:white;
		text-align:left;
		cursor:move;
		height:16px;
		padding:0;
		border:2px solid #4c62c5;
		}

		th#infotop img {
			position: relative;
			right:0;
			z-index:10;
			}


	td#infotop {
		background:#4c62c5;
		color:white;
		text-align:right;
		height:16px;
		padding:0;
		border:2px solid #4c62c5;
		}

	td#infocontent {
		background:white;
		vertical-align:top;
		font-size:10pt;
		letter-spacing:0;
		padding: 4px 6px;
		border-top:2px solid #4c62c5;
		border-left:2px solid #4c62c5;
		border-right:2px solid #4c62c5;
		border-bottom:none;
		overflow:hidden;
		}

	td#infofoot {
		background:white;
		vertical-align:middle;
		text-align:center;
		font-size:10pt;
		letter-spacing:0;
		padding: 4px 6px;
		border-top:none;
		border-left:2px solid #4c62c5;
		border-right:2px solid #4c62c5;
		border-bottom:2px solid #4c62c5;
		overflow:hidden;
		}

	table#infotipp a > img { border:none; }


table#artikel {
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #0020ac;
	margin:0;
	}


@media print {
	table#artikeldetails { table-layout:auto; }
	td.artikel table td { font-size:7pt; }
	th { }
	}


@media screen, handheld {
	table#artikeldetails { table-layout:auto; }
	td.artikel table td { font-size:8pt; }
	}

table#artikeldetails {
	background:white;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #0020ac;
	margin:0;
	min-width:610px;
	}


table#artikeldetails th.artikel {
	font-size:8pt;
	letter-spacing:0;
	line-height:1.5em;
	height:75px;
	padding:0;
	border-bottom:1px dotted #ddf;
	}

	table#artikeldetails th.big { font-size:9pt; }


td.artikel {
	font-size:8pt;
	letter-spacing:0;
	line-height:1.5em;
	vertical-align:top;
/*	border-bottom:1px solid #888;*/
	}

	td.artikel p, p.artikeltext {
		margin:0.6em 0 0 0;
		padding:0;
		/*text-align:left; /*justify;*/
		text-align:justify;
		font-size:8pt;
		color:#333;
		line-height:1.1em;
		letter-spacing:0em;
		}


	td.artikel table {
		table-layout:fixed;
		border-collapse:collapse;
		width:100%;
		font-size:8pt;
		margin:12px 0 0 0;
		border-bottom: 1px solid silver;
		}

	td.artikel table th {
		text-align:left;
		padding:6px 2px 0 0;
		background: #f8f8ff;
		color:#004;
		}

	td.artikel table td {
		letter-spacing:0;
		vertical-align:top;
		line-height:1.1em;
		border-top: 1px solid silver;
		color:#008;
		padding:1px 0 2px 4px;
		}

	td.artikel table td:first-child {
		width:250px;
		color:#668;
		border-right:1px dotted silver;
		padding:1px 2px 2px 0;
		}

p.artikelbeschreibung {
	font-size:8pt;
	text-align:left;
	margin:8px 0;
	}


td.artikelzusatz {
	vertical-align:top;
	font-size:7pt;
	line-height:1.05em;
	letter-spacing:0;
	padding:5px 0;
	}


td.topbg {
	background:white url(/pics/topbg.png);
	cursor:url(/pics/3db2lnk.cur), n-resize;
	}

td.leftbg {
	background:white url(/pics/leftbg.png);
	cursor:url(/pics/3db2lnkR.cur), n-resize;
	}

td.linkfooter {
	font-size:8pt;
	background:#eef; }


table.details
	{
	display:none;

	width:350px;
	table-layout:fixed;
	border-collapse:collapse;
	/* border-top:1px dotted #004669;*/
	border-right:1px dotted #004669;
	border-bottom:1px dotted #004669;
	background:#fdeeff;
	margin:4px 0 8px 0;
	/* padding:3px 3px 3px 50px; */
	}

td.dleft {
	width:65px;
	padding:2px 0 0 5px;
	vertical-align:top;
	background:#fdeeff;
	color: #004669;
	letter-spacing:0;
	line-height:1.05em;
	font-size:7pt;
	font-weight:bold;
	}

td.dright {
	width:280px;
	padding-top:2px;
	vertical-align:top;
	background:#fdeeff;
	color: #004669;
	letter-spacing:0;
	line-height:1.05em;
	font-size:7pt;
	border-right:1px dotted #004669;
	}


table#options {
	table-layout:fixed;
	border-collapse:collapse;
	border:2px solid #b00;
	background: #f8eeee;
	margin:10px 20px;
	}


/********************* SEVERAL *********************/


table.fixed {
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:0;
	}



th.blueheader {
	height:40px;
	background:#4c62c5;
	color:white;
	font-size:10pt;
	letter-spacing:0;
	text-align:center;
	}

th.tab {
	background:#d9def3; /*#b6c7d7;*/
	color:#0020ad;
	border-bottom:1px solid #0020ad;
	font-size:10pt;
	}

th.tabtop {
	background:#d9def3; /*#b6c7d7;*/
	font-size:10pt;
	}

table.options {
	table-layout:fixed;
	width:100%;
	border-collapse:collapse;
/*	border:2px solid #b00;*/
	margin:0;
	}



/*******************************************************/
/*                      FORMULAR                       */
/*******************************************************/

.error { color:#c10; }

form.float { display:inline; }


/********************     WIZARD    ********************/

table#wz {
	/* min-height:250px;*/
	border:2px solid #0020ad;
	table-layout:fixed;
	border-collapse:collapse;
	}

table#wz_optional {	visibility:hidden; }
th.wz_header {
	background: #0020ad;
	color:#fff;
	height:24px;
	text-align:left;
	font-size:10pt;
	padding:2px 4px;
	letter-spacing:0.3em;
	}

td.wz {
	vertical-align:top;
	font-size:10pt;
	height:32px;
	padding-top:6px;
	}

td.wz2 {
	vertical-align:top;
	font-size:10pt;
	padding-top:6px;
	}

td.wz_footer {
	background:#d9def3;
	height:24px;
	border-top:2px solid #004669;
	font-size:10pt;
	}

input.wz {
	background:#0020ad;
	color:#fff;
	border: 1px solid #004669;
	}

label.wz, span.wz_label {
	padding-left:6px;
	display:block;
	color:#0020ad;
	border-bottom:1px solid #0020ad; }

label.wz_error {
	display:block;
	color: #c10;
	border-bottom:1px solid #c10; }


label.wz_obligativ {
	padding-left:6px;
	display:block;
	font-weight:bold;
	color:#0020ad;
	border-bottom:2px solid #0020ad;
	vertical-align:bottom;
	white-space:nowrap;
	}

label.wz_obligativ_error {
	padding-left:6px;
	display:block;
	font-weight:bold;
	color:#c10;
	border-bottom:2px solid #c10;
	}

label.wz_optional {
	padding-left:6px;
	display:block;
	font-weight:normal;
	color:#002;
	border-bottom:2px solid #0020ad;
	vertical-align:bottom;
	}

label.wz_optional_error {
	padding-left:6px;
	display:block;
	font-weight:bold;
	color:#c10;
	border-bottom:2px solid #c10;
	}


table#tab {
	table-layout:fixed;
	border-collapse:collapse;
	width:608px;
	}


td.tab_enabled, td.tab_disabled, td.tab_active {
	/* border-left:1px solid #fff;*/
	border-left:2px solid #0020ad;
	border-top:1px solid #fff;
	border-right:3px solid #888;
 	border-bottom:1px solid #888;

	padding:0 2px 0 0;
	font-size:8pt;
	letter-spacing:0;
	overflow:hidden;
	white-space:nowrap;
	}


td.tab_active {
	background: #0020ad;
	color:#fff;
	}
	td.tab_active a:link, td.tab_active a:visited, td.tab_active a:active {
			color:#fff;
			text-decoration:none;
			}
	td.tab_active a:hover {
			background:#fff;
			color:#008;
			}

td.tab_enabled {
	background: #008;
	color:#fff;
	}
	td.tab_enabled a:link, td.tab_enabled a:visited, td.tab_enabled a:active {
			color:#fff;
			text-decoration:none;
			}
	td.tab_enabled a:hover {
			background:#fff;
			color:#008;
			}



td.tab_disabled {
	background:#d9def3;
	color:#999;
	}
/* disabled = keine Links!
	td.tab_disabled a:link, a:visited, a:active {
			color:#999;
			text-decoration:none;
			}
	td.tab_disabled a:hover {
			background:#fff;
			color:#008;
			}
*/

input, textarea, select {
	background:#fff;
	font-family:Arial, Helv, sans-serif;
	font-size:8pt;
	padding:1px 3px;
	}

/*
	braun: 	#521818
	orange:	#fc6200
	blau:		#00d
*/
input.radio, input.checkbox { background:inherit; vertical-align:middle; }
input.radio_error, input.checkbox_error { background:#fdd; vertical-align:middle;}

input.text, input.textsmall, input.textsmall30, input.bold { border: 1px solid #004669; color:#004669; }
input.text_error, input.textsmall_error { border: 1px solid #c10; color:#c10; }
input.textsmall, input.textsmall_error { font-size:8pt; height: 16px; width:40px; }
input.textsmall30, input.textsmall30_error { font-size:8pt; height: 16px; width:140px; }

input.silver { border: 1px solid silver; color:silver; }


select.select, select.selectsmall { border: 1px solid #004669; color:#004669; }
select.select_error, select.selectsmall_error { border: 1px solid #c10; color:#c10; }
select.selectsmall, select.selectsmall_error { height:18px; margin:0; padding:0;}


select#basket {
	width:92px; }

select.warengruppen {
	width:144px;
	color:#4a6384;
	border:1px solid #7b9cbd;
	}

input.suche {
	width:124px;
	height:16px;
	color:#4a6384;
	border:1px solid #7b9cbd;
	padding:0px 2px;
	margin:0;
	}

input.suche_error {
	width:120px;
	color:#4a6384;
	border:1px solid #b00;
	}


/* Spezialsuche 2008 */

fieldset.spezialsuche {
	width:135px;
	border: 1px solid #0020ad;
	padding:0 2px;
	margin-top:12px;
	display:none;
	}

fieldset.spezialsuche legend {
	font-weight:normal;
	font-size:8pt;
	letter-spacing:0;
	background:url(/pics/symb/suche.png) no-repeat;
	padding-left:18px;
	}

select#shs, select#smod {
	width:133px;
	border:1px solid #7b9cbd;
	font-size:8pt;
	overflow:hidden;

	margin-bottom:6px;
	}


.obligativ { border: 2px solid #0020ad; color:#0020ad; background:#d9def3; }
.obligativ_error { border: 2px solid #c10; color:#c10; background:#fed; }

.optional { border:1px solid #0020ad; color:#0020ad; background:white; }
.optional_error { border: 2px solid #c10; color:#c10; background:#fed; }

.cb_obligativ { vertical-align:bottom; background:inherit; }
.cb_obligativ_error { vertical-align:bottom; background:#fed; }

input.number, input.number_error {
	border: 1px solid #999;
	font-family:"Courier New", Courier, Monospace;
	font-size:9pt;
	text-align:right;
	padding:0 3px;
	}

input.number {
	background:#fff;
	color:#0020ad;
	}

input.number_error {
	background:#fdd;
	color:#d00;
	}



input#niceprice {
	background:#6bd9ac;
	border: 1px solid yellow;
	color: #000;
	}

input.default { width:300px; border: 1px solid #810; color:#810; }
input.plz { width:40px; border: 1px solid #810;  color:#810; }
input.ort { width:250px; border: 1px solid #810;  color:#810; }

input.default_error { width:300px; border: 1px solid #c10; color:#c10; }
input.plz_error { width:40px; border: 1px solid #810; color:#c10; }
input.ort_error { width:250px; border: 1px solid #810; color:#c10; }

.legend { color:#0020ad; font-weight:bold; }

.textarea { border: 1px solid #004669; color:#004669; }
.textarea_error { border: 1px solid #810; color:#c10; }
textarea.kontakt { width:400px; border: 1px solid #810; color:#810; }
textarea.kontakt_error { width:400px; border: 1px solid #c10; color:#c10; }

input.login {
	font-size:8pt;
	border:none;
	width:50px;
	height:14px;
	color:#004669;
	background:#f2f4fb;
	}

input.login_error {
	font-size:8pt;
	border:none;
	width:50px;
	height:14px;
	color:#b00;
	vertical-align:middle;
	background: #fcc;
	}


label	{
	font-size:8pt;
	cursor:pointer;
	vertical-align:middle;
	}






label.label_error {
	font-size:8pt;
	cursor:pointer;
	vertical-align:middle;
	color:#c10;
	}


label.login_error {
	font-size:8pt;
	cursor:pointer;
	vertical-align:middle;
	color:#eaa;
	text-decoration:none;
	}

/* buttons */



input.button {
	width:80px;
	height:20px;
	font-size:8pt;
	padding:0;
	color:#0020ad;
	border: 1px solid #004669;
	cursor:pointer;
	}

input.buttonx {
/*	width:80px; */
	background:white url(/pics/btn/button.png) repeat-x;
	height:20px;
	font-size:8pt;
	padding:0;
	color:#0020ad;
	border: 1px solid #004669;
	cursor:pointer;
	}



input.button_small {
	height:18px;
	font-size:8pt;
	padding:0;
	border: 1px solid #fff;
	}

input.buttonsmall {
	height:18px;
	font-size:8pt;
	text-transform:uppercase;
	padding:0;
	color:#fff;
	background:#4c62c5;
	border: 1px solid #fff;
	}

input.loginbutton {
	background:none;
	font-size:8pt;
	width:38px;
	height:16px;
	color:#eef; /*#004669;*/
	border: 1px solid #eef;
	padding:0 2px;
	margin: 0 0 2px;
	vertical-align:bottom;
	text-transform:uppercase;
	}


input.image {
	vertical-align:top;
	background:inherit;
	}

/* fieldset: */

fieldset.fieldset {
	padding:0 10px 12px;
	font-size:10pt;
	border: 1px solid #0020ad;
	background:inherit;
	color:inherit;
	}


/* scriptaculous */

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
	font-size:8pt;
	letter-spacing:0;
	}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
	}

div.autocomplete ul li.selected { background-color: #9ca4dc; }

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
	}


/*******************************************************/
/*                         2k8                         */
/*******************************************************/

#extro {
	background:#004494;
	color:white;
	height:120px;
	min-height:120px;
	}

	#extro p {
		margin:0;
		padding:4px 4px;
		font-size:8pt;
		letter-spacing:0;
		line-height:1.4em;
		text-align:justify;
		}

		#extro p a:link, #extro p a:visited, #extro p a:active {
			color:#ec7404;
			text-decoration:none;
			}

		#extro p a:hover {
			color:#fff;
			background:inherit;
			text-decoration:underline;
			}


	#extro img {
	float:right;
		}




div#bluebox {
	width:640px;
	background:#1f56a6;
	color:white;
	padding: 8px 0 8px 12px;
	}


	div#bluebox img {
		float:right;
		position:relative;
		bottom:-20px;
		right:0;
		}

	div#bluebox h1 { color:white !important; }
	div#bluebox h2 { color:#d9def3 !important; }
	div#bluebox tt { color:#d9def3 !important; background: black; display:block; }


	/* Widget content container */
  #goog-wm { }

  /* Heading for "Closest match" */
  #goog-wm h3.closest-match { }

  /* "Closest match" link */
  #goog-wm h3.closest-match a { }

  /* Heading for "Other things" */
  #goog-wm h3.other-things { display: none;}

  /* "Other things" list item */
  #goog-wm ul li { list-style-type:disc; margin-left:-40px;}

  /* Site search box */
  #goog-wm li.search-goog {  }


 /* Artikeleditor */

 iframe#form_iframe
 	 {
	 border: none;
	 }


div#testeo {
	display:inline;
	float:right;
	}

/*******************************************************/
/*                        IMAGE                        */
/*******************************************************/

img.imageright {
	float:right;
	text-align:right;
	margin: 0 0 8px 16px;
	}

img.imageleft {
	float:left;
	margin: 0 16px 8px 0;
	}


/*******************************************************/
/*                      PARAGRAPH                      */
/*******************************************************/

p { font-size: 9pt; letter-spacing:1pt; }
p.norm { letter-spacing:0; }
p.news { font-size:8pt;
	text-align:left;}



p.list { display:list-item;
	margin:0;
	}

/********************************************************/
/*                LIST ELEMENTS                         */
/********************************************************/

ul.artikel { font-size:8pt; margin-top:4px; margin-bottom:0px;}
ul.lowmargin { margin-top:0; }

.h2 { font-size:10pt; color:#007; }

li.li { line-height:1.5em; padding-bottom: 0.5em;}
li.list { font-size:8pt; margin-top:0.75em; margin-right:50px;}

ul.square { list-style:square; }


/********************************************************/
/*                      RSS NEWS                        */
/********************************************************/

table.fase4_rdf_meta {}
td.fase4_rdf {
	font-size:9pt; letter-spacing:0; line-height:1.25em; padding: 2px;
	}

div.fase4_rdf_title { color:#9ca4dc; font-weight:bold; padding:0; margin:0; text-align:center; }


.fase4_rdf a:link, .fase4_rdf a:visited, .fase4_rdf a:active {
	font-size:8pt;
	color:#0020ad; background:#d9def3 url(/pics/bg/news.png) repeat-y;
	text-decoration:none;
	text-align:left;
	display:block;
	padding:3px 6px 3px 15px;
	border-bottom:none; /*1px dotted #0020ad;*/
	}

.fase4_rdf a:hover {
	background:#0020ad;
	color:#fff;
	border-bottom:none;
	}