/**
 * Stylesheet fuer mueller-pasing.de
 * 
 * @author	Nico Kaiser <n.kaiser@buero.link-m.de>
 * @version	1.0
 * @copyright	Copyright 2007 Linksystem Muenchen GmbH
 * @date	2007-12-18
 */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}


/**
 * Navigationsbereich mit Logo und Navigationsliste
 */

#nav {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	/* width: 150px; */
	width: 180px;
}

#logo {
	margin: 10px;
}

#logo img {
	border: none;
}

#nav ul {
	list-style: none;
	margin: 2em 10px;
	padding: 0;
}

#nav ul li {
	margin: 0 0 0 15px;
	padding: 1px 0 0 0;
	/* font-size: 0.85em; */
	font-size: 0.95em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.12em;
	font-family: Arial, Verdana, sans-serif;
	border-top: 1px solid #ccc;
	line-height: 1.2em;
}

#nav ul li strong {
	font-size: 1.4em;
	margin-right: 0.05em;
}

#nav ul li a {
	text-decoration: none;
	/* color: #818181; */
	color: #777;
	margin: 0 0 0 -15px;
	padding: 1em 0 1em 15px;
	display: block;
	white-space: nowrap;
}

#nav ul li a:hover {
	background: url(images/nav_dot.png) no-repeat center left;
}

#nav ul li a:hover,
#nav ul li.active a {
	color: #000;
}

#nav ul li.meta a {
	color: #d00;
	font-size: 1em;
	letter-spacing: 2px;
}


/**
 * Hauptbereich 
 */

#main {
	width: 605px;
	/* margin: 10px 0 10px 160px; */
	margin: 10px 0 10px 190px;
	font-size: 1.2em;
	line-height: 140%;
	color: #222;
	background: url(images/background-main.png) repeat-y;
}

#header {
	margin: 0;
	padding: 0;
}

#header h1 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	width: 605px;
	height: 37px;
	font-style: italic;
	font-size: 3.5em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 37px;
	letter-spacing: 1px;
	overflow: hidden;
	background: #345683;
	color: #96a2ae;
}

#header .head-jugend {
	text-indent: -5000px;
	background: url(images/head_jugend.jpg) no-repeat top left;
}

#header .head-familien {
	text-indent: -5000px;
	background: url(images/head_familien.jpg) no-repeat top left;
}

#header .head-schule {
	text-indent: -5000px;
	background: url(images/head_schule.jpg) no-repeat top left;
}

#header .head-persoenlich {
	text-indent: -5000px;
	background: url(images/head_persoenlich.jpg) no-repeat top left;
}

#header .head-presse {
	text-indent: -5000px;
	background: url(images/head_presse.jpg) no-repeat top left;
}

#header .head-links {
	text-indent: -5000px;
	background: url(images/head_links.jpg) no-repeat top left;
}

#header .head-kontakt {
	text-indent: -5000px;
	background: url(images/head_kontakt.jpg) no-repeat top left;
}

#header .head-home {
	text-indent: -5000px;
	background: url(images/head_home.gif) no-repeat top left;
}



/**
 * Inhaltsbereich
 */

/**
 * Allgemeiner Inhaltskasten
 * (Inhalte muessen von .wrap umschlossen werden!)
 */

.container {
	display: block;
	width: 440px;
	float: left;
	background: url(images/box_top.png) no-repeat top left;
	padding: 13px 0 0 0;
	margin: 0;
}

/**
 * Zusatzklasse fuer Content-Kasten
 */
.content {
	background-color: #ddd;
}

/**
 * Container mit halber Breite 
 */
.half {
	width: 220px;
}

.grey {
	background-color: #aaa;
}

.white {
	background-color: #fff;
}

.noarrow {
	background-image: url(images/box_top_noarrow.png);
}

/**
 * Zusatzklasse fuer Sidebar-Kasten
 */
.sidebar {
	width: 155px !important;
	float: right;
	/* background-color: #ffc; */
}

/**
 * Zusatzklasse fuer Aktuell-Kasten
 */
.aktuell {
	background-image: url(images/box_aktuell.png);
}


.wrap {
	margin: 0;
	padding: 3px;
}

.clear {
	clear: both;
}


#main h2 {
	margin: 0.5em 0 1em 0;
	font-size: 1.5em;
	line-height: 1.3em;
}

#main h3 {
	margin: 0.5em 0 1em 0;
	font-size: 1.2em;
	line-height: 1.4em;
}


#main p, #main ul {
	margin: 0.5em 0 1.5em 0;
}


.content ul {
	padding: 0 0 0 2em;
}

.content ul li {
	margin: 1.5em 0;
	padding: 0;
}

.content ul.compact li {
	margin: 0.5em;
}


/**
 * Sidebar
 */

.sidebar ul {
	margin: 0.7em 0 !important;
	padding: 0;
	list-style: none;
}

.sidebar ul li {
	margin: 0;
	padding: 0 0 0.7em 13px;
	background: url(images/sidebar_nav.gif) no-repeat 0 0.3em;
}


/**
 * Allgemeine Formatvorlagen
 */

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #666;
}

table {
	margin: 0.5em 0 1.5em 0;
	padding: 0;
}

table td, table th {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: top;
}

table th {
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}