/* * * gemeinsame navigation von domain und subdomain * * */ 
/* * * labyrinthe * * */
/* * * <link rel="stylesheet" type="text/css" href="./css/nav.css" /> im head jeder Seite * * */

@import url('osfonts.css'); 


/***  LOREM IPSUM  ***/

p {font-size:1em; line-height:1.2em;}

h1 {font-size:1.24em; line-height:1.24em; color:#9ab;}  /*9ab*/  /* titel medien gestalten */ /* titel reale labyrinthe */ 
h2 {font-size:1em; line-height:1.2em; color:#789;}      /*789*/  /* nur labyrinthe */ /* in bremen und umzu */ 
h3 {font-size:0.6em; line-height:1.2em; color:#456;}    /*456*/  /* nur medien-gestalt */ /* seitentitel kapitel */ 
h4 {font-size:0.68em; line-height:1.2em; color:#345;}   /*345*/  /* nur labyrinthe */ /* laby seitentitel */ 
h5 {font-size:0.4em; line-height:1.24em; color:#789;}   /*789*/  /* seitentexte labyrinthe */ /* seite typo und impressum */
/* h6 unterschiedliche farben */

/*** *** *** *** ***/





/*** struktur *** HTML 5*/
/* header ohne eigene definition */ 
header { } /* top nav medien-gestalt */ /* ariadne nav labyrinthe */ 
/* footer font-size 0.38 */ 
footer { position: absolute; bottom:0.2em; width: 100%; font-size:0.32em; font-family: 'osregular'; text-align:center;  color: #999; opacity:0.9;} 





/* top nav font-size 0.38 */ 
#nav_top { position:absolute; top: -1.8em; left:0.0em; right:0.0em; width: 100%; text-align:center; z-index:999;  background-color: #efefef; opacity:0.8; font-family: 'osregular'; font-size:0.38em;} 

li { display:inline; list-style:none; }
li:not(:first-child)::before { content: ' | ';}
	
	
	
	
	
/* * * typo * nav * * */
a:link { color:#789; text-decoration:none; }
a:hover { color:#abc; text-decoration:none; } 
a:visited { color:#567; text-decoration:none; } 

nav li a { color:#789; text-decoration:none; }
nav li a:hover { color:#abc; } 

li a#current { color:#abc; }
li a#current:hover { color:#ddd; }

.aquia { color:#345; font-family: 'osbold'; } /* hier auf der top navi */



/* nav ariadne aus labyrinthe */
nav.ariadne { position:absolute; font-size:0.32em; left:1.8em;  top:0.2em; font-family: 'osregular';  } 
li { display:inline; list-style:none; }


/* * * t y p o * ariadne  labyrinthe* * */
/*
a:link { color:#345; text-decoration:none; }
a:hover { color:#89a; } 
a:visited { color:#678; } 

li a#current { color:#456; }
li a#current:hover { color:#678; } */
.aqui { color:#456; }  /* hier auf ariadne */
/* ende nav ariadne aus labyrinthe */





#linksitemap { position:absolute; top:0.2em; font-size:0.32em; font-family: 'osregular';  right:1.875em; } 
#linkwarum { position:absolute; top:0.2em; font-size:0.32em; font-family: 'osregular';  right:10em; } 

#linkimpr { position:absolute; bottom:0.2em; font-size:0.32em; font-family: 'osregular'; left:1.875em; }