html, body{ 
margin:0; 
padding:0; 
background-color: White;
text-align:center; 
} 

#be_there{
background-image: url(/events/rotterdam08/there.gif);
background-repeat: no-repeat;
background-position: top right;
width:207px;
height:207px;
position:absolute;
top:0;
right:0;
margin-right: 150px;
margin-top: 20px;
}


#special_feature{
background-image: url(/events/patrick10/patrickgraf.gif);
background-repeat: no-repeat;
background-position: top right;
width:200px;
height:200px;
position:absolute;
top:0;
right:0;
cursor: hand;
}


#special_feature_close{
background-image: url(/events/mexico07/close_button.gif);
background-repeat: no-repeat;
background-position: top right;
width:16px;
height:16px;
position:absolute;
top:0;
right:0;
margin-right: 8px;
margin-top: 130px;
}


#pagewidth{ 
width:700px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 


 
#header{
margin-top: 30px;
position:relative; 
height:40px; 
width:100%;
background-image: url(/images/logo_haas_fischer.jpg);
background-repeat: no-repeat;
background-position: top left;
margin-left: 0px;
margin-right: 0px;
} 

#header h1 {
display: none;
}

 /* *** Startseite *** */ 
 
#maincol{
background-color: #FFFFFF;  
float: left; 
display: inline; 
position: relative;
}
 
#teaser_pic{
width:100%;
margin-top: 50px;
margin-bottom: 10px;	
}
 
#teaser_title h2 {
display: none;
}

#teaser_title h3 {
display: none;
}

#chose_language{
text-align: right;
float: right;
width:100%;
margin-top: 30px;
}

 /* *** Folgeseiten *** */ 

#twocols{
margin-top: 30px;
width:700px; 
float:left; 
position:relative; 
}
 
#rightcol{
width:160px; 
float:right; 
position:relative; 
}
 
#maincol_reg{
float: left; 
display:inline; 
position: relative; 
width:540px; 
}

#maincol_artist{
float: left; 
display:inline; 
position: relative; 
width:540px; 
}


 /* *** Contact *** */ 

#map {
text-align: left;
}

#map img {
margin-bottom: 20px;
}

#address {
margin-top: 5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 18px;
font-size: 11px;
color: #333333;
float: left;
width: 250px;
}

#address a{
text-decoration: none;
color: #333333;
text-decoration:none;
border-bottom:1px dotted #333333;
}

#address p {
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

#opening_times {
margin-top: 5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
float: left;
width: 250px;
}

#opening_times p{
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

 /* *** About Us *** */ 

#about_us_text {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
float: left;
width: 500px;
margin-bottom: 30px;
}

#about_us_text p{
margin: 0 0 5px 0;
padding: 0 0 0 0;
}
 
#newsletter {
margin-top: 5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
float: left;
width: 500px;
}

#newsletter p{
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

form {
margin-top:10px;
}

.fieldset {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
width:500px;
}

.fieldset .textfield {
margin-left: 0px;
margin-right: 10px;
height:16px;
width:200px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
border:solid 0 #fff;
background: transparent 
url("/images/form_bg.png") no-repeat fixed; }
.fieldset>input.textfield {
background: transparent 
url("/images/form_bg.png") no-repeat; }

.button {
background-color: #A5A5A5;
color: White;
border: 2px solid #525252;
margin-left:10px;
cursor: pointer;
}

 /* *** Exhibitions Seiten *** */ 

#exhibition_title h2, h3{
display:none;
}


#upcoming_exhibition_title h2, h3{
display:none;
}

#work {
text-align: left;
}

#pic_counter {
width:160px;
margin-top: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #999999;
float: left;
}

#pic_description {
margin-top: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #666666;
float: left;
}

#pic_description p{
margin: 0 0 5px 0;
padding: 0 0 0 0;
}


#further_information_text {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
float: left;
width: 500px;
margin-bottom: 30px;
}

#further_information_text p{
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

#further_information_pic {
width: 500px;
}


#flash_movie_container {
width: 500px;
}

div.flash_movie {
width: 500px;
height: 375px;
clear: left;
margin-bottom: 15px;
}


div.press_documents div.pdfbox {
float: left;
margin-top: 3px;
padding:0px;
border: 0px;
text-decoration: none;
}

div.press_documents div.press_documents_details {
margin-left: 60px;
margin-bottom: 20px;
width: 400px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}

div.press_documents_archive {
text-decoration: none;
margin-left: 0px;
margin-bottom: 30px;
width: 400px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}

div.past_exhibition {
margin-bottom: 60px;
}

div.past_exhibition div.teaserbox {
float: left;
margin-top: 3px;
padding:0px;
}

div.past_exhibition div.past_exhibition_detail {
margin-left: 100px;
margin-bottom: 0px;
width: 400px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}


div.artist_list {
height: 125px;
margin-bottom: 60px;
margin-right: 20px;
float: left;
}

div.artist_list  {
margin-bottom: 0px;
width: 240px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}


div.artist_list_detail {
margin-left: 90px;
margin-bottom: 0px;
width: 150px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}


div.artist_list div.artist_list_teaserbox {
float: left;
margin-top: 3px;
padding:0px;
}


#maincol_reg a{
text-decoration: none;
color: #333333;
text-decoration:none;
border-bottom:1px dotted #333333;
}

#maincol_artist a{
text-decoration: none;
color: #333333;
}


 /* *** Hauptmenu *** */ 

#navcontainer {
margin-left: 0px;
margin-top: 0px;
}

#navcontainer a {
display: block;
width: 160px;
height: 12px;
text-decoration: none;
}

#navcontainer ul {
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
}
 
#navcontainer li {
height: 16px;
margin-bottom: 4px;
}

#navcontainer ul li a span {
display: none;
}

#exhibitions a{
background: url(/images/menu_eng/exhibitions.png);
background-position: top;
}
#exhibitions a:hover{
background: url(/images/menu_eng/exhibitions.png);
background-position: bottom;
}
#exhibitions a.selected{
background: url(/images/menu_eng/exhibitions.png);
background-position: bottom;
}

#artists a{
background: url(/images/menu_eng/artists.png);
background-position: top;
}
#artists a:hover{
background: url(/images/menu_eng/artists.png);
background-position: bottom;
}
#artists a.selected{
background: url(/images/menu_eng/artists.png);
background-position: bottom;
}

#artfairs a{
background: url(/images/menu_eng/artfairs.png);
background-position: top;
}
#artfairs a:hover{
background: url(/images/menu_eng/artfairs.png);
background-position: bottom;
}
#artfairs a.selected{
background: url(/images/menu_eng/artfairs.png);
background-position: bottom;
}



#review a{
background: url(/images/menu_eng/review.png);
background-position: top;
}
#review a:hover{
background: url(/images/menu_eng/review.png);
background-position: bottom;
}
#review a.selected{
background: url(/images/menu_eng/review.png);
background-position: bottom;
}


#contact a{
background: url(/images/menu_eng/contact.png);
background-position: top;
}
#contact a:hover{
background: url(/images/menu_eng/contact.png);
background-position: bottom;
}
#contact a.selected{
background: url(/images/menu_eng/contact.png);
background-position: bottom;
}

#newsletter_menu a{
background: url(/images/menu_eng/newsletter.png);
background-position: top;
}
#newsletter_menu a:hover{
background: url(/images/menu_eng/newsletter.png);
background-position: bottom;
}
#newsletter_menu a.selected{
background: url(/images/menu_eng/newsletter.png);
background-position: bottom;
}


/* *** Contact Menü *** */ 
 
#navcontainer_contact {
margin-left: 0px;
margin-top: 40px;
}

#navcontainer_contact a {
display: block;
width: 160px;
height: 12px;
text-decoration: none;
}

#navcontainer_contact ul {
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
}

#navcontainer_contact li {
height: 16px;
margin-bottom: 4px;
}

#navcontainer_contact ul li a span {
display: none;
}

#contact_us a{
background: url(/images/menu_eng/contact_us.png);
background-position: top;
}
#contact_us a:hover{
background: url(/images/menu_eng/contact_us.png);
background-position: bottom;
}
#contact_us a.selected{
background: url(/images/menu_eng/contact_us.png);
background-position: bottom;
}
 
#about_us a{
background: url(/images/menu_eng/about_us.png);
background-position: top;
}
#about_us a:hover{
background: url(/images/menu_eng/about_us.png);
background-position: bottom;
}
#about_us a.selected{
background: url(/images/menu_eng/about_us.png);
background-position: bottom;
} 


/* *** Exhibitions Menü *** */ 
 
#navcontainer_exhibition {
margin-left: 0px;
margin-top: 40px;
}

#navcontainer_exhibition a {
display: block;
width: 160px;
height: 12px;
text-decoration: none;
}

#navcontainer_exhibition ul {
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
}
 
#navcontainer_exhibition li {
height: 16px;
margin-bottom: 4px;
}

#navcontainer_exhibition ul li a span {
display: none;
}


#current_exhibition a{
background: url(/images/menu_eng/current_exhibition.png);
background-position: top;
}
#current_exhibition a:hover{
background: url(/images/menu_eng/current_exhibition.png);
background-position: bottom;
}
#current_exhibition a.selected{
background: url(/images/menu_eng/current_exhibition.png);
background-position: bottom;
}
 
#upcoming_exhibition a{
background: url(/images/menu_eng/upcoming_exhibition.png);
background-position: top;
}
#upcoming_exhibition a:hover{
background: url(/images/menu_eng/upcoming_exhibition.png);
background-position: bottom;
}
#upcoming_exhibition a.selected{
background: url(/images/menu_eng/upcoming_exhibition.png);
background-position: bottom;
} 

#past_exhibitions a{
background: url(/images/menu_eng/past_exhibitions.png);
background-position: top;
}
#past_exhibitions a:hover{
background: url(/images/menu_eng/past_exhibitions.png);
background-position: bottom;
}
#past_exhibitions a.selected{
background: url(/images/menu_eng/past_exhibitions.png);
background-position: bottom;
} 



  /* *** Exhibitions Sub Menü *** */ 


#navcontainer_exhibition_sub {
margin-left: 0px;
margin-top: 40px;
}

#navcontainer_exhibition_sub a {
display: block;
width: 160px;
height: 12px;
text-decoration: none;
}

#navcontainer_exhibition_sub ul {
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
}
 
#navcontainer_exhibition_sub li {
height: 16px;
margin-bottom: 4px;
}

#navcontainer_exhibition_sub ul li a span {
display: none;
}


#walkthrough a{
background: url(/images/menu_eng/walkthrough.png);
background-position: top;
}
#walkthrough a:hover{
background: url(/images/menu_eng/walkthrough.png);
background-position: bottom;
}
#walkthrough a.selected{
background: url(/images/menu_eng/walkthrough.png);
background-position: bottom;
}

#selected_works a{
background: url(/images/menu_eng/selected_works.png);
background-position: top;
}
#selected_works a:hover{
background: url(/images/menu_eng/selected_works.png);
background-position: bottom;
}
#selected_works a.selected{
background: url(/images/menu_eng/selected_works.png);
background-position: bottom;
} 


#available_works a{
background: url(/images/menu_eng/available_works.png);
background-position: top;
}
#available_works a:hover{
background: url(/images/menu_eng/available_works.png);
background-position: bottom;
}
#available_works a.selected{
background: url(/images/menu_eng/available_works.png);
background-position: bottom;
} 


#further_information a{
background: url(/images/menu_eng/further_information.png);
background-position: top;
}
#further_information a:hover{
background: url(/images/menu_eng/further_information.png);
background-position: bottom;
}
#further_information a.selected{
background: url(/images/menu_eng/further_information.png);
background-position: bottom;
}


#press a{
background: url(/images/menu_eng/press.png);
background-position: top;
}
#press a:hover{
background: url(/images/menu_eng/press.png);
background-position: bottom;
}
#press a.selected{
background: url(/images/menu_eng/press.png);
background-position: bottom;
}


  /* *** Pfeile *** */ 

#nav_arrows {
height: 8px;
margin-left: 0px;
margin-top: 20px;
}

#nav_arrows ul {
margin: 0;
padding: 0 0 0 0;
}

#nav_arrows ul li {
float: left;
display: block;
margin-right: 8px;
height: 7px;
width: 7px;
}

#nav_arrows ul li a {
display: block;
height: 7px;
width: 7px;	
}

#nav_arrows ul li a span {
display: none;
}

#previous a{
background: url(/images/arrow_prev.png);
}

#next a{
background: url(/images/arrow_next.png);
}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}