body {
    background-color: white;
    width:95%;
    margin-left:20px;
    }
    
a {
  position: relative;
}	


div.polaroid {
  width: 320px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  padding-top: 5px;
}

div.container {
  padding: 2px;
}


[data-tooltip]:before {
  position: absolute;
  left: 0;
  top: -40px;
  background-color: #DBFF8F;
  color: #00000;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  padding: 0 15px;
  content: attr(data-tooltip);
  white-space: nowrap;
  display: none;
}
a[data-tooltip]:after {
  position: absolute;
  left: 15px;
  top: -10px;
  border-top: 7px solid #DBFF8F;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: none;
}
a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {
  display: block;
  	z-index:2;
}

 #dividsuchen
{
 position:fixed;
 left:95%; top:40%; width:50px; height:50px;
}

 #dividhome
{
 position:fixed;
 left:95%; top:50%; width:50px; height:50px;
}
 #dividkarte
{
 position:fixed;
 left:95%; top:30%; width:50px; height:50px;
}

 #dividoben
{
 position:fixed;
 left:95%; top:60%; width:50px; height:50px;
}
 #dividabmelden
{
 position:fixed;
 left:95%; top:70%; width:50px; height:50px;
}
.tooltip 
{
	position: absolute;
	visibility: hidden;
	font-family:comic sans Ms,verdana,arial,helvetica;  
	font-size: .8em;
	color: #000000;
	padding:2px 2px 2px 2px; 
	background-color:#EEFFE6; 
	border:2px outset #000000;
	z-index:1;
}
.navigation
{
	z-index:2;
}
 
  a:link { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: black;
    text-decoration: none;
    line-height: 25pt;
    cursor:url('bilder/hand_grau.cur'),pointer; 
    }

  a:visited { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: black;
    text-decoration: none;
    line-height: 25pt;
    cursor:url('bilder/hand_grau.cur'),pointer; 

    }

  a:active { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: black;
    text-decoration: none;
    line-height: 25pt;
    cursor:url('bilder/hand_grau.cur'),pointer; 
    }

  a:hover { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: black;
    text-decoration: none;
    background-color: rgb(244, 220, 156);
    line-height: 25pt;
    cursor:url('bilder/hand_grau.cur'),pointer; 
    }
 
  a.normal:link { font-family: Times;
    font-size: 12pt;
    color: black;
    text-decoration: none;
    }

  a.normal:visited { font-family: Times;
    font-size: 12pt;
    color: black;
    text-decoration: none;
    }

  a.normal:active { font-family: Times;
    font-size: 12pt;
    color: black;
    text-decoration: none;
    }

  a.normal:hover { font-family: Times;
    font-size: 12pt;
    color: black;
    text-decoration: none;
    background-color: white;
    }

  a.hilfe:link { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: rgb(0, 51, 255);
    text-decoration: none;
    line-height: 25pt;background-color:#FFFBD4;
    }

  a.hilfe:visited { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: rgb(0, 51, 255);
    text-decoration: none;
    line-height: 25pt;background-color:#FFFBD4;
    cursor:url('bilder/fragezeichen.cur'),help; 
    }

  a.hilfe:active { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: rgb(0, 51, 255);
    text-decoration: none;
    line-height: 25pt;background-color:#FFFBD4;
    cursor:url('bilder/fragezeichen.cur'),help; 
    }

  a.hilfe:hover { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: rgb(0, 51, 255);
    text-decoration: none;
    background-color: rgb(244, 220, 156);
    line-height: 25pt;
    cursor:url('bilder/fragezeichen.cur'),help; 
    }

a.hilfe_js:link { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 10pt;
    color: #008000;
    text-decoration: none;
    line-height: 25pt;background-color:#FFFBD4;
    cursor:url('bilder/fragezeichen.cur'),help; 
    }

  a.hilfe_js:visited { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 10pt;
    color: #008000;
    text-decoration: none;
    line-height: 25pt;background-color:#FFFBD4;
    cursor:url('bilder/fragezeichen.cur'),help; 
}

  a.hilfe_js:active { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 10pt;
    color: #008000;
    text-decoration: none;
    line-height: 25pt;background-color:#FFFBD4;
    cursor:url('bilder/fragezeichen.cur'),help; 
    }

  a.hilfe_js:hover { padding: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 10pt;
    color: #008000;
    text-decoration: none;
    background-color: rgb(244, 220, 156);
    line-height: 25pt;
    cursor:url('bilder/fragezeichen.cur'),help; 
    }


  h1 { font-family: verdana,arial,helvetica;
    font-size: 60pt;
    color: maroon;
    font-style: italic;
    letter-spacing: 0.9mm;
    }

  h2 { font-family: verdana,arial,helvetica;
    font-size: 48pt;
    color: darkgreen;
    }

  h3 { font-family: verdana,arial,helvetica;
    font-size: 24pt;
    color: indigo;
    }

  h4 { font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 20pt;
    color: maroon;
    }

  h5 { font-family: comic sans Ms,verdana,arial,helvetica;
    background-color: rgb(232, 255, 231);
    font-size: 14pt;
    color: darkgreen;
    }

  h6 { font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 13pt;
    color: rgb(30, 17, 115);
    }

  pre { font-family: courier,courier new;
    font-size: 11pt;
    color: black;
    background-color: #fafbdc;
    line-height: 24px;
    }

  th { font-family: Verdana,Arial;
    font-size: 12pt;
    color: maroon;
    background-color: ivory;
    }

 td.pre { background-color: aliceblue;
    vertical-align: top;
    }
 td.code { background-color: #fafbdc;
    vertical-align: top;
    }

  td { font-family: comic sans Ms,Verdana,Arial;
    font-size: 11pt;
    color: black;
    vertical-align: middle;
    background-color: white;
    }

td {
    padding: 2px;
}

  .weiss { background-color: rgb(255, 255, 255);
    }

  ul.punkt { list-style-image: url(bilder/p_gelb.gif);
    }

  ul.hand { list-style-image: url(bilder/hand.gif);
    }

  ul.buch { list-style-image: url(bilder/buch1.gif);
    }

  ul.gif { list-style-image: url(/bilder/image2.gif);
    }

  ul.pgrau { list-style-image: url(bilder/p_grau.gif);
    }

  ul.layout { list-style-image: url(bilder/layout.gif);
    margin-bottom: 20px;
    }

  ul.nadel { list-style-image: url(bilder/g_nadel.gif);
    }

  li { font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: darkslategray;
    margin-bottom: 10px;
    line-height:18pt;
    }

  .ivory { border-style: outset;
    border-width: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: darkslategray;
    background-color: ivory;
        cursor:url('bilder/hand_grau.cur'),pointer; 
    }


.hellgelb 
{  
	text-align:center;
	font-family:comic sans Ms,verdana,arial, helvetica; 
	font-size:12pt; 
	border-radius: 10px;
	color:darkslategray;	
	border-width:3px;
	border-right-style:groove;
	border-color:black;
    background-color:#F3FFB2;
	width:220px; 
	cursor:url('../bilder/hand_grau.cur'),pointer;
}
  .red { border-style: outset;
    border-width: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: darkslategray;
    background-color: red;
    }

  .salmon 
  {
	text-align:center;
    border-width: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: darkslategray;
    background-color: salmon;
	border-radius: 10px;
	color:darkslategray;	
	border-width:3px;
	border-right-style:groove;
	border-color:black;
   	cursor:url('../bilder/hand_grau.cur'),pointer;
    }

  .cyan { border-style: outset;
    border-width: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: darkslategray;
    background-color: cyan;
    }

  .aliceblue 
  { 
    border-width: 4px;
   	text-align:center;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: darkslategray;
    background-color: aliceblue;
   	border-radius: 10px;
	color:darkslategray;	
	border-width:3px;
	border-right-style:groove;
   	cursor:url('../bilder/hand_grau.cur'),pointer;
	border-color:black;
    }

  .blue { border-style: outset;
    border-width: 4px;
    font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: darkslategray;
    background-color: rgb(204, 204, 255);
    }

  div { font-family: times,times new roman,arial;
    font-size: 13pt;
    color: black;
    line-height: 20pt;
    }
    
  p { font-family: times,times new roman,arial;
    font-size: 13pt;
    color: black;
    line-height: 20pt;
    }

  p.standard { font-family: times,times new roman,arial;
    font-size: 13pt;
    color: black;
    line-height: 16pt;
    }

  p.gross { font-family: verdana,arial;
    font-size: 14pt;
    color: black;
    line-height: 18pt;
    background-color: white;
    }

  p.klein { font-family: verdana,arial;
    font-size: 8pt;
    color: black;
    line-height: 18pt;
    background-color: lightcyan;
    }

  p.markiert { font-family: verdana,arial;
    font-size: 12pt;
    color: darkslategray;
    line-height: 18pt;
    background-color: aliceblue;
    }

  b.gross { font-family: comic sans ms,verdana,arial;
    font-size: 14pt;
    color: darkslategray;
    background-color: azure;
    }

  b.ueberschrift { font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 13pt;
    color: rgb(30, 17, 115);
    }

  b { font-family: comic sans ms,verdana,arial;
    font-size: 12pt;
    color: darkslategray;
    background-color: azure;
    }

  b.klein { font-family: comic sans ms,verdana,arial;
    font-size: 12pt;
    color: darkslategray;
    background-color: azure;
    }

  b.html { font-family: courier,courier new;
    font-size: 10pt;
    color: blue;
    background-color: ivory;
    }

  b.js { font-family: courier,courier new;
    font-size: 10pt;
    color: blue;
    background-color:#fafbdc;
    }

 b.kommentar { font-family: courier,courier new;
    font-size: 10pt;
    color: green;
    background-color:#fafbdc;
    }

 b.courier { font-family: courier,courier new;
    font-size: 12pt;
    color: black;
    }


  img { border: 0pt none ;
    margin-top: 2px;
    }

  textarea.eingabe { font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: rgb(8, 8, 73);
    background-color: rgb(232, 255, 231);
    overflow: hidden;
    text-align: left;
    }

  img.text { border: 0pt none ;
    margin-right: 20px;
    float: left;
    vertical-align: bottom;
    }

  img.aufgabe { vertical-align: middle;
    margin-right: 20px;
    float: left;
    }

  .symbol { border: 2px outset darkslategray;
    background-color: white;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    opacity:0.8;
    cursor:url('bilder/hand_grau.cur'),pointer; 
    border-radius: 3px;
    }


  .symbol_gross { border: 2px outset darkslategray;
    background-color: white;
    width: 300px;
    height: 200px;
    vertical-align: middle;
    cursor:url('bilder/hand_grau.cur'),pointer; 
    border-radius: 10px;
    }

  .beispiel { border: 2px outset darkslategray;
    background-color: ivory;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    opacity:0.8;
    cursor:url('bilder/hand_grau.cur'),pointer;
    }

  .film { border: 2px outset darkslategray;
    background-color: white;
    width: 50px;
    height: 50px;
    vertical-align: center;
    text-align:center;
    opacity:0.8;
    cursor:url('bilder/hand_grau.cur'),pointer;
    }


  .bild { border: 2px outset darkslategray;
    background-color: white;
    width: 80px;
    height: 50px;
    vertical-align: center;
    text-align:center;
    opacity:0.8;
    cursor:url('bilder/hand_grau.cur'),pointer;
    }
    
  .doku { border: 2px outset darkslategray;
    background-color: white;
    width: 100px;
    height: 100px;
    vertical-align: center;
    text-align:center;
    opacity:0.8;
    cursor:url('bilder/hand_grau.cur'),pointer;    }

.BildRahmen
{
   border:outset;
   border-width:6px;
   border-color:#9999FF; 
   border-radius: 8px;
}

textarea.foto
{
	border: 2px solid #765942;
	border-radius: 10px;
	font-family: comic sans Ms,verdana,arial,helvetica;
    font-size: 12pt;
    color: black;
    background-color: #E3F76A;
    overflow: hidden;
    text-align: left;
	resize: none;
	cursor: not-allowed;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	width:800px;
	height:180px;
}