/*	Client: Faessler Fine Art www.faessler-fineart.ch
	Autor: Alexander Albrecht www.alexanderalbrecht.de
	© 2007–2009

	Screen
	CSS-Version 1.2
	14.09.2009

	COLORS
	background	=	#003867
	font		=	#003867
	underline	=	#004B96
	background overlay = 001538 / alpha im JS = 0.9
*/

/*	INITAL RESET */
	/*	HTML UNDOS */
:link, :visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em; font-weight: normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
acronym {cursor: help;}
address	{font-style: normal;}

	/*	ADDITIONAL UNDOS */
* {margin: 0; padding: 0;}
img {border: 0;}

	/*	INITIAL SETTINGS */
html {
	height: 100%;
	width: 100%;
	min-width: 1010px;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
}




/*	SITE GENERAL SETTINGS*/
body {
	background-color: #003867;

	background-image: url(../img/background.gif);
	background-position: left;
	background-repeat: repeat-y;
	
	min-width: 1010px;
	height: 100%;
	
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 62.5%;
	letter-spacing: .1em;
	line-height: 2em;
	color: #000000;
	text-shadow: 0 0 0 #FFFFFF;
}

a {
	color: #003867;
}

a:link,
a:visited {
	border-top: 0;
	border-right: 0;
	border-bottom: 1px;
	border-left: 0;
	border-color: #004B96;
	border-style: solid;
	
	padding-bottom: 1px;
}

a:hover,
a:focus {
	border: 0;
	/* padding-bottom: 1px; */
}

a:active {
	color: #000000;
}




/*	SITE */
div#site {
	position: relative;
	
	width: 1010px;
	height: 100%;

	/* min-width: /* 1010 */ 600px; */

	/* left: 50%; */
	/* right: 50%; */
	/* margin-left: -505px; */
	left: 5px;
}




/*	SITEHEADER */
div#header {
	position: relative;
	width: 1010px;
}

div#menu {
	position: relative;
	left: 25px;
	top: 21px;
	
	font-size: 1.2em;
	text-transform: uppercase;
	
	/* display: block; */
}

* html div#menu {
	position: relative;
	margin-left: 25px;
	margin-top: 21px;
	
	font-size: 1.2em;
	text-transform: uppercase;
}

div#menu a {
	color: #003867;
}

div#menu a:link,
div#menu a:visited {
	border-top: 0;
	border-right: 0;
	border-bottom: 1px;
	border-left: 0;
	border-color: #004B96;
	border-style: solid;
	
	padding-bottom: 1px;
}

div#menu a:hover,
div#menu a:focus {
	border: 0;
}

div#menu a:active {
	color: #000000;
}

div#menu .activelink {
	color: #003867;
}




div#menu li {
	float: left;
}

div ul#menusite li {
	padding-right: 15px;
}

div ul#menulang li {
	padding-right: 8px;
}

div ul#menulang {
	position: relative;
	left: 20px;
}




div#sitelogo img {
	position: fixed;
	
	width: 258px;
	height: 11px;
	left: 740px;
	margin-top: -5px;
	top: 50%;
}

* html #sitelogo img {
	position: absolute;
	
	width: 258px;
	height: 11px;
	left: 740px;
	margin-top: 5px;
}

div#sitelogo a:link,
div#sitelogo a:visited,
div#sitelogo a:hover,
div#sitelogo a:focus {
	border: 0px;
}




/*	SITECONTENT */
div#sitecontent {
	position: relative;
	left: 25px;
	top: 60px;
	clear: left;
	
	width: 660px;
	height: 100%;
	
	font-size: 1.3em;
	
	margin-bottom: 0; /* Abstand unter der Seite */
}

* html div#sitecontent {
	position: relative;
	left: 25px;
	top: 40px;
	clear: left;
	
	width: 660px;
	height: 100%; /* evtl. überflüssig */
	
	font-size: 1.3em;
	margin-bottom: 0; /* Abstand unter der Seite */
}

h1, h2 {
	color: #003867;
	padding-bottom: 0.7em;
}

blockquote h2 {
	font-style: italic;
}

div#aktuelles blockquote { margin-bottom: 0.7em; }
div#aktuelles blockquote p { font-style: italic; margin: 0; display: inline; }
div#aktuelles blockquote p.person { font-style: normal; margin-left: 0.7em; color: #555; }

div#intro {
	position: absolute;
	top: 50%;
	/* left: 50%; */
	/* margin-left: -330px; */
	margin-top: -120px;
	
	color: #003867;
	font-size: 2em;
	line-height: 1.2em;
	vertical-align: middle;
}

div#aktuelles,
div#leitbild,
div#kontakt,
div#kuenstler,
div#partner {
	padding-bottom: 75px;
}

div#aktuelles p,
div#leitbild p,
div#kontakt p,
div#kuenstler p {
	padding-bottom: 0.7em;
}

div#aktuelles .modul,
div#leitbild .modul,
div#kontakt .modul,
div#kuenstler .modul {
	padding-bottom: 2.1em;
	width: 600px;
}

div#aktuelles .ausstellung {
	margin-left: 20px;
}

div#kontakt table {
	width: 600px;
	margin-left: -2px;
	padding-bottom: 0.7em;
}


div#kontakt img {
	padding-bottom: 1.2em;
	margin-left: -2px;
}

table#partner {
	width: 600px;
	margin-left: -2px;
}

table#partner td {
	vertical-align: top;
}

table.kuenstler {
	width: 660px;
	margin-left: -2px;
	padding-bottom: 2.1em;
	padding-top: 0.6em;
}

* html table.kuenstler {
	font-size: 1em;
	letter-spacing: .1em;
	line-height: 1.5em;
}

table.kuenstler td {
	vertical-align: top;
	width: 220px; /* 1/3 der tablebreite */
}

table#partner .modul {
	padding-bottom: 2.1em;
}

table#partner h1 {
	color: #000000;
}


/*	LIGHTBOX BESONDERHEITEN */
body > #overlay{
position: fixed;
top: 0;
left: 0;
}