/*********************************************************/
/* CSS Definitionen fuer kes-leipzig.de 2.0              */
/* (c) 2006-2011                                         */
/*********************************************************/
/*                                                       */
/*	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 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 129 2011-10-20 07:12:03Z mw $
 * @copyright 2006-2009, Michael Wegner, KES Leipzig
 */



body {
	background: white;
	margin:0;
	}



@media print {
	@page { size:landscape; }

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

	#head #h1,
	#fm_suche, #kesbasket, #leftcontainer, #rightcontainer, #foot, #container .wgsuchbaum {
		display:none !important;
		}

	#head { border-bottom: 1px solid #006; }

	} /* media print */





div#wait {
	position:absolute;
	top:250px;
	left:400px;
	width:250px;
	height:100px;
	border:3px solid #0020ac;
	background:#fff;
	color:#0020ac;
	font-family:Tahoma,Arial,sans-serif;
	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:20px;
	margin:0;
	padding:0;
	border:1px solid #4c62c5;
	background:#d9def3;
	text-align:left;
	overflow:hidden;
	}

image#progressbarimage {
	margin:0;
	}





#head {
	height:80px;

	font-family:Arial,Helvetica,Helv,sans-serif;
	/*color: white;*/

	background: url(/pics/bgh.jpg) repeat-x ; /*#133984; /* blau */
	position:fixed;
	left:0px; top:0px;
	width:100%;
	z-index:100;
	}


	#head	img#logo {
		margin:16px 4px 0;
		float:left;
		width:300px;
		height:57px;
		border:none;
		}




	#head #h1 {
		/* background:#497ab4;*/
		position:relative;
		z-index:10;
		height:70px;
		max-height:70px;
		width:100%;
		display:block;
		margin:0;
		padding:10px 0 0 0;
		white-space:nowrap;
		}


		#head #h1 > div {
			display:inline;
			position:relative;
			top:36px;
			left:70px;
			margin:36px 0 0 0;
			text-indent:70px;
			font-size:9pt;
			color:#666;
			}

			#head #h1 div a {
				color:#009;
				}

				#head #h1 div  div {
					display:inline;
					position:relative;
					float:right;
					margin-right:180px;
					margin-top:20px;
					}



	#head #fm_suche {
		background:none;
		position:absolute;
		/* width:100%; */
		height:28px;
/*		z-index:10; */
		padding:0 180px 0 310px;
		}

	#head table {
		table-layout:fixed;
		border-collapse:collapse;
		width:100%;
		height:30px;
		border:none; /*1px solid blue;*/
		padding:0;
		}

	#head table td:first-child { width:4em; }


	#head #suchfeld {
		background:white;
		border:1px solid #ed7404;

		position:relative;
		/*width:100%;*/
		/*width:350px;*/
		/*max-width:350px;*/
		height:28px;
		padding:0;
		float:left;
		}


	#head	#suchfeld input,
	#head	select {
		font-size:12pt;
		color:#008;
		vertical-align:middle;
		margin:0;
		}

		#head #suchfeld button#bsubmit {
			background:none;
			border:none;

			width:28px;
			height:26px;

			position:absolute;
			right:5px;

			cursor:pointer;
			}


		#head #suchfeld img#input_del {
			border:none;

			position:absolute;
			top:1px; left:1px;
			}

		#head #suchfeld img#input_lookup {
			border:none;
			position:absolute;
			top:13px; left:1px;
			}


		#head	#suchfeld input {
			border:none; /* 1px solid #ed7404;*/
			height:24px;
			/* width:100%; */
			padding:2px 3px 1px 16px;
			}

	#head	select {
		position:relative;
		z-index:10;
		left:0px;

		width: 150px;
		height:26px;
		font-size:12pt;
		padding:0px;
		color:#008;
		border:1px solid #ed7404;
		}

		#head	option { font-size:10pt; }
		#head	option:first-child { font-weight:bold; } /* "überall" */


	#head label {
		position:relative;
		z-index:10;
		float:left;

		padding:4px 8px 0 0;

		cursor:pointer;

		color:#ed7404;
		font-size:12pt;
		font-weight:bold; }


	#head #kesbasket {
		float:right;
		position:absolute;
		top:8px;
		right:8px;
		width:150px;
		height:36px;
		background:#dde6f1 url(/pics/wk_btn.png) no-repeat;
		padding:22px 2px 2px	;
		border:1px solid #ed7404;
		-moz-border-radius:5px;

		z-index:12;
		color:#294293;
		font-size:9pt;
		text-align:center;

		cursor:pointer;
		}

		.barrierefrei { display: none; }



/* Menu-Div mit Warengruppen-Tabelle ******************************************/


#menu {
	border:2px solid #ed7404; /* #c6d5e7; */
	width:150px;
	margin: 10px 8px 10px 2px;

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


	padding:0;

	overflow:hidden;
/*	-moz-border-radius-topright: 5px; */
	-moz-border-radius:5px;
	}





	#menu table {
		table-layout:fixed;
		border-collapse:collapse;
		margin:6px 4px;}

/*	#menu td { padding:0; } */

	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; }




	#menu	td.bold a { color:#ed7404 !important; font-size:10pt; }


	#menu h1, div.menu h1 { font-size:10pt;
		color:#ed7404;
		margin:0;
		background:url(/pics/bgth.jpg) repeat-x;
		padding:2px 4px;
		}



/* Main Menu DIV **************************************************************/

div.menu {
	border:2px solid #ed7404; /* #c6d5e7; */
	width:150px;

	z-index:10;

	background:white;

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;

	padding:0;

/*	-moz-border-radius-topright: 5px; */
	-moz-border-radius:5px;
	}


div#leftcontainer .menu {	margin: 10px 8px 10px 2px; }
div#rightcontainer .menu {	margin: 10px 2px 10px 8px; }



	div.menu ul {
		list-style-type:none;
		padding-left:6px;
		}

	div.menu li {
		margin:0; padding:0; line-height:1.4em;
		}





	/* Links für alle Menues gleich ************************/

	div.menu	a:link, div.menu a:visited, div.menu a:active,
	#menu	a:link, #menu a:visited, #menu a:active {
		color:#294293; /* rgb(41,66,147); */
		background:inherit;
		text-decoration:none;
		letter-spacing:0pt;
		font-size:10pt;
		font-weight:bold;
		display:block;
		line-height:1.4em;
		}


	div.menu a:hover,
	#menu a:hover {
		color:black !important;
		background:#f8b96b url(/pics/bghov.jpg) repeat-y;
		letter-spacing:0pt;
		font-size:10pt;
		display:block;
		}


	div.menu a.active {
		font-weight:bold !important;
		color:#ed7404 !important;
		font-size:11pt;
		}






/* linker DIV Container für Menus *********************************************/


div#leftcontainer {
	width:160px;
	min-height:200px;
	float:left;

	margin:10px 0 0 10px;
	/* padding:10px; */
	}



/* rechter DIV Container für TagClound und div. Infos *************************/

div#rightcontainer {
	width:160px;
	min-height:200px;
	float:right;

	margin:10px 10px 0 0;
	/* padding:10px; */
	}







/* Haupt DIV-Container ********************************************************/

@media screen, handheld {
	#container { margin:10px 160px 0 180px; }
	}

@media print {
	#container { margin:10px 10px 0 20mm; }
	}


#container {
	font-family:Arial, Helvetica, sans-serif;
	color:#004;
	font-size:10pt;

	z-index:50;


/*	overflow:visible; */
/*	padding:0; */
	padding: 10px 18px 18px 0;
	margin-top:80px;
	margin-bottom:50px;
	}


	#container p.foundhead {
		margin:2px 0;
		padding-left:10px;
		font-size:9pt;
		color:#88a;
		}

		#container p.foundhead a { border-left:1px dotted #88a; }
		#container p.foundhead a:first-child { border-left:none !important; }


		#container p.foundhead a { color:#88a;
			text-decoration:none;
			padding:0 6px;
			}

		#container p.foundhead a:hover { background:#88a; color:white; }




#container h1 {
	font-family:"Arial Narrow", sans-serif;
	font-weight:bold !important;
	font-size:13pt;
	color:#ed7404;
	background: url("/pics/bgth.jpg") repeat-x;
	padding: 1px 6px;
	}

#container h2 {
	font-size:12pt;
	color:#343A90;
	background: #9b9b9b url("/pics/h3.png") repeat-x;
	padding: 1px 6px;
	}









/* TagCloud *******************************************************************/

#tagcloud {
	border:2px solid #ed7404; /* #c6d5e7; */
	width:150px;

	margin: 10px 2px 10px 8px;

	background:white;

	font-family:Arial, Helvetica, sans-serif;
	text-align:center;

	padding:6px 0; line-height:28px;
/*background:#008;*/

	-moz-border-radius:5px;
	}

	#tagcloud a {
		text-decoration:none;
		color:#294293;
		vertical-align:middle;
		}

		#tagcloud a:hover { color:#ed7404; }



/* Start Tag Cloud CSS */


a.tag1{
 font-size:10px;
}
a.tag2, a.tag3 {
 font-size:12px;
 font-weight:200;
}

a.tag4 ,a.tag5, a.tag6 {
 font-size:14px;
 font-weight:300;
}

a.tag7, .tag8, a.tag9 {
 font-size:16px;
 font-weight:300;
}

a.tag10, a.tag11, a.tag12 {
 font-size:18px;
 font-weight:300;
}

a.tag13, a.tag14, a.tag15 {
 font-size:20px;
 font-weight:400;
}

a.tag16, a.tag17, a.tag18 {
 font-size:22px;
 font-weight:400;
}

a.tag19, a.tag20, a.tag21 {
 font-size:24px;
 font-weight:500;
}

a.tag22, a.tag23, a.tag24 {
 font-size:26px;
 font-weight:500;
}

a.tag25, a.tag26, a.tag27 {
 font-size:28px;
 font-weight:900;
}

a.tag28, a.tag29, a.tag30 {
 font-size:30px;
 font-weight:900;
}
/* End Tag Cloud CSS */


/* Infos (Paypal etc.) ********************************************************/

#shopinfos {
	border:2px solid #ed7404; /* #c6d5e7; */
	width:150px;

	background:white;

	margin: 10px 2px 10px 8px;


	font-family:Arial, Helvetica, sans-serif;
	text-align:center;

	padding:0;

	-moz-border-radius:5px;
	z-index:10;
	}

	#shopinfos img {
		width:145px;
		}


#facebook {
	border:2px solid #ed7404; /* #c6d5e7; */
	border-radius:5px;

	width:150px;

	background:white;

	margin: 10px 2px 10px 8px;


	font-family:Arial, Helvetica, sans-serif;
	text-align:center;

	padding:0;

	-moz-border-radius:5px;
	z-index:10;
	}

	#shopinfos img {
		width:145px;
		}


/* KES Inline Container *******************************************************

#kes {
	margin:6px;
	padding:4px 16px;
	overflow:visible	;



	padding-bottom:18px;
	}
*/


/* Aetka-Farben: */
.aetka {
	background:#0c4da1 !important;
	color:#fff !important; }

	.aetka h1 {
		background:none !important;
		}

	.aetka div,
	.aetka p
	 	{ color:#fff !important; }


/* Layout-Fuss mit Menüpunkten und links + rechts Grafiken ********************/

div#foot {
	background:url(/pics/bgf.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	height:34px;
	width:100%;

	clear:both;

	position:fixed;
	left:0px;
	bottom:0px;

	text-align:center;
	color:#294293;
	padding:10px 0;
	}


	#foot img#footleft {
		float:left;
		margin:-8px 8px;
		border:none;
		}


	#foot #topleft,
	#foot #topright {
		display:block;
		width:80px;
		height:14px;
		font-size:9pt;
		padding:8px 0;
		margin:0;
		}

	#foot #topleft { float:left; }
	#foot #topright { float:right; }


	#foot img#footright {
		float:right;
		margin:-10px 8px;
		}


	#foot a:link, #foot a:active, #foot a:Visited {
		text-decoration:none;
		color:#294293;
		}

	#foot a:hover {
		background:#4c62c5;
		color:white;
		}




/* Kopf: nnn Artikel, Seite x/y */
p.phead	 { font-size:10pt;
		color:#ed7404;
		margin:0;
		background:url(/pics/bgtft.jpg) repeat-x;
		padding:2px 4px;
		}

	p.phead	#sort {
		text-align:right;
		float:right;
		display:inline;
			}

/* Fuss: gehe zu Seite xy */
div#pfoot	 {
	font-size:10pt;
	width:100%;
	height:20px;
	clear:left;

	text-align:center;
	color:#294293; /*ed7404;*/
	margin:0;
	background:url(/pics/bgtft.jpg) repeat-x;
	padding:2px 4px;
	}

	p.phead	a,
	div#pfoot	a { color:#294293;
		text-decoration:none;
		padding:2px 4px;
		}

	p.phead	a:hover,
	div#pfoot	a:hover {
		background: #4c62c5; color:white;	}

	.phead	a.bold { color:#ed7404; }
	div#pfoot	a.bold { color:#ed7404; }

/* links und rechts ***********************************************************/

a:link.link, a:visited.link, a:active.link {
	color:#294293;
	text-decoration:none;
	white-space:nowrap;
	}

	a:hover.link {
		background:#294293;
		color:#fff;
		text-decoration:none !important;
		}

a:link.fussnote, a:visited.fussnote, a:active.fussnote {
	color:#294293;
	text-decoration:none !important;
	white-space:nowrap;
	}

	a:hover.fussnote {
		font-weight:bold;
		background:#294293;
		color:#fff;
		text-decoration:none !important;
		}


a.mail { text-decoration:none !important; }

a:hover {
	background:#294293;
	color:#fff !important;
	text-decoration:none !important;
	}




a > img { border: none !important; }

img + ul { margin-left: 250px; }

/******************************************************************************/


/* Fussnote: Angaben ohne Gewähr */
div#footnote, p.fussnote	 {
	font-size:8pt;
	width:100%;
	height:16px;
	clear:left;

	color:#888;
	margin:0;
	padding:2px 4px;
	}

	p.fussnote	{ border-top:1px dashed #888;
		}




/* Tables *********************************************************************/

tr.even {
	background:none;
	}

tr.odd {
	background:#f2f4fb;
	}

tr.hover {
	background:#f5ba6c url(/pics/bghov24.jpg) repeat-x;
	}



/******************************************************************************/
/* allgemeine und global kombinierbare Attribute ******************************/


.red { color: #b00; }

.bold { font-weight:bold !important; }
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.block { text-align:justify !important; }
.strike { text-decoration:line-through !important; }
.clear { clear:all; }

.top { vertical-align:top !important; }

img.right /*, img.imageright */ { float:right; margin-left:10px; }
img.left /*, img.imageleft */ { float:left; margin-right:10px; }


.bigspace { margin-top:45px; }


.w640 { width:640px; display:block; }



div.rechts { float:right; text-align:right; }
div.bild { display:inline; padding:0; margin: 0 0 6px 12px; }
div.bild img:after { border:1px solid green; content: "\A "; }
div.bild a { text-decoration:none; font-size:8pt; color:silver; }
div.bild a:hover { background:silver; color:white; }

/******************************************************************************/


table.liste {
	table-layout:fixed;
	}

	table.liste th {
		background: url(/pics/bgh.jpg) repeat-x;
		}


.bordertop { border-top: 1px solid #400; }


/***** NICETITLE ref. http://www.kryogenix.org/code/browser/nicetitle/  *******/


div.nicetitle {
    position: absolute;
    padding: 4px;
    top:0px;
    left:0px;
    color:#004;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(/pics/ntbg2.png);

    /* Mozilla proprietary */
    -moz-border-radius: 8px;
    border: 2px solid #ed7404;
		}

	div.nicetitle p {  margin: 0; padding: 0 3px;	}
	div.nicetitle p.destination, div.nicetitle p.hint {
	    font-size: 9px;
	    padding-top: 3px;
	    }

	div.nicetitle p.destination {
		color:#294293;
    text-align: left;
		}

	div.nicetitle p.hint {
			color:#666;
			font-style: italic;
	    text-align: right;
			}