/*=========================================================================
|
|	file:			screen.css
|	site:			2agenten.com
|	descr:		Haupt-Stile (Layout etc.)
|	version:		1.3 - 2008/04/28 17:26
|
|	------------------------------------------------------------------------
|
|	author:		Christoph Schüßler
|	author url:	http://herr-schuessler.de
|
==========================================================================*/


/*
|
|	browser css reset
|
--------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 16px;
    color: black;
    background: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
input {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

/*
|
|	layout
|
--------------------------------------------------------------------------*/
#container {
    position: relative;
    width: 946px;
    height: 610px;
    margin: 30px auto 0px auto;
}
#header {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 108px;
    width: 946px;
}
#menu-main {
    position: absolute;
    top: 109px;
    left: 0px;
    height: 134px;
/*    height: 118px;*/
    width: 174px;
    border-top: 1px solid #96999C;
    border-bottom: 1px solid #96999C;
}
#menu-sub {
    position: absolute;
    top: 230px;
    left: 0px;
    height: 379px;
    width: 174px;
    border-bottom: 1px solid #96999C;
}
#menu-exhibitionssub {
    position: absolute;
    top: 270px;
    left: 0px;
    height: 339px;
    width: 174px;
    border-bottom: 1px solid #96999C;
}
#menu-page {
    position: absolute;
    top: 109px;
    left: 912px;
    height: 400px;
    width: 33px;
    border-top: 1px solid #96999C;
}
#menu-aux {
    position: absolute;
    bottom: -4px;
    right: 0px;
    height: 100px;
    width: 33px;
}
#menu-newsletter {
    position: absolute;
    bottom: 325px;
    left: 0px;
    width: 174px;
    border-bottom: 1px solid #96999C;
}
#menu-exhibitionmain {
    position: absolute;
    top: 109px;
    left: 0px;
    height: 101px;
    width: 174px;
    border-top: 1px solid #96999C;
    border-bottom: 1px solid #96999C;
}
#menu-artistrepresentation {
    position: absolute;
    bottom: 358px;
    left: 0px;
    width: 174px;
    border-bottom: 1px solid #96999C;
}
#menu-artistrepresentation-contact {
    position: absolute;
    bottom: 206px;
    left: 0px;
    width: 174px;
    border-bottom: 1px solid #96999C;
}
#content {
    position: absolute;
    top: 109px;
    left: 182px;
    height: 500px;
    width: 722px;
    border-top: 1px solid #96999C;
    z-index: 0;
}
#content-thanks {
    position: absolute;
    top: 116px;
    left: 353px;
    height: 500px;
    width: 300px;
    z-index: 0;
}
#content-subscription-thanks {
    position: absolute;
    top: 261px;
    left: 353px;
    height: 500px;
    width: 300px;
    z-index: 0;
}
#content-center {
    position: absolute;
    bottom: -4px;
    left: 182px;
    width: 538px;
    text-align: right;
    z-index: 1;
}
#content-half {
    position: absolute;
    bottom: 0px;
    left: 545px;
    width: 357px;
    border-bottom: 1px solid #000;
    z-index: 1;
    padding: 4px 0;
}
#content-third-top {
    position: absolute;
    top: 110px;
    left: 730px;
    width: 174px;
    z-index: 1;
}
#content-third-bottom {
    position: absolute;
    bottom: 0px;
    left: 728px;
    width: 174px;
    border-bottom: 1px solid #96999C;
    z-index: 1;
}
#content-third-bottom-scroll {
    position: absolute;
    bottom: 10px;
    left: 728px;
    width: 215px;
    height: 482px;
    z-index: 1;
    overflow: auto;
}
#content-third-bottom-line {
    position: absolute;
    bottom: 0px;
    left: 728px;
    width: 174px;
    height: 1px;
    z-index: 1;
    border-bottom: 1px solid #96999C;
}
#content-contact {
    position: absolute;
    bottom: 214px;
    left: 0px;
    width: 174px;
    border-bottom: 1px solid #96999C;
}
#content-exhibitionscontact {
    position: absolute;
    bottom: 247px;
    left: 0px;
    width: 174px;
    border-bottom: 1px solid #96999C;
}
#content-newsletter {
    position: absolute;
    top: 258px;
    left: 200px;
    width: 380px;
    z-index: 0;
    color: #96999C;
}
#content-impressum-left {
    position: absolute;
    bottom: 214px;
    left: 182px;
    width: 360px;
    border-bottom: 1px solid #96999C;
    z-index: 0;
    color: #96999C;
}
#content-impressum-right {
    position: absolute;
    bottom: 214px;
    left: 542px;
    width: 360px;
    border-bottom: 1px solid #96999C;
    z-index: 0;
    color: #96999C;
}

#content-exhibitionsimpressum-left {
    position: absolute;
    bottom: 247px;
    left: 182px;
    width: 360px;
    border-bottom: 1px solid #96999C;
    z-index: 0;
    color: #96999C;
}
#content-exhibitionsimpressum-right {
    position: absolute;
    bottom: 247px;
    left: 542px;
    width: 360px;
    border-bottom: 1px solid #96999C;
    z-index: 0;
    color: #96999C;
}
#dropLink {
	height:30px;
	background: url(/gfx/logo_grey.png) right transparent no-repeat;
}
#dropLink:hover {
	height:30px;
	background : url(/gfx/logo_black.png) right transparent no-repeat; 
}

/*
|
|	menu
|
--------------------------------------------------------------------------*/
.menu ul {
    position: absolute;
    bottom: 4px;
}
a {
    color: #96999C;
    text-decoration: none;
}
a:hover, .active{
    color: #000;
    border-color: #000!important;
}
#menu-page li a, #menu-aux li a, td.news-item-number a {
    display: block;
    height: 24px;
    width: 33px;
    line-height: 24px;
    text-align: right;
    border-bottom: 1px solid #96999C;
}
img.illustration-icon {
    position: absolute;
    bottom: 360px;
    left: 182px;
    display: none;
}
a:hover img.illustration-icon {
    display: inline!important;
}

/* content-styles */
#content img.illustration-big {
    position: absolute;
    bottom: 0px;
}
.content p, .content ul {
    margin: 0 0 16px 0;
}
.mute {
    color: #96999C;
}
.no-margin {
    margin: 0 0 6px 0!important;
}
.contact-details {
    color: #96999C;
    margin: 0 0 4px 0!important;
}
/*
|
|	suche
|
--------------------------------------------------------------------------*/
#image-id-form {
    color: #96999C;
    padding: 16px 0 16px 0;
}
#image-id-form p {
    margin: 0 0 4px 0;
}
#image-id {
    width: 100px;
    float: left;
}
#image-id-submit {
    width: 60px;
    float: right;
}

/*
|
|	stock menu
|
--------------------------------------------------------------------------*/
ul#stock-menu li {
    border-top: 1px solid #96999C;
    width: 174px;
    padding: 10px 0;
    clear: both;
    color: #96999C;
}
ul#stock-menu {
    margin: 16px 0;
}
ul#stock-menu li p{
    margin: 0 0 6px 0;
}
p.left {
    width: 40%;
    float: left;
}
p.right {
    width: 40%;
    float: right;
}

/*
|
|	form
|
--------------------------------------------------------------------------*/
form table {
    margin: 6px 0 0 92px;
}
td.descr {
    color: #96999C;
    text-align: right;
    padding: 0px 10px 3px 0;
    vertical-align: top;
}
td.value {
    color: #000;
    width: 220px;
    padding: 3px 0;
}
td.thanks {
    color: #96999C;
    width: 175px;
    padding: 3px 0;
}
form table input, form table select, form table textarea {
    width: 175px;
}
#form-tco {
    width: auto;
}
.value-tco {
    color: #96999C;
}


/*
|
|	news
|
--------------------------------------------------------------------------*/
#news-menu-content {
	position: absolute;
	top: 110px;
	right: 1px;
	width: 215px;
	z-index: 1;
	color: #96999C;
}
#news-menu-content table {
	width: 215px;
}
td.news-item-number {
	width: 33px;
}
td.news-item {
	border-bottom: 1px solid #000;
	border-right: 8px solid #FFF;
	padding: 0 0 4px 0;
	vertical-align: bottom;
	color: #000;
}
tr.active td.news-item-number a {
	color: #000;
	border-bottom: 1px solid #000;#
}

/*
|
|	Pound Safari Post Semicolon hack
|	ab hier keine weitere Safari-Styles einfügen
|
--------------------------------------------------------------------------*/

#menu-aux {
    position: absolute;
    bottom: -4px;
    right: 0px;
    height: 100px;
    width: 33px;
}