/* 
	Stylesheet fuer Portalseite
	'the web of /pa.eng'
	Stand: Maerz 2009
*/
html {
height: 100%;
margin-bottom: 10px;
}
* {
margin: 0;
padding: 0;
}
body {
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 85%;
line-height: 1.5;
background-color: #222;
color: #ccc;
text-align: center; /* IE-fix */
}

/* Hauptbereiche */
#mainbox {
position: relative;
margin: 20px auto;
width: 640px;
text-align: left; /* IE-fix */
background-color: #454545;
color: #ccc;
}
#header, #footer {
background-image: url(../images/backgr3b_sm.gif);
background-repeat: repeat-x;
width: 640px;
height: 50px;
clear: left;
}
#footer p {
text-align: right;
padding: 16px 10px 0px 0px;
}
#footer a {
text-decoration: none;
background-color: transparent;
color: #e0d0b0;
font-size: 90%;
padding-right: 10px;
}
#footer a:hover,
#footer a:focus {
background-color: transparent;
color: #fff;
}

#menuebox {
position: relative;
top: 0;
left: 0;
width: 180px;
margin: 7px 0;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
#weblogo {
background-image: url(../images/the_web3a.gif);
background-repeat: no-repeat;
width: 234px;
height: 50px;
}
#header #weblogo h1 {
font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
}

#logo320 {
background-image: url(../images/logo320_3.jpg);
background-repeat: no-repeat;
float: right;
width: 360px;
height: 282px;
margin-top: 95px;
margin-right: 40px;
}
#claim p {
position: absolute;
margin: 25px 0 0 220px;
font-size: 110%;
font-variant: small-caps;
letter-spacing: 2px;
background-color: transparent;
color: #999;
}

/* Liste und Links im Menue */
ul#menue li {
display: block;
list-style: none outside;
}
ul#menue a {
display: block;
width: 160px;
padding: 4px 0 4px 10px;
text-decoration: none;
background-color: #333;
color: #bbb;
border-left: 10px solid #454545;
}
ul#menue a:visited {
background-color: #333;
color: #e0d0b0;
}
ul#menue a:hover,
ul#menue a:focus {
background-color: #666;
color: #fff;
border-left: 10px solid #fc9;
}
ul#menue a:active {
background-color: #666;
color: #fff;
}

ul#menue a.alternate {
background-color: #404040;
color: #bbb;
border-left: 10px solid #333;
}
ul#menue a:visited.alternate {
background-color: #404040;
color: #e0d0b0;
}
ul#menue a:hover.alternate,
ul#menue a:focus.alternate {
background-color: #666;
color: #fff;
border-left: 10px solid #fc9;
}
ul#menue a:active.alternate {
background-color: #666;
color: #fff;
}

/* 'mouseover'-Inhalte */
ul#menue a span.hint {
display: none;
}
ul#menue a:hover span.hint,
ul#menue a:focus span.hint {
display: block;
position: absolute;
top: 0;
left: 190px;
width: 404px;
min-height: 350px;
background-color: #454545;
color: #e0d0b0;
padding: 0 20px;
}
a.textver {
display: none;
}

/* Formatierungen fuer 'mouseovers' */
ul#menue a:hover span.hint span.innen,
ul#menue a:focus span.hint span.innen {
display: block;
font-weight: bold;
padding-bottom: 20px;
}
ul#menue a:hover span.hint span.innen2,
ul#menue a:focus span.hint span.innen2 {
display: block;
font-weight: normal;
padding-bottom: 10px;
}
ul#menue a:hover span.hint img,
ul#menue a:focus span.hint img {
display: block;
margin-top: 25px;
margin-left: 90px;
}
ul#menue a:hover span.hint span.innen2 img,
ul#menue a:focus span.hint span.innen2 img {
margin: 0;
}

/* Sonstige */
hr, .invis {
display: none;
}
img {
border: none;
}
#preload {
visibility: hidden;
}