/* 
	//////////////////////////////
	//
	// haushaltsaufloesungen
	// stylesheet-media screen
	//
	//
	/////////////////////////////
*/

/* Nicht entfernen, SPAMSCHUTZ!!! */
.dontShow {
	display:none;
}

html, body, div, p, h1, h2, h3, ul, ol,     /* Abstaende aller Elemente werden auf Null gesetzt */
span, a, table, td, form, img, li {
	margin:0;
	padding:0;
	border:0;
}

html, body {
	height:100%;
	text-align:center;
	font-family:verdana, sans-serif;
	font-size:100.1%;
	background-color:#FFFFFF;
	color:#000000;
}

/*
	Container
*/
.container  {
	position:relative;
	font-size:62.5%; /* ab jetzt:1em entspricht 10px */
	margin:0 auto;
	background-color:#FFFF00;
	color:#000000;
	width:90em;
	min-height:100%;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

/*
	Header
*/
.header
{
     position:absolute;
     left:10em;
     top:0;
     height:15em;
     margin:0;
     width:80em;
}

.header img
{
     float:left;
     margin:2em 0 0 10em;
}

.header .text
{
     display:block;
     text-align:center;
     width:60em;
     margin:1em 0 0 10em;
}

.header .text p
{
     display:block;
     text-align:center;
}

.header .persname
{
     font-family:"times new roman", serif;
     font-size:3.8em;
}

.header .firmenname
{
     font-family:"times new roman", serif;
     font-size:2.8em;
	 margin-left:1em;
}

.header .taetigkeit
{
     font-family:"times new roman", serif;
     font-size:2.4em;
	 line-height:1em;
	 background-color:#FFFFFF;
	 border:solid 0.1em #000000;
	 width:10em;
	margin-left:9.3em;
}

/*
     Slogan
*/
.slogan
{
     position:absolute;
     top:13em;
     left:0;
     background-color:#000000;
     color:#FFFFFF; 
     text-align:right;
     padding:0.3em 2em 0.3em 0;
     width:88em;
}

.slogan p
{
     font-weight:bold;
     font-size:1.2em;
}

.slogan .hausaufloesung
{
     float:left;
     margin-left:2em;
}
	
/*
	Navigation
*/
.navigation_main {
	position:absolute;
	top:15em;
	left:0;	
	text-align:left;
	font-size:1.2em;
	z-index:100;
	width:15.5em;
}

.navigation_main ul {
	list-style-type:none;
	list-style-image:none;
	padding-left:0;
	margin-left:1em;
	/*
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	*/
}

.navigation_main ul li {
	line-height:1.6em;
	padding-left:0;
	margin-left:0;
}

/*
     Content
*/
.content
{
     float:right;
     margin:15em 2em 0 auto;
     background-color:#FFFFFF;
     color:#000000;
     width:54.2em;
     text-align:left;
     padding:1em;
     font-size:1.2em;
     border:1px solid #000000;
}

.content img
{
     border:1px solid #000000;
}

/*
	Hyperlinks
*/
a:link, a:visited {
	color:#000000;
	background-color:inherit;
	text-decoration:underline;
}

a:hover, a:focus {
	text-decoration:none;
	color:#0000FF;
	background-color:inherit;
}

.navigation_main a:link, .navigation_main a:visited {
 	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
     display:block;
     padding:0 0.2em;
     border:1px solid #000000;
     margin-bottom:0.5em;
}

.navigation_main a:hover,  .navigation_main a:focus,  .navigation_main a:active {
	text-decoration:none;
	color:#000000;
	background-color:#FFCC00;
	padding-left:0.3em;
}

a.current:link, a.current:visited, a.current:hover,  a.current:focus,  a.current:active {
	color:#000000;
	background-color:#FFCC00;
	font-style:italic;
}

/*
	Ueberschriften
*/
h1{
	font-size:1.5em;
	color:#0000FF;	
	background-color:inherit;
}

h2{
	font-size:1.2em;
	color:#000000;	
	background-color:inherit;
}

h3{
	font-size:1.1em;
	color:#000000;	
	background-color:inherit;
}

/*
	Elements
*/
ul, ol {
	padding-left:1em;
}

li{
	padding-left:0.3em;
}

/*
	Sitemap
*/
ul.sitemap {
	padding-left:2em;
	list-style-image:url(../../bilder/system/bullet_0.gif);
}

.sitemap ul {
	padding-left:0.5em;
}

.sitemap ul.level1 {
	list-style-image:url(../../bilder/system/bullet_1.gif);
}

.sitemap ul.level2 {
	list-style-image:url(../../bilder/system/bullet_2.gif);
}

/*
	Error Message
*/
.error {
	color:#F00;
	font-size:1.0em;
	background-color:transparent;   
	margin:0 0 1em 0;
}

.message {
    color:#666666;
 	font-size:1.0em;
	background-color:transparent;   
    margin:0 0 1em 0;
}

.flyer_col_left {
     float:left;
     width:14em;
     line-height:2em;
}

.flyer_col_right {
    margin-left:14em;
    line-height:2em;
}

.left {
	text-align:left;
}