/* ------------------------ GENERAL ------------------------ */
@font-face {
        font-family: 'MetaBold';
        src: url('MetaPro-Bold.eot');
        src: local('MetaPro-Bold Regular'), local('MetaPro-Bold'), url('MetaPro-Bold.otf') format('opentype');
}

@font-face {
        font-family: 'MetaBoldItalic';
        src: url('MetaPro-BoldItalic.eot');
        src: local('MetaPro-BoldItalic Regular'), local('MetaPro-BoldItalic'), url('MetaPro-BoldItalic.otf') format('opentype');
}

@font-face {
        font-family: 'Meta';
        src: url('MetaPro-Normal.eot');
        src: local('MetaPro-Normal Regular'), local('MetaPro-Normal'), url('MetaPro-Normal.otf') format('opentype');
}

@font-face {
        font-family: 'MetaItalic';
        src: url('MetaPro-NormalItalic.eot');
        src: local('MetaPro-NormalItalic Regular'), local('MetaPro-NormalItalic'), url('MetaPro-NormalItalic.otf') format('opentype');
}

body{
	background-color:#FFFEF6;
	font-family:Verdana;
	font-size:10pt;
}

table {
	font-family:Verdana;
	font-size:10pt;
}
td.thumb {height:100px; width:100px; vertical-align:top;}
input.field {width:200px;}
img {border:none;}

div#contain{
	position:absolute;
	top:0%;
	left:50%;
	height:781px;
	width:876px;
	margin-left:-438px;
	overflow:hidden;
	
}

.red {color:#821E14;}
.red a:link		{color:#821E14; font-size:10pt; text-decoration:none; }
.red a:visited 	{color:#821E14; font-size:10pt; text-decoration:none; }

a:link 		{color:black; text-decoration:none; }
a:visited 	{color:black; text-decoration:none; }
a:focus 		{color:black; text-decoration:none; }
a:hover 		{color:black; text-decoration:none; }
a:active 	{color:black; text-decoration:none; }

body {
  scrollbar-base-color:#cacfd1;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#9ba2a5;
  scrollbar-face-color:#cacfd1;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#9ba2a5;
  scrollbar-track-color:#FFFFFF;
}

/* ------------------------ HEADER ------------------------ */
div#header{
	border-bottom-style:solid;
	border-bottom-width:1px;
	position:absolute;
	top:0px;
	left:0px;
	height:170px;
	width:876px;
	overflow:hidden;
}
div#header table{
	width:100%;
	height:100%;
	font-family:Meta;
	padding-bottom:5px;
}

div#header td{
	vertical-align:bottom;
}


/* ------------------------ HEADSPACE ------------------------ */
div#headspace{
	border-bottom-style:solid;
	border-bottom-width:1px;
	position:absolute;
	top:170px;
	left:0px;
	height:57px;
	width:183px;
	overflow:hidden;
}
	
/* ------------------------ HEADLINKS ------------------------ */
div#headlinks{
	border-bottom-style:solid;
	border-bottom-width:1px;
	position:absolute;
	top:170px;
	left:183px;
	height:57px;
	width:693px;
	font-family:Meta;
	overflow:hidden;
}
#headlinks a:link , #headlinks a:visited, #headlinks a:focus, #headlinks a:hover, #headlinks a:active {color:white; font-size:9pt; text-decoration:none; }

table.mainlinks {position:absolute; top:9px;}
table.sublinks {position:absolute; bottom:9px;}
table.sublinks td.photo {width:64px;}
table.sublinks td.messen {width:175px;}
table.sublinks td.ausstellung {width:241px;}
table.sublinks td.kontakt {width:365px;}


/* ------------------------ LEFT BAR ------------------------ */
div#leftbar{
	position:absolute;
	top:232; /*starthöhe des containers definiert auch abstand zu headlinks*/
	left:0px;
	height:490px; /*höhe des containers definiert auch abstand zu footer*/
	width:183px;
	overflow:hidden;
}
div.leftbar{padding-top:25px; padding-right:25px;}
div.leftbar a:link {color:black; text-decoration:none; }
div.leftbar a:visited 	{color:black; text-decoration:none; }
div.leftbar a:focus {color:black; text-decoration:none; }
div.leftbar a:hover {color:black; text-decoration:none; }
div.leftbar a:active {color:black; text-decoration:none; }

/* newsliste */
span.newsliste{font-family:Verdana; font-size:8pt;}
span.newsthumb{font-family:Verdana; font-size:4pt; line-height:4pt;}
span.newstitel{color:#821E14; font-weight:bold;}
span.newsinhalt p {padding:0px; margin:0px; }


/*messeliste short*/
span.messeliste_short{font-family:Verdana; font-size:8pt;}
span.messethumb_short{font-family:Verdana; font-size:4pt; line-height:4pt;}
span.messetitel_short{color:#821E14; font-weight:bold;}

/* kuenstlerliste */
a.selected {font-weight:bold; font-size:8pt;}
span.kunestlerliste a:link, span.kunestlerliste a:visited, span.kunestlerliste a:focus, span.kunestlerliste a:hover, span.kunestlerliste a:active{font-family:Verdana; font-size:8pt;}


/* ------------------------ CONTENT ------------------------ */
div#content{
	position:absolute;
	top:232px;	/*starthöhe des containers definiert auch abstand zu headlinks*/
	left:183;
	height:490px; /*höhe des containers definiert auch abstand zu footer*/
	width:693px;
	overflow:auto;
}
div.content{padding-top:25px; padding-right:50px;}
div#content div.content p {margin:0; padding:0;}

/* kontakt */
table.profil , table.kontakt{text-align:justify;}
table.kontakt td ,table.profil td {padding-left:20px;}

/* werksliste */
td.werkthumb {height:160px; width:160px; padding-bottom:28px; vertical-align:top; text-align:left;}
table.werksliste td.inhalt {padding-left:40px; padding-bottom:28px; vertical-align:top; }
span.werkkuenstler{font-size:11pt;}
span.werktitel{color:#821E14; font-size:9pt; font-weight:bold;}
span.werktechnik, span.werkjahr {font-size:9pt; }
span.werkmasse, span.werkbeschreibung {font-size:8pt; }
span.space{font-size:8pt; line-height:8pt;}

/* messen */
table.messeliste {width:600px}
td.messeinhalt{padding-left:50px; padding-bottom:28px; vertical-align:middle; text-align:left;}
td.messethumb {height:100px; width:100px; padding-bottom:28px; vertical-align:middle; text-align:left;}
pan.messetitel{font-size:11pt;}
span.messevonbis{color:#821E14; font-size:9pt; font-weight:bold;}
span.messebeschreibung {font-size:8pt; }

/*Newsletter*/
input {width:500px;}
span.mailfehler{color:#821E14; font-size:9pt;}
span.mailok{color:green; font-size:9pt;}

/* ------------------------ FOOTER ------------------------ */
div#footer{
	border-top-style:solid;
	border-top-width:1px;
	position:absolute;
	top:732px;
	left:0px;
	height:46px;
	width:876px;
	overflow:hidden;
	
}
#footer table{
	width:100%;
	height:100%;
	font-family:Meta;
	font-size:10pt;
}
#footer td {
	vertical-align:top;
	padding-left:0px;
}