/* 	------------------------------ */
/*	WELTENGLANZ			 	 */
/*	- main style sheet -		 */
/*	eveca GmbH, 2009-09-08		 */
/*  	------------------------------ */

/*	Table of Contents */
/*
	1. GENERAL SETTINGS
	   1.1 BROWSER RESET
	   1.2 CLEARFIX
	   1.3 GENERAL STYLES
	2. STRUCTURE
	   2.1 MAINBODY
	   2.2 FOOTER
*/


/* 	------------------------------ */
/* 1. GENERAL SETTINGS */
/* 	------------------------------ */

/* 1.1 BROWSER RESET */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* 1.2 CLEARFIX */
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear { display:inline-block; }
/* hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clear { display:block; }


/* 1.3 GENERAL STYLES */

html { }
body { text-align: center; font-family: Times, arial, helvetica, sans-serif; font-size: 12px; line-height: 16px; }
a { text-decoration: none; }
a:focus { outline: none; }

p a { color: #fff; }
p a:hover { color: #fff; text-decoration: underline; }


/* 	------------------------------ */
/* 2. STRUCTURE */
/* 	------------------------------ */


/* 2.1 MAINBODY */
.image {  width: 991px; height: 586px; margin: 10px auto; padding: 0; overflow: hidden;  background: url(../images/background_weltenglanz.jpg) no-repeat; }
#zoom { text-align: center; }

#maincontent { position: absolute; z-index: 2; width: 991px; height: 586px; top: 10px; left: 50%; margin-left: -495px; }


#weltenglanz { width: 991px; height: 586px; margin: 0px auto; border: 1px solid #fff; text-align: left; }
#content1 { width: 249px; height: 56px; margin-top: 22px; margin-left: 17px; background: url(../images/salon-dresden.png) no-repeat; overflow: hidden; text-indent: 999em; white-space: nowrap; outline: none; }

#content2 { float: left; width: 399px; height: 277px; overflow: hidden; margin-top: 143px; margin-left: 169px; background: url(../images/background-content.png) #708ea7; }
#content2a img { width: 399px; height: 198px; }
a#content2b { display: block;  width: 399px; height: 79px; background: url(../images/maximilian-museum.png) no-repeat; overflow: hidden; text-indent: 999em; white-space: nowrap; outline: none; }
a#content2b:hover { background-position: 0px -79px; }

#content3 { float: right; width: 405px; height: 277px; overflow: hidden; margin: 143px 2px 0px 10px; background: url(../images/background_content.png) #708ea7; }
p.infoText { display: block; width: 374px; height: 166px; margin: 66px 11px 0px 20px; color: #fff; }
p.kontaktText { display: block; width: 374px; height: 212px; margin: 20px 11px 0px 20px; color: #fff; line-height: 19px; }
p.kontaktText span { display: block; height: 25px; margin-bottom: 18px; }

ul#menu1 { margin-left: 20px;}
#menu1 li, #menu1 li a { float: left; }
#menu1 a { display: block; height: 16px; overflow: hidden; text-indent: 999em; white-space: nowrap; outline: none; }
#menu1 a:hover { background-position: 0px -16px; }
a.mehrInfos { width: 100px; margin-right: 16px; background-image: url(../images/menu/mehr-infos.png); }
a.flyer { width: 97px; margin-right: 17px; background-image: url(../images/menu/flyer.png); }
a.pressematerial { width: 128px; background-image: url(../images/menu/pressematerial.png); }

#content4 { clear: both; padding: 53px 0px 0px 18px; }
a#kontakt { display: block; width: 79px; height: 9px; background: url(../images/menu/kontakt.png) no-repeat; overflow: hidden; text-indent: 999em; white-space: nowrap; outline: none; }
a#kontakt:hover { background-position: 0px -9px; }

 
/* 2.2 FOOTER */
#partner { width: 991px; height: 42px; margin: 3px auto 10px auto; text-align: left; }
#logo1 { width: 51px; height: 36px; margin-left: 12px; }
#logo2 { width: 112px; height: 36px; }
#logo3 { width: 129px; height: 36px; }
#logo4 { width: 66px; height: 36px; margin-left: 5px; }
#logo5 { width: 102px; height: 36px; }
#logo6 { width: 43px; height: 36px; margin-left: 5px; }
#logo7 { width: 43px; height: 36px; }
#logo8 { width: 41px; height: 36px; margin-left: 5px; }
#logo9 { width: 44px; height: 36px; }
#logo10 { width: 41px; height: 36px; }
#logo11 { width: 37px; height: 36px; margin-left: 8px;}
#logo12 { width: 96px; height: 36px; }
#logo13 { width: 39px; height: 36px; }
#logo14 { width: 66px; height: 36px; }