/*
	*** Illustratoren Organisation Berlin ***
	Styles for www.illustratorenberlin.de
	(c) Mareike Hybsier - http://www.die-programmiererin.de
*/


/* Colors: light blue #9cb7d4, light brown #E3AA36, dark brown #9A4A12 */

/***** Styles for the overall page *****/
body { margin: 0; padding: 0; background-color: white; font-family: Arial, Helvetica, Verdana, sans-serif; color: #E3AA36; text-align: center; font-size: 18px; font-weight: bold; overflow: hidden; }

/***** Container for centreing the content *****/
/* => margin-top is half the height, margin-left half the width of the content element. */
/* => When these values are changing, the margins must be adjusted. */
div#content { width: 684px; position: absolute; top: 50%; left: 50%; /* estimated: */ margin-top: -240px; margin-left: -342px; text-align: justify; }

/*** Styles for links in general ***/
/* => Don't use other classes than .active for links because of the function deactivate_all() in JavaScript; see links.js */
div#content a { color: #E3AA36; text-decoration: none; }
div#content a:hover { color: #9cb7d4; }
div#content a.active { color: #9cb7d4; }
div#content a.active:hover { color: #9A4A12; }

/* => Sets the word spacing to normal for words that belong together, i.e. Kinder & Jugendbuch or Freie Illustration */
div#content span.normal_spacing { word-spacing: normal; }

/***** Styles for the heading section *****/
div#content div#heading { margin-bottom: 13px; text-align: right; font-size: 11px; }
div#content div#heading img { border: 0; margin-bottom: 9px; }
div#content div#heading a:hover { color: #9A4A12; }

/***** Styles for the illustrator list *****/
div#content div#illustrators { margin-bottom: 34px; word-spacing: .8em; }

/***** Styles for the standard links *****/
/* => Alignes the standard links: Neuigkeiten, Kontakt, Impressum */
div#content span#standard_links span.margin_right { padding-right: 26px; }

/***** Styles for the meeting place section *****/
div#content span#meeting_place, div#content span#meeting_place a { color: #9A4A12; }
div#content span#meeting_place a:hover { color: #9cb7d4; }

/***** Styles for the portfolio section *****/
div#content span#portfolios { font-size: 11px; }
div#content span#portfolios a:hover { color: #9A4A12; }