/* TAG BASED STYLES */
	
	HTML {
		overflow-y:scroll;
	}
	
	BODY {
		overflow-y:hidden;
		margin:0; 
		padding:0;
		background:#59595b url(../images/pageBg.png) repeat-x;
		
		color:#585858;
		font-family:arial, sans-serif;
		font-size:10pt;
	}
	
	IMG {
		border:0;
	}
	
	A {
		text-decoration:none;
		color:#585858;
		cursor:pointer;
	}
	
		A:hover {
			color:#f59f00;
		}
	
	/* ID BASED STYLES */
	
	#mainContainer {
		position:relative;
		width:950px;
		height:auto;
		margin-top:25px;
		margin-left:auto;
		margin-right:auto;
	}
	
		#header {
			width:inherit; 
			height:205px; 
			background:url(../images/headerBg.jpg) no-repeat; 
		}
		
			#logo {
				float:left;
				width:573px; 
				height:inherit; 
			}
			
				#logo a {
					width:inherit;
					height:inherit;
					display:block;
					text-indent:-4000px; 
				}
			
			#metaNav {
				float:left;
				width:377px; 
				height:75px;
				padding-top:130px;
			}
			
				#metaNav ul{
					list-style-type:none; 
					margin:0; 
					padding:0;
				}
				
					#metaNav ul li {
						float:left; 
						margin-right:3px;
						font-weight:bold;
					}
		
		#mainNav {
			width:inherit; 
			height:26px; 
		}
		
			#mainNav ul {
				list-style-type:none; 
				margin:0; 
				padding:0;
			}
			
				#mainNav ul li {
					float:left;
					width:237px;
				}
				
					#mainNav a {
						display:block;
						width:inherit;
						height:inherit; 
						line-height:26px; 
						font-weight:bold;
						text-align:center;
						background:url(../images/mainNavSeperator.png) right 3px no-repeat;
					}
					
					#mainNav a.last {
						width:239px;
						background:transparent;
					}
					
					#mainNav a.selected,
					#mainNav a:hover {
						background-color:#fff0d3;
					}
		
		
		#content {
			width:inherit;
			height:494px;
			background:#fff;
		}
			
			#subNav {
				float:left; 
				width:236px; 
				height:494px; 
				background:#fcf4e5;
			}
			
				#subNav ul {
					margin:20px 15px 20px 15px; 
					padding:0; 
					list-style-type:none; 
				}
				
					#subNav ul li {
						border-bottom:1px solid #58585a;
						margin-bottom:5px;
						padding-bottom:2px;
						font-weight:bold;
					}
					
						#subNav a.selected {
							color:#f59f00;
						}
		
			#iContainer {
				width:714px; 
				height:494px;
				float:left;
				position:relative;
			}
				
			.standalone {
				height:auto !important;
				margin:0;
				padding-right:20px;
			}
			                   
				.leftText h1,
				.leftText h2,			                   
				.standalone h1 {
					margin:0;
					padding-top:15px;
					padding-bottom:10px;
					font-size:13pt;
					font-weight:bold;
					color:#f59f00;
				}
			
			.centerText, 
			.bottomImages,
			.headlineImage {
				margin:0px 20px 15px 20px;
			}
				
				.centerText {
					text-align:center;
					height:168px; 
				}
				
					.centerText ul {
						text-align:left; 
						width:700px; 
						margin-left:130px;
					}
					
					.centerText ul li {
						float:left; 
						width:350px;
					}
				
				.leftText {
					text-align:left; 
					height:183px; 
					padding-left:80px;
					padding-right:20px;
				}
				
				
				.headlineImage {
					border-bottom:1px solid #facc45;
				}
				
				.headlineImage h1 {
					text-indent:-4000px;
					margin:0; 
					padding:0;
				}
			
				/* headline images */
			
				.headlineImage.home {
					background:url(../images/headlines/home.jpg) no-repeat;
					height:50px;
				}
				
				.headlineImage.brautmode {
					background:url(../images/headlines/brautmode.jpg) no-repeat;
					height:50px;
				}
				
				.headlineImage.abendmode {
					background:url(../images/headlines/abendmode.jpg) no-repeat;
					height:50px;
				}
			
				.headlineImage.accessoires {
					background:url(../images/headlines/accessoires.jpg) no-repeat;
					height:50px;
				}
			
				.headlineImage.herrenmode {
					background:url(../images/headlines/herrenmode.jpg) no-repeat;
					height:50px;
				}
				
			.bottomImages {
				height:245px;
				margin:0; 
				padding:0 20px 0 20px; 
				background:#f5ecdb;
				text-align:center;
			}
			
				.bottomImages IMG {
					margin-right:25px; 
				}
				
				.bottomImages IMG.last {
					margin-right:0;
				}
		
		#footer {
			text-align:right; 
			font-weight:bold; 
			line-height:25px;
			padding-right:20px;
		}
				
				
				
	/* GALLERY */ 
	                                                                                  	
	/*                                                                                
		root element for the scrollable.                                          
        	when scrolling occurs this element stays still.                           
        */                                                                                
        #galMain {                                                                        
                                                                                  
        	/* required settings */                                                   
        	position:relative;                                                        
        	overflow:hidden;                                                          
        	width: 708px;                                                             
        	height:80px;  
        	margin-left:5px;                                                            
                                                                                  
        }                                                                                 
                                                                                  
        /*                                                                                
        	root element for scrollable items. Must be absolutely positioned          
        	and it should have a extremely large width to accomodate scrollable items.
        	it's enough that you set the width and height for the root element and    
        	not for this element.                                                     
        */                                                                                
        #galMain .items {                                                                 
        	/* this cannot be too large */                                            
        	width:20000em;                                                            
        	position:absolute;                                                        
        	clear:both;                                                               
        }                                                                                 
                                                                                  
        /* single scrollable item */                                                      
        #galMain img {                                                                    
        	float:left;                                                               
        	margin:5px 17px 5px 0px;                                                  
        	background-color:#fff;                                                    
        	cursor:pointer;                                                           
        	width:55px;                                                               
        	height:80px;                                                              
                                                                                  
        	filter:alpha(opacity=50); /* IE */                                        
        	-moz-opacity: 0.5; /* Mozilla */                                          
        	opacity: 0.5; /* Opera */                                                 
        	                                                                          
        	                                                                          
        }                                                                                 
                                                                                  
        /* active item */                                                                 
        #galMain .active {                                                                
        	filter:alpha(opacity=100); /* IE */                                       
        	-moz-opacity: 1; /* Mozilla */                                            
        	opacity: 1; /* Opera */                                                   
                                                                                  
        	z-index:9999;                                                             
        	position:relative;                                                        
        }                                                                                 
                                                                                  
                                                                                  
        /* styling for the image wrapper  */                                              
        #image_wrap {                                                                     
        	/* dimensions */                                                          
        	width:714px;                                                              
        	height:410px;                                                             
                                                                                  
        	/* centered */                                                            
        	text-align:center;                                                        
                                                                                  
        	/* some "skinning" */                                                     
        	background-color:#fff;                                                 
        }                                                                                 
                                                                                  
        .navi {                                                                           
        	width:758px;                                                              
        	height:10px;                                                              
        	margin-top:7px;                                                           
        }                                                                                 
                                                                                  
                                                                                  
        /* items inside navigator */                                                      
        .navi a {                                                                         
        	width:8px;                                                                
        	height:8px;                                                               
        	float:left;                                                               
        	margin:3px;                                                               
        	background:url(../images/navigator.png) 0 0 no-repeat;                    
        	display:block;                                                            
        	font-size:1px;                                                            
        }                                                                                 
                                                                                  
        /* mouseover state */                                                             
        .navi a:hover {                                                                   
        	background-position:0 -8px;                                               
        }                                                                                 
                                                                                  
        /* active state (current page state) */                                           
        .navi a.active {                                                                  
        	background-position:0 -16px;                                              
        }                                                                                 
                                                                                  
        .gal-next {                                                                       
        	position:absolute;                                                        
        	top:0px;                                                                
        	left:557px;                                                               
        	width:157px;                                                              
        	height:419px;                                                             
        	background:url(../images/panel-nav-next.png) 117px 188px no-repeat;       
                                                                                  
        	filter:alpha(opacity=0); /* IE */                                         
        	-moz-opacity: 0; /* Mozilla */                                            
        	opacity: 0; /* Opera */                                                   
        }                                                                                 
                                                                                  
        	.gal-next a {                                                             
        		width:157px;                                                      
        		height:419px;                                                     
        		display:block;                                                    
        		text-indent:-4000px;	                                          
        	}                                                                         
                                                                                  
        .gal-prev {                                                                       
        	position:absolute;                                                        
        	top:0px;                                                                
        	left:0px;                                                                 
        	width:157px;                                                              
        	height:419px;                                                             
        	background:url(../images/panel-nav-prev.png) 0px 188px no-repeat;         
        	                                                                          
        	filter:alpha(opacity=0); /* IE */                                         
        	-moz-opacity: 0; /* Mozilla */                                            
        	opacity: 0; /* Opera */                                                   
        }                                                                                 
                                                                                  
        	.gal-prev a {                                                             
        		width:157px;                                                      
        		height:419px;                                                     
        		display:block;                                                    
        		text-indent:-4000px;	                                          
        	}       
        
        /* tooltip styling */ 
        #tooltip {     
        	display:none;     
        	background:url(../images/black_arrow.png);     
        	font-size:12px;     
        	height:70px;     
        	width:160px;     
        	padding:25px;     
        	color:#fff; 
        }           
        
        
        /* map */
        
        .f-right {
        	float:right;
        }
        
        .contact {
        	margin-right:35px;
        }
        
        #locationdata {
        	margin-top:10px;
        	margin-bottom:10px;
        	width:610px;
        }
        
        	#locationdata INPUT[type='text'] {
        		border:1px solid #585858;
        		margin-right:3px;
        		margin-left:3px;
        		padding:2px;
        	}
        	
        		#locationdata INPUT[type='text']:focus {
        			background:#ffeac4;
        		}
        	
        	#locationdata .submit {
        		border:1px solid #585858;
        		background:#eee; 
        		padding:3px;
        		margin:5px 10px 10px 0; 
        		cursor:pointer;
        	}
        	
        		#locationdata .submit:hover {
        			background:#ffeac4;
        		}
        	
        	
        
        #mapCanvas {
	    height: 330px;
	    width: 600px;
	}     
	
	#directions {
		width:600px;
		margin-bottom:10px; 
	}