/* CSS Framework */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
body {font-size:90%;font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:Georgia,"Times new Roman",Times,serif;font-weight:bold;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;padding-left: 0.75em;}
h3 {font-size:1.5em;margin-bottom:0.75em;}
p {margin-bottom: 1em;}
p img.left {float: left;margin: 1.5em 1.5em 1.5em 0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a {text-decoration: underline;}
strong {font-weight: bold;}
em, dfn {font-style: italic;}
li ul, li ol {margin: 0 1.5em;}
ul, ol {/*margin: 0 1.5em 1.5em 1.5em;*/}
ul {margin: 0 1em 1.5em 1em;list-style-type: disc;}
ol {margin: 0 1.5em 1.5em 1.5em;list-style-type: decimal;}

body.news ul.news li {margin-bottom: 1em;}
.small {font-size: .8em;margin-bottom: 1.875em;line-height: 1.875em;}
#header h1 span {text-transform: lowercase;} /* height should match background image */
#license p {font-size: .8em;line-height: /*1.875em*/15px;}	/* line-height matches buttons */
#footer .brand {text-transform: lowercase;font-variant: small-caps;}

/* page areas sizing & positioning */
body {width: 100%;}
#wrap {min-width:1100px}
#header {padding-top: 10px;/*height: 114px;*/height: auto;width:100%;overflow:hidden;} /* height should match background image */
#contentnav {margin-bottom: 1.5em;}
#footer {/*width: 100%;*/text-align: left;padding: 15px 1.8em;}	/* 100% removed to prevent hor. scrollbar */
.license {/*width: 100%;*/text-align: left;padding: 10px 1.6em;}	/* 100% removed to prevent hor. scrollbar */

#footer p {height: 25px;} /* height should match background image */
#header h1 {/*height: 81px;*/margin-left: 0.5em;} /* height should mbe sufficient for any background image */
#header h1 span {/*margin-left: 3em;*/}	/* leave some space for background image */
#header h1 .hide {display: none;}
#mainnav {width: 100%;padding:0 0 1px 0;}	/* 1px to prevent link borders overlap */
#license p {margin-bottom: 0;}

/* navigation */
#navigation a {padding: 5px 13px;text-decoration: none;}
#navigation a:hover {text-decoration: underline;}
body.left  #mainnav ul {display: block;margin: 0 1.5em 0 0;padding-left: 15em;}
body.right #mainnav ul {display: block;margin: 0 0 0 1.5em;padding-right: 15em;}
body.left  #mainnav li {display: inline;margin: 0 0 0 0.5em;padding: 0;height: 1.5em;}
body.right #mainnav li {display: inline;margin: 0 0.5em 0 0;padding: 0;height: 1.5em;}
#mainnav li a {line-height: 1.5em;padding: 0.2em 0.5em;text-decoration: none;}

	/* NOT table display for header (stack divs) */
#header {width: 100%}
#header h1 {}
/*
#header #navigation {padding-top: 5em;text-align: right;width: 900px;max-width: 80%;}
*/
	/* table display for content area */
#content_cols {display: table-row;border-collapse: /*separate*/collapse;border-spacing: 0;width: 100%}
#left  {padding:0 1em}
#right {padding:0 1em}
body.left  #left {display: table-cell;width: 15em;padding: 1em;}
body.both  #left {display: table-cell;width: 15em;padding: 1em;}
body.right #left {display: none;width: 15em;padding: 1em;}
#content {display: table-cell;padding: 1em;}
body.left  #right {display: none;width: 15em;padding: 1em;}
body.both  #right {display: table-cell;width: 15em;padding: 1em;}
body.right #right {display: table-cell;width: 14em;padding: 1em;}

	/* table display for bilingual intro; outline/bg is for debug only */
#biling {display: table-row;border-collapse: separate;border-spacing: 1px;width: 100%;/*outline:1px dotted blue;background-color:#efefef;*/}
#content_en {display: table-cell;width: 50%;padding:0 1em}
#content_de {display: table-cell;width: 50%;padding:0 1em}

body.left  #bread {text-align: right;}
body.both  #bread {text-align: left;}
body.right #bread {text-align: left;}
body.left  #print {text-align: right;}
body.both  #print {text-align: left;}
body.right #print {text-align: left;}

#content {padding: 0 1em 0 1.5em;}	/* match padding-right with sidebar(s) */
#content p {max-width: 728px;}		/* was 750, but match ad block width! */
/*#footer {margin-top: 1em;}*/
#credits {display: none;}

/* sidebar items */
	/* language switch */
.sb-lang {margin:-1em -1em 1em -1em;padding:1em 1em 0.5em 1em;background-color: #eee;}	/* override padding on #right to let color 'expand'; bg same as content */
	/* identi.ca badge - iffy, but at least icon is placed better */
.sb-identica h3 {font-size: 100% !important;line-height: 1.5em !important;}	/* font-size has no effect? the *random* div class seems more specific */
.sb-identica h3 a {font-size: 150% !important;line-height: 1.5em !important;}	/* font-size has no effect? the *random* div class seems more specific */
	/* links to related pages */
.sb-more ul {list-style-type:none;padding:0;margin:0 0 1em 0;}	/* NOTE: width and height are set already (190,350) with !important :( - why? when a parameter supports widget width? - subtracts 22 for 'inner width'...*/
.sb-more li a {line-height: 18px;}	/* leave space for 16x16 icon */
.sb-more li img {width:280px}		/* scale from 380px */

/* feed button */
#feed {line-height: 26px;}	/* match feedburner chicklet */
#feed a {text-decoration: none;}
#feed img {vertical-align: middle;}

/* google ads - style placeholder wrappers instead of ads for loading after page load; */
#ad1 {display: block;margin: 0 0 1em 0;width:100%;height:15px;}
#ad2 {display: block;margin: 1em 0 0 0;width:100%;height:90px;}
#adsense1 {display:block;width:728px;}
#adsense2 {display:block;width:728px;margin:auto;}