@charset "UTF-8";
body { 
  margin: 2px;
  padding: 0px;
  background-color: white;
  color:  #222222;
  /*font-family:Arial,sans-serif; */
  font-family:sans-serif,"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans";
  font-size: 90%;
  line-height:150%;
}
img {
  width: 100%; 
  height: auto;
}

#wrapper {
	width: 100%;
	max-width: 1980px;
	margin: 0 auto auto 2px;  /* t r b l */
	background-image: url(../images/hintergrund.jpg);
	background-size: contain; 
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

h1 { color:#4444BB; font-size: 160%;} 
h2 { color:#4444BB; font-size: 140%;} 
h3 { color:#4444BB; font-size: 120%;} 
h4 { font-size: 100%;} 
small { font-size: 70%;} 
i {  color:#FF0000;}

/* Quelltext-Beispiele */
pre { font-family: "Courier New",Courier; color:#0000C0; }

/* Quelltext-Befehle im normalen Fliesstext */
code { font-family: "Courier New",Courier; color:#0000C0; }

a:link,a:visited {
   display:inline-block;
   color:#0000C0;
   background-color:#EEEEEE;
   text-align:center;
   padding:2px;
   /* text-decoration:none; */
   border-radius: 8px;
}
a:hover,a:active {
   background-color:red;
}


/* Main navigation */
#nav {
	list-style-type: none;
	padding: 0;
	width: 90%;
	height: 4%;
	margin: 0px 0 0px 0;
	padding-top: 12%; 
}
#nav li {
	float: left;
}
#nav li a {
	display: inline-block;
	padding: 2px 2px;
	margin: 0px  6px 2px 6px;
	text-align:center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #9f9f9f;
        font-size: 110%;
	border-radius: 8px;
}

#nav a:hover, #nav a:active, #nav a:focus {
	background-color: red;
}


#floatbild {
	float: left;
        width: 25%;
        height: auto;
        margin-right:10px;
        margin-bottom:1px
}