/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)
Version: 1.1 - width changed from 760 to 860, bg1.gif instead of bg.gif 
(April 28, 2005)

Screen layout: */
body{
margin: 0;
padding: 0;
font: Verdana,Tahoma,Arial,sans-serif;
background: #F5F5F5 url(../elem/bg4.jpg) repeat-y top center;
}

#wrap {
background: #f5f5f5;
color: #303030;
margin: 0 auto;
width: 800px;
}

#wrap-blue {
background: #F5F5F5 url(../elem/in4.jpg) repeat-y top center;
color: #303030;
margin: 0 auto;
width: 800px;
}

#left {
float: left;
clear:right;
background: #7C9FC9;
margin: 0;
width: 148px;
}

#right {
float: right;
clear:left;
margin: 0;
width: 228px;
}

#content {
float: left;
padding: 0 10px 0 10px;
background: #f5f5f5;
width: 632px;
}

#content-books {
float: left;
padding: 0 0px 0 0px;
background: #f5f5f5;
width: 800px;
 border: none;
}

#content h1 {
   text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
}

#content h2 {
   text-align: center;
	font: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	FONT-SIZE: 13px;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana,sans-serif;
}

#content h3 {
	margin: 0px 0 0 0;
   font-weight : bold; 
   font-size : 18px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   color : Black;
	margin-bottom: 10px;
}

#content p {
   text-align: left;
	margin: 5px 0 5px 0;
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana,sans-serif;
}

#contentbox {
	margin: 5px 0 0px 0px;
	border: 0px solid;
	text-align: left;
	width: 390px;
	FONT-SIZE: 13px; 
	FONT-FAMILY: Verdana,sans-serif;
	float: left;
}

#contentbox p{
	margin: 5px 0 5px 5px;
	color: Black;
}

/*#contentbox img{
margin: 5px;
}
*/
.img-noshadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid ButtonShadow;
  margin: 5px 5px 5px 5px;
  padding: 4px;
 }

.img-shadow {
float:left;    
 /* clear: both;
background: url(../elem/shadowAlpha.png) no-repeat bottom right !important;*/
  background: url(../elem/shadow.gif) no-repeat bottom right;
  margin: 20px 0 0 17px !important;
  margin: 20px 0 0 8px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -17px 17px 17px -17px;
  padding: 4px;
/*   width: 154px;
  height: 203px;*/
 -->}

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  /*background: url(../elem/shadowAlpha.png) no-repeat bottom right !important;*/
  background: url(../elem/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(/elem/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

#teaserbox {
	float: right;
	clear: right;
	margin: 5px 0 20px 5px;
	border: 1px solid;
	text-align: left;
	width: 222px;
	background-color: #EAEEEE;
}

#teaserbox p{
	margin: 5px 0 5px 5px;
	color: Black;
	FONT-SIZE: 10px; 
	FONT-FAMILY: Verdana, sans-serif;
}

.headline {
	margin: 0;
	padding-left: 0px;
	border-bottom: 1px solid #8B0000;
	background-color: #d6e7ff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #434547;
	letter-spacing: 4px;
	word-spacing: 3px;
	text-align: center;
}

#content .txtsm {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Verdana
}
.txtsm {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Verdana
}

#content .globallinks {
   font-weight : bold; 
   font-size : 11px; 
   font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   color : #B22222;
	text-decoration : none; 

}
.globallinks {
   font-weight : bold; 
   font-size : 11px; 
   font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   color : #B22222;
}

#content .globallinks:hover {
   color : #0000ff; 
   text-decoration : underline; 
}
.globallinks:hover {
   color : #0000ff; 
   text-decoration : underline; 
}

.normallink {
   font-weight : bold; 
   color : #0000ff; 
   font-size : 11px; 
   font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   text-decoration : none; 
}

.normallink:hover {
   color : #0000ff; 
   text-decoration : underline; 
}


#contentbox .sublineblue { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #4169E1;}

#header {
clear: both;
padding: 0;
background: #7C9FC9 url(../images/headercollection.jpg) no-repeat top left;
height: 62px;
width: 800px;
margin: 0;
display: block;
}

#header h1 {
margin: 0 5px 0 0;
float: right;
font-weight : normal; 
font-size : 20px; 
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
color : #f5f5f5;
}

#header h3 {
	margin: 45px 0 0 5px;
   float: left;
   font-weight : normal; 
   font-size : 11px; 
   font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   color : #f5f5f5;
}

#hdnav ul {
   font : bold 12px Arial,Verdana;
   list-style : none;
   padding : 0;
   text-align : center;
   margin-top : 5px;
   margin-left : 0px;
	margin-right: 0;
	margin-bottom:0;
	float: left;
}

#hdnav li {
   float : left;
	margin: 0;
}

#hdnav li a {
   color : #000;
   display : block;
   text-decoration : none;
   background : #7B9ECE;
   padding : 3px 5px;
   border-left : 2px solid #94BEEF;
   border-bottom : 2px solid #4A6584;
   border-top: 2px solid #94BEEF;
   border-right :  2px solid #4A6584;
}

#hdnav ul li a:hover {
   border-left : 2px solid #4A6584;
   border-bottom : 2px solid #94BEEF;
   border-top: 2px solid #4A6584;
   border-right : 2px solid #94BEEF;
   color : #000099;
   background : #A0C5EA;
}

#hdnav a:active	{
   color : #000444;
   background : #A0C5EA;
}

#frontphoto {
margin: 0 0 10px 0;
border: 0;
}

#nav ul {
	display: block;
	float: left;
	width: 799px;
   padding-left : 1px;
   margin-top : 0px;
   margin-left : 0px;
   margin-bottom : 0;
	font-weight : bold;
	font-size : 9px;
	font-family :  Arial, Helvetica, sans-serif;
   list-style : none;
   text-align : center;
	background-color : #7C9FC9;
	border-top: 1px solid #00008B;
	border-bottom: 1px solid #00008B;
}

#adsense-top {
   display : block;
	background-color : #7C9FC9;
	color: #CFD9EB;
	width: 800px;
}

#nav li {
   display : block;
   float : left;
	background-color : #7C9FC9;
	color: #CFD9EB;
	width: 124px;
}

#nav li a {
   display : block;
   text-decoration : none;
   padding : 2px 2px;
   color : #FFFFFF;
}

#nav ul li a:hover {
	color: #CFD9EB;
	background-color : #466EAF;
}

#nav a:active	{
   color : #FFFFFF;
	background-color : #466EAF;
}

#pgnav {
 font : bold 12px Arial,Verdana;
   margin-top : 0px;
   margin-left : 0px;
}

#pgnav ul {
   list-style : none;
   margin : 0;
   padding : 0;
   text-align : center;
}

#pgnav li {
   display : block;
   float : left;
}

#pgnav li a {
   color : #000;
   display : block;
   text-decoration : none;
   background : #FFFBF7;
   padding : 3px 5px;
   border-left : 0px solid #94BEEF;
   border-bottom : 0px solid #4A6584;
   border-top: 0px solid #94BEEF;
   border-right : 0px solid #4A6584;
}

#pgnav ul li a:hover {
   border-left : 0px solid #4A6584;
   border-bottom : 0px solid #94BEEF;
   border-top: 0px solid #4A6584;
   border-right : 0px solid #94BEEF;
   color : #CE0000;
   background : #84B6EF;
}

#pgnav a:active	{
   color : #CE0000;
   background : #A0C5EA;
}
#pgnav ul li a div {
	display: none;
}
#pgnav a:hover div{
display:block;
width:150px;
position:absolute;top:20px;right:20px;
background : #b07041 ;
color:#ffffff;
border:3px solid #9C5A42;
padding:15px;
margin:2px 0 0 0;}

#avmenu {
	font: 8pt Verdana,Tahoma,Arial,sans-serif;
	float: left;
	width: 144px;
}
#avmenu p{
position: relative;}

#avmenu ul {	
list-style: none;
width: 144px;
margin: 0;
padding: 0;
font-size: 1em;
}	

#avmenu li {
	margin-bottom: 0px;
}

#avmenu li a {
	text-decoration: none;
	color: #0033CC;
	display: block;
	padding: 2px 0 3px 2px;
	background: #F6F4F0;
	border : 1px solid #cccccc;
	vertical-align : top;
	text-align : left;
	width: 144px;
}	
	
#avmenu li a:hover {
	background: #7C9FC9;
	border : 1px solid Black;
	color : #FFFF66;
}

#avmenu a.nowactive {
	background: #7C9FC9;
	border : 1px solid Black;
	color : Black;
	font-weight: bold;
}

#avmenu a.inactive {
	color : #AAAAAA;
}

#avmenuh {
	font: bold 8pt Verdana,Tahoma,Arial,sans-serif;
	float: left;
	width: 144px;
}

#avmenuh ul {	
list-style: none;
width: 144px;
margin: 0;
padding: 0;
font-size: 1em;
display: block;
}	

#avmenuh li {
margin-bottom: 0px;
}

#avmenuh li a {
	text-decoration: none;
	color: #ff0000;
	display: block;
	padding: 2px 0px 3px 2px;
	background: #ffffcc;
	border : 1px solid #cccccc;
	text-align : left;
	vertical-align : top;
	width: 144px;
}	
	
#avmenuh li a:hover {
	background: #7C9FC9;
	border : 1px solid Black;
	color : #FFFF66;
}

/*#footer {
}
*/
#footer {
background: #7C9FC9;
clear: both;
/*float: left; erzeugt Dopplereffekt*/
display: block;
margin: 0 auto;
padding: 5px 0 5px 0;
border: #00008B;
border-top: 1px solid;
border-bottom: 1px solid;
width: 800px;
text-align: center;
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
FONT-STYLE: normal; 
FONT-FAMILY: Verdana;
}

/*------------------------------------------------------------------------------
	Flight Table
------------------------------------------------------------------------------*/
/****	Flight Table border around flight tables  ****/

.fltTable	{ border-top:	  3px solid  #ffe583; 
				  border-bottom: 3px solid  #ffe583; 
 				  border-left:   3px solid  #ffe583;
				  border-right : 3px solid  #ffe583; }

/****	Flight Table orange lettered flight table  ****/

.fltTable	{ background-color: #303030;
				  width: 100%; }
.fltTable th	{
				  color: #ffffff;
				  background-color: #303030;
				  font-weight: normal;
				  font-size: 10px;
				  padding: 9px 0px;
				}
.fltTable th.flug		{ font-weight: normal; }
.fltTable th.flug.lpad		{ padding-left: 5px; }

.fltTable td { vertical-align: top;
				  background-color: #303030; }
.fltTable .bottomLine td	{ height: 2px;
				  background-color: #303030; } 
.fltTable td.flug {
   background-image: url(../elem/leiste.gif);
				  background-repeat: repeat-x;
				  color: #ffcb05;
				  font-weight: bold;
				  font-size: 10px;
				  padding: 2px 5px;
				}
.fltTable .mspace		{ width: 7px; }
.fltTable .ispace		{ width: 3px; }

.fltTable .errRow td.error	{
				  padding: 30px;
				  color: #ffffff;
				  font-weight: bold;
				}

#dayoverview {
	float: right;
	clear: right;
	margin: 0px 0px 20px 5px;
	text-align: left;
padding: 0 0 0 0;
background: #ecf9ff;
width: 222px;
border: 1px solid #5275CE;
border-top: 4px solid #5275CE;
	margin-right: 0px;
}

#dayoverview p {
margin: 3px 6px 0 5px;
padding: 0;
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #336699;
}

#dayoverview p.bold {
font-weight : bold; 
}

#dayoverview-title {
	float: right;
	clear: right;
	margin: 15px 0px 0px 5px;
	text-align: left;
background: #5275CE;
background-image: url(../elem/trans36x15grey.gif);
background-repeat: no-repeat;
background-position: right;
padding: 0 0 0 0;
width: 222px;
border: none;

line-height: 15px;
border-left: 2px solid #5275CE;
}

#dayoverview-title p {
margin: 0px 6px 0 5px;
padding: 0px 0;
font-weight : bold; 
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff;
}