/********************************************
   preview         	farbtöne noch anfragen!!
 *******************************************/
@font-face 					{font-family: Palace Script MT; src: url(Palscri.TTF);}
<!--[if gte IE 5]>
@font-face 					{font-family: Palace Script MT; src: url(Palscri.eot);}
<![endif]-->


.freitextarea 				{width:250px; height: 50px;}

#preview					{overflow: hidden; font-family: Helvetica; line-height: 110%;}
#preview2					{overflow: hidden; font-family: Helvetica; line-height: 110%;}

.bg_preview					{background: #fff;}
.bg_preview_white			{background: #fff; background: url('img/print_bg/Adressenaufkleberweiss.jpg') no-repeat;}
.bg_preview_gold			{background: #faca0a; background: url('img/print_bg/Adressenaufklebergold.jpg') no-repeat;}
.bg_preview_silver			{background: silver; background: url('img/print_bg/Adressenaufklebersilber.jpg') no-repeat;}
.bg_preview_blue			{background: #4784b0; background: url('img/print_bg/Adressenaufkleberblau.jpg') no-repeat;}
.bg_preview_orange			{background: orange; background: url('img/print_bg/Adressenaufkleberorange.jpg') no-repeat;}
.bg_preview_yellow			{background: yellow; background: url('img/print_bg/Adressenaufklebergelb.jpg') no-repeat;}

#preview_visi				{font-size: 12px; width: 300px; height: 195px;}
#preview_visi_name			{font-size: 12px; padding: 65px 0 0 80px; height: 45px; border: 0; z-index: 1000;}
#preview_visi_adress		{font-size: 12px; margin-left: 80px;}
.v-runde-ecken				{background: url('img/print_bg/Visitenkarten-rundeEcken.jpg') no-repeat #ffffff;}
.v-leinen-w					{background: url('img/print_bg/Visitenkarten-weiss.jpg') no-repeat #ffffff;}
.v-chrom-w					{background: url('img/print_bg/Visitenkarten-weiss-Cromolux.jpg') no-repeat #ffffff;}
.v-chrom-g					{background: url('img/print_bg/Visitenkarten-gold.jpg') no-repeat #ffffff;}
.v-silber					{background: url('img/print_bg/Visitenkarten-silber-Cromolux.jpg') no-repeat #ffffff;}
.v-hammer					{background: url('img/print_bg/Visitenkarten-hammerschlag.jpg') no-repeat #ffffff;}

#preview_aufkleber 			{font-size: 12px; font-family: Helvetica; width: 230px; height: 95px; text-align: center; overflow: hidden;}

#preview_stempel 			{padding-top: 180px; font-family: Helvetica; font-size: 12px; width: 300px; height: 300px; text-align: center; overflow: hidden; background: url('img/print_bg/Aufdruck-Stempel.jpg') no-repeat;}

#preview_zettelbox			{font-size: 12px; font-family: Helvetica; width: 300px; height: 300px; padding: 30px 35px 0 35px; overflow: hidden; background: url('img/print_bg/Aufdruck-Notizzettel.jpg') no-repeat;}

#preview_bierdeckel			{font-size: 9px; font-family: Helvetica; width: 320px; height: 320px; padding: 100px 83px 0 136px; text-align: center; overflow: hidden; background: url('img/print_bg/BierdeckelBierschmeckt.jpg') no-repeat;}
#preview_bierdeckel2		{font-size: 9px; font-family: Helvetica; width: 320px; height: 320px; padding: 168px 75px 0 41px; text-align: center; overflow: hidden; background: url('img/print_bg/BierdeckelHerzlichWillkommen.jpg') no-repeat;}

#preview_postkarte			{font-size: 9px; font-family: Helvetica; width: 400px; height: 289px; padding: 30px 0 0 20px; overflow: hidden; background: url('img/print_bg/Aufdruck-Postkarte.jpg') no-repeat;}

#preview_briefkartenset		{font-size: 9px; font-family: Helvetica; width: 150px; height: 200px; padding: 21px 0 0 28px; overflow: hidden;}
#preview_briefkartenset1	{font-size: 9px; font-family: Helvetica; width: 250px; height: 200px; padding: 21px 0 0 28px; overflow: hidden;}
#preview_briefkartenset2	{font-size: 9px; font-family: Helvetica; width: 350px; height: 200px; padding: 15px; overflow: hidden; text-align: center;}

.briefkarte_weiss			{width: 350px; font-family: Helvetica; height: 182px; background: url('img/print_bg/Aufdruck-Briefkarte-weiss.jpg') no-repeat;}
.briefkarte_chamois			{width: 350px; font-family: Helvetica; height: 182px; background: url('img/print_bg/Aufdruck-Briefkarte-chamois') no-repeat;}
.briefkarte_creme			{width: 350px; font-family: Helvetica; height: 182px; background: url('img/print_bg/Aufdruck-Briefkarte-creme.jpg') no-repeat;}
.briefkarte_buetten			{width: 350px; font-family: Helvetica; height: 182px; background: url('img/print_bg/Aufdruck-Briefkarte-buetten.jpg') no-repeat;}

.briefhuelle_weiss			{width: 350px; font-family: Helvetica; height: 185px; background: url('img/print_bg/Aufdruck-Briefhuelle-weiss.jpg') no-repeat;}
.briefhuelle_chamois		{width: 350px; font-family: Helvetica; height: 185px; background: url('img/print_bg/Aufdruck-Briefhuelle-chamois.jpg') no-repeat;}
.briefhuelle_creme			{width: 350px; font-family: Helvetica; height: 185px; background: url('img/print_bg/Aufdruck-Briefhuelle-creme.jpg') no-repeat;}
.briefhuelle_buetten		{width: 350px; font-family: Helvetica; height: 185px; padding-top: 30px; background: url('img/print_bg/Aufdruck-Briefhuelle-buetten.jpg') no-repeat;}

.briefbogen_weiss			{width: 350px; font-family: Helvetica; height: 200px; background: url('img/print_bg/Aufdruck-Briefbogen-weiss.jpg') no-repeat;}
.briefbogen_chamois			{width: 350px; font-family: Helvetica; height: 200px; background: url('img/print_bg/Aufdruck-Briefbogen-chamois.jpg') no-repeat;}
.briefbogen_buetten			{width: 350px; font-family: Helvetica; height: 200px; background: url('img/print_bg/Aufdruck-Briefbogen-buetten.jpg') no-repeat;}

.preview_kurzmiteilung			{width: 600px; height: 299px; background:url('img/print_bg/Aufdruck-Kurzmitteilung.jpg') no-repeat;}
#preview_kurzmitteilung_adress	{font-size: 10px; font-family: Helvetica; width: 225px; height: 50px; padding: 4px 0 0 73px; overflow: hidden;}
#preview_kurzmitteilung_name	{font-size: 10px; font-family: Helvetica; width: 225px; padding: 37px 0 0 73px; overflow: hidden;}
#preview_kurzmitteilung_adress1 {font-size: 8px; font-family: Helvetica; width: 225px; padding: 24px 0 0 71px; overflow: hidden;}

#preview_kinderbriefpapier		{padding: 25px 0 0 170px; font-family: Helvetica; width: 350px; height: 484px; background: url('img/print_bg/Aufdruck-Kinderbriefpapier.jpg') no-repeat;}

#preview_terminkalender		{font-size: 10px; font-family: Helvetica; width: 280px; height: 360px; background:#000; color:#f9e67a; padding: 5px; overflow: hidden; text-align: right;}


/* pages */
table.list				{width: 100%;border-collapse:collapse;}
table.list th			{background: #003169;height: 25px;line-height: 25px;padding: 0 5px;color: #fff;border-right:1px solid #fff;}
table.list th.hinweis	{background: #fff;margin: 2px 0;color: #003169;padding: 5px 10px;border: 0;}
table.list td			{height: 25px;line-height: 25px;padding: 0 5px;border-bottom: 1px solid #eee;}
table.list tr.row1		{background: #eee;}
table.list tr.row2		{background: #fff;border-collapse:collapse;}
table.list tr.row1:hover, table.list tr.row2:hover	{background: #eee;}
.tableListingI 	{background-color: #fff;}
.tableListingII {background-color: #fff;}
ul.hoizontalItemLister			{padding: 10;list-style: none;overflow: hidden;width: 100%;margin: 10px 0px;}
ul.hoizontalItemLister li		{display:block;float:left;padding: 5px;}
ul.hoizontalItemLister li h1	{font-size: 12px;font-weight: bold; width: 500px;}
ul.hoizontalItemLister li a h1	{font-size: 12px;font-weight: bold;}
a.ContentBox .ShippingLink		{margin: 5px 0;}
.ShippingLink, .ShippingLink a	{font-size: 9px;color: #000;}
.formArea 						{background: #f9f2df;padding: 10px;clear: both;}
.formArea label					{display: block;width: 150px;float: left;padding: 5px;}
.formAreaTitle 					{font-size: 12px;font-weight: bold;}
.clear							{clear: both; display: block;}
.underline		{border-bottom: 5px solid #eee;}
.section		{margin: 10px 0px;}
.leftFloater	{float:left;}
.rightFloater	{float:right;}
.leftAligner	{text-align:left;}
.rightAligner	{text-align:right;}
* html .clearfix {height: 1%;}

/* LAYOUT */
body				{background: #ddd; margin: 0; padding: 0; font-size: 12px; color: #000000; height: 100%; font-family: Verdana,Sans-serif,Tahoma;}

h1					{font-size: 18px; color: #002552;}
h1.contentsTopics	{margin-bottom: 8px;}
h2					{font-size: 13px; color: #002552;}
h3					{font-size: 13px; color: #002552; margin-bottom: 8px;}
h4					{font-size: 12px; margin: 8px 0 0 0; color: #002552;}

a					{color: #002552; text-decoration: underline;}
a:hover				{color: #000000; text-decoration: underline;}

table, td			{padding: 2px;}

img 				{border: 0;}
.img_border 		{border: #002552 solid 1px; padding: 2px;}

p					{margin: 0 0 15px 0;}

.clear				{clear: both;}

#page				{width: 980px; margin: auto; background: #ffffff;}

#header				{width: 980px; height: 136px; background: url('img/header.jpg');}

#topnavi			{width: 935px; background: #9d9799; padding-right: 45px; margin: 0}
#topnavi .button	{float: right; margin: 2px; padding-top: 4px; height: 17px; width: 88px; background: url('img/button-topnavi.png') no-repeat; text-align: center;}
#topnavi a			{color: #002552; font-weight: bold; font-size: 11px; text-decoration: none;}
#topnavi a:hover	{color: #000000;}

#content			{width: 980px; background: url('img/bg-navi.jpg') top left repeat-y;}
#content #start		{width: 630px; background: url('img/bg-start.jpg') no-repeat;}

#left_col			{float: left; width: 245px; padding: 23px 23px 23px 23px;}
#left_col #sidebar 				{width: 212px}
#left_coll #sidebar h1 			{padding: 5px 0 5px 10px; font-size: 1.1em; color: #002552; background: #EEF0F1 url(img/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1;}
#left_col #sidebar h1 			{height:26px;background:url('img/button-header.gif') no-repeat; color:#fff;text-align:center;font-size:14px;padding-top:4px;}
#left_col #sidebar .left-box 	{border: 1px solid #EFF0F1; margin: 0 0 5px 0; bbackground: #fff;}
#left_col #sidebar .left-box p	{padding: 10px;}
#left_col #sidebar ul.sidemenu 	{list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none;}
#left_col #sidebar ul.sidemenu li 	{border-bottom: 1px solid transparent; background: url(img/go.gif) no-repeat 5px 4px; padding: 2px 0 2px 25px; margin: 0 2px;}
#left_col #sidebar ul.sidemenu a 	{font-weight: bold; text-decoration: none; background-image: none;}

#center_col			{float: left; width: 625px; padding-top: 23px;}
#center_col #start	{width: 630px; height: 565px; margin-top: -13px; background: url('img/bg-start.jpg') no-repeat;}
#center_col #start #starttext	{padding: 170px 0 0 225px; width: 360px}
#center_col #start #starttext p	{margin: 12px 0 0 0;}
#center_col #start #starttext h1{margin: 6px 0 0 0;}

#footer				{width: 980px; padding: 10px;}

 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
	color: #88ac0b;	
}
ul span, ol span {
	color: #666666;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
   border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(img/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form {
	margin: 0px; padding: 10px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #88ac0b;
}

/* search */
form.search {
	position: absolute;
	top: 35px; right: 25px;
	background: transparent;
	border: none;	
}	
form.search input.textbox {
	margin: 0; padding: 1px 2px;
	width: 120px;
	background: #FFF;
	color: #333; 
}
form.search input.button {
	background: #CCC url(img/headerbg.gif) repeat-x;
	color: #333;
	border: none;	
	width: 70px; height: 21px;
}

/********************************************
   LAYOUT
********************************************/ 

/* Footer */	
#footer {
	color: #666666;
	background: #CCC url(img/footer.jpg) no-repeat center top;
	clear: both;
	width: 820px;
	height: 55px;
	text-align: center;	
	font-size: 92%;
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }

img
{
border:none;
}

form#quick_find2 {
background-color:transparent;
border:none;
}

.moduleRow {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
 background-color: #E6E6E6;
 border: 1px solid;
 border-color: #E6E6E6;

}
.moduleRowOver { 
	background-color: #D7E9F7; 
	border: 1px solid;
	border-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #ffffff; }

.copyright	{display: none; width: 980px; text-align: center; font-size: 9px}
.parseTime	{display: none; width: 980px; text-align: center; font-size: 9px}