top
 *                               *
 * Basic Style Sheet             *
 *                               *
 *********************************/

/*
 * basic style properties:
 */
 
html {height: 100%;}

body {height: 85%;
      color: #000000;
    /*background-color: #ffed00;*/ 
      background-color: #c7c2ba; 
      background-image: url(../img/weltkarte.png);
      background-repeat: no-repeat;
      background-position: center 150px;
      font-family: sans-serif;
      margin-top: 1%;
      margin-bottom: 3%;
      margin-left: 3%;
      margin-right: 3%;
}

h1 {font-family: sans-serif;
                 text-align: center;}
h2 {font-family: sans-serif;}
h3 {font-family: sans-serif;
                 width:auto;
                 padding-left:1em;
                 padding-right:1em;
                 /*text-align: right;*/
                 color: white;
                 background-image: url(../img/transpixel_grau_mittelgrau.png);
                 background-repeat: repeat;
}
h4 {font-family: sans-serif;}
h5 {font-family: sans-serif;}
ul {font-family: sans-serif;}
p  {font-family: sans-serif;}

q:lang(de) {quotes: ",," "''" "," "''"; } 
/*q:lang(de) {quotes: \000026bdquo\00003b \000026rdquo\00003b "," \000026rsquo\00003b; } */

a {color: #ffff00;}
a:hover {color: #980505;}

div#chest p#last:after {content: " ";
	                clear:both;
                        display:block;
                        height:5px;
                        margin-top: 1em;
                        background-image: url(../img/transpixel_grau_mittelgrau.png);
}

address {padding-top: 1em;
	 margin:auto;
         padding-right: 2em;
         padding-left: 2em;
         text-align: center;
}

img {border: 0;}

/*
 * classes:
 */

html body div#hat{color: #fff;
	           border: 1px solid #ffff00; 
                   padding-left: 1em;
                   padding-right: 1em;
                   margin: auto;
                   margin-bottom: 1em;
	           /*background: #c7c2ba;*/
	           background-image: url(../img/transpixel_grau_dunkelgrau.png);
                   background-repeat: repeat;
	           text-transform: uppercase;
		   font-weight: bold;
                   font-size: smaller;
}

html body div#hat a {text-decoration: none;}

div#head {height: auto;
          min-width: 465px;
	/*  padding-left: 2em;
	  padding-right: 2em;*/
          padding: 1em;
          background: #ffff00;
          border: solid 1px #966a62/*#9c9d95*/ ;
	  margin:auto;
}

div#head div#logo {float: left;
                   /*background: green;*/
                   background-image: url(../img/ai_logo_alpha2.png);
                   background-repeat: no-repeat;
                   height: 102px;
                   width:285px;}

div#head div#logo a#logolink {
                   display:block;
                   height: 102px;
                   width:285px;}

div#head div#bar {float:right;
                  /*background: navy;*/
		  max-width: 36em; /*for older versions of firefox, opera,... (#menus x 9em) */
                  width:100%; /* used to be auto, changed for opera 7 */
}

/*div#head div#bar h2 {display:block;width:inherit;}*/

div#head div#bar div#ka {
                         /*background: purple;*/
                         background-image: url(../img/schriftzug_ka.png);
                         background-repeat: no-repeat;
                         background-position: center;
                         height: 64px;}

div#head div#bar div#menu {float:right;
                           width:100%; /* used to be auto, changed for opera 7 */
                          /*background:white;*/
		   }

#menu {
	/*width:100%;*/
	height:2em;
}

#menu ul ul a, #menu h2 {
	font:bold 11px/16px sans-serif;
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
	white-space:nowrap;
	margin:0;
	padding:1px 0 1px 3px;
        text-align: center;}

#menu h2.toplink {
        color: #fff;
	margin:0;
        padding:0;
}

#menu h2.toplink a {
        display:block;
	color:#fff;
	background:#1a1a1a;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
	padding:1px 0 1px 3px;
	margin:0;border:0;
}

#menu h2.toplink a:hover {
	color: #fff;
	background:#766a62;
}

#menu h2.toplink a:active {
        color:#ffff00;
	background:#1a1a1a;
}

#menu h2.toplink a:visited {
        color:#fff;
}

#menu h2 {
	color:#fff;
	background:#1a1a1a;
	text-transform:uppercase;
}

#menu ul ul a {
	background:#ffffea;
	text-decoration:none;
}

#menu a, #menu a:visited {color:#000;}

#menu a:hover {
	color:#000;
	background:#c7c2ba;
}
 
#menu a:active {
	color:#ffff00;
	background:#c7c2ba;
}

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;
}

#menu li {
	position:relative;
}

#menu ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
}

#menu ul ul ul {
	top:0;
	left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
 * on non-anchor hovers for IE5.x to comply with the
 * older version of csshover.htc - V1.21.041022. It
 * improves IE's performance speed to use the older
 * file and this method */

div#menu h2:hover {
	background: #766a62;
}

div#menu li:hover {
	cursor:pointer;
	z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul {display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul {display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited {
	font-weight:bold;
	color:#000;
	background:#ffffea;
}

#menu a.x:hover {
      /*color: #ffed00;*/ 
	color: #ffff00;
	background:#ddd;
}

#menu a.x:active {
	color:#060;
	background:#ccc;
}

/* End CSS Popout Menu */


html body div#neck{color: #fff;
	           border: 1px solid #ffff00; 
                   padding-left: 2em;
                   padding-right: 2em;
                   margin: auto;
                   margin-top: 1em;
	           /*background: #c7c2ba;*/
	           background-image: url(../img/transpixel_grau_dunkelgrau.png);
                   background-repeat: repeat;
	           text-transform: uppercase;
                   font-weight: bold;
                   word-spacing: 1em;
}

html body div#neck p a {text-decoration:none;
                        word-spacing: normal;
}

html body div#neck p a:hover {text-decoration:underline overline;}

html body div#chest {min-height: 80%;
	             border: 1px solid #ffff00; 
                     color: #fff;
	             background-image: url(../img/transpixel_grau_dunkelgrau.png);
		     background-repeat: repeat;
                     margin: auto;
                     margin-top: 1em;
                     padding-right: 2em;
                     padding-left: 2em;
                     /*overflow:hidden*/;
}

div#chest ul {line-height: 200%;
              list-style: square;}

div#chest p.note {font-size: smaller;}

div#chest p img {margin-bottom: 1em;}

blockquote {
	font-family: monospace;
        display: block;
	background-color: #fff4f4;
	border: 1px solid #cccccc;
	padding: 10px 15px;
	margin: 20px 0px;
}

.note {
        background-image: url(../img/bigpaper.jpg);
}

blockquote p.sign {
        font-family: inherit;
	font-style: italic;
	text-align: right;
}

p.flat {border:0;margin:0;padding;0}
img.icon {margin:2px;}

.clear:after {content: ".";
	      display:block;
              height:0;
              clear:both;
              visibility:hidden;}

.left {float:left;}
.right {float:right;}

.hidden {position:absolute;
         left:0px;
         top:-500px;
         width:1px;
         height:1px;
         overflow:hidden;}