/* $Id: default.css 168 2010-01-11 17:54:58Z hweber $ */

/*----------------------------------------------------------*/
/*                 Elemente-Definitionen                    */
/*----------------------------------------------------------*/

*			{	margin:0; padding:0; }

html		{	width:100%; height:100%; }


body		{	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#013986; font-size:100.1%;
				width:100%; height:100%;
				text-align:center;
				background:#818181; }

h1			{	font-size:1.2em; font-weight:bold;
				margin:1.0em 0 0 0;
				clear:both; }

h2			{	font-size:0.9em; font-weight:bold;
				margin:1.5em 0 0 0;
				clear:both; }

h3			{	font-size:0.7em; font-weight:bold;
				margin:1.5em 0 0 0; }

h4			{	font-size:0.8em; font-weight:bold;
				margin:1.5em 0 0 0; }

h5			{	font-size:0.7em; font-weight:bold;
				margin:0.7em 0;
				line-height:1.5em; }

h6			{	font-size:0.9em; font-weight:bold; text-transform:uppercase;
				margin-bottom:10px; }

p			{	font-size:0.7em;
				margin:0.7em 0; }

dfn			{   color:#F07F8C;
				cursor:help; }

ol			{	margin-left:1.2em; }

ul			{	list-style-type:none; }

li			{	font-size:0.7em;
				margin:0.2em 0; padding-left:1.0em; line-height:1.3em;
				background:url('/images/li_background.png') top left no-repeat; }

li ul		{	margin-left:1.2em; }

li li		{	font-size:1.0em; }

ol li		{	padding-left:0;
				background-image:none; }

dl			{	float:left; }

dt			{	font-size:0.8em; font-weight:bold;
				margin:0.5em 0 0 0;
				width:5em; float:left; }

dd			{	font-size:0.8em;
				margin:0.5em 0 0 5.5em; }

img			{	border:none; }

form		{	}

input		{	color:#013986; font-size:1.0em;
				margin:2px 0;
				vertical-align:middle; }

select		{	color:#013986; font-size:1.0em;
				margin:2px 0; }

textarea	{	color:#013986; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:1.0em;
				margin:2px 0; }

hr			{	color:#CCCCCC;
				height:1px;
				border:#CCCCCC;
				background-color:#CCCCCC; }

table		{	}

td			{	vertical-align:top; text-align:left; }

table p		{	color:#013986;
				text-align:left;
				margin:0; padding:1px; }

th p		{	text-transform:uppercase; }

a			{	color:#013986; text-decoration:underline; }
a:link		{	color:#013986; text-decoration:underline; }
a:active	{	color:#013986; text-decoration:underline; }
a:visited	{	color:#013986; text-decoration:underline; }
a:hover		{	color:#013986; text-decoration:none; }

/*----------------------------------------------------------*/
/*                Individual-Definitionen                   */
/*----------------------------------------------------------*/

/* Website vertikal in der Mitte positionieren und 100% der Höhe */
#mainbox			{	margin-left:auto; margin-right:auto;
						width:940px; min-height:100%; height:auto; }

/* Bereichs-Navigation (Hauptnavigation)*/					
#nav				{	width:45px; padding-top:97px;
						float:left; }
#nav ul li			{	float:left; background:none }
#nav ul li a.products
					{	width:45px; height:138px;
						display:block; margin-left:-12px;
						background:url('/images/nav_products.png') no-repeat; }
#nav ul li a.akademie
					{	width:45px; height:138px;
						display:block; margin-left:-12px;
						background:url('/images/nav_akademie.png') no-repeat; }
#nav ul li a.consult
					{	width:45px; height:138px;
						display:block; margin-left:-12px;
						background:url('/images/nav_consult.png') no-repeat; }
#nav ul li a.broker
					{	width:45px; height:138px;
						display:block; margin-left:-12px;
						background:url('/images/nav_broker.png') no-repeat; }
#nav ul li a.ofant
					{	width:45px; height:138px;
						display:block; margin-left:-12px;
						background:url('/images/nav_cleanofant.png') no-repeat; }
#nav ul span		{	display:none; }
#nav ul li a.products:active, #nav ul li a.products:hover, 
#nav ul li a.akademie:active, #nav ul li a.akademie:hover,
#nav ul li a.consult:active, #nav ul li a.consult:hover,
#nav ul li a.broker:active, #nav ul li a.broker:hover,
#nav ul li a.ofant:active, #nav ul li a.ofant:hover,
#nav ul li a.active
					{	background-position:-50px 0; }					


/* Inhalt */
#box				{	position:relative; width:893px;
						float:left;
						background-color:#FFF;
						border-left:1px solid #FFF; border-right:1px solid #FFF; }

/* Kopfzeile */
#head				{	width:100%; height:259px;
						position:relative;
						background:url('/images/head_background.png') top left repeat; }
#head img.r			{	width:255px; height:99px;
						position:absolute; top:0; left:0; z-index:5; }
#head img.logo		{	width:698px; height:64px;
						position:absolute; top:30px; left:193px; z-index:5; }
#head img.image		{	width:893px; height:159px;
						position:absolute; top:99px; left:0; z-index:10;
						border-top:1px solid #FFF; border-bottom:1px solid #FFF; }

/* Navigation 2. Ebene */
#nav2				{	width:190px;
						text-align:left;
						padding:5px 5px 50px 5px;
						float:left; overflow:hidden; }
#nav2 h3			{	text-align:center; }

/* Inhalt */
#content			{	width:513px;
						text-align:left;
						padding:10px 10px 50px 10px;
						float:left;
						background-color:#FFFFFF; }

/* Informationen */
#news				{	width:150px;
						text-align:left;
						padding:5px 5px 50px 5px;
						float:left; }

/* Fusszeile */
#foot				{	position:absolute; width:893px; height:25px; bottom:-1px; left:0;
						clear:left;
						background-color:#FFFFFF;
						border-top:1px solid #CCCCCC; }

/*----------------------------------------------------------*/
/*                  Klassen-Definitionen                    */
/*----------------------------------------------------------*/

/* Bereich für den Farbverlauf oben im Head */
ul.nav1				{	position:absolute; top:0; left:241px; z-index:3;
						width:652px;
						list-style:none; list-style-image:none;
						background:#CCCCCC; }

/* Navigation (Unternavigation) */
ul.nav2				{	margin-left:0;
						list-style:none; list-style-image:none; }
ul.nav2 li			{	color:#FFFFFF; font-size:0.8em;
						line-height:1.3em;
						margin:6px 0 6px 20px; padding:2px 10px 2px 0;
						text-align:left;
						border-bottom:1px solid #FFFFFF;
						background-image:none; }
ul.nav2 a			{	color:#FFFFFF; text-decoration:none; }
ul.nav2 a:link		{	color:#FFFFFF; text-decoration:none; }
ul.nav2 a:active	{	color:#FFFFFF; text-decoration:none; }
ul.nav2 a:visited	{	color:#FFFFFF; text-decoration:none; }
ul.nav2 a:hover		{	color:#6D7280; text-decoration:none; }
ul.nav2 a.active, ul.nav2 a.active:link, ul.nav2 a.active:active, ul.nav2 a.active:visited, ul.nav2 a.active:hover
					{	color:#6D7280; text-decoration:none; }

/* Navigation (Unternavigation) */
ul.nav3				{	margin-left:0;
						list-style:none; list-style-image:none; }
ul.nav3 li			{	color:#FFFFFF; font-size:0.9em;
						line-height:1.3em;
						margin:6px 0 6px 20px; padding:2px 10px 2px 0;
						text-align:left;
						border-bottom:none; }
ul.nav3 a			{	color:#FFFFFF; text-decoration:none; }
ul.nav3 a:link		{	color:#FFFFFF; text-decoration:none; }
ul.nav3 a:active	{	color:#FFFFFF; text-decoration:none; }
ul.nav3 a:visited	{	color:#FFFFFF; text-decoration:none; }
ul.nav3 a:hover		{	color:#6D7280; text-decoration:none; }
ul.nav3 a.active, ul.nav3 a.active:link, ul.nav3 a.active:active, ul.nav3 a.active:visited, ul.nav3 a.active:hover
					{	color:#6D7280; text-decoration:none; }			

/* Text in der Fusszeile */
#foot p				{	text-align:center;
						margin:4px 10px; }

/* Text und Links der News */
#news p				{	font-size:0.7em;
						line-height:1.2em;
						margin:0.5em 0; }
#news a				{	text-decoration:none; }
#news a:link		{	text-decoration:none; }
#news a:active		{	text-decoration:none; }
#news a:visited		{	text-decoration:none; }
#news a:hover		{	text-decoration:none; }

/* Suchergebnis */
ol li				{	margin-bottom:15px; }
ol p				{	font-size:1.0em;
						margin-top:0; margin-bottom:0; }
.suche_markiert		{	font-weight:bold;
						padding-left:2px; padding-right:2px;
						background-color:#D4DED0; }

/* Beschriftung für Formularfelder */
label.formular		{	width:11.0em;
						margin-right:0.3em; float:left; }

/* Beschriftung für Kontrollkästchen */
label.checkbox		{	margin-left:5px; }

/* Text-Eingabefelder */
input.text			{	width:240px; height:1.3em;
						border:1px solid #CCC; }
select.text,
textarea.text		{	width:240px;
						border:1px solid #CCC; }
input.focus,
textarea.focus		{	background-color:#EFF1FF; }
input.error,
textarea.error		{	background-color:#FCC;
						border:1px solid #CFA8A8; }

/* Hyperlinks */
a.unmarked			{	text-decoration:none; }
a.unmarked:link		{	text-decoration:none; }
a.unmarked:visited	{	text-decoration:none; }
a.unmarked:active	{	text-decoration:none; }
a.unmarked:hover	{	text-decoration:none; }

a.link_intern		{	background: url('/images/link_intern.png') center right no-repeat;
						padding-right:16px; }

a.link_back			{	background: url('/images/link_back.png') center left no-repeat;
						padding-left:16px; }

a.link_email		{	background: url('/images/link_email.png') center left no-repeat;
						padding-left:16px; }

/* Textfluss für Bilder */
img.left			{	float:left; margin-right:10px; margin-bottom:10px; }
img.right			{	float:right; margin-left:50px; margin-bottom:10px; }

/* Symbole */
img.icon			{	vertical-align:middle; }

/* Fehlermeldung */
div.error-message	{	display:none;
						color:#FD0026; }
div.error-message p	{	background: url('/images/error.png') center left no-repeat;
						padding-left:20px; }

/* Overlay */
div.overlay			{	position:fixed; z-index:9998; left:0; top:0;
						display:none; width:100%; height:100%;
						background-color:#818181;  }

/* Anfrage-Formular */
div.enquiry			{	position:fixed; z-index:9999; left:50%; top:100px;
						margin-left:-200px; padding:10px;
						display:none; width:400px;
						background-color:#FFF;
						border:1px solid #000;
						text-align:left;  }
img.enquiry_close	{	position:absolute; top:5px; right:5px; }
div.sentmessage		{	display:none; }

/* Zeilenumbruch um Textfluss wiederzuherstellen */
br.clear			{	clear:both; }

/* Zebra-Liste */
.odd				{	background-color:#F9CCD1; }
.even				{	}
p.skip				{	padding:0 1px; }
tr.skip p			{	padding:0 1px; }