/*
	*** Die Programmiererin - Mareike Hybsier, Berlin ***
	Standard Styles for www.die-programmiererin.de
	(c) Mareike Hybsier - http://www.die-programmiererin.de
*/


/*** Styles for the whole site ***/
body { background-image: url(/includes/pattern_light.png); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; padding: 0px; margin: 0px; color: #222222; }
div#wrapper { width: 980px; margin: 0 auto; text-align: left; }
div.content { overflow: auto; } /* This clears the floats of the child elements, see http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */
div.three_columns { float: left; width: 300px; margin: 0px; padding: 10px; }

p { line-height: 18px; }
em { color: gray; font-style: normal; } /* Style used for the annotations in the clients section */
strong { font-weight: bold; }

/* General headline styles */
h1 { font-size: 40px; margin: 0px; padding: 10px; cursor: pointer; }
h2 { font-size: 16px; }

.blue { color: #00b9f1; }
.green { color: #99cc00; }

/* General link styles - Colors: pink #ec008b, blue #00b9f1, dark gray #222, light gray #ebebeb; */
a { color: #222222; text-decoration: none; }
h1.hover, a:hover { color: #ec008b; cursor: pointer; }
h1.active, a:active { color: #00b9f1; cursor: pointer; }

/* General list styles */
ul { margin: 0px; padding: 0px; }
ul li { margin: 0px; padding: 0px; list-style: none; }

/* Elements with a black border at the bottom */
h1, div#footer, div.content { border-top: 1px solid black; }


/*** Styles for the header and footer section ***/
/* Styles only for the header */
div#header { border-top: 5px solid black; }

/* Styles for both the header and the footer */
div#header, div#footer { height: 40px; }
div#footer div#styleswitcher { text-align: center; }
div#footer div#styleswitcher a { color: gray; }

/* Styles only for the footer */
div#footer { border-bottom: 5px solid black; }


/*** Styles for the main content sections ***/
div#who, div#what, div#how { height: 100%; margin: 0px; padding: 0px; }

/* Special link styles */
div#what div#realization a { font-weight: bold; }

/* Special list & link styles */
div#how div#network ul { margin-bottom: 18px; }
div#how div#network ul li a, div#clients ul li a { margin-right: 6px; font-weight: bold; }