/****** Navigation (id="hnav" und id="snav") ******/
#hnav a, #snav a, #hnav .pfad a, #snav .pfad a { text-decoration:none; font-weight:bold; }
#hnav a, #hnav .pfad a { display:inline-block; padding:0 15px; }
#snav a, #snav .pfad a { display:block; padding:0 4px; }
#hnav a:link, #hnav a:visited, #snav a:link, #snav a:visited { color:#fff; }
#hnav .pfad a, #snav .pfad a { color:#3473b9; }
#hnav a:hover, #hnav a:focus, #hnav a:visited:hover, #hnav a:visited:focus, #snav a:hover, #snav a:focus, #snav a:visited:hover, #snav a:visited:focus{ background:#99b9dc; color:#3473b9; }
#hnav .pfad a:link, #hnav .pfad a:visited, #snav .pfad a:link, #snav .pfad a:visited { background:#fff; }
#hnav .pfad a:hover, #hnav .pfad a:focus, #hnav .pfad a:visited:hover, #hnav .pfad a:visited:focus, #snav .pfad a:hover, #snav .pfad a:focus, #snav .pfad a:visited:hover, #snav .pfad a:visited:focus { background:#99b9dc; }

/****** Navigation im Content-, News- und Footer-Bereich (div id="con", div id="news" und div id="foot") ******/
#con a, #news a, #foot a { text-decoration:none; }
#con a:link, #con a:visited, #news a:link, #news a:visited, #foot a:link, #foot a:visited { color:#3473b9; }
#con a:hover, #con a:focus, #con a:visited:hover, #con a:visited:focus, #news a:hover, #news a:focus, #news a:visited:hover, #news a:visited:focus, #foot a:hover, #foot a:focus, #foot a:visited:hover, #foot a:visited:focus { color:#666; }

#con a[href*="pdf"], #con a[href*="doc"], #con a[href*="zip"], #news a[href*="pdf"], #news a[href*="doc"], #news a[href*="zip"] { background:url(../img/download.png) center left no-repeat; padding-left:15px; }
#con a[href*="mailto"], #news a[href*="mailto"] { background:url(../img/kontakt.png) center left no-repeat; padding-left:17px; }
#con a[href*="http://"], #news a[href*="http://"] { background:url(../img/extern.png) center right no-repeat; padding:0 17px 0 0; }

#con a.zoom { position:relative; }
span.zoom { background:url(../img/zoom.png) no-repeat; width:14px; height:14px; position:absolute; right:7px; bottom:5px; }

/****** Navigation im Logo-Bereich ******/
h2 a { color:#666; text-decoration:none; }
h2 a:link, h2 a:visited { color:#666; }
h2 a:hover, h2 a:focus, h2 a:visited:hover, h2 a:visited:focus { color:#3473b9; }

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

/****** alle Abstände global auf 0 ******/
* { margin:0; padding:0; }

/****** Höhe immer mindestens 100% des Anzeigebereichs, Scrollbalken verhindert Springen zwischen kurzen und langen Seiten ******/
html, body { height:100%; padding-bottom:1px; }

/****** Die gesamte Anzeigebreite im Webbrowser ******/
body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:100.1%; background:#fff; height:100%; }

h1, h3, h4, h5 { font-weight:bold; font-size:1em; }
h1 { margin-bottom:18px; }
h2 { font-weight:normal; font-size:0.88em; line-height:1.6em; color:#666; }
h3, h4 { margin-bottom:9px; }
h5 { display:inline; }
p { margin-bottom:18px; }
img { border:0; }

hr { color:#3473b9; background:#3473b9; height:1px; border:none; }

.clear { clear:both; }

/****** zentrierter Container für die gesamte Seite ******/
#page { margin:0 auto; width:80%; max-width:1000px; min-height:100%; height:auto !important; height:100%; font-size:0.8em; line-height:1.4em; background:url(../img/hintergrund-page.gif) repeat-y #99b9dc; border-left:5px solid #7a7375; border-right:5px solid #7a7375; position:relative; }

/****** Logo ******/
#logo { height:150px; background:url(../img/vdtc-hintergrund.jpg) no-repeat right #fff; position:relative; }
.avilusplus { position:absolute; top:46px; left:240px; }
.bmbf { position:absolute; top:10px; left:0; }
#logo h2 { position:absolute; top:90px; left:240px; }

/****** Horizontale Navigation ******/
#hnav { line-height:2em; background:#3473b9; font-weight:bold; color:#fff; border-top:1px solid #3473b9; border-bottom:1px solid #3473b9; }
#hnav ul { list-style:none; }
#hnav ul li { display:inline-block; float:left; }
#hnav ul li.aktiv { padding:0 15px; color:#3473b9; background:#fff; }

/****** Wrapper für vertikale Navigation und News-Bereich - nur für die Startseite ******/
.wrap { float:left; height:343px; position:relative; }

/****** Vertikale Navigation ******/
#snav { width:208px; float:left; background:#3473b9; margin:10px; font-weight:bold; color:#fff; border:1px solid #3473b9; border-bottom:0; }
#snav ul { list-style:none; }
#snav ul li { display:block; border-bottom:1px solid #fff; line-height:2em; }
#snav ul li.aktiv { padding:0 4px; color:#3473b9; background:#fff; }

/****** Bereich für Aktuelles - nur auf der Startseite ******/
#news { width:210px; font-weight:bold; position:absolute; left:10px; bottom:7px; background:#fff; }
#news p { margin:5px; }
#news img { margin-left:-5px; }

/****** Content ******/
#con { margin-left:230px; padding:10px; height:100%; }
.txt { margin:5px 5px 50px 5px; } /** Text über die gesamte Contentbreite **/
.txt2 { margin:0 5px 25px 215px; } /** Text neben Bilderspalte **/
.pic { float:left; width:200px; } /** einspaltiges Bild **/
.picxl { width:500px; } /** vollformatiges Bild **/
.pic p, .picxl p { font-size:0.88em; text-align:right; } /** Bildunterschriften **/

#con ul, #con ul.sitemap { list-style-position:outside; margin:0 5px 18px 20px; }
#con ul.sub { list-style-position:outside; margin:0 5px 0 20px; }
#con ul { list-style:square; }
#con ul li { margin-bottom:9px; }
#con ul.sitemap { list-style:none; }
#con ul.sitemap li { margin-bottom:0; }

p.back { text-align:right; font-size:0.88em; }
p.imgback { text-align:left; font-size:0.88em; }

/****** Flash-Intro ******/
#ani { margin-top:10px; height:340px; background:purple; background:url(../bilder/avilusplus-intro.jpg) no-repeat top center; }

/****** Fusszeile ******/
#foot { width:100%; border-top:1px solid #3473b9; position:absolute; bottom:0; background:#fff scroll; }
#foot p { margin-left:470px; font-size:0.8em; }