@import url(../style.css);
@import url(../box.css);

/* Anfang Überlagerung */
div#mainBox div#seperator {
	background-color:#44a735;
}

div#mainBox div#leftBox a.navi {
	background-image:url(../../gfx/leftNavi/magazine/navi_bg.gif);
}

div#mainBox div#leftBox a.navi:hover {
	background-image:url(../../gfx/leftNavi/magazine/navi_bg_hl.gif);
}

div#mainBox div#leftBox a.active {
	background-image:url(../../gfx/leftNavi/magazine/navi_bg_hl.gif);
}
/* Ende Überlagerung */

div.teaser {
	border:1px solid #a6a6a6;
	background-color:#f9fff8;
}

div.teaser div.title {
	height:24px;
	line-height:24px;
	vertical-align:middle;
	background-image:url(../../gfx/magazin/teaser_title.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

div.teaser div.left {
	width:233px;
	height:195px;
	float:left;
	padding:15px 190px 10px 18px;
	border-right:1px solid #a6a6a6;
	background-color:#FFFFFF;
	background-position:left top;
	background-repeat:no-repeat;
}

div.teaser div.left h1 {
	font-size:16px;
}

div.teaser div.left b {
	color:#227914;
}

div.teaser div.right {
	margin:28px 10px 10px 44px;
	float:left;
}

div.teaser div.right h3 {
	color:#0e3667;
}

div.teaser div.right div.user * {
	font-size:11px;
	line-height:11px;
}

div.teaser div.right div.user img {
	border:1px solid #000000;
	margin:0px 11px 12px 0px;
	float:left;
}

div.teaser div.right div.user b {
	color:#0e3667;
}

div.teaser div.right div.user a.topUser {
	color:#0e3667;
	margin-left:30px;
}

div.teaser div.right div.user a.topUser img {
	border:0px;
	margin:0px;
	float:none;
}

div.recommendation {
	border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
}

div.recommendation div.left {
	width:157px;
	padding:19px 48px 20px 18px;
	float:left;
}

div.recommendation div.left a {
	font-size:11px;
	font-weight:bold;
}

div.recommendation div.right {
	width:445px;
	margin:19px 0px 20px 0px;
	float:left;
}

div.recommendation div.right ul * {
	font-size:11px;
}

div.recommendation div.right li {
	margin:0px 20px 20px 0px;
	float:left;
}

div.recommendation div.right li img {
	border:1px solid #000000;
	margin:5px 0px 5px 0px;
}

div.magazineBox {
	width:100%;
	margin-top:22px;
}

div.magazineBox div.header {
	border-bottom:1px solid #a6a6a6;
}

div.magazineBox div.header div.title {
	width:286px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	padding-left:141px;
	background-image:url(../../gfx/magazine/title_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div.magazineBox div.header div.navi {
	width:271px;
	height:23px;
	float:left;
}

div.magazineBox div.header div.navi a.new, div.magazineBox div.header div.navi a.new_hl {
	width:88px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	padding-left:45px;
	background-image:url(../../gfx/magazine/new.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div.magazineBox div.header div.navi a.new:hover {
	background-image:url(../../gfx/magazine/new_hl.gif);
}

div.magazineBox div.header div.navi a.new_hl {
	font-weight:bold;
	background-image:url(../../gfx/magazine/new_hl.gif);
}

div.magazineBox div.header div.navi a.favoured {
	width:108px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	padding-left:30px;
	background-image:url(../../gfx/magazine/favoured.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div.magazineBox div.header div.navi a.favoured:hover {
	background-image:url(../../gfx/magazine/favoured_hl.gif);
}

div.magazineBox div.header div.navi a.favoured_hl {
	width:108px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	padding-left:30px;
	font-weight:bold;
	background-image:url(../../gfx/magazine/favoured_hl.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div.magazineBox div.header div.navi a:hover {
	text-decoration:none;
}

div.magazineBox div.magazine {
	border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	padding:13px 11px 13px 11px;
	background-image:url(../../gfx/magazine/seperator.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

div.magazineBox div.last {
	background-image:none;
}

div.magazineBox div.magazine div.left {
	width:325px;
	margin-right:25px;
	float:left;
}

div.magazineBox div.magazine div.left img {
	border:1px solid #000000;
	margin-right:11px;
	float:left;
}

div.magazineBox div.magazine div.right {
	width:324px;
	float:left;
}

div.magazineBox div.magazine div.right img {
	border:1px solid #000000;
	margin-right:11px;
	float:left;
}

div.magazineBox div.pageNavi {
	text-align:center;
	padding:5px 0px 5px 0px;
	background-color:#fbfbfb;
	border:1px solid #a6a6a6;
}