* {
	margin: 0;
	padding: 0;
}


/*******************************************
	PAGE 
*******************************************/

body {
	background-color: #efefef;
	background-repeat: repeat-x;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
	margin: 0;
	padding: 0;
	text-align: center;
}

#pagewrap {
	width: 838px;
	background-image: url(../images/background.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin: auto;
	text-align: left;
	position: relative;
}

#page {
	width: 796px;
	position: relative;
	left: 19px;
	background-color: #fefefe;
	background-image: url(../images/bg_graybar.gif);
	background-position: left;
	background-repeat: repeat-y;
	border-bottom: 1px solid #6d6d6d;
	padding-bottom: 120px;
	margin-bottom: 20px;
}

.clear {
	clear: both; 
}


/*******************************************
	HEAD 
*******************************************/

#head {
	background-image: url(../images/bg_top.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 71px;
}

#logo {
	position: absolute;
	left: 10px;
	top: 5px;
	width: 135px;
	height: 62px;
	background-image: url(../images/huber_logo.gif);
}

#bbf_logo {
	position: absolute;
	left: 180px;
	top: 5px;
	width: 28px;
	height: 62px;
}

#bbf_logo img {
	border: 0;
}

#bbf_logo a:hover {
	position: absolute;
	width: 138px;
	height: 320px;
	background-image:url(../images/banner/signet1k.jpg);
	z-index: 12;
}

#bbf_logo a:hover img {
	display: none;
}

/*******************************************
	FOOT 
*******************************************/
#lfoot {
	position: absolute;
	left: 1px;
	bottom: 10px;
	width: 100%;
	padding: 5px;
	margin-top: 25px;
	padding-top: 25px;
}
#foottext {
	position: absolute;
	left: 1px;
/*	left: 160px; */
	bottom: 10px;
	color: #b2b1b1;
	font-size: 0.7em
	width: 100%;
	padding: 5px;
	margin-top: 25px;
	padding-top: 25px;
}

#foottext em {
	font-size: 0.85em
}

#foottext div.copyright {
	position: absolute;
	right: 0;
	bottom: 0;
}

.copyright {
	font-size: 10px;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
}

#foottext a, #foottext a:visited {
	text-decoration: none;
	color: #006020;
}
#foottext a:hover {
	text-decoration: underline;
	color: #600000;
}

#footline {
	position: absolute;
	left: 150px;
	bottom: 0;
	width: 640px;
}

#footlineShadowLeft {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 18px;
	height: 30px;
	background-image: url(../images/shadow_left.gif);
}

#footlineShadowRight {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 22px;
	height: 30px;
	background-image: url(../images/shadow_right.gif);
}


/*******************************************
	NAVIGATION
*******************************************/

#navigation {
	background-image: url(../images/hbar.gif);
	height: 23px;
	color: #ffffff;
	font-size: 0.8em;
	padding-left: 10px;
	margin-bottom: 5px;
}

#navigation .wrap {
	padding-top: 3px;
}

#navigation a {
	color: #ffffff;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 6px;
}

#navigation a:hover {
	text-decoration: underline;
}


/*******************************************
	LEFT COLUMN
*******************************************/

#leftcol {
	width: 148px;
	position: absolute;
	top: 95px;
	left: 0;
}


	/**************************************
		ALBENCODE
	***************************************/
#boxWebalbenCode {
	position: relative;
	top: 6px;
	left: 0;	
	z-index: 3;
	width: 148px;
	height: 72px;
	background-image: url(../images/bg_webalbenCode.gif);
	background-position: left;
	background-repeat: repeat-x;
	background-color: #CEE9E4;
}

#boxWebalbenCode div.spaceWrap {
	padding-top: 3px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 0.8em;
	color : #ffffff;
}

#boxWebalbenCode .input_text {
	position: absolute;
	bottom: 20px;
	left: 8px;
	border: 1px solid #b62516;
	width: 100px;
	height: 16px;
}

#boxWebalbenCode input.lnkbtn {
	position: absolute;
	bottom: 20px;
	right: 15px;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#boxWebalbenCode h4 {
	margin: 0;
	padding: 0;
        font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
}


	/**************************************
		WARENKORB
	***************************************/
#warenkorb {
	position: relative;

	z-index: 4;
	font-size: 0.8em;
	background-color: #A8BECF;
	width: 144px;
	color: #006400;
	font-size: 0.65em;
	top: 0;
	left: 0;	
	margin-top: 15px;
	margin-bottom: 15px;
}

#warenkorb div.spaceWrap {
	padding: 5px;
}

#warenkorb .corner1 {
	background-image: url(../images/cartbg_lo.gif);
	width: 14px;
	height: 12px;
	position: absolute;
	top: 0;
	right: 0;
}

#warenkorb .corner2 {
	background-image: url(../images/cartbg_lu.gif);
	width: 14px;
	height: 12px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#warenkorb h1 {
	font-size: 1.5em;
	padding-bottom: 4px;
}

#warenkorb table {
	text-align: right;
}

#warenkorb th {
	text-align: center;
	vertical-align: bottom
}

#warenkorb td, #warenkorb th  {
	padding: 2px;
}

#warenkorb .lastpos td {
	border-bottom: 1px solid #006400;
}

#warenkorb .summe {
	border-bottom: 3px double #006400;
}

#cart_details {
	position: absolute;
	bottom: 10px;
	left: 20px;
}

#cart_kasse {
	position: absolute;
	bottom: 10px;
	right: 20px;
}



	/**************************************
		PREISLISTE
	***************************************/
#preisliste {
	font-size: 0.75em;
	color: #006400;
}

#preisliste table {
	border: 1px solid #888888;
	width: 145px;
}

#preisliste table td {
	text-align: right;
	padding: 2px;
	border-top: 1px solid #000000;
}

#preisliste .smalltext {
	font-size: 0.85em;
}






/*******************************************
	CONTENT
*******************************************/

#content_wrap {
	position: relative;;
	top: 0;
	left: 0;
	width: 646px;
	margin-left: 149px;
	padding-bottom: 110px;
	text-align: left;

}


#content {
	position: relative;
	top: 0;
	left: 0;
        font-size : 13px;
}

#content table {
	margin-left: 10px;
	margin-right: 10px;
}

#content div.text {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#content ul {
	padding-left: 25px;
}

#content h3 {
	padding-left: 13px;
	padding-right: 23px;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #b62516;
	font-weight : bold;
	letter-spacing : 2px;
	font-style : normal;
	font-variant : small-caps;
}

div.imagetext { float: left; }
.imagetext-text { float: left; border: 1px dottde #f00; }
.imagetext-image { float: left; border: 1px dottde #0f0;}
.imagetext-image img { margin-left: 15px; border: 1px solid #0f0f0f; }




#webalben {
	background-color: #ffffff;
	background-image: url(../images/bg_col.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 640px;
	float: left;
}

#webalben_header {
	width: 640px;
	height: 108px;
	background-image: url(../images/webalben_header.gif);
	float: left;
	position: relative;
}

#webalben_header h1 {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 1em;
	color : #b62516;
	font-weight : bold;
	letter-spacing : 0.1em;
	font-style : normal;
	font-variant : small-caps;
	position: relative;
	top: 15px;
	left: 20px;
}

#webalben_header #bcn {
	position: relative;
	top: 25px;
	left: 20px;
	font-size : 0.8em;
}

#webalben_header .cart {
	background-image: url(../images/cart.gif);
	width: 30px;
	height: 29px;
}

#webalben_header #cartbtn {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size : 0.8em;
}

#webalben_header #numsel {
	position: absolute;
	bottom: 15px;
	right: 10px;
	font-size : 0.8em;
}

#webalben_navigation {
	width: 640px;
	height: 30px;
	background-color: #ffffff;
	float: left;
	text-align: center;
	padding-top: 10px;
	font-size: 0.8em;
}

#frameswrap {
	padding-left: 10px;
}

.info {
	width: 19px;
	height: 19px;
	background-image: url(../images/info.gif);
	position: absolute;
	right: 3px;
	top: 3px;
}

.fotoframe {
	position: relative;
	border: 1px solid #A09E9E;
	background-color: #C8C8C9;
	background-image: url(../images/framebg.gif);
	background-repeat: repeat-x;
	width: 298px;
	font-size: 0.75em;
	float: left;
	padding: 2px;
	margin-right: 3px;
	margin-bottom: 3px;
	color: #000000;
}

.fotoframe .foto_thumbnail {
	width: 162px;
	float: left;
	display: relative; 
}

.whiteframe {
	display: relative; 
	width: 1px;
	display: block;
	float: left;
}

.whiteframe .image_o  {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
	width: 100%;
	height: 3px;
}

.whiteframe .image_u  {
	position: absolute;
	bottom: 0;
	right: 0;	
	background-image: url(../images/thumbframe_u.gif);
	width: 100%;
	height: 3px;
}

.whiteframe .image_lo { 
	width: 2px;
	height: 2px;
	background-image: url(../images/thumbframe_lo.gif);
	position: absolute;
	left: 0;
	top: 0;
}
.whiteframe .image_ro { 
	width: 5px;
	height: 7px;
	background-image: url(../images/thumbframe_ro.gif);
	position: absolute;
	right: 0;
	top: 0;
}
.whiteframe .image_lu { 
	width: 6px;
	height: 5px;
	background-image: url(../images/thumbframe_lu.gif);
	position: absolute;
	left: 0;
	bottom: 0;
}
.whiteframe .image_ru { 
	width: 5px;
	height: 7px;
	background-image: url(../images/thumbframe_ru.gif);
	position: absolute;
	right: 0;
	bottom: 0;
}


.fotoframe .foto_info {
	width: 130px;
	float: left;
}

.foto_menge {
	margin-top: 10px;
}

.clearcart {
	font-size: 0.85em;
	width: 150px;
	text-decoration: none;
	border: 1px solid #006400;
	background-color: #2DA288;
	color: #ffffff;
	padding: 2px;
	clear: both;
	position: absolute;
	top: 0;
	right: 20px;
}

.clearform {
	font-size: 0.85em;
	width: 150px;
	text-decoration: none;
	border: 1px solid #006400;
	background-color: #2DA288;
	color: #ffffff;
	padding: 2px;
	clear: both;
	position: absolute;
	top: 0;
	right: 180px;
}

.clearcart a, .clearcart a:visited, .clearform a, .clearform a:visited {
	color: #ffffff;
}

.lnkbtn {
	text-decoration: none;
	border: 1px solid #006400;
	background-color: #2DA288;
	color: #ffffff;
	padding: 2px;
}

.foto_menge .inputbox {
	padding-left: 7px;
	width: 40px;
}


.addbtn {
	background-color: transparent;
	border: 0;
	background-image: url(../images/cartbtn.gif);
	width: 25px;
	height: 18px;
/*	overflow: hidden;
	float: right; */
	position: absolute;	
	margin-left: 2px;
}

.fotoframe select {
	width: 85px;
	border: 1px solid #006400;
	background-color: #F5F4F4;
	font-size: 0.9em;
}
.fotoframe .inputbox {
	width: 50px;
	border: 1px solid #006400;
	background-color: #F5F4F4;
}

.smalltext {
	font-size: 0.6em;
}

#infobox {
	padding: 10px;
	padding-bottom: 30px;
}




#content div {
	padding-left: 23; 
	padding-right: 23; 

}


#content .welcome {
	background-image: url(../images/welcome_banner.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 114px;
	line-height : 29px;
	vertical-align : top;
	padding-top : 1;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
}

.foto_thumbnail a img {
	border: 2px solid #ffffff;
}

div.linkimg-noborder {
	width: 100%;
	text-align: center;
}

div.linkimg-noborder img {
	border: none;
	margin-left: 10px;
	margin-right: 10px;
}

/*============================*/


tr.header {
	background-color: #ffffff;
	height: 71px;
}

td.header_right {
	background-image: url(/images/bg_top.gif);
	background-position: right;
	background-repeat: no-repeat;
}

tr.menu {
	background-color: #189e80; 
	background-image: url(/images/hbar.gif); 
	height: 23px; 
}

.menu a {
	color: White; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none; 
}

.menu a:hover {
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

.menu td {
	padding-left: 10px;
}

td.content  {
	background-color: #f5f5f5;
	padding-top: 16;
	padding-bottom: 11;
	font-family: Arial, Helvetica, sans-serif;
	width : 640;
}

.content div {
	padding-left: 23; 
	padding-right: 23; 

}

.content h3 {
	padding-left: 23;
	padding-right: 23;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #b62516;
	font-weight : bold;
	letter-spacing : 2px;
	font-style : normal;
	font-variant : small-caps;
}

.welcome {
	background-image: url(/images/welcome_banner.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 114px;
	line-height : 29px;
	vertical-align : top;
	padding-top : 1;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
}


.smalltext {
        font-size: 11px;
        vertical-align: bottom;
        font-family: Arial, Helvetica, sans-serif;
}
.smalltext a {
	color: 002000;
}

div.external_links {
	vertical-align: middle; 
	text-align: center;
	width: 200px;	
	margin-top: 10px;
}

div.external_links img {
    border: 0 none #000000;
	margin-bottom: 10px;
}

.external_links ul {
	list-style-type: none;
}

.external_links span {
        width: 150px;
}

div.submenue {
	margin-top: 2px;
	margin-left: 5px;
}

.submenue {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
}

.submenue a {
        font-size: 12px;
}

.submenue div {
        margin-top: 5px;
        margin-bottom:1px;
	color: #000000;
}


.galleryid {
	width: 80px;
}

.okbtn {
	width: 30px;	 
}

.preisinfo {
        padding-left: 23px;
        padding-right: 23px;
        font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
        text-align: justify;
}

div.midtext {
	padding: 0;
	margin: 0;
        font-size: 13px;
}

#gallery {
	width : 610px;
	padding: 0;
	margin: 0 0 0 5px;
}

#gallery tr td {
	font-size: 11px;
	color: #006400;
	margin: 1px 1px 1px 5px;
	padding: 0;
	width: 95px;
	background-color: #DEF5DF;
}

#gallery tr td a img {
	margin: 2px;
	padding: 0;
	border: 1px solid #228B22;
}

#gallery tr td select {
	font-size: 11px;
	width: 120px;
}

#gallery tr td input {
	font-size: 11px;
	width: 120px;
}

#green_odd {
	background-color: #7C9EB7;
	margin: 1px 15px 1px 15px;
	padding: 1px 5px 1px 5px;
}

#green_odd a {
	color: #000000;
	text-decoration: none;
}

#green_odd a:hover {
	color: #570000;
	text-decoration: underline;
}

#green_even {
	background-color: #ADC1D2;
	margin: 1px 15px 1px 15px;
	padding: 1px 5px 1px 5px;
} 

#green_even a {
	color: #000000;
	text-decoration: none;
} 

#green_even a:hover {
	color: #570000;
	text-decoration: underline;
}

#kasse {
	border: 0;
	width: 90%;
}

#kasse tr th {
/* border: 2px solid #000000; */
	background-image: url(/images/greenbar.gif); 
	background-color: #0C493C;
	color: #FFFFFF;
	border: 1px solid #138068;
	text-align: left;
	height: 23px; 
	padding: 2px;
	margin: 0;
}
#kasse tr td {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 2px;
}

#kasse tr.lastline td {
	border-top: 2px solid #000000;
	border-bottom: 3px double #000000;
	border-right: 2px solid #000000;
	padding-right: 5px;
	text-align: right;
}

#kasse tr.lastline td.blank {
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 0;
}

#kasse_gesamtpreis {
	width: 90%;
	text-align: right;
	font-weight: bold;
}

#kasse tr td.preview {
	border-left: 2px solid #000000;
	border-right: 0;
	text-align: center;
}

#kasse tr td.preview img {
	border: 1px solid #138068;
}

#kasse tr td.filename {
	border-left: 0;
	text-align: left;
}

#kasse tr td.amount {
	text-align: center;
}

#kasse tr td.format {
	text-align: center;
}

#kasse tr td.price {
	border-right: 2px solid #000000;
	padding-right: 5px;
	text-align: right;
}


#preise {
        border: 2px solid #000000;
}

#preise tr td {
       margin: 0;
       padding: 3px;
}

#preise tr.labels td {
        border-bottom: 1px solid #000000;
        color: #ffffff;
        background-color: #8f8f8f;
        margin: 0;
        padding: 3px;
        font-weight: bold;
}

.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}

.floatright {
float: right;
}

.shopimage{
  border: 1px solid #000000;
  float: left;
 clear: both;
}


#gallery_login {
	padding-top: 5px;
	padding-left: 10px;
}

#gallery_form {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 25px;
}

#gallery_form a, #gallery_form a:visited {
	color: #888888;
	font-size: 0.85em;
}

.pagelist {
	text-align: center;
	font-size: 0.85em;
	padding-bottom: 5px;
}
.pagelist a, .pagelist a:visited {
	color: #888888;
	text-decoration: none;
}

.pagelist a:hover {
	text-decoration: underline;
	color: #222222;
}

#order_message { 
	color: #ee0000;
	font-weight: bold;	
}
	
div.hinweis {
	font-size: 0.8em; 
	padding: 5px;
	padding-left: 15px;
}

div.hinweisbox {
	font-size: 0.8em; 
	padding: 5px;
	padding-left: 15px;
	background-color: #f5f5f5;
	padding-top: 16;
	padding-bottom: 11;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #dddddd;
	margin-bottom: 25px;
}

.bluebox { 
	border: 1px solid #111111;
	background-color: #0068A7;
	color: #ffffff;
	padding: 5px;
}

.bluebox div.center { 
	padding-top: 15px;
	font-size: 1.2em;
}

.bluebox ul { 
	list-style-type: none;
	padding-left: 20px;
}

div.bluebox h3 { 
	color: #ffeeee;
}







#orderform {
	width: 547px;
	margin: auto;
}

#orderform div.head {
	border: 1px solid #000;
	border-bottom: none;
	width: 547px;
	height: 266px;
	background-image: url(../images/geschenke-oben.jpg);
	background-repeat: no-repeat;
	background-color: #054881;
}

/*
#orderform div.foot {
	border: 1px solid #000;
	border-top: none;
	width: 547px;
	height: 226px;
	background-image: url(../images/geschenke-unten.jpg);
	background-color: #054881;
	background-repeat: no-repeat;
}
*/

#orderform div.orders {
	width: 547px;
	border: 1px solid #000;
	padding: 0;
	padding-top: 35px;
	padding-bottom: 35px;
	position: relative;
	font-size: 0.9em;
	font-family:"Arial";
}
#orderform div.order_head {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 35px;
	background-color: #054881;
	background-image: url(../images/quad01.gif);
	background-repeat: no-repeat;
}

#orderform div.bluline {
	width: 100%;
	height: 5px;
	background-color: #0068a7;
	position: absolute;
	left: 0;
	bottom: 0;
}

#orderform div.order_head h1 {
	color: #ffffff;
	font-size: 1.1em;
	padding: 3px;
	position: absolute;
	top: 5px;
	right: 5px;
}

#orderform div.order_foot {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	background-color: #05995e;
	text-align: center;
}
#orderform div.order_foot span {
	color: #ccc;
	font-size: 0.9em;
	margin: auto;
}


#orderform div.orders fieldset {
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}
#orderform div.orders legend {
  padding: 0 2px;
  font-weight: bold;
}
#orderform div.orders label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
#orderform div.orders textarea{
}
#orderform div.orders fieldset ol {
  margin: 0;
  padding: 0;
}
#orderform div.orders fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
#orderform div.orders fieldset fieldset {
  border: none;
  margin: 2px 0 0;
}
#orderform div.orders fieldset fieldset legend {
  padding: 0 0 4px;
  font-weight: normal;
}
#orderform div.orders fieldset fieldset label {
  display: block;
  width: auto;
}
#orderform div.orders em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#orderform div.orders label {
  width: 180px; 
}
#orderform div.orders fieldset fieldset label {
  margin-left: 183px;
}


div.aktion_banner {
	padding-left: 3px;
	margin-top: 5px;
}

div.aktion_banner a img {
	border: 0;
}

.preisliste {
	border: 1px solid #ccc;
	width: 80%;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.preisliste td {
	padding: 3px;
	padding-right: 6px;
	margin: 0;
}
.preisliste .odd {
	background-color: #eee;
}
.preisliste .even {
	background-color: #fafafa;
}
.preisliste caption {
	background-color: #A8BECF;
	text-align: left;
	padding: 3px;
	border: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.ralign {
	text-align: right;
}

#c123 {
	text-align: center;
}

#doSlideshow {
	text-align: center;
}
#doSlideshow a {
	text-decoration: none;
	color: #333;
	font-size: 0.8em;
	margin-left: 2px;
}