/****** Hauptnavigation ******/
#nav a { font-weight:bold; text-decoration:none; display:block; padding-left:17px; }
#nav a:link, #nav a:visited { color:#666; }
#nav a:hover, #nav a:focus, #nav a:visited:hover, #nav a:visited:focus { color:#093; background:url(../img/button2.gif) no-repeat; }

/****** Servicemenü ******/
#ser a { text-decoration:underline; }
#ser a:link, #ser a:visited { color:#666; }
#ser a:hover, #ser a:focus, #ser a:visited:hover, #ser a:visited:focus { color:#093; }

/****** Navigation im Content-Bereich ******/
#con a { text-decoration:underline; }
#con a:link, #con a:visited { color:#666; }
#con a:hover, #con a:focus, #con a:visited:hover, #con a:visited:focus { color:#093; }

/****** Alle em-Angaben gelten für Voreinstellung Schriftgrad 16px und für gewünschte Darstellung Schriftgrad 12px. ******/

/****** Alle padding- und margin-Abstände global auf 0 ******/
* { margin:0; padding:0; }

/****** Erzeugt einen permanenten Scrollbalken, um ein Springen zwischen kurzen und langen Seiten zu verhindern ******/
html { height:100%; padding-bottom:1px; }

/****** Die gesamte Anzeigebreite im Webbrowser ******/
body { font-family:Arial, Helvetica, Verdana, sans-serif; color:#000; font-size:100.1%; background:url(../img/karo.gif) repeat #fff; }

h1 { font-weight:bold; font-size:100%; padding:2px 0; }
h2 { font-weight:bold; font-size:100%; }
p { margin-bottom:0.5em; }

/****** zentrierter Container für die gesamte Seite ******/
#page { margin:10px auto; width:900px; clear:both; border:1px solid #093; line-height:1.4em; font-size:0.8em; background:url(../img/banner-home.jpg) no-repeat #fff; padding-top:175px; }

/****** Logo ******/
#logo { display:none; }

/****** Hauptnavigation ******/
#nav { width:200px; line-height:1.8em; padding-top:28px; float:left; }
#nav ul { list-style:none; list-style-position:outside; }
#nav ul li { margin:0 10px; }
#nav ul li ul li { margin-left:20px; }
#nav h1 { font-weight:bold; color:#093; background:url(../img/button2.gif) no-repeat; padding:0 0 0 17px; }

/****** Servicemenü ******/
#ser { width:900px; min-height:2em; position:relative; }
#ser ul { list-style:none; list-style-position:outside; line-height:2em; position:absolute; top:0; right:41px; }
#ser ul li { display:inline; margin-right:10px; }
#ser h1 { font-weight:bold; color:#093; background:url(../img/button2.gif) no-repeat; padding-left:17px; }

/****** Content ******/
#con { width:700px; float:right; min-height:580px; margin-top:10px; }
table { table-layout:fixed; width:100%; margin:16px 0; border-collapse:collapse; clear:both; }
table tr { border-bottom:1px solid #ccc; }
table td.txt { vertical-align:top; }
table td.pic { width:222px; vertical-align:top; }
table td.pic img { display:block; }
table td.pic p { margin:5px 0; color:#666; }

.txt { width:448px; float:left; padding:0 20px 10px 10px; }
.txt ul { list-style:square; list-style-position:outside; margin-bottom:0.5em; }
.txt ul li { margin-left:50px; }

.pic { width:222px; float:right; margin-top:5px; }
.pic ul { list-style:none; list-style-position:outside; }
.pic ul li { }
.pic ul li p { margin:0 5px 5px 0; color:#666; }
.pic img { border:none; }

/****** Fusszeile ******/
#foot { width:900px; border-top:1px solid #093; clear:both; text-align:center; background:url(../img/karo.gif) repeat #fff; }
#foot p { color:#666; margin:0; }