@charset "utf-8";
/* styles for www.benno-meyn.de 		  */
/*                                        */
/* media:	screen                        */
/* use:		on every page                 */
/* author:	click solutions GmbH          */
/*          Stefan v. Stade               */
/*                                        */


center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }

strong {
	font-weight: bold; }
body {
	line-height: 1; color: black; background: white; }

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }

a, a:hover {
	text-decoration: none; }

html { 
	overflow-y: scroll; }

.clear {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; }

body {
	background-image: url(../images/body_bg.gif); background-repeat: repeat; background-position: top center; font-family: Georgia, "Times New Roman", Times, serif; }

/*                                        */
/* basic layout                           */
/*                                        */
	
div#logo {
	margin: 0px auto 0px auto; width: 290px; height: 73px; }

div#navi {
	margin: 0px auto 0px auto; background-image: url(../images/navi_bg.gif); background-repeat: repeat-x; width: 900px; height: 51px; }

div#content {
	margin: 0px auto 0px auto;  width: 900px; background-color: #dddddd; }
	
div#text {
	padding-bottom: 20px; width: 600px; float: left; background-image: url(../images/content_bg.gif); background-repeat: repeat-x; min-height: 563px; }
	
div#sidenotes {
    float: left; padding-bottom: 10px; background-color:#dddddd; }	

div#footer {
	clear: both; margin: 0px auto 0px auto; width: 900px; height: 25px; }


/*                                        */
/* Navi    			                      */
/*                                        */

div#navi li {
	float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; }
	
div#navi li a {
	display: block; padding: 7px 12px 5px 12px; margin: 13px 0px 0px 20px; color: #3e3e3e; }

div#navi li a:hover {
	color: #ffffff; background-color: #467913; }


/*                                        */
/* Sidenotes		                      */
/*                                        */

div#sidenotes img {
	margin: 10px 10px 0px 10px; }


/*                                        */
/* Text		                      		  */
/*                                        */

div#text h1 {
	margin: 20px 32px 15px 32px; font-size: 17px; line-height: 19px; font-weight: bold; color: #518121; text-transform: uppercase; }

div#text h2 {
	margin: 10px 32px 0px 32px; font-size: 16px; line-height: 18px; color: #518121; font-weight: bold; }

div#text p {
	margin: 3px 32px 10px 32px; font-size: 13px; line-height: 17px; color: #000000; }

div#text p a {
	color: #000000; text-decoration: underline; }

div#text p a:hover {
	text-decoration: underline; }

div#text ul, div#text ol {
	margin: 10px 47px 10px 50px; font-size: 13px; line-height: 17px; }	
	
div#text li {
	margin-bottom: 5px; color: #000000; }	

div#text li a {
	color: #000000; }	

div#text li a:hover {
	text-decoration: underline; }
	
div#text ul {
	list-style-type: square; color: #012d63; }
	
div#text ol {
	margin-left: 75px; list-style-type: decimal; }


div#text div.project-list p {
	padding-top: 5px; height: 90px; font-size: 13px; line-height: 17px; color: #000000; border-bottom: #518121 solid 1px; }

div#text div.project-list p a {
	display: block; text-decoration: none; color: #333333; }
	
div#text div.project-list p a img {
	float: left; margin: 0px 10px 5px 0px; }

div#text div.project-list p span.project-title {
	color: #518121; font-weight: bold; }

div#text div.project p.gallery {
    margin-right: 10px; margin-bottom: 0px; height: 215px; border-bottom: #518121 1px solid; }

div#text div.project p.gallery a.reference-large {
	display: block; width: 300px; height: 205px; padding-right: 5px; margin-right: 5px; border-right: 1px solid #518121; }


div#text div.project p.gallery a {
	float: left; margin: 5px 5px 0px 0px; }


div#text div.project p.project-detail {
	margin: 10px 10px 0px 32px; }

div#text div.project span.title {
	font-weight: bold; color: #518121; }

div#text div.project p.project-backlink {
	margin-right: 10px; padding-top: 15px; border-top: 1px solid #518121; }



/*                                        */
/* Footer	                      		  */
/*                                        */

div#footer p {
	margin: 7px 0px 3px 0px; font-size: 11px; line-height: 13px; color: #000000; text-align: center; }

div#footer p a {
	color: #000000; }

div#footer p a:hover {
	text-decoration: underline; }