/* 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: 10%; 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: -1em; }
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 0 1em 0; width: 100%; float: left; border-bottom-style: solid; border-color: #CCCCCC; border-width: 1px;}
/* thumbnails sind max 80x150px */
div.tnlist2 div.image, div.tnlist div.image 	{ width: 7em; min-width: 150px; height: 8em; min-height: 80px; float: left; display: block;text-align: center;  }
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 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: 3.5em; 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; }
table.produktliste {margin-bottom: 2em;}
table.produktliste tr td {text-align: left; border-bottom-style: dotted; border-width: 1px; border-color: #AAAAAA;}
table.produktliste tr th {text-align: middle; border-bottom-style: dotted; border-left-style: dotted; border-width: 1px; border-color: #AAAAAA;}


/* dl */
dl dt img {vertical-align: text-bottom; }
dl.courses dd {margin-left: 5em; font-size: 110%; }

/* shop */
div.main        {margin-top: 1em; margin-left: 20%; margin-right: 20%; padding: 1%; background-color: #EEEEEE; }

.altebrowser    {margin: 0em 5em 0em 0em; padding: 0.5em; font-size:120%; color: black; border: thin solid red; background-color: white; z-index: 10;}
/* Menus */
.navbar_top     {margin-left: 22%; margin-right:20%; margin-top: 2em; margin-bottom: 2em; padding: 0; list-style-type: none  }
.navbar_top li  {display: inline; margin-right: 2em; font-size:120%; font-weight: bold;}
.navbar_left    {margin-left: 0%; margin-right:80%; padding: 1%; list-style-type: none; position: absolute; }
.navbar_left li {margin-top: 1.2em; font-size:100%; font-weight: bold;}
p.navbar_left   {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 125%; margin-top: -2em; padding: 0.2em; border: thin solid; color: #000000; background-color: #DDDDDD; overflow: hidden;}