/* workarounds ? */
ul, ol 	{ position: relative;  }
/* MSIE macht fehler bei Margen und Floats, verschiedene "display: inline"
 * Anweisungen sollten das beheben, sogn. "double margin bug" (siehe
 * http://www.positioniseverything.net/explorer/floatIndent.html */

/* INHALT */

/* Breite Spalte im Mitte mit Inhalt  */
body 	{ margin-left: 20%; margin-right: 15%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif ;
 color: #000000; background-color: #EEEEEE; padding: 0;}

/* Link im Text: schwarz, unterstrichen und standard-graue Hintergrund */
a:link, a:visited, a:hover 	{background-color: #EEEEEE; }
a:hover, ul.navbar li a:hover 	{background-color: #CCCCCC; }
/* Im Menu mit dunkelergrau */
ul.navbar a:link, ul.navbar a:visited 	{background-color: #DDDDDD; }
a:link 	{ color: #990033; text-decoration: underline; }
/* Besuchte Link, gleiche Farbe als normale Text */
a:visited 	{ color: #000000; text-decoration: underline; }
/* hover: schwarz auf dunkelgrau */
a:hover { color: #990033;  }
 
/* Für link nach oben, tief unter Inhalt plazieren */
p.zurueck 	{ margin-top: 5em; }
/* jede seite enthält eine unauffällige Name */
p.unterschrift 	{margin-top: 2em; text-align: right; font-size: 90%; font-style: italic; }
/* Schreien */
p.alert 	{font-size: 110%; font-weight: bold; border: 8px red ridge; padding: 1em; background-color: yellow; }

/* Image mit caption zusammen */
div.image 	{ margin-top: 2.5em; text-align: center; display: block; }
div.image p 	{ font-size: smaller; font-style: italic; margin-top: 0em; }
div.image img 	{ border: thin #EEEEEE solid;}

/* Thumbnails nach möglichkeit horizontal angeordnet.*/
/* Container mit float left und width 100% hilft nachfolgende paragrafen unten anzuordnen*/
div.tnlist2 	{display: block; margin: 0; padding: 0 ; width: 100%; float: left; border: none;}
div.tnlist 	{display: block; margin: 0; padding: 0 ; width: 100%; float: left; border-bottom-style: solid; border-color: #CCCCCC; border-width: 1px;}

div.tnlist div.image 	{ float: left; display: block; margin: 0.5em; max-width: 20%;}
div.tnlist2 div.image 	{ float: left; display: block; margin: 2.0em;}
div.tnlist2 div.image p, div.tnlist div.image p { font-size: smaller; font-style: italic; margin: 0.5em; }
div.tnlist2 div.image img, div.tnlist div.image img	{ border: thin black solid;  display: inline; }
div.copyright 	{display: inline; margin-top: 3em;}
/* Tekst für Gyan-Projekte in tnlist */
p.gyan {font-weight: bold;}

/* Tekst in rechter Spalte */
p.logo 	{ padding: 0; margin: 0; position: absolute; top: 2em; right: 1%; width: 8%; }

/* Algemeine Listen  kurse, fotokataloge */
ul 	{ list-style-type: none;}
ul li 	{margin-bottom: 0.5em;}
ul li.sublist 	{margin-top: 1em; font-weight: bold; font-size: 95%; }
ul li img 	{ width: 5%; }

/* Hauptmenu als Liste mit ein sublevel */
ul.navbar, ul.subnavbar { list-style-type:none; }
ul.navbar 	{ padding: 0; margin: 0; position: absolute; top: 1.5em; left: 1%; width: 15% }
ul.navbar li 	{ font-size: smaller; background-color: #DDDDDD; color: #000033; margin: 0.3em 0; padding: 0.2em; }
ul.subnavbar li { margin: 0em 0; font-size: 100%; background-color: #DDDDDD; color: #000000;}

/*grafische Linkelemente*/
img.extlink {padding:0.1em;}
img.intlink {padding:0.1em; border-style: outset; border-color: #EEEEEE;}

/* Soundbites */
span.sound	{ border-style: outset; border-color: #444444; background-color: #DDDDDD; line-height: 4em; padding: 0.3em; margin-left: 1em; border-width: medium;}
span.sound a	{ text-decoration: none; background-color: #DDDDDD; color: #990033;}
span.sound a:visited, span.sound a:hover	{background-color: #CCCCCC; color: #000033; }

/* table */
caption  	{ font-size: smaller; font-style: italic; text-align: left; padding-bottom: 0.5em; }
th 	{text-align: left; font-size: 90%;  padding-bottom: 0.5em; }
tr 	{text-align: left; font-size: 80%; }
td 	{padding-right: 0.5em;  }
table.cv, table.cv th, table.cv tr, table.cv td  {font-size: 100%;}  
table.cv tr td 	{ border-color: #DDDDDD; border-bottom-style: solid; border-width: 1px; empty-cells: show; border-collapse: collapse;}  
table tbody tr td a img  	{border: none; }

/* dl */
dl dt img {vertical-align: text-bottom; }
dl dd {margin-bottom: 0.4em;}
dl.courses dd {margin-left: 5em; font-size: 110%; }
dl.logo {padding: 0.3em; margin: 0; position: absolute; top: 30%; right: 1%; width: 8%; color: #666666;}
dl.logo dt {font-size: 70%; }
dl.logo dd {font-size: 70%; text-align: right; color: #333333;}


/* blog*/
p.blogdate {font-size: 110%;}
img.blogimg { display: block; margin: 1em; border: thin black solid;}
img.blogimgln { margin: 1em; border: thin black solid;}