@charset "utf-8";

@import url("master.css");
@import url("icons.css");

/***** 

	Projekt: Olympia, Redesign November 2008

	Stylesheet Template
	2008, BRANDMARKER
	
	Farb Definitionen:
	#ccc - Navi Hover/Links
	#333 - Content, Hover
	#999 - Links
	 
*****/

body {
	background: #fff;
	color: #000;
	font: 62.5%/120% Arial, Verdana, Helvetica, sans-serif;
	background: url(../gfx/bg_olympia.jpg);
	}
	
#wrap {
	position: relative;
	margin: 40px auto 20px auto;
	width: 980px; /* 996px */
	height: 660px;
	background: #fff;
	}

	#content_wrap {
		position: absolute;
		top: 39px;
		width: 980px;
		height: 573px;
		}

		#content_main {
			float: left;
			width: 740px;
			height: 473px;
			padding: 100px 20px 0 20px;
			background: url(../gfx/content_bg.jpg);
			}
			
			#content_main table.passform { background: #000; }
			#content_main table.passform td { background: #AFBFDF; padding: 2px 4px; }
		
		#content_store {
			float: left;
			width: 740px;
			height: 523px;
			padding: 50px 20px 0 20px;
			background: url(../gfx/storelocator_bg.jpg);
			}
			
			ul#storelocator {
				list-style: none;
				font-size: 1.1em;
				line-height: 100%;
				}
				
				ul#storelocator li {
					float: left; 
					width: 300px; 
					margin-right: 15px;
					padding: 5px 0 5px 0;
					}
					
					ul#storelocator li label {
						float: left; 
						width: 80px;
						margin-top: 3px;
						}
					
					ul#storelocator li .button {
						margin: 0;
						padding: 3px 0 3px 0;
						text-align: center;
						width: 130px;
						cursor: pointer;
						background-color: #ccc; 
						color: #fff;  
						border: 1px solid #666;
						}
					
					ul#storelocator li input, select {
						padding: 1px 0 1px 2px; 
						border: 1px solid #666;
						}
        
		#content_sidebar {
			float: left;
			width: 170px;
			padding: 30px 15px 0 15px;
			background: #fff;
			}
			
			#content_sidebar table {
				font-size: 1.1em;
				line-height: 100%;
				text-align: left;
				padding: 0;
				}
			
			#content_sidebar table tr td {
				text-align: left;
				vertical-align:middle;
				padding-left: 0;
				}
		
		#kollektion_container_large { 
			float: left; 
			width: 527px; 
			height: 555px;
			}
			
			#kollektion_container_large table, table tr, table tr td { padding: 0; }
		
		#kollektion_container_details { 
			float: right; 
			width: 452px; 
			height: 555px; 
			}
			
			.kollektion_details_box { margin: 0 0 5px 8px; }
			
			.kollektion_details_box table, table tr, table tr td { padding: 0; }
			
			
			
			
			

/***** 

	Ueberschriften + Textstyles
	 
*****/

h1 {
	font-size: 1.7em;
	line-height: 120%;
	padding: 0 0 10px 0;
	color: #000;
	}
 
h2 {
	font-size: 1.3em;
	line-height: 120%;
	font-weight: bold;
	padding: 0 0 10px 0;
	}
 
h3 {
	font-size: 1.2em;
	line-height: 100%;
	}
	
a, a:hover { text-decoration: none; }	

a { color: #333; text-decoration: none }
a:hover { color: #999; text-decoration: underline; }

p {
	font-size: 1.1em;
	line-height: 120%;
	padding: 0 0 12px 0;
	}


/***** 

	head.inc.php
	 
*****/

ul#language {
	list-style: none;
	position: absolute;
	top: -20px;
	right: 0;
	}
	
	ul#language li {
		float: left;
		padding-left: 10px;
		}

ul#nav_main {
	list-style: none;
	/* margin: 0 8px 0 8px; */
	position: absolute;
	}
	
	ul#nav_main li {
		font-size: 1.1em;
		float: left; 
		padding: 0 1px 1px 0;
		}
		
		ul#nav_main li a {
			font-weight: bold;
			display: block;
			color: #ccc; 
			padding: 1.2em 1.0em;
			background: #fff;
			}
		ul#nav_main li a:hover {
			font-weight: bold;
			display: block;
			color: #fff; 
			padding: 1.2em 1.0em;
			background: #ccc;
			text-decoration: none;
			}
		
		ul#nav_main li.active a {
			font-weight: bold;
			display: block;
			color: #fff; 
			padding: 1.2em 1.0em;
			background: #ccc;
			}
		ul#nav_main li.active a:hover {
			font-weight: bold;
			display: block;
			color: #fff; 
			padding: 1.2em 1.0em;
			background: #ccc;
			}

/***** 

	kollektion_uebersicht.php // Image Menü
	 
*****/


#imageMenu {
	position: relative;
	width: 980px;
	height: 530px;
	overflow: hidden;
	}

	#imageMenu ul {
		list-style: none;
		margin: 0;
		display: block;
		height: 530px;
		width: 1960px;	
		}
	
		#imageMenu ul li {
			float: left;
			}
		
		#imageMenu ul li a {
			text-indent: -1000px;
			background: #FFFFFF none repeat scroll 0%;
			border-right: 1px solid #fff;
			cursor: pointer;
			display: block;
			overflow: hidden;
			width: 196px; /* 980px % anzahl kollektionen */
			height: 530px;
			}
		
		#imageMenu ul li.a a { background: url(../kollektion/uebersicht/41/a.jpg) repeat scroll 0%;	}
		#imageMenu ul li.b a { background: url(../kollektion/uebersicht/41/b.jpg) repeat scroll 0%;	}
		#imageMenu ul li.c a { background: url(../kollektion/uebersicht/41/c.jpg) repeat scroll 0%;	}
		#imageMenu ul li.d a { background: url(../kollektion/uebersicht/41/d.jpg) repeat scroll 0%;	}
		#imageMenu ul li.e a { background: url(../kollektion/uebersicht/41/e.jpg) repeat scroll 0%;	}
		#imageMenu ul li.f a { background: url(../kollektion/uebersicht/41/f.jpg) repeat scroll 0%;	}
		#imageMenu ul li.g a { background: url(../kollektion/uebersicht/41/g.jpg) repeat scroll 0%;	}
		#imageMenu ul li.h a { background: url(../kollektion/uebersicht/41/h.jpg) repeat scroll 0%;	}
		#imageMenu ul li.i a { background: url(../kollektion/uebersicht/41/i.jpg) repeat scroll 0%;	}
		#imageMenu ul li.j a { background: url(../kollektion/uebersicht/41/j.jpg) repeat scroll 0%;	}
		#imageMenu ul li.k a { background: url(../kollektion/uebersicht/41/k.jpg) repeat scroll 0%;	}
		#imageMenu ul li.l a { background: url(../kollektion/uebersicht/41/l.jpg) repeat scroll 0%;	}
		#imageMenu ul li.m a { background: url(../kollektion/uebersicht/41/m.jpg) repeat scroll 0%;	}
		#imageMenu ul li.n a { background: url(../kollektion/uebersicht/41/n.jpg) repeat scroll 0%;	}
		#imageMenu ul li.o a { background: url(../kollektion/uebersicht/41/o.jpg) repeat scroll 0%;	}
		#imageMenu ul li.p a { background: url(../kollektion/uebersicht/41/p.jpg) repeat scroll 0%;	}
		#imageMenu ul li.q a { background: url(../kollektion/uebersicht/41/q.jpg) repeat scroll 0%;	}
		#imageMenu ul li.r a { background: url(../kollektion/uebersicht/41/r.jpg) repeat scroll 0%;	}
		#imageMenu ul li.s a { background: url(../kollektion/uebersicht/41/s.jpg) repeat scroll 0%;	}
		#imageMenu ul li.t a { background: url(../kollektion/uebersicht/41/t.jpg) repeat scroll 0%;	}
		#imageMenu ul li.u a { background: url(../kollektion/uebersicht/41/u.jpg) repeat scroll 0%; }
		#imageMenu ul li.v a { background: url(../kollektion/uebersicht/41/v.jpg) repeat scroll 0%; }
		#imageMenu ul li.w a { background: url(../kollektion/uebersicht/41/w.jpg) repeat scroll 0%; }
		#imageMenu ul li.x a { background: url(../kollektion/uebersicht/41/x.jpg) repeat scroll 0%; }
		#imageMenu ul li.y a { background: url(../kollektion/uebersicht/41/y.jpg) repeat scroll 0%; }
		
		#imageMenu ul li.men_a a { background: url(../kollektion/uebersicht/41/men_a.jpg) repeat scroll 0%; }
		#imageMenu ul li.men_b a { background: url(../kollektion/uebersicht/41/men_b.jpg) repeat scroll 0%; }
		#imageMenu ul li.men_c a { background: url(../kollektion/uebersicht/41/men_c.jpg) repeat scroll 0%; }
		#imageMenu ul li.men_d a { background: url(../kollektion/uebersicht/41/men_d.jpg) repeat scroll 0%; }
		#imageMenu ul li.men_e a { background: url(../kollektion/uebersicht/41/men_e.jpg) repeat scroll 0%; }
		#imageMenu ul li.men_f a { background: url(../kollektion/uebersicht/41/men_f.jpg) repeat scroll 0%; }
		#imageMenu ul li.men_g a { background: url(../kollektion/uebersicht/41/men_g.jpg) repeat scroll 0%; }
		#imageMenu ul li.men_h a { background: url(../kollektion/uebersicht/41/men_h.jpg) repeat scroll 0%; }
		
		#imageMenu ul li.kids_a a { background: url(../kollektion/uebersicht/41/kids_a.jpg) repeat scroll 0%; }
		#imageMenu ul li.kids_b a { background: url(../kollektion/uebersicht/41/kids_b.jpg) repeat scroll 0%; }
		#imageMenu ul li.kids_c a { background: url(../kollektion/uebersicht/41/kids_c.jpg) repeat scroll 0%; }
		#imageMenu ul li.kids_d a { background: url(../kollektion/uebersicht/41/kids_d.jpg) repeat scroll 0%; }
		#imageMenu ul li.kids_e a { background: url(../kollektion/uebersicht/41/kids_e.jpg) repeat scroll 0%; }
		#imageMenu ul li.kids_f a { background: url(../kollektion/uebersicht/41/kids_f.jpg) repeat scroll 0%; }
		#imageMenu ul li.kids_g a { background: url(../kollektion/uebersicht/41/kids_g.jpg) repeat scroll 0%; }
		#imageMenu ul li.kids_h a { background: url(../kollektion/uebersicht/41/kids_h.jpg) repeat scroll 0%; }


/***** 

	foot.inc.php
	 
*****/

#foot {
	position: absolute;
	top: 596px;
	left: 15px;
	width: 965px;
	}

	#foot .float-right { 
		padding: 15px 10px 0 0;
		color: #999;
		text-align: right;
		}
	
	#foot .float-right a { color: #999; }
	#foot .float-right a:hover { color: #333; text-decoration: underline }