/****************/
/* html classes */
/****************/
body {
	margin:0;
	overflow:hidden;
	padding:0
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h2 {
	margin:0;
	padding:0
}

h3 {
	margin:0 0 10px 0
}

h4 {
	clear:both;
	margin:0;
	padding:0 5px 1px 5px
}

h5 {
	color:#4ABAF2;
	font-size:11px;
	margin:0;
	padding:0
}

h6 {
	margin:0 0 5px 0
}

p {
	margin:10px 0 0 0;
	padding:0
}

hr {
	clear:both;
	height:3px;
	margin:15px 0
}

table,
td {
	padding:0
}

form {
	margin:0;
	padding:0
}

input,
textarea {
	padding:1px 3px 2px 3px
}

textarea {
	height:75px;
	overflow:auto
}

br {
	clear:both;
	font-size:0
}

/*******************/
/* lay-out classes */
/*******************/
#header {
	height:68px;
	position:absolute;
	top:0;
	width:100%
}

#header .wrapper {
	height:63px
}

#header .wrapper div {
	margin:0 auto;
	width:718px
}

#header #logo {
	float:left;
	height:63px;
	width:400px
}

#header #visual {
	float:right;
	height:63px;
	width:300px
}

#menu {
	height:19px;
	padding-top:2px;
	position:absolute;
	top:78px;
	width:100%
}

#menu ul {
	margin:0 auto;
	padding:0;
	width:718px
}

#menu li {
	float:left;
	margin-right:13px
}

#content,
#contentHidden {
	bottom:20px;
	left:0;
	overflow:auto;
	padding:15px 0;
	position:absolute;
	right:0;
	top:100px;
	width:100%
}

#contentHidden {
	overflow:hidden
}

#content .wrapper,
#contentHidden .wrapper {
	margin:0 auto;
	width:700px
}

#footer {
	bottom:0;
	height:15px;
	position:absolute;
	width:100%
}

/*******************/
/* content classes */
/*******************/
/* homepage */

/* gallery */
#galleryMenu {
	float:left;
	margin:-8px 20px 20px 0;
	width:250px
}

#galleryMenu ul,
#galleryMenu li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	width:250px
}

#galleryMenu ul ul,
#galleryMenu ul ul li {
	margin:0 0 0 10px;
	width:230px
}

#galleryMenu ul li,
#galleryMenu ul ul li {
	margin:8px 0 0 0
}

#galleryMenu a {
	float:left;
	padding-left:20px
}

#galleryMenu li li a {
	padding-left:16px
}

#galleryPhotos {
	float:left;
	width:430px
}

.photo_liggend {
	height:224px;
	width:324px
}

.photo_staand {
	height:224px;
	margin-left:84px;
	width:155px
}

.photo_vierkant {
	height:224px;
	margin-left:50px;
	width:224px
}

.photo_liggend td img {
	height:200px;
	width:300px
}

.photo_staand td img {
	height:200px;
	width:133px
}

.photo_vierkant td img {
	height:200px;
	width:200px
}

div#hold { 
	height:68px;
	overflow:hidden;
	position:relative;
	width:325px;
	z-index:100
}

div#wn { 
	clip:rect(0px, 325px, 68px, 0px);
	height:68px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:325px;
	z-index:1
}

div#lyr1 { 
	left:0;
	position:absolute;
	visibility:hidden;
	top:0;
	z-index:1
}

.thumb_n,
.thumb_o,
.thumb_a {
	display:inline;
	float:left;
	height:68px;
	margin:0 5px;
	width:72px
}

.thumb_n a.liggend,
.thumb_o a.liggend,
.thumb_a a.liggend {
	float:left;
	height:57px;
	margin-top:11px;
	padding:6px;
	width:72px 
}

.thumb_n a.staand,
.thumb_o a.staand,
.thumb_a a.staand {
	float:left;
	height:57px;
	margin-top:11px;
	padding:6px;
	width:72px 
}

.thumb_n a.vierkant,
.thumb_o a.vierkant,
.thumb_a a.vierkant {
	float:left;
	height:57px;
	margin-top:11px;
	padding:6px;
	width:72px 
}

.thumb_n a.liggend img,
.thumb_o a.liggend img,
.thumb_a a.liggend img {
	height:45px;
	width:60px
}

.thumb_n a.staand img,
.thumb_o a.staand img,
.thumb_a a.staand img {
	height:45px;
	margin-left:15px;
	width:30px
}

.thumb_n a.vierkant img,
.thumb_o a.vierkant img,
.thumb_a a.vierkant img {
	height:45px;
	margin-left:8px;
	width:45px
}

#galleryNav {
	height:14px;
	margin:10px 0;
	width:324px
}

#galleryNav .left,
#galleryNav .right {
	float:left;
	height:14px;
	width:14px
}

#galleryPage {
	float:left;
	margin-top:-1px;
	width:296px
}

/* order */
form#order {
	width:330px
}

#orderCancel {
	float:right;
	padding-left:20px
}

#orderInput {
	float:left;
	width:330px
}

#orderInput p {
	margin:0
}

#orderOverview {
	float:right;
	width:330px
}

#orderIndicator {
	height:96px;
	margin-bottom:1px;
	padding:1px
}

#orderIndicator div {
	height:96px;
	padding:0 20px
}

#orderIndicator div div {
	display:inline;
	float:left;
	height:36px;
	padding:60px 0 0 0;
	margin:0 5px;
	text-align:center;
	width:85px
}

#orderBasket {
	margin-bottom:1px;
	padding:1px
}

#orderBasket .item {
	height:88px
}

#orderBasket .image,
#orderBasket .labels,
#orderBasket .fields {
	float:left;
	margin:4px 0 5px 0
}

#orderBasket .image {
	margin:4px 10px 4px 3px
}

#orderBasket .labels {
	width:70px
}

#orderBasket .fields div {
	padding-left:13px
}

#orderBasket .subTotal {
	width:326px
}

#orderBasket .subTotal .label,
#orderTotal .label,
#sendingPrice .label {
	float:left;
	width:216px
}

#orderBasket .subTotal .field,
#orderTotal .field,
#sendingPrice .field {
	float:right;
	padding-right:5px;
	width:105px
}

#orderTotal,
#sendingPrice {
	height:20px;
	padding:1px
}

#sendingPrice {
	margin-bottom:1px
}

#orderTotal .label,
#sendingPrice .label,
#orderTotal .field,
#sendingPrice .field {
	padding-bottom:2px;
	padding-top:2px
}

#order .label,
#order .labelError,
#order .labelEmpty {
	width:150px
}

#order .field input,
#order .field textarea {
	width:172px
}

#order .field input.zipcode_1 {
	margin-right:10px;
	width:126px
}

#order .field input.zipcode_2 {
	width:24px
}

#order .field input.submit {
	width:180px
}

#orderView .header {
	height:30px;
	margin-bottom:1px
}

#orderView .header .myPhotos,
#orderFooterWrapper .myPhotos {
	float:left;
	width:250px
}

#orderFooterWrapper .myPhotos {
	width:238px
}

#orderView .header .detailsPhoto,
#orderView .header .orderBasket,
#orderFooterWrapper .detailsPhoto,
#orderFooterWrapper .orderBasket {
	float:left;
	width:225px
}

#orderFooterWrapper .detailsPhoto {
	width:237px
}

#orderView .header .detailsPhoto img {
	margin-left:15px
}

#orderView .header .orderBasket img {
	float:right
}

#orderView .orderFrame .myPhotosWrapper,
#orderView .orderFrame .detailsPhotoWrapper,
#orderView .orderFrame .orderBasketWrapper {
	bottom:27px;
	padding:1px;
	position:absolute;
	top:47px
}

#orderView .orderFrame .orderBasketWrapper {
	bottom:47px;
	padding:1px;
	position:absolute;
	top:47px
}

#orderView .orderFrame .myPhotos,
#orderView .orderFrame .detailsPhoto,
#orderView .orderFrame .orderBasket {
	bottom:0;
	overflow:auto;
	padding:1px;
	position:absolute;
	top:0
}

#orderView .orderFrame .detailsPhoto {
	xoverflow:hidden
}

#orderView .orderFrame .myPhotosWrapper {
	width:247px
}

#orderView .orderFrame .myPhotos {
	padding-top:13px;
	width:245px
}

#orderView .orderFrame .detailsPhotoWrapper {
	margin-left:250px;
	width:222px
}

#orderView .orderFrame .detailsPhoto {
	padding:15px 0 15px 12px;
	width:210px
}

#orderView .orderFrame .orderBasketWrapper {
	margin-left:476px;
	width:222px
}

#orderView .orderFrame .orderBasket {
	bottom:1px;
	width:222px
}

#basketPriceTotal {
	background:#4ABAF2;
	bottom:27px;
	height:17px;
	margin-left:476px;
	padding:2px 4px 0 0;
	position:absolute;
	width:220px
}

.orderBasket .orderItem {
	color:#888;
	height:83px;
	margin:13px 0 1px 11px;
	width:180px
}

.orderBasket .orderItem .orderImg {
	float:left
}

.orderBasket .orderItem .orderSubTotal {
	float:right;
	width:107px
}

.orderSubTotal .label {
	color:#666;
	font-weight:normal;
	margin:1px 0;
	width:57px
}

.orderSubTotal .field {
	margin:1px 0;
	text-align:right;
	width:50px
}

.orderSubTotal .orderHeaderType {
	border-bottom:1px dotted #AAA;
	clear:both;
	color:#444;
	padding:1px 0
}

.orderDelete {
	height:23px;
	margin:0 0 0 11px;
	width:180px
}

.orderDelete a {
	float:right;
	padding:2px 0 2px 14px
}

#orderView #orderFooterWrapper {
	bottom:0;
	height:24px;
	padding:1px 0 0 0;
	position:absolute;
	width:700px
}

#orderFooterWrapper img {
	margin-top:4px
}

#orderFooterWrapper .orderBasket img {
	margin-left:70px
}

.myPhotoWrapper {
	float:left;
	display:inline;
	height:200px;
	margin:0 14px 0 0;
	width:150px
}

.myPhoto a {
	float:left;
	margin:1px
}

.myPhoto a:hover,
.myPhoto a.active,
.myPhoto a.selected {
	margin:0
}

.enlargePhoto a {
	float:left;
	margin-left:20px;
	padding-left:12px
}

.detailsItem2 {
	height:65px
}

.detailsItem .label,
.detailsItem2 .label {
	margin-bottom:5px;
	width:70px
}

.detailsItem .label span,
.detailsItem2 .label span {
	display:block;
	float:left
}

.detailsItem .label img,
.detailsItem2 .label img {
	float:left;
	height:15px;
	margin-left:3px;
	width:15px
}

.detailsItem .field,
.detailsItem2 .field {
	margin-bottom:5px;
	width:118px
}

.detailsItem .field input,
.detailsItem .field textarea,
.detailsItem .field select,
.detailsItem2 .field textarea {
	width:118px
}

.detailsItem2 .field textarea {
	height:50px;
	padding:0 0 0 2px;
	width:114px
}

.detailsItem .field input {
	width:110px
}

#popupQuestionMark {
	height:48px;
	padding:0 1px;
	position:absolute;
	width:122px;
	z-index:2
}

.detailsWrapper {
	float:left;
	margin-bottom:10px;
	width:188px
}

#addDetailsWrapper a {
	float:right;
	margin-right:31px;
	padding-left:18px
}

#copyRoot {
	display:none
}

/* news */
.newsTitle {
	float:left;
	width:275px
}

.newsTitle .date,
.newsTitle .title {
	margin-bottom:1px;
	padding-left:4px
}

.newsText {
	float:right;
	width:405px
}

.newsText p {
	margin:0 0 10px 0
}

.newsText .image {
	float:left;
	margin:0 10px 0 0;
	padding:1px;
	height:100px;
	width:100px
}

#newsletterButton {
	float:left;
	height:17px;
	padding:1px
}

#newsletterButton a {
	float:left;
	padding:0 3px
}

/* contact */
form#contact {
	margin:0 auto;
	width:450px
}

/*******************/
/* overall classes */
/*******************/
.success,
.error {
	padding-left:14px
}

.hide {
	display:none
}

.show {
	display:block
}

p.left {
	float:left;
	margin:10px 0 0 0;
	width:330px
}

p.right {
	float:right;
	margin:10px 0 0 0;
	width:330px
}

.tr {
	padding-bottom:10px
}

.tr_2 {
	padding-bottom:10px
}

.tr_2 .label_2 {
	float:left;
	width:225px
}

.tr_2 .field_2 {
	float:left;
	width:15px
}

.tr_2 .info {
	float:right;
	margin:2px 0 0 10px;
	width:15px
}

.label,
.labelError,
.labelEmpty {
	float:left;
	width:200px
}

.labelError_2 {
	float:left;
	width:225px
}

.field {
	float:left
}

.field input,
.field textarea {
	width:225px
}

.field input.submit {
	width:233px
}

.pages {
	margin-top:10px
}

.pages div.left {
	float:left
}

.pages div.mid {
	float:left;
	text-align:center;
	width:247px
}

.pages div.right {
	float:right
}

#filter {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:999
}

/* popup */
#popupPage {
	height:450px;
	width:600px
}

#popupHeader {
	background:#4ABAF2;
	border-bottom:1px solid #3E81A2;
	border-top:5px solid #3E81A2;
	height:21px
}

#popupMyPhotos,
#popupNamePhoto {
	color:#FFF;
	float:left;
	font-size:9px;
	font-weight:bold;
	margin-top:2px;
	text-align:center;
	width:135px
}

#popupNamePhoto {
	width:465px
}

#popupOverview {
	float:left;
	height:421px;
	overflow:auto;
	margin:1px 1px 0 0;
	width:134px
}

.popupOverviewItem,
.popupContentItem,
#popupContentFrame {
	display:inline;
	float:left;
	margin:10px 0 0 10px
}

.popupContentItem {
	margin:10px 0 0 100px
}

#popupContentFrame {
	float:left;
	margin:44px auto 0 auto;
	padding:1px
}

.popupOverviewItem a.imgBorder,
.popupContentItem a,
#popupContentFrame a {
	border:1px solid #AAA;
	float:left
}

.popupContentItem a {
	border:1px solid #3E81A2;
	cursor:default
}

.popupOverviewItem a.imgBorder:hover {
	border:1px solid #3E81A2
}

.popupOverviewItem a.active {
	border:1px dotted #4ABAF2;
	float:left
}

.popupOverviewItem img,
.popupContentItem img {
	border:1px solid #FFF
}

#popupContent {
	border-left:1px solid #3E81A2;
	float:left;
	height:421px;
	overflow:auto;
	margin-top:1px;
	width:464px
}

#popupOrderButton {
	border:1px solid #F38D0A;
	bottom:0;
	display:inline;
	float:left;
	margin:0 0 0 5px;
	padding:1px;
	position:absolute;
	width:111px
}

#popupOrderButton a {
	background:#F38D0A;
	color:#FFF;
	float:left;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	width:111px
}

#order .field input.radio,
.radio {
	border:0;
	height:12px;
	width:12px
}

#popupOverview select {
	margin:10px;
	width:110px
}

#popupOverview div {
	font-size:9px;
	margin:10px 0 10px 10px
}

#popupOverview div span {
	font-weight:bold
}

#popupContentFrameContainer {
	margin:0 2px 2px 0
}

#detailsFrame {
	clear:both;
	padding-top:8px
}

.linkRow {
	border-bottom:1px dotted #DDD;
	margin-bottom:10px;
	padding-bottom:10px
}

/* popup box */
#filterPopup {
	background:#FFF;
	bottom:0;
	filter:alpha(opacity=75);
	left:0;
	moz-opacity:75%;
	opacity:0.75;
	position:absolute;
	right:0;
	top:0;
	z-index:100
}

#filterPopupContent {
	border:2px solid #F38D0A;
	background:#FFF;
	position:absolute;
	color:#F38D0A;
	padding:10px;
	font-size:10px;
	height:50px;
	left:50%;
	top:50%;
	margin:-25px 0 0 -150px;
	width:300px;
	z-index:2000
}

.detailsParts {
	 background:#3E81A2;
	 padding:1px 5px;
	 color:#FFF;
	 font-size:9px;
	 font-weight:bold;
	 margin-bottom:10px
}

#backToOrderButton {
	position:absolute;
	bottom:5px;
	right:130px;
	z-index:4000
}

#backToOrderButton a {
	border:1px solid #3E81A2;
	background:#FFF;
	float:left;
	color:#3E81A2;
	padding:2px 5px;
	font-weight:bold
}

#orderToBasketButton {
	background:url(../img/bg/orderToBasketButton.gif) top right no-repeat;
	color:#F38D0A;
	float:left;
	font-size:9px;
	font-weight:bold;
	padding:0 20px 0 0;
	xtext-transform:uppercase;
	margin-right:10px
}

.moreInfoButton {
	margin:66px 0 0 9px;
	position:absolute;
}

.moreInfoButton a,
.moreInfoButton a:hover {
	color:#F38D0A;
	font-size:9px
}

.moreInfo_hide,
.moreInfo_show {
	background:#FFF;
	border:1px solid #F38D0A;
	display:none;
	font-size:9px;
	height:76px;
	padding:0 3px; 
	position:absolute;
	width:99px;
	z-index:2000
}

.moreInfo_show {
	display:block
}