/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ----- CSS Stylesheet MySite Vers. 12.0 Portal---------------------- */
/* ----- realized: 2007-06-14 ---------------------------------------- */
/* ----- changed: 2007-07-21  ---------------------------------------- */
/* ----- author: Peter Zinken ---------------------------------------- */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:  100.01%;
background-color: #545454;
color: #545454;
padding: 0;
margin: 0;
}

#wrap {
position: absolute;
top: 10px;
left: 50%;
width: 780px;
height: 600px;
margin: 0 0 0 -390px;
background: url(hintergrund.jpg) center top no-repeat #545454;
}

#links {
position: absolute;
top: 180px;
left: 50px;
width: 160px;
height: 300px;
padding: 0px;
margin: 0px;
}

#webring {
position: absolute;
top: 420px;
left: 68px;
padding: 0px;
margin: 0px;
text-align: center;
}
#webring p {
text-align: center;
font-size: 0.7em;
}
#webring p a {
text-decoration: none;
color: #fff;
}
#webring img {
text-align: left;
margin: 0;
padding: 0;
}

#foot {
position: absolute;
top: 575px;
left: 50px;
height: 40px;
padding: 0px;
margin: 0 0 40px 0;
text-align: right;
}
/**html #foot {
top: 585px;
}*/

h1 {
font-size: 96%;
font-weight: bold;
margin: 0;
margin-bottom: 5px;
padding: 0;
}
p {
font-size: 76%;
margin: 0;
padding: 0;
}
.small {
font-size: 80%;
font-style:normal;
margin-right: 28px;
}
.invis {
display: none;
}

a {
color: #545454;
text-decoration: underline;
}
a:active {
color: #545454;
}
a:hover {
text-decoration: none; color: #cb8305; 
}
a:visited {
color: #000;
}

ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
li {
display: block;
font-size: 96%;
font-weight: bold;
margin: 0;
margin-bottom: 5px;
padding: 0;
}

a.nav, a:active.nav, a:visited.nav {
display: block;
padding: 5px;
margin: 20px 0;
width: 110px;
color: #545454;
border: 1px solid #545454;
text-decoration: none;
text-align: center;
}
a:hover.nav {
display: block;
padding: 5px;
margin: 20px 0;
width: 110px;
color: #df8f03;
background-color: #eee;
}
a:visited:hover.nav {
display: block;
padding: 5px;
margin: 20px 0;
width: 110px;
color: #df8f03; 
background-color: #eee;
}

/* Tooltipps */

div#links a .tipp {
display: none;
}
div#links a:hover { 
visibility: visible; 
} /* Fix IE Bug */
div#links a:hover .tipp {
position: absolute;
top: 10px;
left: 300px;
width: 400px;
height: 360px;
display: block;
padding: 0;
z-index: 2000;
border: 0;
background-color: #fff;
font-size: 0.8em;
color: #545454;
font-weight: normal;
text-align: left;
}
.bold {
font-size: 1.2em;
font-weight: bold;
font-style: normal;
margin: 0 0 5px 0;
display: block;
}
.bild {
margin: 0 0 5px -8px;
border: 0;
padding: 0;
display: block;
}

#foot a.extern {
color: #545454;
text-decoration: underline;
padding: 0 16px 0 0;
margin: 0;
background: url(extern-portal.gif) right no-repeat;
}
#foot a:hover.extern {
color: #cb8305;
text-decoration: none;
background: url(extern-portal2.gif) right no-repeat;
}