/* LOOQ 2009 CSS Document 
Copyright by Diego Bally AG */


* {
	padding:0px;
	margin:0px;

}



body {
	/*font-family: News Gothic Std, Helvetica, Verdana, Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	color:#000;
	font-size:12px;
	background-color:#000 !important;
	margin: 0 auto;
	margin-top: 5px;
	text-align: center;
}

p {
	color: #000;
	font-size: 1.0em;
	padding-bottom:1.0em;
	line-height:1.5em;
	text-align: left;
}

img{ border: none; }

ul li {
	line-height:1.3em;
}


h1 {
	color:#000;
	font-size:1.3em;
	padding-bottom:0.5em;
	margin:0;
	text-align: left;
}
	

h2 {
	color:#000;
	font-weight:bold;
	font-size:1.1em;
	padding: 0px;
	margin:0;
	text-align: left;
}


a:link, a:visited {
	color:#000;
	text-decoration:none;
	font-weight:normal;
	font-size:1.0em !important;
	text-align: left;
}

a:active, a:hover {
	color:#444444;
	text-decoration:none;
	font-weight:normal;
	font-size:1.0em !important;
	
}



/* TEMPLATE */

#wrapper{
	width: 950px;
	height: 950px;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 auto;
	background: none;
	background: url(../imgs/looq_bg.jpg) no-repeat;
	background-position:bottom left;
	border: 2px solid #282828;
	text-align: left;
	
}

	#left{
		float: left;
		top: 0;
		width: 200px;
	}
	
		.address_left{
			text-align: left;
			font-size: 10px;
			padding: 20px;
			color: white;
		}
		
		.address_left p{
			line-height: 1.3em;
			color: #444444;
		}
		
		.sidebar_left{
			color: #fff;
			text-align: right;
			font-size: 1.0em;
			position: absolute;
			top: 176px;
			-top: 178px;
			width: 185px;
			height: 450px;			
		}
			
		.sidebar_left .designerlist_left{
			right: 0px;
		}
		
	#middle{
		float: left;
		width: 550px;
	}
	
		.nav{
			margin-top: 50px;
			height: 21px;
			color: #fff;
			padding-left: 2px;
		}
			
			.nav ul{
				list-style-type: none;
				padding: 0;
				overflow:visible;
			}
			
			.nav ul li{
				display: inline;
				position: relative;
				margin-right: 10px;	
			}
			
			.nav ul li a, .nav ul li a:visited{
				text-decoration: none;
				color: #a3a3a3;
				padding: 2px 17px 0 0;
				display: inline-block;
				font-weight: normal;
			}
			
			.nav ul li a:hover, .nav ul li a:active, .nav ul li a.current{
				color: #fff !important; 
				font-weight: normal;
				background: url(../imgs/star.png) no-repeat;
				background-position: right -2px;
			}
				ul.subnav{
					position: absolute;
					top: -55px;
					left: 0;
					width: 125px;
				}
				
				ul.subnav li{
					display: block;
					height: 18px;
					font-size: 10px;
				}
				
	
	
		.content{
			color: #000;
			height: 550px;
			background-color: #fff;
			width: 550px;
			overflow-horizontal: hidden;
			overflow-vertical: auto;
			border: 2px solid #282828;
			position: relative;
			top: 0;

			}
		
		.content.kirchgasse {
			background: url(../imgs/laden_kirchgasse.jpg) top left no-repeat;
			width: 550px;
			height: 550px;

		}
		
		.content.muensterhof {
			background: url(../imgs/laden_muensterhof.jpg) top left no-repeat;
			width: 550px;
			height: 550px;
		}
		
		
		a.thumbnail{
			border: none;
			position: absolute;
			right: 32px;
			top: 575px;
			width: 18px;
			height: 18px;
			display: block;
		}
		
		
		.float_content{
			width: 275px;
			float: left;
		}
	
		

		.float_content.roter_faden{
			background: url(../imgs/looq_roter_faden.jpg) 0px 0px no-repeat;
			width: 260px;
			height:550px;
			position: relative;
			left: 0px;
			top: 0px;
			background-color: none;
		}
		
		.float_content.roter_faden .msg{
			position: absolute;
			bottom: 40px;
			right: 0px;
			text-align: right;
		}
		
		.float_content.roter_faden .msg h1{
			font-weight: bold;
			text-align: right;
		}
		
		
		.flash_content{
			color: #000;
			height: 663px;
			background-color: #fff;
			width: 550px;
		}
		
	.designerlist_right, .designerlist_left{
		position: absolute;
		bottom: 0px;
		width: 180px;
	}
		.designerlist_right ul, .designerlist_left ul{
			list-style-type: none;
			padding-top: 15px;
		}
		
		.designerlist_right ul li, .designerlist_left ul li{
			line-height: 20px;
			color: #a3a3a3;
		}
		
		.designerlist_right ul li a, .designerlist_right ul li a:visited{
			color: #a3a3a3;
			text-decoration: none;
			outline: none;
			font-weight: normal;
			padding: 2px 20px 0 0;
		}
		
		.designerlist_right ul li a:active, .designerlist_right ul li a:hover, .designerlist_right ul li a.current_des{
			outline: none;
			color: #fff;
			font-weight: normal;
			background: url(../imgs/star.png) no-repeat;
			background-position: right -2px;
		} 

		.designerlist_left ul li a, .designerlist_left ul li a:visited{
			color: #a3a3a3;
			text-decoration: none;
			outline: none;
			padding: 2px 0 0 20px;
			font-weight: normal;
		}
		
		.designerlist_left ul li a:active, .designerlist_left ul li a:hover, .designerlist_left ul li a.current_des{
			outline: none;
			color: #fff;
			font-weight: normal;
			background: url(../imgs/star.png) no-repeat;
			background-position: left -2px;
		} 
		

		ul.designerlinks li{ line-height: 16px; list-style: none;}
	
	#right{
		float: left;
		width: 200px;
		color: #fff;
	}
	
		.address_right{
			padding: 20px;
			font-size: 10px;
		}
		.address_right p{
			line-height: 1.3em;
			color: #444444;
			text-align: right;
		}
		
		.sidebar_right{
			color: #fff;
			text-align: left;
			padding-left: 15px;
			font-size: 1.0em;
			position: absolute;
			top: 176px;
			-top: 178px;
			width: 185px;
			height: 450px;
		}
		
		.sidebar_right .designerlist_right{
			left: 15px;
		}
			
	
	a.white, a:visited.white{
		color: #444444;
		text-decoration: none;
		font-weight: normal;
	}
	a:hover.white, a:active.white{
		color: #fff;
		text-decoration: none;
	}
	
	
	#footer{
		height: 200px;
		padding-top: 25px;
		text-align: center;
		width: 950px;
	}
	
	
.clear{
	clear: both;
	font-size: 0;
	line-height: 0;
}