/*	Copyright (C) 2007, Elmar Schreyer, elmar.schreyer@gmx.de - Alle Rechte vorbehalten. */

body, p a {
	font:		normal 100.01% Helvetica, Arial, sans-serif;
	color:		black;
	min-width:	40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}

p a {
	margin:	1em 0;
	padding:0 0.5em 0.3em;
}

html {
	padding: 0;
}

body {
	margin:				0;
	padding:			0;
	background-image:	url(images/sonnenschutzfolie.gif);
}

h1,
h2,
h3 {
   font-weight:     bold;
   margin:          0.8em 1em 0 0;								/* oben, rechts, unten, links */
   padding:         0 0.3em;
}

h1 {
	font-size:		1.8em;
	margin: 		0em;
}
	
h2 { font-size:     1.5em; }
h3 { font-size:     1.2em; }

ul {
   list-style:      disc outside;
   margin:          1em 0;
   padding:         0 0 0 1.5em;
}

li {
   margin:          0.8em 0;
   padding:         0 0.5em 0 0.5em;
}

dt {
	font-weight:bold;
	margin:		0.75em 0 0.25em 0;
	padding:	0 0.5em;
}

dd {
	margin:		0 0 0.75em 1.5em;
	padding:	0 0.5em;
}

#fixiert {
	background-color:	transparent;
	position:			absolute;
	top:				7.8em;
	right:				1.5em;
	width:				18em;
}

html>body #fixiert {  /* nur fuer neueste Browser! */
  position: fixed;
}

#fixiert img {
  height: 18em;	/* fuer opera */
  /*z-index:1;*/
  z-index:1;
}

#kopf {
	margin:				0 0 0em;
	padding:			1.0em;
	background-image:	url(images/sonnenschutz-schutzfolie.jpg);
	background-repeat:	repeat-x;
	background-position:0 -0.8em;
}

#inhalt {
	margin-left: 0em; padding: 0 1em;
	margin-top: 0em; padding: 0 1em;
	margin-right: 20em; padding: 0 1em;
	margin-bottom: 0em; padding: 0 1em;
	border-left: 1.0em solid  black;		/*navy6b3931*/
	text-align:      justify;
	line-height:     1.3;
}

* #inhalt {  /* versteckt vor Netscape 4 */
	background-color: #ffffee;/*#fffbdd;#f7fbff;*/	/*#ffffee#fffbdd;*/
}

#inhalt h1 {
	color:		navy;/*#ff7b13;*/
	background:	transparent;
	margin:		0 0 0.5em 0;
	padding-top:1em;
	text-align:	center;
}

#inhalt h2 {
	color:		maroon;
	background:	transparent;
}

#inhalt h3 {
	color:		black;
	background:	transparent;
	margin-top:0em;
}

#inhalt p {
	font-size:	1em;
	margin:		1em 0.5em;
}

#inhalt a {
	font-size:	1em;
	/*margin:		1em 0.5em 1em 0;=====================================*/
	margin:		 0;
}

#inhalt #fusszeile {
	font-size:		0.9em;
	margin:			2em 0 0; padding: 0.1em;
	text-align:		center;
	background-color:navy;
	border:			1px solid white;
	color:			white;
}

.kasten {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   margin:          1em 1.6em 1.5em 0.25em;
   padding:         0.5em 0.5em;
   float:           left;
   clear:           left;
   border:          1px solid #cfcfcf;
   text-align:      left;
   color:           black;
   background-color:#f7fbff;/* #ffffee-(hellgelb); ffce63 #fff7bd;-(dunkelgelb) f7fbff#f7f8ff;*/
   width:           12em;
}

p.titel {
   font-weight:	bold;
   text-align:	center;
}

.kasten ol{
	list-style-type:	none;
	margin:				0.5em 0;
	padding:			0 0 0 0.5em;
}

.unterhalb {
   clear:	left;
}

.navigation {
	font-size:	1.2em;
	margin:		0 0.5em 0em; padding: 0;
}

.navigation li {
	list-style:	none;
	margin:		0;
	padding:	0.2em;
}

ul.navigation a {
	display:	block;
	padding:	0.2em;
	font-weight:bold;
}

ul.navigation strong {
	display:		block;
	padding:		0.2em;
	font-weight:	bold;
	color:			maroon;
	background-color:transparent;
}


ul.navigation a:link {
  color: #191966; background-color: transparent;
}

ul.navigation a:visited {
  color: #3165ce; background-color: transparent;
}

ul.navigation a:hover {
  color: red; background-color: transparent;
}

ul.navigation a:active {
  color: #191966; background-color: transparent;
}




div.shadow, div.shadow-kh, div.shadow2, div.shadow3, div.shadow4, div.shadow5 {
	padding: 1px;
}

div.shadow {
	background-color: #8e8e8e;
	border: 1px solid #959595;
	margin: 0px;
}

div.shadow-kh {
	background-color: #8e8e8e;
	border: 1px solid #959595;
	margin: 0px;
}

div.shadow2 {
	background-color: #aaa;
	border: 1px solid #bebebe;
	margin: 0;
}

div.shadow3 {
	background-color: #d1d1d1;
	border: 1px solid #e1e1e1;
	margin: 0;
}

div.shadow4 {
	background-color: #ededed;
	border: 1px solid #f6f6f6;
	margin: 0;
}

div.shadow5 {
	width:           12em;
	float: left;
	background-color: #fcfcfc;
	border: 1px solid #fff;
	margin-left: 0px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
}

/* ie fehler ausgleichen */
* html div.shadow5 {
	margin-left: 0px;
	margin-top: 0.5em;
	margin-bottom: 0em;
}

div.shadow img, div.shadow-kh img {
	border: 0px solid #666;
	margin: 0;
	display:block;
	position: relative;
	top: -3px;
	left: -3px;
}

div.shadow:hover img{
   margin: 0px;
   top: 0px;
   left: 0px;
}

.kasten2 {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   margin:          0em 0.5em 0.5em -0.15em;
   padding:         0.5em 0.5em;
   padding-bottom:        1.5em;
   padding-top:        0.5em;
   float:           left;
   clear:           left;
/*border:          1px solid #e0e0e0;*/
   text-align:      left;
   background-color:#ffffee;/*#fffff0; #ffffee-(hellgelb); ffce63 #fff7bd;-(dunkelgelb) f7fbff#f7f8ff;*/
   width:           12.25em;
 	height:			9em;	/*noetig fuer netscape */
}

/* ie fehler ausgleichen */
* html .kasten2 {
	padding: 0em 0.5em;
	padding-top:        0em;
	padding-bottom:     0em;
}

.textlink {
	display:block;
	background:#ffffee;
	padding-left:1em;
}

a:link{color:navy;}
a:visited{color:black;}
a:hover{color:red;}

