/* Website of Galerie Guy Bärtschi - CSS specification */

/* Colors used for test purposes (are commented out in operational version) */
/*
#body      {background-color: #8ff;}
#mainpage  {background-color: #ff8;}
#content   {background-color: #f88;}
#content2  {background-color: #f8f;}
*/

body {
  margin:         0;
  text-align:     center;
  background-color: white;
}

#body {
	max-width:     1000px;
	min-height:    1200px;
	color:         black;
	margin-left:   auto;
	margin-right:  auto;
	text-align:    center;
	font-family:   "Trebuchet MS", arial, helvetica, sans-serif;
/*	font-familiy:  "Lucida Grande", "Lucida Sans", sans-serif; */
	font-size:     0.8em;
	line-height:   normal;
	margin-top:    0px;
	padding:       10px;
}

#mainpage {
   max-width:     1000px;
	margin-left:   auto;
	margin-right:  auto;
	text-align:    center;
}

/* Styles associated with top menu (= main menu) */

#topmenu {
   margin-top:    10px;
   margin-bottom: 10px;
  	margin-left:   auto;
	margin-right:  auto;
	text-align:    center;
	font-size:     0.85em;
	font-weight:   bold;
	letter-spacing:0.2em;
	text-transform:uppercase;

}

#topmenu table {
  	margin-left:   auto;
	margin-right:  auto;
}

#topmenu td {
   vertical-align: bottom;
}

#topmenu .galleryname {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#topmenu .separator {
   padding-left:  4px;
   padding-right: 4px;
	font-size:     1.8em; 
/*	font-size:     19px; */
	line-height:   normal;
	font-weight:   bold;
	color:         #888;
}

#mainmenu { 
   font-weight:   bold; 
   font-size:     1.0em;
   line-height:   normal;
   margin-bottom: 0px;
   padding-bottom:0px;
}

#mainmenu .option { 
   color:         #c03030; 
   margin-left:   5px; 
   margin-right:  5px;
   margin-bottom: 0px;
   padding-bottom:0px;
}

#mainmenu .current {
   color:         #000; 
   margin-left:   5px; 
   margin-right:  5px;
   margin-bottom: 0px;
   padding-bottom:0px;
}

#mainmenu a:link     {text-decoration: none;}
#mainmenu a:active   {text-decoration: none;}
#mainmenu a:visited  {text-decoration: none;}
#mainmenu a:hover    {color: #999; text-decoration: underline;}

#langmenu { 
   font-weight:   bold; 
   font-size:     1.0em; 
   line-height:   normal;
}

#langmenu .option {
   color:         #c03030; 
   margin-left:   5px; 
   margin-right:  5px;
}

#langmenu a:link     {text-decoration: none;}
#langmenu a:active   {text-decoration: none;}
#langmenu a:visited  {text-decoration: none;}
#langmenu a:hover    {color: #999; text-decoration: underline;}


/* General styles for main page content */

#content {
	margin-left:   auto;
	margin-right:  auto;
	text-align:    left;
}

#content2 {
	margin-left:   auto;
	margin-right:  auto;
	min-width:     1000px;
	text-align:    left;
}

/* Homepage styles */

#homepage {
   width:        800px;
   margin-top:   30px;
  	margin-left:  auto;
	margin-right: auto;
}

#homepage table {
   width:        80%; 
}

#homepage td {
   padding-top:  20px;
   vertical-align:top;
}

#homepage .image {
/* margin-right: 10px; */
   margin-left:  25px;
   text-align:   left;
}

#homepage .text {
   margin-left:  10px;
   text-align:   left;
   font-size:    0.9em;
   line-height:  normal;
}

#homepage .title1 {
   font-weight:  bold;
}

#homepage .title2 {
   font-weight:  bold;
}

#homepage .subtitle {
   font-weight:  normal;
}

/* Styles for "module" pages */

#module {
   width:        800px;
   margin-top:   30px;
  	margin-left:  auto;
	margin-right: auto;
}

#modulebody .firstitem {
   display:       block;
   clear:         both;
	margin:        20px 0 20px 0;
}

#modulebody .options {
	margin:        20px 0 0 0;
}

#modulebody .moreitems {
   display:       block;
   clear:         both;
	margin:        30px 0 20px 0;
}

#modulebody .item {
   display:       block;
   clear:         both;
	margin:        20px 0 10px 0;
}

#modulebody img {
	margin:       0px 20px 0px 0px;
}

/* Styles for navigation elements */
.navig {
   padding-left:  4px;
   padding-right: 4px;
	font-size:     0.8em;
	line-height:   normal;
	font-weight:   bold;
	text-align:    right;
}

.navbar {
   padding:       3px;
   border:        0;
}

/* Styles for images and image captions */

.imgmedium {
   padding-left:  4px;
   padding-right: 4px;
	float:         left;
}

.imglarge {
   padding-left:  4px;
   padding-right: 4px;
}

.imgmedium_label {
}

.imglarge_label {
   display:       block;
   clear:         left;
}

/* Styles for list of artists */

#artists {
   width:         800px;
   margin-top:    30px;
  	margin-left:   auto;
	margin-right:  auto;
}

#artistlist {
   width:         600px;
  	margin-left:   auto;
	margin-right:  auto;
}

#artistlist ul {
	width:         270px;
	margin-top:    20px;
	margin-left:   10px;
	margin-right:  20px;
}

#artistlist li {
	list-style-type: none;
	font-size:     0.9em;
	line-height:   normal;
}

.artistlabel {
	font-weight:   bold;
}

#search {
}

#searchbody {
	 margin: 40px 20px 5px 20px;
    padding: 10px 30px 10px 30px; 
    text-align: left;
}
  
/* General styles */

/* .main { 
 	font-family:   "Lucida Grande", "Lucida Sans", helvetica, arial, sans-serif; 
	font-size:     8pt;
} */


.small                 { font-size: 7.5pt }

A IMG                  { border-width: 0 }

a                      { color: #FF0000; text-decoration: none }
a:link                 { color: #666; text-decoration: none }
a:visited              { color: #666; text-decoration: none }
a:active               { color: #666; text-decoration: none }
a:hover                { color: #000; text-decoration: underline }

.galleryaddress        { font-weight: bold; font-size: 8pt; color: #000000 }

A.galleryemail:link    { font-weight: bold; color: #DD0033; font-size: 8pt; text-decoration: none }
A.galleryemail:visited { font-weight: bold; color: #DD0033; font-size: 8pt; text-decoration: none }
A.galleryemail:active  { font-weight: bold; color: #222222; font-size: 8pt; text-decoration: none }
A.galleryemail:hover   { color: #000000; text-decoration: none }

.mainlink              { color: #222222; text-decoration: none }
A.mainlink:link        { color: #222222; text-decoration: none	}
A.mainlink:active      { color: #DD0033; text-decoration: none	}
A.mainlink:visited     { color: #222222; text-decoration: none	}
A.mainlink:hover       { color: #DD0033; text-decoration: none	}

.ctllink               { color: #DD0033; text-decoration: none }
A.ctllink:link         { color: #DD0033; text-decoration: none	}
A.ctllink:active       { color: #222222; text-decoration: none	}
A.ctllink:visited      { color: #FF0033; text-decoration: none	}
A.ctllink:hover        { color: #666666; text-decoration: none	}

h1, h2, h3, h4, h5, h6 { text-align:  left; } 
h1, h2, h3, h4, h5, h6 { color: #333; }
h1, h2, h3 {font-variant: small-caps; letter-spacing:0.2em;}
h1 { font-size: 1.3em; margin-top: 0.6em; margin-bottom: 0.4em; font-weight: bold;   }
h2 { font-size: 1.2em; margin-top: 0.5em; margin-bottom: 0.4em; font-weight: bold;   }
h3 { font-size: 1.1em; margin-top: 0.4em; margin-bottom: 0.3em; font-weight: bold;   }
h4 { font-size: 1.0em; margin-top: 0.3em; margin-bottom: 0.3em; font-weight: bold;   }
h5 { font-size: 0.9em; margin-top: 0.2em; margin-bottom: 0.2em; font-weight: bold;   }
h6 { font-size: 0.9em; margin-top: 0.2em; margin-bottom: 0.2em; font-weight: normal; } 

hr { width: 100%; background-image: url("/gfx/hreddots2.gif"); background-color: white; background-repeat: repeat-x;}
.horizline {
   border-top: 10px;
   border-bottom: 10px;
}
 
DT { margin-bottom: 0; font-weight: bold }
DD { margin-top: 0; margin-left: 1em }

/* Styles for specific pages */

.artistlist { 
	margin-top: 5px; 
	text-align: left;
	font-size: 10pt;
	line-height: 1.5;
}

.artistlist-ul { 
	list-style-image: url("/gfx/bullet-square-open-red.gif");
}

.homepagetext      {margin-right: 20px; text-align: right; }
.homepagetitle1    {font-size: 14pt; margin-top: 0px;}
.homepagetitle2    {font-size: 18pt; margin-top: 5px;}
.homepagesubtitle  {font-size: 11pt; margin-top: 5px;}

.homepagetext21    {margin-left:  20px; text-align: left; }
.homepagetext22    {margin-right: 20px; text-align: right; }
.homepagetitle21   {font-size: 14pt; margin-top: 0px;}
.homepagetitle22   {font-size: 16pt; margin-top: 5px;}
.homepagesubtitle2 {font-size: 10pt; margin-top: 5px;}

.infoheader { 
	 margin:      0px 10px 5px 10px;
    padding:     5px; 
    text-align:  left;
    font-weight: bold; 
    font-size:   12pt; 
}

.infobody {
	 margin: 20px 20px 5px 20px;
    padding: 10px 30px 10px 30px; 
    text-align: left;
}
    
.infobody td {
    vertical-align: top;
}
    
.infobodytext {
    padding: 10px; 
    text-align: left;
    border: #666666 thin dotted;
}
    
/* Styles for specific parts */

.artistlabel {
	 margin: 0cm; 
    font-size: 10pt; 
}

.artistimage {
    border-width: 1;
    border-color: #808080
}

.cataloglabel {
	margin: 0cm; 
    text-align: left;
    font-size: 10pt; 
}

.catalogimage {
    border-width: 1;
    border-color: #808080
}

.control { 
	margin-left: 10px; margin-right: 10px; 
    padding: 5px; 
    font-size: 8pt; 
}

.cv {
 	font-family: arial, helvetica, sans-serif; 
    margin: 0cm;
    font-weight: normal;
    font-size: 10pt;
}

.cvname {
    margin-left: 0pt;
    margin-right: 0pt;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 14pt;
}

.cvblocklabel {
    margin-left: 0pt;
    margin-right: 0pt;
    margin-top: 1.5em;
    margin-bottom: 2pt;
    font-weight: bold;
    font-size: 12pt;
}

.cvsectionlabel {
    margin: 0cm;
    font-weight: normal;
    font-size: 10pt;
}

.cvtext {
    margin: 0cm;
    font-weight: normal;
    font-size: 10pt;
}

.cvline {
    margin-bottom: 0.2em;
}

.exhiblabel {
	margin: 0cm; 
    font-weight: normal; 
    font-size: 10pt; 
}

.exhibimage {
    border-width: 10;
    border-color: #008080
}

.formerrmsg  { text-align: center; color:red }
.formflag    { color:black }
.formerrflag { color:red }

.formmessage { font-weight: bold; font-size: 11pt; color: #000080 }

.mainheader { 
	margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 5px;
    padding: 5px; 
    text-align: left;
    font-weight: bold; 
    font-size: 10pt; 
}

.mainheadertitle {
	font-size: 11pt;
    font-variant: small-caps;
}

.maincontrol { 
	margin-left: 10px; margin-right: 10px; 
    padding: 5px; 
    text-align: right;
    font-size: 8pt; 
}

.modulelink { 
    padding: 5px;
    font-size: 9pt; 
    font-weight: bold;
}

.navbar { 
    text-align:  center;
    font-size: 8pt; 
}

.selectform {
	margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;
    padding: 5px; 
    text-align: left;
    font-size: 10pt; 
    border: #666666 thin dotted;
    background-color: #EEEEEE;
}

.worklabel {
	 margin: 0cm; 
    font-size: 10pt; 
}

.workimage {
    border-width: 10;
    border-color: #808080
}

.pageimage {
    border-width: 1;
    border-color: #808080
}