html, body, div {
  font-family:Tahoma, Arial, Verdana;
  font-size:12px;
  color:#001d2e;
  line-height:1.3em;
}

body {
  background:url(../img/bg-body.gif) repeat-x;
  margin:0px 0px 40px 0px;
  width:100%;
}

    body.popup {
	  background:none;
	  margin:20px;
	  width:400px;
	}

h1, h2 {
  margin:0px 0px 5px 0px;
  font-family:"Times New Roman", "Sans-serif", Tahoma, Arial, Verdana;
  font-size:26px;
  font-weight:normal;
  color:#001d2e;
  line-height:1.0em;
}

h2 {
  margin:0px 0px 20px 0px;
  font-size:17px;
  color:#5f8aa1;
}

h2.top {
  margin:0px 0px 5px 0px;
  font-size:26px;
  font-weight:normal;
  color:#001d2e;
  line-height:1.0em;
}

h2.topFeature {
  margin:0px;
  font-family:Tahoma, Arial, Verdana;
  font-size:15px;
  font-weight:bold;
  color:#ffffff;
  line-height:1.0em;
}

	h2.topFeature a {
	  color:#85a9bc;
	  text-decoration:none;
	}

h3 {
  margin:5px 0px;
  font-size:18px;
  font-weight:bold;
}

h4 {
  margin:0px;
  display:inline;
  font-size:12px;
}

a {text-decoration:none;color:#0a5783;}
a:hover {text-decoration:underline;}

div.clear {clear:both;}

.error {color:#ff0000;}

span.green {color:#007416;}
span.yellow {color:#ffff5a;}

    div#jsNotifyBox {
	  position:relative;
      padding:10px;
	  background:url(../img/bg-jsnotify.gif) repeat-x #fffdea;
	  border-bottom:1px solid #f6d8c2;
	  text-align:center;
	  font-weight:bold;
	}
	
	div#main {
      width:990px;
      margin:15px auto;
	  z-index:10;
    }
	
	    div#topRow {
		  height:32px;
		}
		
		    div#topRowLeft {
			  float:left;
			  padding-left:20px;
			}
			
			div#paypalIconFrame {
			  background:#ffffff;
			  padding:10px 30px;
			}
			
				div#paypalSeal {
				  width:100px;
				  height:45px;
				  background:url(../img/icons.gif) no-repeat 0px 0;
				}
				
				div#paypalIcon {
				  width:150px;
				  height:47px;
				  background:url(../img/icons.gif) no-repeat -120px 0;
				}
				
				div#versandIcon {
				  width:191px;
				  height:45px;
				  background:url(../img/icons.gif) no-repeat -276px 0;
				}
			
			div#topRowRight {
			  float:right;
			  padding-right:20px;
			}
			
			    div#topRowRight a {
				  color:#ffffff;
				  font-size:11px;
				  margin-left:30px;
				}
				
				div#topRowRight a.marked {
				  color:#ffff5a;
				  font-weight:bold;
				}
		
		div#topStageRow {
		  background:url(../img/bg-head-image.gif) no-repeat;
		  height:300px;
		  margin:0px 0px 20px 0px;
		  padding:16px 0px 0px 0px;
		}
		
			div#topImageRow {
			  height:240px;
			}
			
				div#topImgLeft {
				  width:285px;
				  float:left;
				  padding:0px;
				}
				
					div#topImgLeftLogo {
					  padding:17px 0px 0px 34px;
					}
					
					div#topImgLeftLogoSub {
					  padding:60px 10px 0px 40px;
					}
				
				div#topImgRight {
				  float:left;
				}
				
				div#flashFrame {
				  margin-left:173px;
				}
				
				div#spaceGalleryFrame {
				  margin-left:100px;
				  width:430px;
				}
			
			div#navigationRow {
			  text-align:center;
			  padding:0px 65px;
			  height:50px;
			}
			
				a.navButton, a.navButtonActive {
				  width:95px;
				  height:33px;
				  overflow:hidden;
				  float:left;
				  background:url(../img/icons.gif) no-repeat;
				  margin:10px 20px 0px 0px;
				}
				
				a#navID-bestellen {background-position:-1097px 0px;}
				a#navID-bilderkatalog {background-position:-680px 0px;}
				a#navID-faq {background-position:-1029px 0px;}
				a#navID-formate-und-preise {background-position:-839px 0px;}
				a#navID-ihr-leinwandfoto {background-position:-487px 0px;}
				a#navID-kontakt {background-position:-1216px 0px;}
				
				a#navID-bestellen:hover {background-position:-1097px -33px;}
				a#navID-bilderkatalog:hover {background-position:-680px -33px;}
				a#navID-faq:hover {background-position:-1029px -33px;}
				a#navID-formate-und-preise:hover {background-position:-839px -33px;}
				a#navID-ihr-leinwandfoto:hover {background-position:-487px -33px;}
				a#navID-kontakt:hover {background-position:-1216px -33px;}
				
				a#navID-bestellen-Active {background-position:-1097px -66px;}
				a#navID-bilderkatalog-Active {background-position:-680px -66px;}
				a#navID-faq-Active {background-position:-1029px -66px;}
				a#navID-formate-und-preise-Active {background-position:-839px -66px;}
				a#navID-ihr-leinwandfoto-Active {background-position:-487px -66px;}
				a#navID-kontakt-Active {background-position:-1216px -66px;}
				
				div.navSpacer {
				  margin:0px 15px;
				  background:url(../img/bg-navigation-spacer.gif) repeat-y;
				  float:left;
				  width:1px;
				  height:34px;
				  font-size:1px;
				}
		
		div#contentRow {
		  padding:0px 3px;
		}
		
		    div#leftContent {
			  width:230px;
			  margin-right:10px;
			  float:left;
			}
			
			div#mainContent {
			  width:490px;
			  margin-right:10px;
			  float:left;
			}
			
			    div.shadowboxContentFrame {
				  background:url(../img/bg-shadowbox-content-frame.gif) repeat-y;
				  margin-bottom:10px;
				}
				
				    div.shadowboxContentInnerFrameHead, div.shadowboxContentInnerFrameHeadTop {
					  background:url(../img/bg-shadows.gif) no-repeat;
					  padding:8px 8px 0px 8px;
					}
					
					div.shadowboxContentInnerFrameHeadTop {
					  background:url(../img/bg-shadows.gif) no-repeat -510px 0;
					}
					
					    div.shadowboxContentBody {
						  background:url(../img/bg-shadowbox-content-body.gif) repeat-x #e3e3e3;
						}
						
						    div.shadowboxContentBodyText {
							  padding:15px;
							}
							
							    div.shadowboxContentBodyText img.inText {
								  float:left;
								  margin:0px 15px 5px 0px;
								}
								
								img.noIntext {
								  clear:both;
								}
					
					div.shadowboxContentInnerFrameFoot {
					  background:url(../img/bg-shadows.gif) no-repeat -1020px 0;
					  height:8px;
					}
					
					div.statusLine {
					  margin:0px;
					}
					
						div.statusLineLeft {
						  float:left;
						}
						
						div.statusLineRight {
						  float:right;
						}
					
					div.formBlock, div.formBlockFoot, div.formBlockPreview {
					  border:1px solid #cecece;
					  padding:20px;
					  margin:0px 0px 10px 0px;
					  background:#ffffff;
					}
					
					div.formBlockFoot {
					  background:#e8f1f6;
					  padding:10px 20px;
					}
					
					div.formBlockPreview {
					  text-align:center;
					}
					
					    div.formBlockPreview img {
						  text-align:center;
						}
						
							div.teaserImage {
							  width:120px;
							  float:left;
							  margin:0px 10px 0px 0px;
							}
							
							div.teaserText {
							  width:260px;
							  float:left;
							}
						
						div.imageEffectField {
						  float:left;
						  width: 110px;
						  padding:4px;
						  border:1px solid #dedede;
						  margin-right:10px;
						  background:#e8f1f6;
						  text-align:center;
						}
						
						div.imageEffectField:hover {
						  background:#c9deea;
						}
					
					div.resultLine, div.resultLineTotal {
					  padding:10px 0px;
					  border-bottom:1px dotted #cecece;
					}
					
					div.resultLineTotal {
					  padding:0px;
					  border:none;
					}
					
					div.resultLineBlue {
					  padding:10px;
					  background:#deebf2;
					}
					
					    div.resultLineCaption {
						  float:left;
						  width:120px;
						  font-weight:bold;
						}
						
						div.resultLineText {
						  float:left;
						  width:250px;
						}
						
						div.resultLineShortText {
						  float:left;
						  width:180px;
						}
						
						div.resultLineSmallText {
						  float:left;
						  width:150px;
						}
						
						div.resultLinePrice {
						  float:right;
						  width:90px;
						  text-align:right;
						  font-size:16px;
						}
					
					div.priceListFrame {
					  border:1px solid #94bbd2;
					  padding:1px;
					}
					
					div.priceListCaptionLine {
					  padding:5px;
					  background:#94bbd2;
					}
					
					    div.priceListCaptionLine div {
						  font-weight:bold;
						}
					
					div.priceListLine1 {
					  padding:5px;
					  background:#ecf3f7;
					}
					
					div.priceListLine2 {
					  padding:5px;
					  background:#d8e7f0;
					}
					
					    div.priceListFormat {
						  float:left;
						  text-align:right;
						  width:90px;
						}
						
						div.priceListCaption {
						  float:left;
						  width:150px;
						}
						
						div.priceListPixel {
						  float:left;
						  text-align:right;
						  width:220px;
						}
						
						div.priceListPrice {
						  float:right;
						  text-align:right;
						  width:100px;
						  font-weight:bold;
						}
						
						div.priceListText {
						  float:right;
						  text-align:right;
						  width:100px;
						}
					
					div.imageRow {
					  padding:0px 0px 8px 0px;
					}
					
						div.firstImage {
						  background:#ffffff;
						  border:1px solid #c0c0c0;
						  padding:17px;
						  width:105px;
						  float:left;
						}
						
						div.followImage {
						  background:#ffffff;
						  border:1px solid #c0c0c0;
						  padding:17px;
						  margin-left:8px;
						  width:105px;
						  float:left;
						}
						
						    a.imageLinkLeft {
							  float:left;
							  font-size:10px;
							  display:block;
							}
							
							a.imageLinkRight {
							  float:right;
							  font-size:10px;
							  display:block;
							}
					
					div.contentBox {
					  margin-bottom:20px;
					}
					
						div.contentBoxBody {
						  padding:0px;
						  font-size:11px;
						}
						
							div.boxColLeft {
							  float:left;
							  width:250px;
							}
							
							div.boxColRight {
							  float:left;
							  color:#ffffff;
							}
					
					span.comment {
					  font-size:10px;
					  font-weight:bold;
					}
					
					span.rating {
					  font-size:11px;
					}
					
					div.ratingLine {
					  width:300px;
					}
					
						div.ratingLine-a {
						  background:#109203;
						  padding:10px;
						  font-size:11px;
						}
						
						div.ratingLine-b {
						  background:#68e403;
						  padding:10px;
						  font-size:11px;
						}
						
						div.ratingLine-c {
						  background:#fffc03;
						  padding:10px;
						  font-size:11px;
						}
						
						div.ratingLine-d {
						  background:#ffaf03;
						  padding:10px;
						  font-size:11px;
						}
						
						div.ratingLine-e {
						  background:#ff4402;
						  padding:10px;
						  font-size:11px;
						}
					
					span.small {
					  font-size:9px;
					}
					
					div.checkboxCaption {
					  float:left;
					  width:360px;
					}
					
				div.socialMediaLine {
				  text-align:center;
				}
				
					div.socialMediaLine img {margin:0px 10px;}
				
				div.orderLayer {
				  position:fixed;
				  top:0px;
				  left:0px;
				  margin:0px;
				  width:1680px;
				  height:1050px;
				  z-index:990;
				  background:#001d2e;
				  filter:alpha(opacity=90);
				  opacity:0.9;
				  display:none;
				}
				
				div.mainOrderLayer {
				  position:absolute;
				  top:0;
				  left:0;
				  width:100%;
				  z-index:999;
				  text-align:center;
				  line-height:0;
				  display:none;
				}
				
				div.innerOrderLayer {
				  position:relative;
				  filter:alpha(opacity=100);
				  opacity:1.0;
				  margin:0 auto;
				  padding:40px;
				  width:720px;
				  height:370px;
				  color:#ffffff;
				  background:url(../img/bg-order-layer.gif) #101010;
				  border:1px solid #ffffff;
				  display:none;
				}
				
				    div.orderLayerContentLeft {
					  float:left;
					  width:400px;
					  margin:0px 20px 0px 0px;
					  border:1px solid #9f9f9f;
					}
					
					div.orderLayerContentRight {
					  float:left;
					  width:298px;
					  text-align:left;
					}
					
					    div.orderLayerContentRightContent {
						  height:346px;
						  border:none;
						}
						
						div.orderLayerContentRightButtons {
						  border:none;
						}
			
			div#rightContent {
			  width:230px;
			  float:left;
			}
			
			    div.shadowboxFrame {
				  background:url(../img/bg-shadowbox-frame.gif) repeat-y;
				  margin-bottom:10px;
				}
				
				    div.shadowboxInnerFrameHead, div.shadowboxInnerFrameHeadTop {
					  background:url(../img/bg-shadows.gif) no-repeat -1780px 0;
					  padding:8px 8px 0px 8px;
					}
					
					div.shadowboxInnerFrameHeadTop {
					  background-position:-1530px 0;
					}
					
					    div.shadowboxHead {
						  background:#94bbd2 url(../img/hdib-full.gif) no-repeat;
						  padding:8px;
						  height:16px;
						  color:001d2e;
						  font-size:16px;
						  font-weight:bold;
						}
						
						div.shadowboxBody, div.shadowboxBodyOpen {
						  background:url(../img/bg-shadowbox-body.gif) repeat-x #bed7e6;
						  padding:8px;
						}
						
						div.shadowboxBodyOpen {
						  background:url(../img/bg-shadowbox-body.gif) repeat-x #bed7e6;
						  padding:0px;
						}
						
						    div.infoboxBodyLeft {
							  float:left;
							}
							
							div.infoboxBodyRight {
							  float:right;
							  text-align:right;
							  font-weight:bold;
							}
					
					div.shadowboxInnerFrameFoot {
					  background:url(../img/bg-shadows.gif) no-repeat -2030px 0;
					  height:8px;
					}
					
						form {
						  margin:0px;
						  padding:0px;
						}
						
						select {
						  width:300px;
						}
						
						select.small {
						  width:130px;
						}
						
						input.text {
						  width:300px;
						}
						
						input.setLeft {
						  float:left;
						  margin:0px 10px 10px 0px;
						}
						
                        input.textInput, select.textInput, input.textInputShort, select.textInputShort, input.textInputHead {
                          background-color:#ffffff;
                          border:1px solid #7b7b7b;
                          font-family:Tahoma;
                          width:350px;
                          padding:4px;
                          margin-bottom:10px;
                        }
						
						input.textInputShort, select.textInputShort {
						  width:330px;
						}
						
						input.textInputHead {
						  width:260px;
						  border:none;
						  margin-bottom:5px;
						}
                        
                        textarea {
                          background-color:#ffffff;
                          border:1px solid #7b7b7b;
                          font-family:Tahoma;
                          width:390px;
                          height:200px;
                          padding:4px;
                        }
                        
                        input.image {
                          border:none;
                        }
                        
                        input.hiddenInput {
                          background-color:#444444;
                          font-weight:bold;
                          text-align:center;
                          color:#004781;
                          font-size:11px;
                          border:none;
                          font-family:Tahoma;
                          width:30px; 
                        }
                        
                        div.formFieldGroup {
                          background-color:#ffffff;
                          padding:20px;
                          margin-bottom:15px;
                          border:1px solid #97c6e5;
                        }
						
							div.formFieldCaption {
							  vertical-align:top;
							  padding-top:6px;
							  width:120px;
							  float:left;
							}
							
							div.formFieldValue {
							  width:300px;
							  float:left;
							}
                        
                        div.formContent {
                          margin-bottom:25px;
                        }
                        
                        .errMsg {
                          color:#ff0000;
                          font-weight:bold;
                        }
                        
                        div.messageBoxGreen {
                          border:3px solid #7ee27e;
                          background-color:#ccf2cc;
                          padding:10px;
                          color:#008937;
                          margin-bottom:25px;
                        }
                        
                        div.messageBoxOrange {
                          border:2px solid #ff6c00;
                          background:#ffcb7a;
                          padding:10px;
                          color:#ce0000;
                          margin-bottom:25px;
                          font-weight:bold;
                        }
					
				a.sm-button {
				  position:fixed;
				  left:0px;
				  width:36px;
				  height:115px;
				  display:block;
				  cursor:pointer;
				  background:url(../img/bt-sm.gif) left no-repeat;
				  z-index:100;
				}
				
				a#sm-kontakt {
				  bottom:290px;
				  background-position:0px 0px;
				}
				
				a#sm-kontakt:hover {
				  background-color:#ffff35;
				  background-position:right 0px;
				}
				
				a#sm-facebook {
				  bottom:170px;
				  background-position:0px -135px;
				}
				
				a#sm-facebook:hover {
				  background-color:#3b5998;
				  background-position:right -135px;
				}
				
				a#sm-twitter {
				  bottom:50px;
				  background-position:0px -270px;
				}
				
				a#sm-twitter:hover {
				  background-color:#141414;
				  background-position:right -270px;
				}
				
		div#footRow {
		  margin:30px 0px 0px 0px;
		  padding:10px 250px;
		  background:url(../img/bg-shadows.gif) no-repeat -2280px 0;
		}
		
			div#footLeft {
			  float:left;
			  width:160px;
			}
			
			div#footCenter {
			  float:left;
			  width:160px;
			}
			
			div#footRight {
			  float:left;
			  width:160px;
			}
			
				ul {
				  margin:0px;
				  padding:0px 20px;
				}
				
				ul.boxText {
				  padding:0px 0px 0px 15px;
				}
				
				li {
				  font-size:10px;
				  list-style:url(../img/stardot.gif);
				}
				
					ul.boxText li {
					  font-size:11px;
					  list-style:url(../img/stardot.gif);
					  font-weight:bold;
					  margin:0px;
					}