/****************/
/* html classes */
/****************/
html,
body,
td {
	color:#444;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px
}

h2,
h3,
h4 {
	font-size:11px
}

h4 {
	background:#6CBAE1;
	color:#FFF
}

h6 {
	color:#AAA;
	font-size:10px;
	font-weight:normal
}

p {
	text-align:justify
}

a {
	color:#3E81A2;
	text-decoration:none
}

a:hover {
	color:#4ABAF2
}

img {
	border:0
}

hr {
	background:#FFF;
	border:0;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	color:#FFF
}

table,
td {
	border:0
}

input,
textarea,
select {
	border:1px solid #3E81A2;
	color:#444;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal
}

select {
	font-size:9px
}

/*******************/
/* lay-out classes */
/*******************/
#header {
	border-bottom:5px solid #3E81A2;
	border-top:5px solid #4ABAF2
}

#header .wrapper {
	border-top:5px solid #3E81A2;
	text-align:center
}

#header #logo {
	background:url(../img/bg/logo.gif) no-repeat
}

#header #visual {
	background:url(../img/bg/visuals/1.gif) no-repeat
}

#menu {
	background:#4ABAF2;
	border-bottom:1px solid #3E81A2;
	text-align:center
}

#menu ul {
	list-style:none
}

#menu a {
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:none
}

#menu a:hover,
#menu a.active {
	color:#1F5A77
}

#content,
#contentHidden {
	text-align:center
}

#footer {
	background:#4ABAF2;
	border-bottom:4px solid #3E81A2;
	border-top:1px solid #3E81A2;
	color:#FFF;
	font-size:10px;
	line-height:14px;
	text-align:center
}

#footer a {
	color:#FFF
}

/*******************/
/* content classes */
/*******************/
/* gallery */
#galleryMenu ul {
	font-size:11px;
	font-weight:bold;
	list-style:none
}

#galleryMenu li a {
	background:url(../img/bg/bullet.gif) no-repeat;
	color:#555
}

#galleryMenu li a:hover,
#galleryMenu li a.active {
	color:#3E81A2
}

#galleryMenu li li a {
	background:url(../img/bg/subBullet.gif) 0 1px no-repeat;
	color:#888;
	font-size:10px
}

.photo_liggend td {
	background:url(../img/bg/photo_shadow_liggend.gif) no-repeat
}

.photo_staand td {
	background:url(../img/bg/photo_shadow_staand.gif) no-repeat
}

.photo_vierkant td {
	background:url(../img/bg/photo_shadow_vierkant.gif) no-repeat
}

.thumb_n {
	background:url(../img/bg/thumb.gif) 32px 0 no-repeat
}

.thumb_o {
	background:url(../img/bg/thumb.gif) 32px -11px no-repeat
}

.thumb_a {
	background:url(../img/bg/thumb.gif) 32px -22px no-repeat
}

.thumb_n a.liggend,
.thumb_o a.liggend,
.thumb_a a.liggend {
	background:url(../img/bg/thumbLiggend_shadow.gif) no-repeat
}

.thumb_n a.staand,
.thumb_o a.staand,
.thumb_a a.staand {
	background:url(../img/bg/thumbStaand_shadow.gif) no-repeat
}

.thumb_n a.vierkant,
.thumb_o a.vierkant,
.thumb_a a.vierkant {
	background:url(../img/bg/thumbVierkant_shadow.gif) no-repeat
}

.thumb_n img,
.thumb_o img,
.thumb_a img {
	background:#FFF
}

#galleryPage {
	color:#AAA;
	font-size:9px;
	text-align:center
}

/* order */
#orderCancel {
	background:url(../img/bg/orderCancel.gif) no-repeat;
	color:#F60E0E;
	font-weight:bold
}

#order .label,
#order .labelError,
#order .labelEmpty {
	background:url(../img/bg/label.gif) 137px 0 no-repeat;
	font-size:10px
}

#order .labelError {
	background:url(../img/bg/label.gif) 137px -18px no-repeat
}

#orderIndicator,
#orderBasket,
#orderTotal,
#sendingPrice {
	background:#FFF;
	border:1px solid #DDD
}

#orderIndicator div,
#orderBasket div,
#orderTotal div,
#sendingPrice div {
	background:#EEE;
	font-size:10px;
	font-weight:bold
}

#orderTotal div,
#sendingPrice div {
	background:#6CBAE1;
	color:#FFF;
	font-size:11px;
	font-weight:bold
}

#orderBasket div {
	font-weight:normal
}

#orderBasket .item,
#orderBasket .item div {
	background:#FFF
}

#orderBasket .item .image {
	border:1px solid #3E81A2
}

#orderBasket .item img {
	border:1px solid #FFF
}

#orderBasket .labels div {
	font-weight:bold
}

#orderBasket .price {
	color:#3E81A2
}

#orderBasket .subTotal {
	background:#DDD;
	color:#3E81A2;
	font-weight:bold
}

#orderBasket .subTotal .label,
#orderBasket .subTotal .field,
#orderTotal .label,
#sendingPrice .label,
#orderTotal .field,
#sendingPrice .field {
	background:#DDD;
	font-weight:bold;
	text-align:right
}

#orderTotal .label,
#orderTotal .field {
	background:#6CBAE1
}

#sendingPrice .label,
#sendingPrice .field {
	background:#3E81A2;
	font-weight:normal
}

#orderBasket .subTotal .field {
	background:#DDD url(../img/bg/arrowSmall_2.gif) 25px 6px no-repeat
}

#orderTotal .field {
	background:#6CBAE1 url(../img/bg/arrowSmall_3.gif) 25px 8px no-repeat
}

#sendingPrice .field {
	background:#3E81A2 url(../img/bg/arrowSmall_3.gif) 25px 8px no-repeat
}

#orderBasket .fields div {
	background:url(../img/bg/arrowSmall_1.gif) 0 6px no-repeat
}

#orderIndicator #step1_n {
	background:url(../img/bg/orderStep1.gif) no-repeat;
	color:#AAA
}

#orderIndicator #step1_a {
	background:url(../img/bg/orderStep1.gif) 0 -96px no-repeat;
	color:#4ABAF2
}

#orderIndicator #step2_n {
	background:url(../img/bg/orderStep2.gif) no-repeat;
	color:#AAA
}

#orderIndicator #step2_a {
	background:url(../img/bg/orderStep2.gif) 0 -96px no-repeat;
	color:#4ABAF2
}

#orderIndicator #step3_n {
	background:url(../img/bg/orderStep3.gif) no-repeat;
	color:#AAA
}

#orderIndicator #step3_a {
	background:url(../img/bg/orderStep3.gif) 0 -96px no-repeat;
	color:#4ABAF2
}

#orderView .header {
	border-bottom:1px solid #3E81A2
}

#orderView .orderFrame .myPhotosWrapper,
#orderView .orderFrame .detailsPhotoWrapper {
	border-right:1px solid #3E81A2
}

#orderView .orderFrame .detailsPhoto {
	background:url(../img/bg/detailsPhoto.gif) right bottom no-repeat fixed
}

#orderView .orderFrame .orderBasket {
	background:url(../img/bg/orderBasket.gif) left bottom no-repeat fixed
}

#orderView .orderFrame .orderBasketWrapper {
	border-bottom:1px solid #3E81A2
}

#orderView #orderFooterWrapper {
	border-top:1px solid #3E81A2
}

.myPhoto a {
	border:1px solid #AAA
}

.myPhoto a:hover,
.myPhoto a.selected {
	border:2px dotted #F38D0A
}

.myPhoto a.active,
.myPhoto a.active:hover {
	border:2px solid #4ABAF2
}

.myPhoto img {
	border:1px solid #FFF
}

.enlargePhoto a {
	background:url(../img/bg/enlargePhoto.gif) 0 4px no-repeat;
	color:#AAA;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px
}

.enlargePhoto a:hover {
	color:#3E81A2
}

.detailsItem,
.detailsItem2 {
	font-size:9px
}

.detailsItem .label span,
.detailsItem2 .label span {
	font-weight:normal
}

#popupQuestionMark {
	background:#EDF8FE;
	color:#555;
	font-size:9px;
	line-height:12px
}

.detailsWrapper {
	border-bottom:2px dotted #4ABAF2
}

#addDetailsWrapper a {
	background:url(../img/bg/addDetailsPhoto.gif) 0 1px no-repeat;
	font-size:9px
}

.orderBasket .orderItem {
	border-bottom:1px solid #DDD
}

.orderBasket .orderItem .orderImg {
	background:#FFF;
	border:1px solid #3E81A2
}

.orderBasket .orderItem .orderImg img {
	border:1px solid #FFF
}

.orderBasket .orderItem .orderSubTotal {
	font-size:9px;
	line-height:14px
}

.orderBasket .orderItem .orderSubTotal span {
	border-top:1px dotted #AAA;
	clear:both;
	color:#3E81A2;
	display:block
}

#basketPriceTotal {
	border-top:1px solid #FFF;
	color:#FFF;
	font-weight:bold;
	text-align:right
}

.orderDelete {
	border-bottom:1px dotted #4ABAF2;
	border-top:1px solid #DDD
}

.orderDelete a,
.orderDelete a:hover {
	background:url(../img/bg/orderDelete.gif) 0 5px no-repeat;
	color:#F60E0E;
	font-size:9px
}

/* news */
.newsTitle .date {
	background:#4B93B7;
	color:#FFF;
	font-size:10px
}

.newsTitle .title {
	background:#EEE;
	font-size:10px
}

.newsText .image {
	border:1px solid #3E81A2
}

#newsletterButton {
	border:1px solid #3E81A2
}

#newsletterButton a {
	background:#4ABAF2;
	border:1px solid #3E81A2;
	color:#FFF;
	font-size:10px;
	line-height:15px
}

/*******************/
/* overall classes */
/*******************/
p.left,
p.right,
p.full {
	color:#666
}

.error {
	background:url(../img/bg/label.gif) 0 -19px no-repeat;
	color:#EB3333;
	font-weight:normal;
	margin-bottom:15px
}

.success {
	background:url(../img/bg/success.gif) 0 3px no-repeat;
	color:#1EB31B
}

.label,
.labelError,
.labelEmpty {
	background:url(../img/bg/label.gif) 187px 0 no-repeat;
	font-weight:bold
}

.labelError {
	background:url(../img/bg/label.gif) 187px -19px no-repeat
}

.labelError_2 {
	background:url(../img/bg/label.gif) 212px -18px no-repeat
}

.labelEmpty {
	background:none
}

.submit {
	background:#4ABAF2;
	color:#FFF;
	cursor:pointer
}

.pages {
	color:#AAA;
	font-size:9px;
	font-weight:bold;
	text-align:center
}

.checkbox {
	border:0
}

#filter {
	background:#FFF;
	filter:alpha(opacity=80);
	moz-opacity:80%
}

