@import url("reset.css"); 
@import url("fonts.css"); 
@import url("base.css"); 

html {
	background: #000000;
	text-align: center;
}

body {
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 11px;
}

#page {
	width: 1024px;
	height: 830px;
	border: 5px solid #FFFFFF;
	margin: 5px auto;
	text-align: left;
	background: transparent url(../images/backgrounds/contact.png) no-repeat top left;
	position: relative;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px
}

a {
	text-decoration: none;
	color: #2B0101;
	font-size: 12px;
	font-weight: bold;
}

a.external-link-new-window,
a.external-link,
a.mail {
	padding: 5px 0 13px 25px;
	margin: 0;
	background: transparent url(../images/linkIcon.png) no-repeat top left;
	outline: none;
	display: block;
}
/* -display: block, +margin: 4px 2px; */

a:hover {
	color: #000000;
}

h1 {
	margin: 0;
	position: absolute;
	top: 0;
	left: 45px;
	z-index: 1;
}

h1 a {
	display: block;
	width: 290px;
	margin-left: 40px;
	height: 90px;
	background: transparent url(../images/logo.png) no-repeat top right;
	text-indent: -99em;
	outline: none;
}

h2 {
	font-size: 26px;
	text-transform: uppercase;
	line-height: 21px;
	margin: 0.8em 0;
}

h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	margin: 0;
}

h3 a {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}

ul.nav {
	margin: 0;
}

.nav li {
	list-style: none;
	display: block;
}

.nav li a {
	outline: none;
}

ul.language {
  position: absolute;
  right: 0;
  top: 0;
  height: 28px;
  background: #000;
  margin: 0;
  padding: 0 9px;
  overflow: hidden;
  z-index: 0;
  color: #FFF;
}

ul.language li {
	line-height: 12px;
	margin: 7px 0;
	list-style: none;
	float: left;
}

ul.language li a {
	font-size: 11px;
	color: #FFF;
	margin: 0 3px;
	font-weight: normal;
	text-transform: uppercase;
	overflow: hidden;
}

ul.language li a:hover,
ul.language li a.current {
	color: #EE7877;
}

ul#topNav {
	position: absolute;
	top: 0;
	left: 106px;
	width: 675px;
	height: 28px;
	background: #2B0101;
	z-index: 0;
}

#topNav li {
	float: right;
	margin: 8px 18px 0 7px;
}

#topNav li a {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(../images/topNav_de.png) no-repeat top left;
	display: block;
	height: 15px;
	text-indent: -99em;
	overflow: hidden;
}

#topNav li a:hover {
	color: #F6BABA;
}

#topNav li.news a {
	width: 35px;
	background-position: 0 0;
}

#topNav li.news a:hover,
#topNav li.news a.current {
	background-position: 0 -25px;
}

#topNav li.about a {
	width: 55px;
	background-position: -58px 0;
}

#topNav li.about a:hover,
#topNav li.about a.current {
	background-position: -58px -25px;
}

#topNav li.services a {
	width: 68px;
	background-position: -125px 0;
}

#topNav li.services a:hover,
#topNav li.services a.current {
	background-position: -125px -25px;
}

#topNav li.links a {
	width: 34px;
	background-position: -202px 0;
}

#topNav li.links a:hover,
#topNav li.links a.current {
	background-position: -202px -25px;
}

#topNav li.contact a {
	width: 54px;
	background-position: -259px 0;
}

#topNav li.contact a:hover,
#topNav li.contact a.current {
	background-position: -259px -25px;
}

ul#leftNav {
	position: absolute;
	bottom: 0;
	left: 45px;
	width: 258px;
	height: 155px;
	padding: 45px 35px 5px 37px;
	background: transparent url(../images/leftNavBg.png) no-repeat top left;
}

#leftNav li {
	line-height: 18px;
}

#leftNav li a {
	font-size: 30px;
	color: #000;
	background: transparent url(../images/leftNav_de.png) no-repeat top left;
	display: block;
	height: 23px;
	text-indent: -99em;
	overflow: hidden;
}

#leftNav li a:hover {
	color: #EE7877;
}

#leftNav li.all-artists a {
	width: 207px;
	height: 27px;
	background-position: 0 0;
}

#leftNav li.all-artists a:hover,
#leftNav li.all-artists a.current {
	background-position: -270px 0;
}

#leftNav li.photography a {
	width: 162px;
	background-position: 0 -27px;
}

#leftNav li.photography a:hover,
#leftNav li.photography a.current {
	background-position: -270px -27px;
}

#leftNav li.film---video a {
	width: 174px;
	background-position: 0 -50px;
}

#leftNav li.film---video a:hover,
#leftNav li.film---video a.current {
	background-position: -270px -50px;
}

#leftNav li.illustration a {
	width: 188px;
	background-position: 0 -73px;
}

#leftNav li.illustration a:hover,
#leftNav li.illustration a.current {
	background-position: -270px -73px;
}

#leftNav li.grafik-design a {
	width: 200px;
	background-position: 0 -96px;
}

#leftNav li.grafik-design a:hover,
#leftNav li.grafik-design a.current {
	background-position: -270px -96px;
}

#leftNav li.textil a {
	width: 113px;
	background-position: 0 -119px;
}

#leftNav li.textil a:hover,
#leftNav li.textil a.current {
	background-position: -270px -119px;
}

ul#topNavArtists {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 780px;
	width: 160px;
	padding: 1px 5px 5px;
	background: #FFFFFF;
	height: 18px;
	overflow: hidden;
	border-bottom: 4px solid #FFF;
}

ul#topNavArtists:hover {
	height: auto;
	border-bottom: none;
}

#topNavArtists li {
	line-height: 16px;
	margin: 1px 0;
}

#topNavArtists li a {
	font-size: 18px;
	color: #000;
	background: transparent url(../images/topNavArtists_de.png) no-repeat top left;
	display: block;
	height: 16px;
	text-indent: -99em;
	overflow: hidden;
}

#topNavArtists li a:hover {
	color: #EE7877;
}

#topNavArtists li.all-artists a {
	width: 160px;
	height: 21px;
	background-position: 0 0;
}

#topNavArtists li.all-artists a:hover,
#topNavArtists li.all-artists a.current {
	background-position: -171px 0;
}

#topNavArtists li.photography a {
	width: 112px;
	background-position: 0 -23px;
}

#topNavArtists li.photography a:hover,
#topNavArtists li.photography a.current {
	background-position: -171px -23px;
}

#topNavArtists li.film---video a {
	width: 118px;
	background-position: 0 -41px;
}

#topNavArtists li.film---video a:hover,
#topNavArtists li.film---video a.current {
	background-position: -171px -41px;
}

#topNavArtists li.illustration a {
	width: 126px;
	background-position: 0 -59px;
}

#topNavArtists li.illustration a:hover,
#topNavArtists li.illustration a.current {
	background-position: -171px -59px;
}

#topNavArtists li.grafik-design a {
	width: 135px;
	background-position: 0 -77px;
}

#topNavArtists li.grafik-design a:hover,
#topNavArtists li.grafik-design a.current {
	background-position: -171px -77px;
}

#topNavArtists li.textil a {
	width: 63px;
	background-position: 0 -95px;
}

#topNavArtists li.textil a:hover,
#topNavArtists li.textil a.current {
	background-position: -171px -95px;
}

div.inner {
	overflow: hidden;
}

div#leftContent, 
div#leftContent-white,
div#leftContent-home,
div#news-1 {
	width: 330px;
	height: 555px;
	background: transparent url(../images/leftContent-trans.png) no-repeat top left;
	position: absolute;
	left: 45px;
	top: 83px;
}

div#leftContent .inner, 
div#leftContent-white .inner,
div#leftContent-home .inner,
div#news-1 .inner {
	margin: 40px 25px 25px 55px;
	height: 490px;
}

div#leftContent h2, 
div#leftContent-white h2,
div#leftContent-home h2 {
	margin-top: 0.2em;
}

div#leftContent-white {
	background: transparent url(../images/leftContent-white.png) no-repeat top left;
}

div#leftContent-home {
	height: 570px;
	background: transparent url(../images/leftContentHome.png) no-repeat top left;
}

div#leftContent-home .inner {
	height: 525px;
}

div#mainContent,
div#mainContent-white,
div#mainContent-blank {
	width: 535px;
	height: 520px;
	background: transparent url(../images/mainContent-trans.png) no-repeat top left;
	position: absolute;
	top: 100px;
	left: 370px;
}

div#mainContent .inner,
div#mainContent-white .inner,
div#mainContent-blank .inner {
	margin: 35px 40px 40px 50px;
	height: 445px;
}

div#mainContent-white {
	background: transparent url(../images/mainContent-white.png) no-repeat top left;
}

div#mainContent-blank {
	color: #FFFFFF;
	background: none;
	width: 670px;
	height: 740px;
	margin-bottom: 0;
}

div#mainContent-blank .inner {
	height: 665px;
}

div#middleContent,
div#middleContent-white,
div#news-2 {
	width: 306px;
	height: 540px;
	background: transparent url(../images/middleContent.png) no-repeat top left;
	position: absolute;
	top: 83px;
	left: 364px;
}

div#middleContent .inner,
div#middleContent-white .inner,
div#news-2 .inner {
	height: 470px;
	margin: 40px 30px 30px 30px;
}

div#middleContent-white {
	background: transparent url(../images/middleContent-white.png) no-repeat top left;
}

div#rightContent,
div#rightContent-white,
div#news-3 {
	width: 306px;
	height: 530px;
	background: transparent url(../images/rightContent.png) no-repeat top left;
	position: absolute;
	top: 83px;
	left: 670px;
}

div#rightContent .inner,
div#rightContent-white .inner,
div#news-3 .inner {
	height: 445px;
	margin: 40px 30px 45px 27px;
}

div#rightContent-white {
	background: transparent url(../images/rightContent-white.png) no-repeat top left;
}

div#portfolio-list {
	position: absolute;
	top: 150px;
	left: 190px;
	width: 680px;
	height: 440px;
}

#randomArtist {
	overflow: hidden;
	position: absolute;
	bottom: 75px;
	border: 5px solid #FFFFFF;
}

a.bg {
	display: block;
}

#randomArtist a.bg {
	width: 205px;
	height: 125px;
	display: block;
}

#randomArtist p.info {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: transparent url(../images/black.png) repeat;
	margin: 0;
	color: #FFF;
	padding: 7px 14px 7px 6px;
}

#randomArtist p.info a {
	color: #FFF;
	font-weight: normal;
}

#randomArtist p.info a.name {
	display: block;
	font-weight: bold;
	position: relative;
}

#portfolio-list .outerpair1 {
	float: left;
	margin: 0 2px 2px 0;
}

#portfolio-list .innerbox {
	overflow: hidden;
	border: 5px solid #FFFFFF;
}

#portfolio-list .innerbox a.bg {
	width: 205px;
	height: 125px;
	display: block;
}

#references-list h2 {
	position: absolute;
	top: -20px;
	left: 45px;
}

#portfolio-list .innerbox p.info,
#references-list p.info {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: transparent url(../images/black.png) repeat;
	margin: 0;
	color: #FFF;
	padding: 7px 14px 7px 6px;
}

#references-list p.info {
	background: none;
	margin: 10px;
	padding: 0;
}

#portfolio-list .innerbox p.info a,
#references-list .innerbox p.info a {
	color: #FFF;
	font-weight: normal;
	display: block;
}

#references-list .innerbox p.info a {
	margin-right: 20px;
	padding: 20px 15px 0 15px;
	font-size: 20px;
	background: transparent url(../images/black.png) repeat;
}

*:first-child+html #references-list .innerbox p.info a.name {
	position:relative;
	top: 1px;
}

#portfolio-list .innerbox p.info a.name,
#references-list .innerbox p.info a.artists {
	font-weight: bold;
	position: relative;
}

#references-list .innerbox p.info a.artists {
	padding-top: 0px;
	padding-bottom: 10px;
}

h3#artistsPortfoliosCaption,
h3.portfoliosCaption {
	float: left;
	margin-right: 4px;
}

ul#artistsPortfolios,
ul.artistsPortfolios {
	margin: 0;
}

#artistsPortfolios li,
.artistsPortfolios li {
	list-style: none;
	float: left;
	margin-right: 8px;
}

#artistsPortfolios li a,
.artistsPortfolios li a {
	font-size: 11px;
	text-transform: uppercase;
}

p.contactArtist {
	margin-top: 5px;
}

p.contactArtist a {
	text-transform: uppercase;
	font-size: 14px;
}

p.contactArtist a.current {
	color: #ee7877;
	background: transparent url(../images/arrows.png) no-repeat right 1px;
	padding-right: 20px;
}

h2.contactArtist {
	color: #ee7877;
	margin: 0.5em;
	margin-left: 100px;
}

ul.pictures, ul.videos {
	margin: 0;
	clear: both;
	width:460px;
}

ul.pictures li, ul.videos li {
	list-style: none;
	float: left;
	margin: 0 1px;
}

ul.videos {
	padding-top: 4px;
}

li.caption {
	width: 65px;
	color: #FFFFFF;
	height: 60px;
	font-size: 11px;
	font-weight: bold;
}

li.caption a {
	color: #FFFFFF;
	font-size: 11px;
}

li a.squareLink {
	display: block;
	float: left;
	width: 7px;
	height: 7px;
	background: transparent url(../images/square-white.gif) no-repeat top left;
	text-indent: -99em;
	outline: none;
	overflow: hidden;
	margin-top: 3px;
}

li a.thumbLink {
	display: block;
	float: left;
	border: 1px solid #FFF;
	margin: 2px 2px 2px 2px;
}

li.empty {
	height: 7px;
	width: 7px;
	background: transparent url(../images/square-whiteB.gif) no-repeat bottom;
	padding-top: 3px;
}

a.prev {
	display: block;
	width: 29px;
	height: 42px;
	background: transparent url(../images/prev.png) no-repeat top left;
	text-indent: -99em;
	outline: none;
	overflow: hidden;
}

a#prev1 {
	position: absolute;
	top: 340px;
	left: 18px;
}

a.prev:hover {
	margin: 2px 2px 0 0 ;
}

a.next {
	display: block;
	width: 29px;
	height: 42px;
	background: transparent url(../images/next.png) no-repeat top left;
	text-indent: -99em;
	outline: none;
	overflow: hidden;
}

a#next1 {
	position: absolute;
	top: 340px;
	right: 20px;
}

a.next:hover {
	margin: 2px 0 0 2px;
}

a.backLink {
	position: absolute;
	top: 15px;
	font-size: 11px;
	font-weight: bold;
}

ul#spages {
	margin: 0;
	position: absolute;
	bottom: 40px;
	right: 50px;
}

#spages li {
	list-style: none;
	float: left;
	margin: 0 2px;
}

#spages li a {
	font-weight: normal;
}

#spages li.current a {
	color: #000;
	font-weight: bold;
}

div.tx-luckenpaint-pi1 .innerbox img,
div.tx-luckenpaint-pi2 .innerbox img, 
div.tx-luckenpaint-pi3 .innerbox img {
	border: 10px solid #FFF;
}

/* mailform */
legend {
	color: #ee7877;
	margin: 2px 0;
	display: block;
	padding: 0;
}

*:first-child+html legend {
	position: relative;
	left: -7px;
}

* html legend {
	position: relative;
	left: -7px;
}

.tx_powermail_pi1_fieldwrap_html label {
	float: left;
	display: block;
	width: 100px;
}

.tx_powermail_pi1_fieldwrap_html input,
.tx_powermail_pi1_fieldwrap_html textarea,
.tx_powermail_pi1_fieldwrap_html select {
	border: 1px solid #d9d9d9;
	display: block;
	padding: 2px 4px;
}

.tx_powermail_pi1_fieldwrap_html {
	clear: both;
	margin: 4px 0;
}

.tx_powermail_pi1_fieldwrap_html_text input,
.tx_powermail_pi1_fieldwrap_html_textarea textarea {
	width: 325px;
}

.tx_powermail_pi1_fieldwrap_html_submit {
	padding: 0 10px 0 100px;
}

form#contact #powermaildiv_uid10,
form#contactartist #powermaildiv_uid22 {
	margin-bottom: 8px;
}

form#contact #powermaildiv_uid39,
form#contactartist #powermaildiv_uid52 {
	margin-bottom: 8px;
}

form#contact #powermaildiv_uid11,
form#contactartist #powermaildiv_uid23 {
	float: left;
	margin: 0;
}

form#contact #powermaildiv_uid40,
form#contactartist #powermaildiv_uid53 {
	float: left;
	margin: 0;
}

form#contact #powermaildiv_uid12,
form#contactartist #powermaildiv_uid24 {
	clear: none;
	margin: 0;
	margin-left: 90px;
}

form#contact #powermaildiv_uid41,
form#contactartist #powermaildiv_uid54 {
	clear: none;
	margin: 0;
	margin-left: 90px;
}

input.powermail_submit,
input.powermail_reset {
	padding: 2px 20px;
	text-align: center;
}

/* news */
p.date {
	font-size: 14px;
}

#latestNews p.date {
	font-size: 11px;
	font-weight: bold;
}

a.more {
	display: block;
	text-align: right;
	font-size: 11px;
	outline: none;
	margin-right: 10px;
	font-weight: normal;
}

#news-list h2 a,
div.news-item-left h2 {
	color: #000000;
	font-size: 26px;
	line-height: 21px;
}

div.news-item-left h2 {
	margin-top: 0.5em;
	margin-bottom: 0.7em;
}

/* shadow */

.outerpair1 {
	background: transparent url(../images/trc.png) no-repeat top right;
	float: left;
}

.outerpair2 {
	background: transparent url(../images/blc.png) no-repeat bottom left;
	padding-top: 8px;
	padding-left: 7px;
}

.shadowbox {
	background: transparent url(../images/shadow.png) no-repeat bottom right;
}

.innerbox {
	position: relative;
	top: -8px;
	left: -7px;
	overflow: hidden;
}

body .pp_top, body .pp_bottom {
	height: 10px;
}

body div.light_square .pp_close {
	margin-right: 10px;
}

/* text W/ image */

dl.csc-textpic-image {
	margin: 0;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	float: left;
}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	float: right;
}

.csc-textpic-center .csc-textpic-imagewrap {
	margin: auto;
}

.csc-textpic-right .csc-textpic-imagewrap {
	float: right;
}

.csc-textpic-right .csc-textpic-text {
	clear: both;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.csc-textpic-intext-right .csc-textpic-imagewrap {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.csc-textpic-above .csc-textpic-text {
	margin-top: 5px;
}

.csc-textpic-below .csc-textpic-text {
	margin-bottom: 5px;
}

.csc-textpic-clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

/* Accordion */
div.rgaccord1-content h1,
div.rgaccord1-content h2,
div.rgaccord1-content h3 {
	display:none;
}

.rgaccord1-toggle {
	display: inline;
	cursor: pointer;
	padding-right: 12px;
	background: url(../images/right.gif) no-repeat right 2px; 
}

*:first-child+html .rgaccord1-toggle {
	display: block;
}

*html .rgaccord1-toggle {
	display: block;
}

.rgaccord1-toggle:hover {
	color: #2B0101;
}

.act .rgaccord1-toggle {
	background: url(../images/down.gif) no-repeat right 2px;
}

form#newsletter {
	
}

#newsletter legend {
	color: #000000;
	font-weight: bold;
}

#newsletter label {
	width: 45px;
}

#newsletter .tx_powermail_pi1_fieldwrap_html_submit {
	padding-left: 45px;
}

#newsletter .tx_powermail_pi1_fieldwrap_html_text input {
	width: 180px;
}

/*
a.external-link-new-window,
a.external-link,
a.mail,
h1 a,
ul#leftNav,
div#leftContent, 
div#leftContent-white,
div#leftContent-home,
div#news-1,
div#mainContent,
div#mainContent-white,
div#mainContent-blank,
div#middleContent,
div#middleContent-white,
div#news-2,
div#rightContent,
div#rightContent-white,
div#news-3,
a.prev,
a.next
{ 
	behavior: url(/fileadmin/lib/iepngfix.htc);
}
*/

*html a.external-link-new-window,
*html a.external-link,
*html a.mail,
*html h1 a,
*html ul#leftNav,
*html div#leftContent, 
*html div#leftContent-white,
*html div#leftContent-home,
*html div#news-1,
*html div#mainContent,
*html div#mainContent-white,
*html div#mainContent-blank,
*html div#middleContent,
*html div#middleContent-white,
*html div#news-2,
*html div#rightContent,
*html div#rightContent-white,
*html div#news-3,
*html a.prev,
*html a.next
{ 

}

*html p.contactArtist a.current,
*html .outerpair1,
*html .outerpair2,
*html .shadowbox {
	background: none;
}

*html body #page {
	background: #d8e9ec;
}

*html #randomArtist p.info,
*html #portfolio-list .innerbox p.info,
*html #references-list p.info,
*html #references-list .innerbox p.info a {
	background: none;
}