@charset "UTF-8";
/**
 * Layout style sheet for media types screen and projection.
 *
 * @project         ml Relaunch
 * @copyright       argonauten G2 GmbH
 * @package         css
 */


@media screen, projection {
	
	ol {
		list-style-type: decimal;
	}
	
	ol li {
		margin-bottom: 15px;
	}
	
	hr {
		color: #e5e5e5;
		background-color: #e5e5e5;
		height: 1px;
		border: 0;
		/*margin-bottom: 20px;*/
		margin: 0 0 25px;
	}
	
	.artComForm {
		vertical-align: middle;
	}
	
	.artComForm hr {
		margin-bottom: 0;
	}
	
	.spacer {
		height: 20px;
	}
	.spacer_60 {
		height: 60px;
	}
	.spacer_10 {
		height: 10px;
	}
	
	.invisible {
		visibility: hidden;
	}
	
	#ml_content_container{
		text-align: right;
		width: 650px;
		
	}
	
	.ml_contentBox {
		padding-bottom: 25px;
		padding-left: 66px;
	}
	.ml_contentBox.overview {
		padding-bottom: 15px;
	}
	.ml_contentBox.offer {
		padding-left: 36px;
	}
	.ml_contentBox.press {
		padding-bottom: 15px;
	}
	
	.ml_contentBox img {
		/*padding-bottom: 10px;*/
	}
	.ml_contentBox.exhibition img {
		padding-top: 10px;
	}
	.ml_contentBox.overview img {
		padding-bottom: 5px;
	}
	
	.artComForm img {
		padding-bottom: 0;
	}
	
	.ml_contentBox h1 {
		padding: 0 0 15px 0;
	}
	.ml_contentBox.artist h1 {
		padding: 10px 0 15px 0;
	}
	.ml_contentBox .space_p {
		padding-top: 20px;
	}
	
	.ml_contentBox.intro {
		margin-bottom: 25px;
	}
	.ml_contentBox.intro p{
		text-align: justify;
	}
	.ml_contentBox.headlinePress {
		padding-bottom: 0;
	}
	
	.ml_contentBox .teaserImage {
		padding-right:18px; 
		/*padding-bottom:20px; */
		float:left;
	}
	
	.ml_contentBox .teaserText .copy {
		padding-top:15px;
	}
	
	.ml_contentBox.press .teaserText .copy {
		padding-top:5px;
	}
	
	.ml_contentBox .teaserText .link {
		padding-top:20px;
	}
	.link.first {
		padding-top:15px;
	}
	
	.ml_contentBox.press .teaserText .link,
	.ml_contentBox .teaserText.artist {
		padding-top:10px;
	}
	
	.ml_contentBox.press .teaserText {
		padding-left: 128px;
	}
	.ml_contentBox .teaserText {
		/*padding-left: 128px;*/
		width:452px; 
		text-align:left;
	}
	.imprintContent {
		width: 190px;
		float: left;
	}
	.imprintContainer {
		display: inline-block;
	}
	.overview .link {
		float: right;
	}
	.paintingGallery {
		display: inline-block;
	}
	.paintingGallery .teaserText {
		width:auto; 
		text-align:left;
	}
	.paintingGallery .teaserText p, .paintingGallery .teaserText .link {
		text-align:right;
	}
	
	.ml_contentBox .tableLeft {
		padding-top: 15px;
		width: 150px; float: left;
	}
	.ml_contentBox .tableRight {
		padding-top: 15px;
		width: 430px; float: left;
	}
	
	#ml_content {
		text-align: right;
	}
	#ml_content.contact {
		padding-top:40px;
	}
	
	#ml_navigation li.active h1, #ml_navigation li.active p{
		margin: 0;
	}
	
	#ml_navigation .active h1{
		font-size: 36px;
		line-height: 36px;
		font-weight: bolder;
		
	}
	
	#ml_navigation .active p{
		font-size: 14px;
		line-height: 14px;
	}
	
	#ml_navigation .active p .green{
		font-size: 14px;
		line-height: 14px;
		color: #b9ce03;
	}
	
	/*
	 * Navigation
	 */
	#ml_navigation li{
		color: #b4b4b4;
		text-transform: uppercase;
		display: block;
	}
	
	#ml_navigation .subnavi {
		margin: 0;
	}
	
	#ml_navigation .subnavi li {
		float: left;
	}
	
	#ml_navigation li a{
		
		text-indent: -999px;
		display: block;
		margin: 0 0 6px 0;
	}
	
	#ml_navigation li.active a{
		text-indent: -999px;
		display: block;
		
	}
	
	
	#ml_navigation a,#ml_navigation a:hover,#ml_navigation a:active,#ml_navigation a:focus {
		
	}
	
	#ml_navigation .active{
		margin: 15px 0 30px 0;
	}
	
	#ml_navigation .firstNav.active{
		margin: 0 0 30px 0;
	}
	
	#ml_navigation .subnavi{
		display: inline-block;
	}
	
	
	/*
	 * Meta
	 */
	
	#meta {
		display: inline-block;
	}
	
	#meta li {
		display: inline-block;
		margin: 1px 7px 1px 7px;
		padding: 1px 0 ;
	}
	
	#meta li a {
		font-family: Arial, Helvetica, sans-serif;
		color: #132C63;
		font-size: 10px;
		line-height: 10px;
		padding: 1px 4px;
	}
	
	#meta li a:active,
	#meta li a:link,
	#meta li a:visited {
		text-decoration: none;
	}
	
	#meta li a:hover {
		text-decoration: none;
		color: #ffffff;
		background-color: #132C63;
	}
	
	#meta li a.active:hover,
	#meta li a.active {
		text-decoration: none;
		color: #ffffff;
		background-color: #132C63;
	}
	
	#meta li a:hover {
		color: #ffffff;
	}
	
	/* Formular */
	.ml_form input.submit_btn {
		background:url(../images/navigation/links/subscribe.gif) no-repeat;
		border: none;
		width:156px;
		height:8px;
		cursor:pointer;
	}
	
	.ml_form input.submit_btn:hover {
		background:url(../images/navigation/links/subscribe_mo.gif) no-repeat;
		width:156px;
		height:8px;
	}
	
	.ml_form input.offer_btn {
		background:url(../images/offer/order_calendar.jpg) no-repeat;
		border: none;
		width:262px;
		height:28px;
		cursor:pointer;
	}
	
	.ml_form input.offer_btn:hover {
		background:url(../images/offer/order_calendar_mo.jpg) no-repeat;
		width:262px;
		height:28px;
	}
	
	.ml_form input.cards_btn {
		background:url(../images/offer/order_cards.jpg) no-repeat;
		border: none;
		width:239px;
		height:28px;
		cursor:pointer;
	}
	
	.ml_form input.cards_btn:hover {
		background:url(../images/offer/order_cards_mo.jpg) no-repeat;
		width:262px;
		height:28px;
	}
	
	.ml_form input.giftcards_btn {
		background:url(../images/offer/order_giftcards.jpg) no-repeat;
		border: none;
		width:286px;
		height:28px;
		cursor:pointer;
	}
	
	.ml_form input.giftcards_btn:hover {
		background:url(../images/offer/order_giftcards_mo.jpg) no-repeat;
		width:286px;
		height:28px;
	}
	
	a.smallLink {
		background:url(../images/navigation/small_arrow.gif) top right no-repeat;
		padding-right: 15px;
		color: #414141;
		font-size: 11px;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	a.smallLink:hover, a.smallLink:hover span{
		color: #fd742e;
	}
	
	
	.ml_form input {
		font-family: arial, helvetica, sans-serif;
		color: #bcbcbc;
		background-color:#ffffff;
		font-size: 11px;
		border: 1px solid #bcbcbc;
		padding: 0.4em;
		width:180px;
		vertical-align:top;
	}
	
	.ml_form input.checkbox {
		font-family: arial, helvetica, sans-serif;
		color: #bcbcbc;
		background-color:#ffffff;
		font-size: 11px;
		padding: 0.4em;
		width:auto;
		vertical-align:top;
		border:none;
	}
	
	.ml_form input.zip{
		font-family: arial, helvetica, sans-serif;
		color: #bcbcbc;
		background-color:#ffffff;
		font-size: 11px;
		border: 1px solid #bcbcbc;
		padding: 0.4em;
		width:74px;
		vertical-align:top;
	}
	
	.ml_form input.town{
		font-family: arial, helvetica, sans-serif;
		color: #bcbcbc;
		background-color:#ffffff;
		font-size: 11px;
		border: 1px solid #bcbcbc;
		padding: 0.4em;
		width:90px;
		vertical-align:top;
	}
	
	select.dropdown {
		color: #000000;
		font: arial, helvetica, sans-serif;
		border: 1px solid #bcbcbc;
		width:40px;
	}
	
	.checkbox {
	float:left;
	padding-right:4px;
	padding-left:2px;
	}
	
	.checkbox_copy {
	padding-left:40px;
	}
	
	.offer_item {
	float:left; 
	padding-right:7px; 
	width:141px;
	padding-bottom:20px;
	}
	
	.offer_gift_item {
	float:left; 
	padding-right:7px; 
	width:190px;
	padding-bottom:20px;
	}
	
	.offer_item img, .offer_gift_item img {
	padding-bottom:8px;
	}
	
	
	
	
	.submit_container {
	margin-top:8px; 
	float:left;
	}
	
	.email_container {
	padding-right:8px; 
	float:left;
	}
	
	.input_container {
	padding-top: 2px;
	padding-bottom:2px;
	
	}
	
	
	.input_container_float{
	padding-top: 2px;
	padding-bottom:2px;
	padding-right:5px;
	float:left;
	}
	
	.input_container_nl{
	text-align:left;
	padding-top:10px;
	}
	
	input.newsletter{
	width:20px;
	border:none;
	}
	
	
	.input_button_container img {
	vertical-align:bottom;
	}
	
	.input_button_container {
	padding-top: 20px;
	}
	
	.artistGallery div {
		
	}
	
	.artistGallery a.galleryNext, .artistGallery a.galleryPrev,
	.paintingGallery a.galleryNext, .paintingGallery a.galleryPrev {
		width: 21px;
		height: 33px;
		text-indent: -99999px;
		display: block;
		position: relative;
		top: 46%;
	}
	
	.galleryLeft {
		width: 21px;
		height: 292px;
		padding-right: 20px;
		float: left;
	}
	
	.galleryRight {
		width: 21px;
		height: 292px;
		float: left;
	}
	
	.paintingGallery .galleryLeft {
		width: 21px;
		height: 292px;
		padding-right: 20px;
		float: right;
		padding-top: 140px;
	}
	
	.paintingGallery .galleryRight {
		width: 21px;
		height: 292px;
		float: right;
		margin-left: 15px;
		padding-top: 140px;
	}
	
	.artistGallery .galleryCenter {
		width: 459px;
		float: left;
	}
	
	.paintingGallery .galleryCenter {
		float: right;
		vertical-align: middle;
		max-width: 84%;
	}
	
	.galleryLeft a.inactive, .galleryLeft a.inactive:hover {
		background: url(../images/navigation/pfeil_li_inaktiv.gif) no-repeat;
	}
	
	.galleryLeft a {
		background: url(../images/navigation/pfeil_links.gif) no-repeat;
	}
	
	.galleryLeft a:hover {
		background: url(../images/navigation/pfeil_links_mo.gif) no-repeat;
	}
	
	.galleryRight a {
		background: url(../images/navigation/pfeil_rechts.gif) no-repeat;
	}
	
	.galleryRight a:hover {
		background: url(../images/navigation/pfeil_rechts_mo.gif) no-repeat;
	}
	
	.galleryRight a.inactive, .galleryRight a.inactive:hover {
		background: url(../images/navigation/pfeil_re_inaktiv.gif) no-repeat;
	}
	
	.artistGallery .copy .gallery {
		float: left;
		width: 380px;
		padding-right: 9px;
		
	}
	.paintingGallery .copy .gallery {
		float: right;
		margin-top: 10px;
		clear: both;
	}
	.paintingGallery .ml_contentBox img {
		float: right;
	}
	.artistGallery  .galleryCounter {
		width: 50px;
		float: left;
		/*
		 * position: relative;
		 * right: 13px;
		 */
		
		
		font-size: 17pt;
		color: #4B4B4B;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.paintingGallery .galleryCounter {
		width: 50px;
		position: relative;
		left: 694px;
		top: 281px;
		
	}
	
	.paintingGallery .title {
		margin-bottom: 6px;
		margin-top: 10px;
	}
	
	.paintingGallery .ml_contentBox {
		margin-right: -33px;
		padding-left: 0px;
	}
	
	.paintingGallery .galleryCounter .light,
	.paintingGallery .galleryCounter {
		font-size: 8pt;
		color: #4B4B4B;
		font-family: Arial, Helvetica, sans-serif;
	}
	.artistGallery .galleryCounter .light {
		font-size: 17pt;
		color: #B5B4B4;
	}
	
	.galleryCenter .link {
		clear: both;
	}
	
	.overview_item {
		padding-bottom:50px;
		padding-left: 15px;
		float: left;
		overflow: auto;
	}
	
	.overview_item img {
		padding-bottom:10px;
	}
	.overview_item p {
		/*width:160px;*/
		max-width: 170px;
	}
	
	.overview_item .boxHover {
		position:absolute;
		background-color:#FFFFFF;
		padding:5px;
		display:none;
		border:none;
		box-shadow: 1px 1px 2px #999999;
		-moz-box-shadow: 1px 1px 3px #999999; 
		-webkit-box-shadow: 1px 1px 2px #999999;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction='120',strength='3');
	}
	.overview_item .boxHover a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #b5b4b4;
		line-height: 13pt;
		font-style: italic; 
		text-decoration: none;
	}
	
	.overview_item .boxHover a .normal_italic_grey{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #b5b4b4;
		line-height: 13pt;
		font-style: italic; 
	}
	.overview_item .boxHover a{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #4a4a4a;
		line-height: 13pt;
	}
	.overview_item .boxHover a p {
		text-decoration: none;
	}
	.boxHover .arrow {
		border:none;
		position:absolute; 
		padding-right:5px; 
		bottom:0; 
		right:0
	}


}