/*					ALLGEMEIN				*/

body {
	padding: 0;
	border: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #5b5b5b;
}

img {
	padding: 0;
	border: 0;
	margin: 0;
}

p {
	padding: 0;
	border: 0;
	margin: 0;
}

input {
	height: 15px;
	padding:0;
	border: 1px solid #999;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #5b5b5b;
}

form {
	padding:0;
	border:0;
	margin: 0 0 5px 0;
}

/*					CONTAINER				*/

#main {
	position: relative;
	width: 840px;
	padding: 0;
	border: 0;
	margin: 0;
	margin-left: 0;
}

#head {
	padding: 10px 0 0 10px;
	/* box model hack fŸr ie5 */
	height: 50px;
	\height: 70px;
	he\ight: 50px;
	width: 810px;
	\width: 820px; 
	w\idth: 810px;
}

/* --- */

#head_neu {
	position: absolute;
	display: block;
	left: 15px;
	top: 15px;
	width: 90px;
	height: 90px;
	text-align: left;
}

p.lastupdate {
	margin-top: 20px;
	font-size: 10px;
	line-height: 12px;
	color: #999;
}

/* --- */

#nav {
	height: 60px;
	/* 1px breiter damit linien sich rechts treffen */
	width: 491px;
	padding: 0;
	border: 0;
	/* gleicht auf main-breite aus */
	margin: 0 164px 0 165px;
}

#left {
	width: 145px;
	\width: 165px; 
	w\idth: 145px; 
	padding: 150px 10px 0 10px;
	border: 0;
	margin: 0;
	float: left;
	color: #999;
}

#left a {
	color: #999;
	text-decoration: none;
}

#left a:hover {
	text-decoration: underline;
}

#center {
	width: 490px;
	float: left;
	padding: 0 0 40px 0;
	border: 0;
	margin: 25px 0 0 0;
}

#left, #right {
	font-size: 10px;
	line-height: 17px;
}

#right {
	width: 165px;
	\width: 185px; 
	w\idth: 165px; 	
	/* 9px padding links weil 1px border dazu kommt */
	padding: 70px 10px 0 9px;
	border: 0;
	margin: 0;
	float: right;
}

/* hauptmenŸ */

#navigation {
	width: 491px;
	padding: 0; border: 0; margin: 0;
	position: relative;
}

#navigation li {
	list-style: none; 
	position: absolute; top: 0;
	margin: 0; padding: 0; 
}

#navigation li, #navigation a {
	height: 59px; display: block;
}

/* versteckt text in navigation */
#navigation a span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* navigation off */
#kunst { left: 0; width: 59px; background: url(nav/kunst.gif); }
#design { left: 59px; width: 71px; background: url(nav/design.gif); }
#architektur { left: 130px; width: 117px; background: url(nav/architektur.gif); }
#theorie { left: 247px; width: 76px; background: url(nav/theorie.gif); }
#romane { left: 323px; width: 82px; background: url(nav/romane.gif); }
#kids { left: 405px; width: 86px; background: url(nav/kids.gif); }

/* nav mouseover */
#kunst a:hover { background: transparent url(nav/kunst.gif) 0 -59px no-repeat; }
#design a:hover { background: transparent url(nav/design.gif) 0 -59px no-repeat; }
#architektur a:hover { background: transparent url(nav/architektur.gif) 0 -59px no-repeat; }
#theorie a:hover { background: transparent url(nav/theorie.gif) 0 -59px no-repeat; }
#romane a:hover { background: transparent url(nav/romane.gif) 0 -59px no-repeat; }
#kids a:hover { background: transparent url(nav/kids.gif) 0 -59px no-repeat; }

/* nav aktiv */
#kunst.active { left: 0; width: 59px; background: url(nav/kunst.gif) 0 -59px no-repeat; }
#design.active { left: 59px; width: 71px; background: url(nav/design.gif) 0 -59px no-repeat; }
#architektur.active { left: 130px; width: 117px; background: url(nav/architektur.gif) 0 -59px no-repeat; }
#theorie.active { left: 247px; width: 76px; background: url(nav/theorie.gif) 0 -59px no-repeat; }
#romane.active { left: 323px; width: 82px; background: url(nav/romane.gif) 0 -59px no-repeat; }
#kids.active { left: 405px; width: 86px; background: url(nav/kids.gif) 0 -59px no-repeat; }

/* nav aktiv unsichtbarer border unten*/
#kunst.active a, 
#design.active a, 
#architektur.active a, 
#theorie.active a, 
#romane.active a, 
#kids.active a { border-bottom: 1px solid #fff; }

/* subnavigation fuer designinterviews */
#subnav {
	z-index: 100;
	position: absolute;
	top: 123px;
	left: 302px;
	\margin: 10px 0 0 0;
	ma\rgin: 0;
	padding: 0;
	border: 0;
}

#kunst_subnav {
	position: absolute;
	left: 222px;
	top: 123px;
}

/*startseite*/

#startkunst {
	border-top: 1px solid #5A8649;
	padding-top: 5px;
	margin-bottom: 35px;
}

#startdesign {
	border-top: 1px solid #9F203F;
	padding-top: 5px;
	margin-bottom: 35px;
}

#startinterview h2 {
	font-weight: normal;
}

#startinterview #rezension {
	display: none;
}

#right a {
	text-decoration: none;
}

#right a:hover {
	text-decoration: underline;
}

#right a.active {
	font-weight: bold;
}

p.datum {
	font-size: 18px;
	letter-spacing: -1px;
}

#right h2 {
	font-size: 10px;
	line-height: 17px;
	font-weight: bold;
	padding: 0;
	border: 0;
	margin: 10px 0 23px 0;
}

#right h2 a {
	font-weight: normal;
	margin: 0 0 0 20px;
}

#right ul {
	list-style: none;
	padding: 0;
	border: 0;
	margin: 0;
}

#buchbild, div.buchbild{
	height: 100px;
	float: left;
	margin-right: 13px;
	line-height: 100px;
}

#buchbild img {
	vertical-align: bottom;
}

#buchkopf, div.buchkopf {
	position: relative;
	float: left;
	width: 390px;
	height: 100px;
	margin: 0 0 25px 0;
	/* debug 
	border: 1px solid red;*/
}

#buchkopfhack, div.buchkopfhack {
	position: absolute;
	bottom: 0;
	width: 390px;
	/* debug 
	border: 1px solid red;*/
}

table.bkhack {
	height: 100px;
	padding: 0;
	margin: 0;
	border:0;
}

table.bkhack td {
	vertical-align: bottom;
}

#center h2, #buchkopf h2 {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	border: 0;
	padding: 0;
}

#center a {
	color: #5b5b5b;
	text-decoration: none;
}

#center a:hover {
	text-decoration: underline;
}

#center a.mehr {
	font-weight: bold;
}

#buchkopf h2, div.buchkopf h2 {
	font-weight: normal;
}

#buchtext, div.buchtext {
	position: relative;
	width: 440px;
	clear: both;
}

#bottomnav {
	position: relative;
	height: 40px;
	width: 440px;
	clear: both;
}

#bottomnav a {
	/*font-weight: bold;*/
	text-decoration: none;
}

#bottomnav a:hover {
	text-decoration: underline;
}

#navleft {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50%;
}

#navright {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align: right;
	width: 50%;
}

#prevbook {
	position: absolute;
	left: 10px;
	top: 543px;
}

#nextbook {
	position: absolute;
	left: 665px;
	top: 543px;
}

#prevbook a, #nextbook a {
	font-size: 10px;
	color: #5b5b5b;
	text-decoration: none;
}

#prevbook a:hover, #nextbook a:hover {
	text-decoration: underline;
}

#suchfeld {
	margin-top: 12px;
	margin-bottom: 25px;
}

#suchfeld input {
	color: #5b5b5b;
	height: 15px;
	padding: 2px;
	margin-right: 12px;
	margin-top: 12px;
}

#suchfeld a, div.suchergebnis a {
	color: #f00;
	text-decoration: none;
}

#suchfeld a:hover, div.suchergebnis a:hover {
	text-decoration: underline;
}

div.suchergebnis {
	margin-bottom: 25px;
	width: 428px;
}

div.suchergebnis p.kopf {
	width: 250px;
	margin-bottom: 8px;
}

div.suchergebnis p.kopf a {
	color: #5b5b5b;
	text-decoration: none;
}

p.suchmeldung {
	color: #f00;
	margin-bottom: 25px;
}