/**
 *  layout styles for nachtaktiv.net
 *  (c) 2007 mediales GmbH - www.mediales.com // Benjamin Mack 
 **/

@import url('base.css');
@import url('content.css');

html, body {
	background: url('../g/bg_page.png') repeat-x top left;
}

body {
	text-align: center;
}


#page {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	background: #e9f2f7 url('../g/bg_content.png') repeat-x left 200px;
	background: transparent url('../g/bg_content.png') repeat-x left 130px;
}

#page td { text-align: left; }

#borderright,
#borderleft {
	width: 100px;
	background: #e9f2f7 url('../g/bg_pageleft.png') no-repeat top left;
}
#borderright {
	background: #e9f2f7 url('../g/bg_pageright.png') no-repeat top right;
}

#header {
	height: 130px;
	max-height: 130px;
	background: #ffffff url('../g/header.png') no-repeat top left;
}

a#logolink {
	display: block;
	width: 220px;
	height: 100px;
}

a#vrslink {
	float: right;
	display: block;
	width: 120px;
	height: 80px;
}

#toplinks {
	float: left;
	width: 100%;
	height: 30px;
	text-align: right;
}

#header h1, #breadcrumbs {
	display: none;
}

#toplinks ul {
	list-style: none;
	float: right;
	padding-right: 20px;
}

#toplinks ul li {
	float: left;
	padding-right: 5px;
	line-height: 30px;
}

#toplinks ul li a {
	font-size: 10px;
}

#leftcolumn {
	padding-top: 10px;
	width: 150px;
}

#content {
	padding: 10px 30px 0 30px;
}

#rightcolumn {
	padding-top: 10px;
	width: 170px;
}

#nav {
	display: block;
	list-style: none;
	padding: 10px;
	padding-left: 0px;
	background: #f1f6fa;
	margin-bottom: 20px;
}

#nav li {
	border-bottom: 1px solid #f1f6fa;
	margin: 0;
}


#nav li.spacer { background: transparent; height: 24px; }

#nav li a {
	font-weight: bold;
	padding: 0 2px 0 15px;
	line-height: 24px;
	font-size: 11px;
	display: block;
	color: #ffffff;
	background: transparent url('../g/bg_navitem.png') top left repeat-x;
}

#nav li a:hover,
#nav li.on a {
	background: transparent url('../g/bg_navitem_on.png') top left repeat-x;
}

#nav ul {
	margin: 0;
	border-top: 1px solid #ffffff;
	padding: 2px 0 2px 0;
	min-height: 45px;
	overflow-x: hidden;
	list-style: none;
	background: transparent url('../g/bg_submenu.png') top left repeat-x;
}


#nav ul li {
	margin-left: 0;
	border-bottom: 0;
	padding: 0;
	line-height: 15px;
	/* fixing IE5.5 bug */
	width: 100%;
	display: inline;
}

#nav li.on ul li a,
#nav ul li a { line-height: 15px; background: none; }
#nav ul li a:hover,
#nav ul li.on a { background: none; color: #ff9900; }

/*** teaser (cel in left- or right column) formatting */


#rightcolumn h2,
#leftcolumn h2 {
	border-bottom: 1px solid #f1f6fa;
	margin: 0;
	background: transparent url('../g/bg_navitem.png') top left repeat-x;
}
#rightcolumn h2, #rightcolumn h2 a,
#leftcolumn h2,  #leftcolumn h2 a {
	padding: 0;
	text-align: center;
	line-height: 24px;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

#leftcolumn p,
#rightcolumn p {
	padding: 10px;
	background: #ffffff;
}

#leftcolumn .cel,
#rightcolumn .cel {
	display: block;
	list-style: none;
	padding: 10px;
	padding-left: 0px;
	background: #f1f6fa;
	margin-bottom: 20px;
}

/* Space below each image (also in-between rows) */
#leftcolumn DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
#rightcolumn DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
#leftcolumn DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow,
#rightcolumn DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
	margin-bottom: 0px;
	display: block;
}

#leftcolumn DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
#leftcolumn img {
	width: 140px !important;
}

#rightcolumn DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
#rightcolumn img {
	width: 160px !important;
}

#rightcolumn .cel {
	padding-left: 10px;
	padding-right: 0;
}

/* footer formatting */
#footer {
	height: 30px;
	background: #ffffff;
}
#footer td { padding-left: 30px; }
#footer * {
	font-size: 10px;
	line-height: 30px;
}
#footer td#footerleft { padding-left: 10px; }

#footerright { float: right; }
#footer a { padding-right: 10px; }
#footer a.mail, #footer a.print { float: left; }

/* news formatting */

.news-list-date {
	font-weight: bold;
	display: block;
}

.news-list-title, .news-list-morelink {
	font-weight: bold;
}
.news-list-morelink {
	text-align: right;
	vertical-align: bottom;
}

.news-list-item p {
	margin: 0;
	padding: 0;
}

li.news-amenu-item-year {
	list-style: none;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 2px;
}