/* CSS-Formatierungen fuer www.haefftcard.de
* Einsatz: Browser, die sich weitestgehend an Vorgaben des W3C orientieren
* ------------------------------------------------------------------------------ */

/* Reset - Browser Default Styles deaktivieren
-------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

address, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	vertical-align: top;
}

fieldset,img {
	border: 0;
}

caption, th {
	text-align: left;
}


/* Layout - Formatierungen des Basislayout
-------------------------------------------------------------------------------- */
body {
	font: 62.5% Arial, Helvetica, sans-serif; /* Schriftgroesse auf 10px setzen - besser zum Rechnen */
	color: #000;
	background-color: #FFFFFF;
}

input, select, textarea {
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
}

#pageWrapper {
	font-size: 1.2em; /* angezeigt als 12px */
	line-height: 140%;
	background-color: #0668ae;
	border-left: 1px solid #f29400;
	border-right: 1px solid #f29400;
	margin: 0 auto;
	width: 1022px;
}

.blue {
	color: #005EA8;
}

.mehrNews {
	margin-left: 10px;
}


/* HEADER */ 
#header {
	width: 1022px;
	height: 168px;
	background: transparent url(/media/images/muenchner-jugendrat.gif) no-repeat top left;
	position: relative;
}

#header h1 {
	color: #0668ae;
	margin-left: 480px;
	padding-top: 7px;
	font-size: 350%;
	line-height: normal;
	font-weight: normal;
}

#header img.trans {
	position: absolute;
	top: 0;
	left: 0;
}

#header ul {
	color: #FFFFFF;
	margin-left: 763px;
}

#header ul li {
	float: left;
	margin-top: 93px;
}

#header ul li a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#header ul li a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}


#contentWrapper {
	clear: both;
	overflow: auto;
	width: 1022px; 
	background: transparent url(/media/images/bg-content.gif) repeat top left;
}


/* NAVIGATION LINKE SPALTE */ 
#naviLeft {
	width: 183px; 
	float: left;
	color: #FFFFFF;
	padding: 30px 20px 15px 25px;
}

#naviLeft ul {
	font-size: 140%;
	font-weight: bold;
	line-height: 25px;
	width: 168px;
}

#naviLeft ul li a {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(/media/images/bullet-orange.gif) no-repeat left 8px;
	padding-left: 15px;
	display: block;
}

*html #naviLeft ul li a {
	margin-bottom: -20px;
}

*html #naviLeft ul li ul {
	margin-top: 20px;
}

#naviLeft ul li a:hover {
	background: transparent url(/media/images/bullet-weiss.gif) no-repeat left 8px;
}

#naviLeft ul li a.active {
	background: transparent url(/media/images/bullet-weiss.gif) no-repeat left 8px;
}

#naviLeft ul li ul {
	font-size: 90%;
	line-height: 22px;
	margin-left: 15px;
	margin-bottom: 8px;
	width: 153px;
}

#naviLeft ul li ul li a {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(/media/images/bullet-weiss.gif) no-repeat left 6px;
	padding-left: 15px;
	font-weight: normal;
}

#naviLeft ul li ul li a:hover {
	background: transparent url(/media/images/bullet-weiss.gif) no-repeat left 6px;
}

#naviLeft ul li ul li a.active {
	font-weight: bold;
	background: transparent url(/media/images/bullet-weiss.gif) no-repeat left 6px;
}



/* CONTENT */ 
#content {
	width: 470px; 
	float: left;
	padding: 30px 25px;
	background-color: #FFFFFF;
}

#content h1 {
	font-size: 150%;
	line-height: normal;
	color: #005ea8;
	margin-bottom: 1em;
}

#content h2 {
	margin: 0 0 0.8em 0;
	font-size: 1.2em; 
	color: #000;
	font-weight: bold;
	line-height: normal;
}

#content h3 {
	margin: 0 0 0.5em 0;
	font-size: 120%; 
	color: #000;
	font-weight: bold;
	line-height: normal;
}

p {
	margin-bottom: 1em;
}

#content ul {
	margin-bottom: 1em;
	list-style-type: square;
	margin-left: 14px;
}

a {
	color: #005ea8;
	text-decoration: underline;
}

a:hover {
	color: #005ea8;
	text-decoration: none;
}

#content .portletRow {
	width: 470px;
	margin-bottom: 45px;
	overflow: auto;
}

#content .portletRow h3 {
	margin-top: 12px;
	/*font-size: 120%;*/
}

#content .portletRow h3 a {
	color: #000000;
}

#content .portletRow a {
	font-weight: bold;
	text-decoration: none;
}

#content .portletRow a:hover {
	text-decoration: underline;
}

#content .portletRow .portletLeft {
	width: 228px;
	float: left;
}

#content .portletRow .portletRight {
	width: 228px;
	float: right;
}


table.mitRahmen tr td {
	padding: 5px;
	border: 1px solid #000;
}

table tr td.textRechts {
	text-align: right;
}

table tr td h3 {
	margin-bottom: 0 !important;
}

#content #foerderer {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 50px;
}

#content #foerderer img {
	float: left;
	margin-right: 10px;
}

.abstDate {
	margin-bottom: 0.5em;
}

.abstNews {
	margin-bottom: 3em;
}


.imageleft {
	float: left;
	margin: 0 10px 5px 0;
}

/* MARGINALSPALTE */ 
#marginalRight {
	width: 239px; 
	float: right;
	color: #FFFFFF;
	padding: 30px 20px 15px 15px;
}

#marginalRight h2 {
	font-size: 160%;
	line-height: normal;
	margin-bottom: 1em;
}

#marginalRight a {
	color: #f29400;
	font-weight: bold;
	text-decoration: none;
}

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

.marginalBlock {
	border: 1px solid #F29400;
	margin-bottom: 1.5em;
	padding: 5px;
	float: left;
	width: 227px;
}

.marginalBlock h4 {
	margin-bottom: 0.7em;
	color: #FFFFFF;
}

.marginalBlock h4 a {
	color: #FFFFFF !important;
}

.marginalBlock p.noabst {
	margin-bottom: 0;
}

.marginalBlock .margImg {
	float: left;
	margin: 0 10px 5px 0;
}


/* FORMULARE */

form {  
	padding: 20px; 
	/*border: 1px solid #f29400;*/ 
	border: 1px solid #0668ae;
}
				
td, input, select, textarea {
	font-size: 12px; 
}

/*input, select, textarea { 
	color: #00c; 
}*/

.Bereich, 
.Feld { 
	background-color: #fff; 
	width: 300px; 
	border: 1px solid #ddd; 
	margin-bottom: 2px;
}

.Auswahl { 
	background-color: #fff; 
	width: 300px; 
	border: 1px solid #ddd; 
}

.Check, 
.Radio { 
	background-color: #ddff; 
	border: 1px solid #ddd;
}

.Button { 
 	background-color: #aaa; 
	color: #fff; 
	width: 150px; 
	border: 6px solid #ddd;
}