/*
// tapetenpost.de
// (c) Andrea Borowski, <mail@tapetenpost.de>
//     Gustaf Mossakowski, <gustaf@koenige.org> 2010
// CSS
*/

body 		{ font-family: Eurostile, Geneva, "Lucida Sans", Helvetica, Arial, 
			sans-serif; background: #FFF; color: black;
			font-size: 87.5%; line-height: 1.3;
			padding: 0; margin: 0; text-align: center; /* fuer IE 6 */ }
#canvas		{ width: 920px; margin: auto; min-height: 100%; 
			padding: 10px 30px 10px 30px; position: relative; text-align: left; 
			/* wg IE 6 oben */ }
#top		{ height: 43px; }
#logo		{ padding-top: 24px; padding-bottom: 3px; margin: 0; width: 106px;
			position: absolute; }
#logo img	{ display: block; border: none; }
div.hr		{ height: 2px; background: #FFF url(/_layout/trennlinie.gif) 
			no-repeat scroll center; clear: both;}
div.hr hr	{ display: none; margin: 0; padding: 0; }

#textblock	{ height: 184px; position: relative; padding-top: 1px;
			/* 1px um collapsing margins zu verhindern */ }
.tapetenpost { vertical-align: bottom; padding-bottom: .1em; height: .8em; }

#menu		{ list-style: none; margin: 0; padding: 0; height: 40px; 
			position: relative; left: 150px; width: 770px; }
#menu li	{ list-style: none; margin: 0; padding: 0; position: absolute;
			bottom: 0; font-size: 85%; color: #7f7f7f;}
#menu li a	{ text-decoration: none; }
#menu li a:link:hover, #menu li a:visited:hover, #menu li strong	
			{ color: #009ee1; }
#menu1		{ left: 0px; }
#menu1 a:link { color: #7f7f7f; }
#menu2		{ left: 175px; }
#menu3		{ left: 235px; text-align: right; width: 60px; }
#menu4		{ left: 325px; }
#menu5		{ left: 385px; text-align: right; width: 60px; }
#menu6		{ left: 500px; }
#menu7		{ left: 635px; text-align: right; width: 135px; }

#AB			{ position: absolute; top: 0; left: 0; width: 270px; }
#ABCD		{ position: absolute; top: 0; left: 0; width: 595px; }
#CD			{ position: absolute; top: 0; left: 325px; width: 270px; }
#EF			{ position: absolute; top: 0; left: 650px; width: 270px; }
#textblock p { margin: 1em 0 0; }

#produkt	{ padding: 30px 0; position: relative; height: 404px; font-size: 85%;}
#produkt p	{ margin: 0; padding: 0; }
#produkt #block1 { position: absolute; top: 30px; left: 650px; width: 270px; }
#produkt #block2 { position: absolute; bottom: 30px; left: 650px; width: 270px; }
.produktnavigation { margin: 0; padding: 16px 0; font-size: 85%; 
			color: #009ee1; font-weight: bold; }
.produktnavigation a { color: #000; font-weight: normal; }


a:link 		{ color: #000; text-decoration: none; }
a:visited	{ color: /*#669*/#000; text-decoration: none;  }
a:link:hover, a:visited:hover
			{ color: #009ee1; }
img			{ border: none; }

#zzform .preview img.thumb { max-width: 120px; }


h1			{ font-size: 110%; margin-left: 0; padding: .5em 0 1em;}
h2			{ font-size: 100%; margin: 1em 0; }
h3			{ font-size: 100%; font-weight: normal; }

ul			{ margin: 0; padding: 0 0 0 1em; }
li			{ padding: 0; margin: 0; }

#uebersicht { padding: 0; }
#uebersicht p { padding: 0; margin: 0; }
#uebersicht div.ue1 { width: 120px; float: left; height: 210px; padding-top: 30px;}
#uebersicht div.ue2 { width: 270px; float: left; height: 210px; padding-top: 30px;}

#kasten2 { padding-left: 30px; }
#kasten3 { padding-left: 55px; }
#kasten4 { padding-left: 30px; }
#kasten5 { padding-left: 55px; font-size: 85%; }
#kasten6 { padding-left: 30px; font-size: 85%; }

#kasten7 { clear: both; }
#kasten8 { padding-left: 30px; }
#kasten9 { padding-left: 55px; }
#kasten10 { padding-left: 30px; }
#kasten11 { padding-left: 55px; font-size: 85%; }
#kasten12 { padding-left: 30px; font-size: 85%; }

#kasten13 { clear: both; }
#kasten14 { padding-left: 30px; }
#kasten15 { padding-left: 55px; }
#kasten16 { padding-left: 30px; }
#kasten17 { padding-left: 55px; font-size: 85%; }
#kasten18 { padding-left: 30px; font-size: 85%; }

#kasten19 { clear: both; }
#kasten20 { padding-left: 30px; }
#kasten21 { padding-left: 55px; }
#kasten22 { padding-left: 30px; }
#kasten23 { padding-left: 55px; font-size: 85%; }
#kasten24 { padding-left: 30px; font-size: 85%; }

form.login p {margin: .5em 0; padding: 0;}
form.login p input {margin: 0;}
form.login label {display: block; width: 8em; float: left; padding-top: .3em;}
form.login .submit {margin-left: 8em;}

.error {padding: 1em 0; color: #C00; font-weight: bold;}

#zzform a:link, #zzform a:visited { text-decoration: underline; }

#zzform h1 {padding-bottom: 0;}
#zzform h2 {font-weight: normal;}
#zzform .totalrecords {padding-top: 1em;}

#zzform ul.data {max-width: none;}
#zzform ul.data p.preview {vertical-align: middle; text-align: center; 
	display: table-cell; width: 200px; height: 200px; border: 1px solid; } 
#zzform ul.data p.preview img.thumb {margin: 0; padding: 0; border: 0;}

/*	CSS fuer zzform Formularskripte
	(c) Gustaf Mossakowski, <gustaf@koenige.org>, 2006-2008

	Farben 
	#009ee1 cyan
	#50bcea 
	#a8def4 
	#e0f3fb 
*/

#zzform {font-size: 95%;}
#zzform .editbutton, #zzform td.recordid, #zzform th.recordid 
	{background-color: #FFF;} /* wie body */

#zzform #record table {background-color: #EBF0E7;}
#zzform #record .subtable th, #zzform #record .subtable td {background-color: #BED0DE; }
#zzform #record tfoot th, #zzform #record tfoot td, td.where, th.where 
	{background-color: #86A3BD}

#zzform table.data thead td, #zzform table.data thead th,
	#zzform table.data tr.group td {border-color: #999;}
#zzform tr.last {border-color: #999;} /* last row */
#zzform tfoot td {border-color: #999}

#zzform tr.even {background-color: #a8def4;} /* even rows */
#zzform tr.uneven {background-color: #e0f3fb; } /* uneven rows,  */

#zzform th.order {background-color: #BED0DE;} /* column ORDER BY */
#zzform ul.pages li {border-color: #666;}
#zzform td.left_separator {border-left-color: #A29F8A;}
#zzform table.data {margin-bottom: 1em;}

#zzform .separator hr {background-color: #808080; color: #808080; border: #808080;}