/* v3.css
   cross-browser.com
   These are site-wide styles and are not required for any of the demos.
*/

html {
  color:#000; background:#fff;
}
body {
  color:#000; background:#fff;
  font-size:small;
  font-family:verdana,arial,helvetica,sans-serif;
}

/* Anchor Elements */

a:link {
  color:#000000; background:transparent;
  text-decoration:none;
}
a:visited {
  color:#000000; background:transparent;
  text-decoration:none;
}
a:active {
  color:#000000; background:transparent;
  text-decoration:none;
}
a:hover {
//  color:#000000; background:#BF8660;
  color:#6699ff; background:transparent;
  font-weight:bold;
  text-decoration:underline;
}
            

/* Misc. Elements */

b {
  font-weight:bold;
  color:#000; background:transparent;
}
p {
  color:#000; background:transparent;
  margin:.3em 0 .5em 0; padding:0;
  line-height:1.5em;
}
li {
  margin-left: 1em;
  margin-bottom:.5em;
}
pre {
  font-family:'courier new',monospace;
  color:#596380; background:transparent;
  border:1px dotted #596380;
  margin:4px 2px 10px 2px; padding:10px;
  overflow:auto;
  font-size:small; /* had to add this because IE was rendering it smaller */
  max-height:32em;
}
code, tt {
  font-family:'courier new',monospace;
  color:#596380; background:transparent;
  font-size:small; /* had to add this because IE was rendering it smaller */
}

/* Heading Elements */

.h1Color { color:#596380; }
h1 {
  color:#596380;
  background:transparent;
  font-weight:normal;
  margin:0; padding:0 0 6px 0;
  text-align:left;
  font-size:xx-large;
}

.h2Color { color:#BF8660; }
.h2Bkgnd { background:; }
h2 {
  color:#BF8660;
  background:transparent;
  font-weight:bold;
  margin:2em 0 1em 0; padding:4px 0px;
  font-size:large;
}

.h3Color { color:#596380; }
h3 {
  color:#596380;
  margin:2em 0 1em 0; padding:0 0 0 0;
  font-weight:bold;
  font-size:medium;
}


/* Misc. Classes */


/* Layout  Layout  Layout  Layout */


* { margin: 0; padding: 0; }
	

/* TITLE-Content-Box */

#page-wrap {
	position: absolute;
	z-index: 2;
	width: 400px;
	margin: 50px auto;
	padding: 20px;
	background: rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	right: 20px;	
	bottom: 0;
}

/* starnavi */

.starnavi{
}

#navi {
	position: absolute;
	z-index: 2;
	width: 100px;
	padding: 20px;
	left: 0;
	
	top: 0;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

#navi a {
position: absolute;
text-indent: -1000em;
}

#navi .seite1 a {
top: 20px;
left: 20px;
width: 30px;
height: 30px;
}

#navi .seite2 a {
top: 30px;
left: 70px;
width: 30px;
height: 30px;
}

#navi .seite3 a {
top: 30px;
left: 100px;
width: 30px;
height: 30px;
}

#navi .seite4 a {
top: 50px;
left: 130px;
width: 30px;
height: 30px;
}

#navi .seite5 a {
top: 110px;
left: 160px;
width: 30px;
height: 30px;
}

#navi .seite6 a {
top: 190px;
left: 50px;
width: 30px;
height: 30px;
}

#navi .seite7 a {
top: 115px;
left: 80px;
width: 30px;
height: 30px;
}

#navi .seite8 a {
top: 50px;
left: 40px;
width: 30px;
height: 30px;
}

#navi a:hover {
background-image: url(../images/hover50.gif);
width: 50px;
height: 50px;
}

/* BG-Imagecontainer */
	
	#bg {
  width: 100%;
  top: 0;
  left: 0;
  overflow:auto;
  background-attachment: fixed;
  position: local;
}


/* floating bottom menu  */

.menu {
  position:absolute;
  overflow:hidden;
  margin:0;
  padding:2px 0 2px 4px;
}

/* misc */

.btn {
  text-decoration:underline;
  cursor:pointer;
}