body      {
	background:  #FFFFE9;
	background-repeat: no-repeat;
	background-position: top left;
	color: black;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px; }
	
* {	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;  }

/* Links */
a:link    { color: maroon;
	background: transparent;
	font-size: 10pt;
	text-decoration: none; }
a:visited { color: maroon; 
	background: transparent;
	font-size: 10pt;
	text-decoration: none; }
a:active  { color: maroon;
	background: transparent;
	font-size: 10pt;
	text-decoration: none; }
a:hover  { color: maroon;
	background: transparent;
	font-size: 10pt;
	text-decoration: underline; }	
	
	
/* Links */
a.topic:link    { color: #E3B444;
	background: transparent;
	font-size: 14pt;
	text-decoration: none;font-weight: bold; }
a.topic:visited { color: #E3B444; 
	background: transparent;
	font-size: 14pt;
	text-decoration: none;font-weight: bold; }
a.topic:active  { color: #E3B444;
	background: transparent;
	font-size: 14pt;
	text-decoration: none;font-weight: bold; }
a.topic:hover  { color: red;
	background: none;
	font-size: 14pt;
	text-decoration: none;
	font-weight: bold; }	

/* Links */
a.menu_head:link    { color: black;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;font-weight: bold;display: block; }
a.menu_head:visited { color: black; 
	background: transparent;
	font-size: 10pt;
	text-decoration: none;font-weight: bold;display: block; }
a.menu_head:active  { color: black;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;font-weight: bold;display: block; }
a.menu_head:hover  { color: navy;
	background: none;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;display: block; }
	
/* Links */
a.bottom:link    { color: maroon;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;font-weight: bold; }
a.bottom:visited { color: maroon; 
	background: transparent;
	font-size: 10pt;
	text-decoration: none;font-weight: bold; }
a.bottom:active  { color: maroon;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;font-weight: bold; }
a.bottom:hover  { color: red;
	background: none;
	font-size: 10pt;
	text-decoration: underline;
	font-weight: bold; }	

/* Links */
a.menu:link    { color: maroon;
	background: transparent;
	font-size: 10pt;
	text-decoration: none; }
a.menu:visited { color: maroon; 
	background: transparent;
	font-size: 10pt;
	text-decoration: none; }
a.menu:active  { color: maroon;
	background: transparent;
	font-size: 10pt;
	text-decoration: none; }
a.menu:hover  { color: red;
	background: none;
	font-size: 10pt;
	text-decoration: underline;
	 }	
	



/* Überschriften */
h1 {
	font-size: 11pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2 {
	font-size: 10pt;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
}
h3 {
	font-size: 10pt;
	font-weight: bold;
}
/* Überschrift für Impressum (muss gesetzt werden!) */
h2.impressum {
	font-size: 11pt;
	font-weight: bold;
}
/* Normale Texte */
span.impressum  {
	font-size: 10pt;  }
/* ################################################# */
img.pic{
	border: 1px dotted #FFD16B;
}	
div.pic{
	position: absolute;
	width: 232px;
	top: 0px; left: 0px;
}
div.pic_rel{
	position: relative;width: 232px;height: 155px;
}
div.pic_box{
	position: absolute;
	width:230px;height: 20px;
	background:#FFD16B; border: 1px solid #EED16B;
	top: 0px;left: 0px;z-index: 5;
}
div.pic_pic{
	position:absolute;width: 200px; height: 150px;
	top: 10px;left: 15px;z-index: 10;
}

div.menu_head{
	position:relative;width: 210px;color: black;background: #F4EF83;
}
div.menu_dist{
	padding: 5px;
}
ul.menu{

}

		
/* ################################################### */	
				
					
div#top{
	position: relative; width: 990px;margin-top: 10px;
}
div#top_left{
	position: relative;float: left; width:500px;
}
div#top_left_dist{
	padding:10px;padding-left: 30px;
}
div#top_right{
	position: relative; float: right; width: 450px;color: #666666;font-size: 9pt;font-weight: bold;
}
div#top_line{
	position: relative;width: 950px;border-bottom: 1px dotted #C8AA87;margin-left: 20px;
}
div#pic_line{
	position: relative; width: 990px;margin-top: 10px;height: 200px;background:url('http://www.pbs-sonnenschutzfolien.de/clips2/verlauf.gif') #FFFFE9;background-repeat: repeat-x;
}
div#adress{
	position: absolute;top: 30px;left:730px;height: 150px;width:250px;line-height: 20px;
}
div#adress_line{
	position: relative;width: 220px;border-bottom: 2px dotted #C8AA87;
}
div#main{
	position: relative; width: 990px;
}
div#menu{
	position:relative;width: 230px;float:left;
}
div.dist{
	padding: 10px;
}
div#main_c{
	position:relative;width: 755px;float: right;
}
div#content{
	position:relative;width: 450px;float:left;margin-left:20px;background:white;border:1px dotted #BBBBBB;
}
div#right{
	position:relative;width: 245px;float:right;
}
div#small_line{
	position: relative;border-bottom: 2px solid black;width: 230px;
}
div.dist_small{
	padding:5px;
}
div#bottom{
	position: relative; width: 990px;border-top: 1px solid #C8AA87;text-align: right;
}


/* ################################################# */
a.shopunterkat {
	font-family: arial, helvetica;
	font-size: 10pt;
}

a.shopartview {
	font-family: arial, helvetica;
	font-size: 10pt;
	font-style: italic;
}

a.shopwkart {
	font-family: arial, helvetica;
	font-size: 10pt;
	background: #E5E5E5;
	color: blue;
}

td.shopwarentd {
	font-family: arial, helvetica;
	font-size: 10pt;
	border-top: 1px solid black;
}

span.shopihrwarenkorb {
	font-family: arial, helvetica;
	font-size: 10pt;
	font-weight: 600;	
}

ul.shopuntlist {
	font-family: arial, helvetica;
	font-size: 10pt;
}

span.shopartdesc {
	font-family: arial, helvetica;
	font-size: 10pt;
}

span.shoparttitle {
	font-family: arial, helvetica;
	font-size: 12pt;
	font-weight: 600;
}

span.shoploc {
	font-family: arial, helvetica;
	font-size: 10pt;
}



span.shopemptybin {
	font-family: arial, helvetica;
	font-size: 10pt;
	font-style: italic;
}

ul.shophinweise {
	font-family: arial, helvetica;
	font-size: 10pt;
}

td.shopwarentd {
	font-family: arial, helvetica;
	font-size: 10pt;
	border-top: 1px solid black;
}

td.shopbestell1 {
	font-family: arial, helvetica;
	font-size: 10pt;
	background: #BBBBBB;
}

td.shopbestell2 {
	font-family: arial, helvetica;
	font-size: 10pt;
	background: #EEEEEE;
}

span.shopwkbearbeiten {
	font-family: arial, helvetica;
	font-size: 10pt;
}

input.menge {
	font-family: arial, helvetica;
	font-size: 10pt;
	border: 1px #000000 solid;
	padding: 1px;
	background: #ffffff;
}

input.bestellen {
	font-family: arial, helvetica;
	font-size: 10pt;
	border: 1px #000000 solid;
	padding: 0px;
	background: #dedede;
}

td.shoprechhead {
	border-top: #FFFF19 1px solid;
	background-color: #EEEEFF;
	font-family: arial, helvetica;
}

td.shoprechart {
	background-color: #ffffff;
	font-family: arial, helvetica;
}

td.shopversand {
	border-top: #FFFF19 1px solid;
	background-color: #EEEEFF;
	font-family: arial, helvetica;
}

td.form{
	background: #EEEEFF;
	color: black;
}

	
		
/* ###########################*/
select.form{
	font-size:8pt;
	border: #666666 1px solid;
}
input.form{
	width: 300px;
	font-size:8pt;
	border: #666666 1px solid;	
}
textarea.form{
	width: 300px;
	font-size:8pt;
	border: #666666 1px solid;
	
}
input.text{
	width: 285px;
	font-size:8pt;
	border: #666666 1px solid;
}
textarea.text{
	width: 285px;
	font-size:8pt;
	border: #666666 1px solid;
}

/* ###################################### */
div.moreinfos{
	padding:10px;border-bottom: 1px dotted #222222;border-top: 1px dotted #222222;padding-top:6px;padding-bottom:6px;
}
	