body {
	font-family: 'PT Serif', serif;
	font-size: small;
	margin: 0 auto !important;
	width: 90%;
	padding:0;
	border:0;
	background:#000;
	max-width: 900px;
	min-width:750px;
}
a:link, a:visited { background-color: transparent; text-decoration: none; }
a:link { color: #000; }
a:visited { color: #336; }
a:visited { color: #222; }
a:hover, a:active { background-color: transparent; text-decoration: none; }
a:hover { color: #666; }
a:active { color: #c00; }
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
.col3 li h1, .col3 li h2, .col3 li h3, .col3 li h4 {
	margin:0em 0 0em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
.skip { display: none; }

span.button { font-size: x-small; font-weight: bold; margin-left: 0.66em; vertical-align: 2px; }
span.button a { padding: 0px 3px; text-decoration: none; }
span.button a:link, span.button a:visited { color: #fff; background-color: #f60; border: 1px solid #fff; }
span.button a:hover, span.button a:active { color: #000; background-color: #fff; border: 1px solid #f60; }

/* Header styles */

#header {
	clear:both;
	float:left;
	position: relative;
	width:100%;
	background: url("/images/bg/bg_stripes_bl.gif");
	border-bottom:1px solid #000;
}
#header h1 {
	text-indent: -9999px;
	width: 450px;
	height: 108px; margin: 0 0 0 0px; padding-top: 0px;
	}
#header h1 a { white-space: nowrap; display: block; width: 450px; height: 108px; left: 0; border: 0; margin: 0; padding: 0; }
#header h1 a { background: url("/images/start.gif") no-repeat; }
#header h1 a:hover { color: black; background: url("/images/start-k.gif") no-repeat; }


#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	white-space: nowrap;
	overflow: hidden;
	margin:3px 0 0 0;
	padding:0;
}
#header ul li {
/*	display:inline; */
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	white-space: nowrap; 
	float:left;
	margin:0 2px 0 0px;
	padding:5px 0px;
	text-align:center;
	background:#000;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	position:relative;
	left:0px;
	line-height:1.5em;
	font-size: 95%;
	letter-spacing: 0.1em;
	width: 148px;
	border-right: 0px solid white;
}
#header ul li a:hover {
	background:#fff;
	color:#000;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header .issn { position: absolute; top: 0; right: 2%; }
/* 'widths' sub menu */
#infobar {
	clear:both;
	background:#eee;
	border-top:3px solid #000;
	margin:0;
	padding:2px 2% !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;			/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column blog style settings */
.blogstyle {
	background: url("/images/bg/bg_stripes_gr.gif");			/* right column background colour */
}
.blogstyle .colmid {
	right:33%;				/* width of the right column */
	background:url("/images/bg/bg_stripes_lhbl.gif");		/* center column background colour */
}
.blogstyle .colleft {
	right:17%;				/* width of the middle column */
	background:#fff;			/* left column background colour */
}
.blogstyle .col1 {
	width:46%;				/* width of center column content (column width minus padding on either side) */
	left:52%;				/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width:13%;				/* Width of left column content (column width minus padding on either side) */
	left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
	width:29%;				/* Width of right column content (column width minus padding on either side) */
	left:60%;				/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	background-color: white;
}
#footer p {
	padding:15px;
	margin:0;
}



/* mobile styles */
/* --------------------------------------------------- */

@media only screen and (min-device-width : 300px) and (max-device-width : 569px) {
body {
	max-width: 569px;
	min-width:300px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: small;
}
#header h1 {
	white-space:normal;
	}
#header h1 {
	text-indent: 0px;
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	width: 100%;
	height: 25px; margin: 0 0 0 10px; padding-top: 0px;
	}
#header h1 a { white-space: nowrap; display: block; width: 100%; height: 25px; left: 0; border: 0; margin: 0; padding: 0; }
#header h1 a { background: none; }
#header h1 a:hover { color: black; background: none; }
#header ul { margin-left: 10px; white-space: normal; color: black; background: transparent; border-bottom: 0px; font-size: 100%; }
#header ul li {
	color: black; background: transparent; 
	display:inline;
	float: left;
	list-style-type:none;
	padding-right: 0.5em;
	}
#header ul li a {
	margin:0 0 0px 0px;
	padding:0px 0px 0px;
	text-align:center;
	background:transparent;
	color:#000;
	display:inline;
	text-decoration:none;
	border: 0px solid black;
	width: auto;
	}
#header p.issn { display: none; }

.col2, .col3 { display: none; }

.colmask, .colright, .colmid, .colleft {
	position:relative;
	right: 0;
	left: 0;
	float:none;
	width:100%;
	overflow:visible;
	}
.blogstyle .col1 {
	width: auto;
	left: 0;
	padding-top: 10px;
	margin: 10px;
}
.col1 {
	float:none;
	position:relative;
	padding:0;
	overflow:visible;
	}
}




ul { margin-left: 1em; padding-left: 0.5em; }
li { margin-left: 0em; padding-left: 0em; }
.col3 ul { margin-left: 1em; padding-left: 1em; }

.rss h1 { display: none; }
.f { display: none; }
.rss h2 { line-height: 1.2em; margin-bottom: 0; padding-bottom: 0; }
.rss p { font-size: 1.2em; line-height: 1.2em; }
.rss a { text-decoration: none; }

h1.newstruct { font-size: 110%; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; color: white; background-color: black; margin: 10px 0 5px 0px; padding: 1px 0 1px 3px; }
h1.newstruct a { text-decoration: none; color: white; }

.newstruct { font-size: 110%; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; color: white; background-color: black; margin: 10px 0 5px 0px; padding: 1px 0 1px 3px; }
.newstruct a { text-decoration: none; color: white; }

#rv { line-height: 2.5em; }
.rvbyline, .rvdate { font-size: 100%; margin-bottom: 0; padding-bottom: 0; }
.rvauthor { font-size: 100%; font-weight: bold; }
a.rvauthor { text-decoration: none; }
.rv h2 { margin-top: 0; padding-top: 0; line-height: 1.3em; }
.rvtitle { font-size: 2em; line-height: 0.9em; margin-top: 0; padding-top: 0; }
a.rvtitle { text-decoration: none; }
#rv .rvsubtitle { font-size: 1.5em; line-height: 1.25em; }
#rv p.rvdescription { font-size: 1.2em; line-height: 1.2em; }
#rv p.note { font-size: 1.0em; line-height: 1.2em; }
#rv p.rvfeatures { color: #666; }
#rv a.rvmore { font-size: 0.9em; }

#aktuell { padding-bottom: 0.1em; }
#aktuell ul { margin-left: 0em; padding-left: 0em; }
#aktuell li { list-style: none; margin-left: 0em; padding-left: 0em; font-size: 1.2em; line-height: 1.2em; }
#aktuell li li { font-size: 1.0em; line-height: 1.2em; }
#aktuell li:first-child h3 { font-size: 2em; line-height: 1.2em; }
#aktuell li h3 a { text-decoration: none; }
#aktuell li h3 { margin-bottom: 0; padding-bottom: 0.4em; }
#aktuell li h4 { margin-bottom: 0; padding-bottom: 0.3em; margin-top: 0; padding-top: 0; }

#quote { margin-top: -3px; padding-top: 0.1em; padding-bottom: 0.1em; }
#quote blockquote { margin-left: 0em; margin-right: 0em; font-family: 'PT Serif', serif; font-style: italic; font-size: 1.5em; }

#press p { line-height: 1.2em; }
#press p+p { margin-top: -0.4em; }

.col1 div.feed { margin-bottom: 1em; }
.col3 div.feed { margin-bottom: 1em; }
.col1 div.high { background: url("/images/bg/bg_stripes_gr.gif"); }

.col1 div.feed h3 { font-size: 125%; }
.col1 div.high h3 { font-size: 200%; }

.col1 div.high + div.high { background: none; }
.col1 div.high + div.high>h3 { font-size: 125%; }

.feed h1, .feed h2, .feed h3, .feed h4, .feed h5 { margin-bottom: 0; padding-bottom: 0; }
.feed h2, .feed h3, .feed h4, .feed h5 { margin-top: 0; padding-top: 0; }
.col1 .feed a { text-decoration: none; }

.bn {
	font-size: 95%;
	text-transform: uppercase;
	padding: 2px 3px 2px 3px;
	color: #000;
	background-color: #bfedff;
	margin-top: 0.2em;
	border-color: #999 black black #999;
	border-width: 2px;
	border-style: solid;
	}

.book h3 { font-size: 95%; line-height: 1.2em; margin-top: 0; padding-top: 0; }
.book p + p { font-size: 100%; border-bottom: 1px solid #000; padding-top: 0em; }
.book .price { font-weight: bold; color: red; }

.col1 ul li h4 { margin-top: 0; margin-bottom: 0; }
.col2>h2 { font-size: 110%; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; color: white; background-color: black; margin: 10px 0 5px 0px; padding: 1px 0 1px 3px; }
.col2>h2.newstruct a { text-decoration: none; color: white; }
.col2 ul { margin-left: 0.66em; padding-left: 0.66em; }
.col2 li { margin-left: 0em; padding-left: 0em; font-size: 1.0em; line-height: 1.2em; }
.price { color: red; font-weight: bold; }
a.ec_ejc_thkbx { text-decoration: none; font-weight: bold; color: #333; }
a.ec_ejc_thkbx:hover { text-decoration: none; font-weight: bold; color: #000; }
h2.high { font-size: 240%; line-height: 1.2em; margin-top: 0.2em; }
h3.high { font-size: 200%; line-height: 1.2em; margin-top: 0.2em; }
#news { background: url("/images/bg/bg_stripes_lr.gif"); }
#news li { font-size: 0.9em; font-weight: normal; }

#aktuell ul ul {list-style-type: disc; padding-left: 1em; margin-left: 1em;}
#aktuell li li {list-style-type: disc; }

.sft { background: url("/images/bg/bg_stripes_gr.gif"); padding-bottom: 0.1em; }
.sft p { margin: 0.4em 0 0.4em 0; }

img.book { float: left; padding-right: 1em; }
.col3 img.book { display: none; }
ul.books { float: none; clear: left; list-style-type: none; margin-left: 0; padding-left: 0; margin-bottom: 1em; }
ul.books li { float: none; clear: left; height: 125px; margin-left: 0; padding-left: 0; }
ul.books li h3 { padding: 0.75em 0 0 1em; }

#background, .col1 #bookmark { float: right; background-color: #fff; width: 117px; padding-left: 15px; }
#background ul ul { margin-left: 0em; padding-left: 0em; }
#background li { font-size: 90%; }
.order p a { font-weight: bold; color: red; }
#bookmark #mark { background: url("/images/bg/bg_stripes_lhbl.gif"); }


/* Issues
-------------------------------------------- */

div.issue { min-height: 100px; border-top: 1px solid #000; margin: 1em 0 1em 0; }
#content div.issue, #front #main div.issue { margin: 0 0 6px 0; }
div.issue p.note { font-size: 100%; margin-bottom: 1em; }
div.thumbbox { float: left; z-index: 50; margin-right: 0.75em; padding-right: 0.75em; }
div.thumbbox img, img.thumb { border: 1px solid #000; margin: 0; padding: 0; }
div.issuetitle {
	font-weight: bold;
	color: #000;
	background: url("/images/bg/bg_stripes_bl.gif");
	top: 0;
	padding: 1px;
	margin: 0 0 0.5em 0;
	}
#extra div.issue { margin: 0.5em 0 0 0; }
#extra div.issue li { list-style: none; }
#extra div.thumbbox { margin: 0 0 0.5em 0.2em; padding-right: 6px; }
#extra div.issuetitle { margin-left: 0.2em; }
span.m { display: none; }
.auth { font-size: 100%; font-variant: small-caps; color: #000; background-color: transparent; }

.twtr-doc {width: 117px !important;}
.twtr-widget h4 {display: none !important;}
.twtr-widget-profile img.twtr-profile-img { margin: 0px 0 5px !important;}
.twtr-hd {padding: 5px 10px !important;}
.twtr-ft div {padding: 0px 10px 5px !important;}
#twtr-widget-1 .twtr-tweet a { font-size: 10px !important;}