/***************************************************************************************************************************************

Basis-Style-Sheet für die MicroM Website

Autor: Phase4, Fabian Krumbholz
Datum: Mai 2006
	
Achtung: Veränderungen an dieser Datei beeinflussen die komplette Website!

************************************************************************************************************************************* */

*			{ margin:0; padding:0 }		 
body			{ font-family:arial,verdana,sans-serif; font-size:11px; background:#007ec6 url(../images/bg_01.gif) no-repeat; color:#333 }
img			{ border:none }
h1, h2, h3, p, dl, ul	{ font-size:11px }
h1			{ text-transform:uppercase }
a			{ color:#0871a6; text-decoration:underline }
a:hover			{ text-decoration:underline }
ul			{ list-style:none }
* html ul 		{ position: relative }
#header			{ width:959px; height:52px; background:#fff url(../images/bg_header.gif) no-repeat }
#header img		{ margin-left:16px }
#wrapper		{ margin:27px 0 0 18px}
.clear			{ height:1px; clear:both }
.nowrap			{ white-space:nowrap }
 
 
 
/* --- SUBNAV ----------------------------------------------------------------------------------------------------------------------- */
 
#subnav			{ padding:14px 0 5px 178px; font-size:10px; color:#666; width:525px; position:relative }
#subnav a		{ color:#666 }
#subnav a:hover,
#subnav .aktiv		{ background:#a1cfe8; color:#fff }
#print			{ position:absolute; bottom:5px; right:0 }
 
 
 
/* --- NAV -------------------------------------------------------------------------------------------------------------------------- */
 
#nav			{ color:#fff; float:left; width:142px; padding-left:18px; font-weight:bold; font-size:11px; text-transform:uppercase }
#nav a			{ color:#fff; text-decoration:none }
#nav ul li.open		{ background:#0871a6 url(../images/pfeil_fff_down.gif) no-repeat 7px center }
#nav ul			{ width:138px; background:url(../images/bg_nav.gif) no-repeat top left }
#nav ul li.first	{ background:#0871a6 url(../images/home.gif) no-repeat top left; border:none }
#nav ul li.first-home	{ background:#0871a6 url(../images/home_down.gif) no-repeat top left; border:none }
#nav ul li		{ border-top:#e6f1f6 1px solid; background:#0871a6 url(../images/pfeil_fff.gif) no-repeat 10px center; padding-left:20px; line-height:18px }
#nav ul li.ebene2	{ background:#6dafd1; color:#fff }
#nav ul li.aktiv	{ color:#0871a6; background:#fff }
#nav ul li.aktiv a	{ color:#0871a6; background:#fff }
#nav .top		{ background:#fff  url(../images/pfeil_fff.gif) no-repeat 5px center; border:none }
 
 
 
/* --- CONTENT ---------------------------------------------------------------------------------------------------------------------- */
 
#content		{ float:left; width:544px; margin-left:10px; padding-bottom:18px; border-bottom:1px solid #999; background: #fff url(../images/bg_content.gif) repeat-y; position:relative }
#content-wrapper	{ width:959px; background:#a1cfe8 url(../images/bg_02.gif) no-repeat; margin-bottom:18px }
#top			{ position:absolute; top:0; left:0; background:url(../images/outline_c.gif) no-repeat; width:544px }
#content h1		{ padding-left:10px; line-height:22px; background:#fed308; border-right:1px solid #999; border-left:1px solid #999; margin-bottom:20px }
#content h2,
#content p		{ padding:0 91px 6px 10px }
#content .first		{ margin-top:12px }
#content .bild embed	{ float:right }
#content .bild object	{ float:right }
#content .bild img	{ float:right }
#content .bild p,
#content .bild h2,
#content .bild li	{ padding-right:140px }
#rand			{ margin:18px 31px 0 59px }
#rand p,
#rand h2		{ padding-left:0; padding-right:10px }
#rand p			{ padding-bottom:12px }
#rand ul		{ list-style-type:none; padding:0; margin-bottom:12px }
#rand li		{ background:url(../images/dot333.gif) no-repeat 0 6px; padding:0 0 5px 12px }

 
 
/* --- TEASER ----------------------------------------------------------------------------------------------------------------------- */
 
#teaser			{ float:left; width:217px; margin-left:10px; color:#0871a6 }
#teaser a.mail		{ font-weight:bold; color:#0871a6; text-decoration:underline }
.box			{ border-bottom:#666 1px solid; margin-bottom:10px; background:#e6f1f6 }
.box h1			{ color:#fff; font-size:11px; font-weight:bold; line-height:22px; background:#0871a6 url(../images/bg_teaser.gif) no-repeat; padding-left:10px }
.box p			{ padding:5px 10px 6px 10px; border-left:1px solid #666; border-right:1px solid #666 }
.box.news p		{ padding:5px 10px 0 10px; border-left:1px solid #666; border-right:1px solid #666 }
.box.news p.more	{ padding:0 10px 6px 10px }
.box ul			{ list-style-type:none; padding:5px 0 6px 0; margin:0; border-left:1px solid #666; border-right:1px solid #666 }
.box li			{ background:url(../images/pfeil_teaser.gif) no-repeat 0 40%; padding:0 0 5px 10px; margin-left:10px }
.more			{ text-align:right }
.more a			{ color:#0871a6 }
 
 
 
/* --- FOOTER ----------------------------------------------------------------------------------------------------------------------- */
 
#footer			{ clear:both; padding:17px 0 21px 178px; font-size:10px; color:#666 }
#footer a		{ color:#666 }
#footer .aktiv		{ font-weight:bold }