/*
html
- body
-- higru
--- suche
--- header
--- cont
---- inhalt
---- menue
--- footer
*/


html,	
html *, 
html *:before, 
html *:after { 
	box-sizing: border-box; 
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, /*em,*/ img, ins, kbd, q, samp,
small, /*strong,*/ sub, sup, var, /*b, i,*/ dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%; /* dont edit  */
  font: inherit;
  vertical-align: baseline;
}


div#higru { width:70%; min-width:560px; max-width:50em; }
div#face { width: 750px; }

header, footer, div#cont { width:100%; }

header, footer, div#suche, div#higru, div#face, div#cont, div#inhalt, div#menue { display:block; }
header, footer, div#inhalt { clear:both; }

body { padding:20px 0;}
div#higru { margin:0 auto; padding:1px 5em; }
div#face { margin:0 auto; padding:1px; }
header#header, div#cont { padding:1px 0;}
div#inhalt { padding-bottom:1em;}
div#inhalt { padding-top:1em;}

/* FONT + TEXT --------------------------- */

html { line-height:normal; font-family:Verdana, Geneva, Tahoma, sans-serif; }
body { font-size:87.5%; }

/* small */
footer#footer,
header#header div.box, 
nav, 
div#higru > div.box, 
div#cont > div.box, 
div#inhalt div.box, 
div#inhalt div.fn p, 
div#inhalt p.bu, div#inhalt p.credit, div#inhalt p.klein, 
/* div#menue, */
span.klein { 
	font-size:85.7%; 
	}	

/* small - nicht weiter verkleinern */
footer#footer nav,
div#inhalt div.box p, 
div#inhalt div.box sup, 
div#menue p, 
footer#footer p { 
	font-size:100%; 
	}

/* big - headlines */
h1, h2, h3, h4, h5, h6 { font-family:Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, "MS Serif", "New York", serif; }

header#header h1 { font-size:300%; text-transform:uppercase;}
header#header h1 span { font-size:50%;}
h1, header#header h2 { font-size:150%; text-transform:uppercase;}
h2 { font-size:150%;}
h2.headline { font-size:200%;}
h2.translator, h2.datum, h2.autor { font-size:135.7%; font-weight:normal; font-family:Verdana, Geneva, Tahoma, sans-serif; }
h3 { font-size:120%;}
h4, h5 { font-size:120%; }
h6 { font-size:120%; }


h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-weight:bold; line-height:normal; } 
p {line-height:1.8em; }
ol {line-height:1.6em; }
div#menue cite { font-style:normal; }
a { font-weight:bold;}
a.extern { font-weight:normal; }

p.credit, p.rechts { text-align:right; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }



/* GENERAL --------------------------- */

.nn4 { display:none; }

.inline { display:inline; }
.clearboth { clear:both; }
.floatleft { float:left; margin:0 1em 1em 0;}
.floatright { float:right; margin:0 0 1em 1em;}
.zentriert { margin-right:auto; margin-left:auto; text-align:center; }
span.softbr { visibility:hidden; line-height:0.1; font-size:0.1; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }





/* MARGIN + PADDING --------------------------- */

form, div, p, ul, ol, li { padding:0 0 1em 0; }

div#top { padding:0; }
hr { margin:1px 0 1em 0; }

h1, h2, h3, h4, h5, h6 { padding:0.5em 0; }
div#menue > h1, 
div#menue > h2, 
div#menue > h3, 
div#menue > h4, 
div#menue > h5, 
div#menue > h6,
div#inhalt > h3 { padding:0.5em 0 0.5em 0; } 

header#header h1 { padding:0; }
header#header h2 { padding-top:0; }
h2.datum, h2.autor { padding-bottom:0; }
header#header + h1 { margin-top:0; }
.boxbuch h2, .boxbuch p { padding-left:1em;}

p.bu, p.credit { margin:3px; }
p.credit { padding-bottom:3px; }
p.ps { padding-top:1em; font-style:italic;}
div#menue p { margin:0 0 1em 0; }
div.box p { padding:1px; }
div.fn { padding-top: 2em; }   /* fussnoten */
div.fn p  { padding:0 0 0.4em 0; }   /* fussnoten */



div.hoerbox object { margin: 1em; }



/* FORM + SEARCH --------------------------- */

fieldset { padding:1em; }
input, textarea { max-width:90%; }
input.text, select { padding:0.2em; }
textarea { padding:0.5em; }
input.submit { padding:0.4em; font-weight:bold; }

div#suche { float:right; padding:0; }
div#suche form, div#suche div.cse-branding-logo { float:left; padding:0; margin-bottom: 1em; }
div#suche div.cse-branding-logo * { float:left; padding:0 0 0 1em; }



/* IMAGE --------------------------- */

img { display:block; }
div.box img.icon { margin:1em; }
div.xmas li img.icon { clear:both; padding:0 1em 2em !important; }



/* BOXES --------------------------- */

div.box { 
	margin:1em 0; 
	padding: 7px;
	display: block; 
	color:#404040; background:#FFF; 
	border:3px solid #EDE9E6; 
	-moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;
	}
div.box:hover { 
	border: 3px solid #cfd1af; 
	}

div.box.floatright { margin: 2px 0 2px 1em; }
div.box.floatleft { margin: 2px 1em 2px 0;  }

div.autoren div.box { margin: 3px; padding-bottom: 3px; }


div.box.boxcenter {
	margin:1em auto;
	}
	
div.boxillu {
	padding: 7px;
	border: 0 none; border-top: 3px solid #EDE9E6; border-bottom: 3px solid #EDE9E6; 
	color:#000; background: transparent;
}


div.box.box200rechts { width: 200px; }
div.box.box240rechts,
div.box.box240 { width:260px; }
div.box.box400 { width:420px; }
div.box.box425, 
div.box.box425centerfrei { width:445px; }
div.box.box450 { width:470px; }
div.box.box500 { width:520px; }
div.box.box540 { width:560px; }
div.box.box50prozentrechts { width: 50%; }

div.boxbuch { float:left; clear: both; width: 100%; margin-top: 1em; background: #fff; }

div.box.socialbookmarks { background: #E3EEFB; border: 0 none; }

div.recommend {display:inline-block; clear:both; margin:1em 0; padding:0; width:100%;}
div.recommend .gplus {float:right; margin:0; padding:0;}
div.recommend .fbrecommend {float:left; margin:0; padding:0;}

.box50prozentrechts { float:right; clear: right; text-align: right; margin: 20px; }
.box425centerfrei { margin: 1em auto; border: 0 none; }

.box200rechts, .box240rechts{
	margin:1em auto;
}

.box.box200rechts, .box.box240rechts
{ 
	float: right; 
	clear: right; 
	margin: 3px 0 10px 10px;
}





/* ------------------------------------------ */

blockquote {
	border-left: 1em solid #EDE9E6;
	font-style: italic;
	padding-left:2em;
}



/* LIST ------------------------------------- */

nav { clear:both; }

ul { margin: 1em 0 1em 1em; }
ol { margin: 1em 0 1em 2em; }

nav ul { margin: 0; }
/* div.box ul, div.box ol { margin-top: 0;} */

ul li { 
	list-style-type: none; 
	padding-left: 12px; 
	background: transparent url("/img/_nav-bullet.gif") no-repeat 0 0.4em; 
	}

li.weiter { margin-top:2em; }
li.audio { 
	margin-left: -12px; 
	padding-left: 24px; 
	background: transparent url("/img/_nav-audio.gif") no-repeat 0 0.3em; 
	}

.socialbookmarks ul li, 
header#header ul li { background: transparent; display: inline; }

nav ul li { display: inline; padding-left: 0; background: transparent; }
nav ul li:before { content:" | "; }
nav ul li:first-child:before { content:""; }
nav span.headline {float:left;padding-right:1em;}

div.xmas li { clear:both; }

div#menue ul li a { display: inline; }
div.socialbookmarks ul { list-style-type:none; margin-bottom: 0; }
div.socialbookmarks ul a { float:left; display:block; padding:0.3em 0.6em; margin:0 1em;}
div.socialbookmarks h4 { float:left; }



/* COLOURs + BORDERs ---------------------------- */

body { color: #000; background: #ebebe1;  }
										/*#cdd16a; */
										/* pink: d91e76 */
										/* rosa: ffbed2; */
										/* hellgraubraun: #ded5bb; */
										/* mattes grasgrün: #cdd16a */
										/* #8E9805 */ 
										/* #453124 */ 
										/* sehr helles grün: ebebe1;*/
										/* url("/img/pattern_453124_101010_EBEBE1_FFFFFF_111.png") repeat 50% 50% */ 

div#higru, 
header#header, 
div#cont, 
div#inhalt {
	color: #444; background: #fff; 
}
div#higru  { border: 1em solid #FFF; 	-moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
div#inhalt { background: #fff; }

div#menue h2 { border-top: 3px solid #404040; }
div#menue > h2:first-child { border-top: 0 none; }


a { color:#ff3c00; background:transparent; text-decoration:underline; }
a:visited { color:#888; }
nav a:visited { color:#e24b1d;}
h1 a:visited, h2 a:visited { color:#444;}
a:hover, a:focus { color: #f00; }
a.active { border-bottom: 2px solid #444; text-decoration:none; }

a.anker { color:#444; background:transparent; }
a.delicious { color:#fff; background:#3274D0; }
a.facebook { color:#fff; background:#3B5998; }
a.twitter { color:#fff; background:#33ccff; }
a.printversion { padding-right:20px; background: transparent url("/img/_nav-print-16x16.gif") no-repeat top right; }
a.rss { padding-right:20px; background: transparent url("/img/_nav-rss-16x16.png") no-repeat top right; }
a.sbfacebook { padding-left:26px; padding-bottom: 5px; background: transparent url("/img/icons/sb_facebook.gif") no-repeat top left; }

input, textarea, fieldset { 
	color:#444; background:#FFF; 
	border:3px solid #ebebe1; 
	-moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;
	}
input:focus, textarea:focus { 
	border: 3px solid #444; 
	}

input.submit { color:#fff; background:#8E9805; border: 2px solid #000; border-color: #ebebe1 #404040 #404040 #ebebe1;}
input.submit:hover, input.submit:focus { color:#fff; background:#1e74ff; border: 2px solid #FFF; border-color: #404040 #ebebe1 #ebebe1 #404040; }
input.radio { background: transparent; border: 0 none; }

p.toppi { clear: both; margin-top: 1em; border-top: 3px solid #EDE9E6; text-align: right; }

p.chat { color:#222; background:#fff; }
span.chat1 { color:#f00; background:transparent; font-weight:bold; }
span.chat2 { color:#00f; background:transparent; font-weight:bold; }



/* IEs */

.ie6 #higru { width: 650px !important; }
.ie6 #cont { width: 600px !important; }
.ie6 header#header, #inhalt, #menue, footer#footer { display: inline; } /* gegen IE-Bug (falsches margin) */

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }


/* 
Print-Regeln (vor allem: Weglassen von Elementen)
für alle Medien, 
wenn "Druckversion" gewählt (php setzt dann html id: print)
*/

html#print * { background: white !important; color: black !important; }
html#print nav,
html#print #top, 
html#print #suche, 
html#print #menue, 
html#print #kurzkritikbox,
html#print .noprint, 
html#print .abgespeckt, 
html#print .toppi, 
html#print .zurvita, 
html#print .box120rechts, 
html#print .boxgoogle, 
html#print .hoerbox
{ 
	display:none;
	page-break-after:avoid;
	page-break-before:avoid;
	page-break-inside:avoid;
}
 





/* 
Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ 
*/

@media print {
  * { background: white !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: none; }
  a[href]:after { content: " (" attr(href) ")"; }
  a.url:after { content: ""; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }	
			
	header#header img {float:right;}
	div#inhalt { text-align: justify; }
	div.box200rechts, div.box240rechts { clear:both; }
	.rechts { text-align:right; }
	.zentriert { text-align:center; }
	div.box { border: 1px solid #000; padding: 1em; margin: 2em;}

	nav, 
	#top, #suche, #menue, #kurzkritikbox, 
	.noprint, .abgespeckt, .toppi, .zurvita, .box120rechts, .boxgoogle, .hoerbox { 
		display:none !important;
		page-break-after:avoid !important;
		page-break-before:avoid !important;
		page-break-inside:avoid !important;
	}
	
}










/* mobile styles */
@media all and (max-width: 600px) {
	
	html, body { 
		color: #000; 
		background: #fff; 
		padding: 0;
		}

	body * { 
		float: none; 
		font-size: 100%; 
		}
		
		
		

	body div#higru { width: 100%; min-width: 100%; max-width: 100%; margin:0; padding: 1em; }
	body div#cont { width: 100%;  min-width: 100%; max-width: 100%; margin:0; padding: 0; }

	body div#suche { width:100%; margin:1em; }

	body div.box, 
	body div.box425centerfrei 
		{ width: 100% !important; }	
	
	body div.floatleft, 
	body div.floatright, 
	body div.box200rechts , 
	body div.box240rechts { width: 40% !important; }
	
	.nomobile { 
		display: none; 
		}	
	
	h1, h2, h3, h4, h5, h6 { 
		font-weight: normal; 
		font-size: 150% !important; 
	}
	h2.headline {
		font-size: 200% !important; 	
	}

	ul {
	   	margin: 2px;
	}

	img { 
		max-width: 100%; /*250px */
		}
	
	a:link, a:visited, a:hover, a:active { 
		text-decoration: underline; 
	}
	
}


/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 
	/* html {
		-webkit-text-size-adjust: none;
		}
	} */