@import url("mozillaspecific.css");

body
{
margin:0px;
padding:115px 0px 0px 2%;
background-color:#D3D2CC; /* wird per JavaScript verändert in hintergrundUeberblenden() */
background-image:none;
color:#000000;
font-family:"Verdana","Geneva",sans-serif;
font-size:11px;
text-align:left;
border-width:0px;
border-style:none;
border-spacing:0px;
width:auto;
}

body.bgblue /* wird per JavaScript angesprochen in hintergrundBlau() */
{
background-color:#170069; /* wird per JavaScript verändert in hintergrundUeberblenden() */
}

div, ul, ul li, h1, h2, h3, h4, p, img
{
margin:0px;
padding:0px;
border-width:0px;
border-style:none;
border-spacing:0px;
background-color:transparent;
text-align:left;
font-family:"Verdana","Geneva",sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
text-indent:0px;
}

h1, h2, h3
{
font-family:"Arial","Geneva",sans-serif;
}

.designelement
{
display:block;
background-color:transparent;
color:#000000;
margin:0px;
padding:0px;
font-size:8px;
line-height:8px;
text-align:left;
border-style:none;
border-width:0px;
float:none;
}

#seitenbeginn
{
display:block;
position:absolute;
z-index:0;
top:0px;
font-size:100%;
background-color:transparent;
border-width:0px;
border-style:none;
}

#backgroundtop
{
position:absolute; top:0px; right:0px; /* top wird per JavaScript verändert in hintergrundUeberblenden() */
z-index:1;
background-color:#B1AFA7;
width:100%;
height:97px; /* wird per JavaScript nicht verändert, aber abgefragt. Bei 97 belassen oder Variable btheight entsprechend ändern */
max-height:97px;
background-image:url("./img/background.gif");
background-repeat:repeat-x;
}

#tastaturbild /* top wird per JavaScript verändert in hintergrundUeberblenden() */
{
position:absolute; top:0px; right:0px;
z-index:2;
background-image:url("./img/tastatur.gif");
background-repeat:no-repeat;
width:724px;
height:110px;
}

#eckebg
{
position:absolute; top:0px; left:0px; /* left wird per JavaScript verändert in hintergrundUeberblenden() */
z-index:3;
background-color:#BEBBB4;
background-image:url("./img/ecke_backg.jpg");
background-repeat:no-repeat;
width:133px;
height:135px;
}

#ecke
{
position:absolute; top:0px; left:0px; /* left wird per JavaScript verändert in hintergrundUeberblenden() */
z-index:4;
background-image:url("./img/ecke.gif");
background-repeat:no-repeat;
width:133px;
height:135px;
}

#titel /* = h1 */
{
position:absolute; top:5px; left:5px;
z-index:0;
height:90px;
width:10px;
text-indent:10px;
overflow:hidden;
font-weight:bold;
white-space:nowrap;
font-size:0.8em;
}

#titelseparator, #addnavseparator
{display:none;}

#pagecontent
{
position:absolute; top:102px; left:0px;
width:auto; /* wird per JavaScript modifiziert (durch dynamicLayout()) */
z-index:6;
background-color:transparent;
border-style:none;
border-width:0px;
margin:0px;
margin-left:0px; /* wird per JavaScript modifiziert (durch dynamicLayout()) */
padding:0px 6px 0px 22px;
float:none;
display:block; /* wird per JavaScript modifiziert (durch dynamicLayout()) */

}

#pagecontent.smallwindow /* wird per JavaScript aktiviert */
{
width:100%; /* wird per JavaScript modifiziert (durch dynamicLayout()) */
padding:0px 0px 0px 0px;
}

#menu, #menu ul
{
border-width:1px;
border-style:solid;
border-spacing:0px;
}

#menu
{
position:relative; top:-17px; left:81px; /* 'left' wird per JavaScript modifiziert (durch dynamicLayout()) */
width:auto; /* wird bei IE 5.01 per JavaScript verändert (durch dynamicLayout())*/
float:left;
z-index:7;
margin:0px;
margin-right:103px; /* wird per JavaScript modifiziert (durch dynamicLayout()) */
padding:0px;
background-color:#C0C0C0;
background-image:url("./img/menubg.gif");
background-repeat:no-repeat;
background-position:4px; /* Opera mag Pixelangabe kombiniert mit center nicht */
background-position:4px center;
border-top-color:#7F7F7F;
border-bottom-color:#FFFFFF;
border-left-color:#7F7F7F;
border-right-color:#FFFFFF;
font-size:1em;
line-height:1.23em;
vertical-align:text-top;
visibility:visible; /* wird per JavaScript modifiziert (durch dynamicLayout()) */
}

#menu ul
{
position:relative;
border-top-color:#FFFFFF;
border-bottom-color:#7F7F7F;
border-left-color:#FFFFFF;
border-right-color:#7F7F7F;
list-style-position:inside;
list-style-type:none;
padding:4px 4px 4px 10px;
text-align:center; /* wird bei IE 5.01 per JavaScript verändert (durch dynamicLayout())*/
/* width wird bei IE 5.01 per JavaScript verändert (durch dynamicLayout())*/
}

#menu ul li
{
display:inline;
text-indent:0px;
margin:0px;
padding-right:0px;
}

#menu ul.xlines /* wird bei mehrzeiligem Menu per JavaScript aktiviert */
{padding:1px 4px 1px 10px;}

#menu ul.xlinesIE /* wird bei mehrzeiligem Menu im IE per JavaScript aktiviert */
{padding:4px 4px 0px 10px;}

#menu ul.xlines li, #menu ul.xlinesIE li /* wird bei mehrzeiligem Menu per JavaScript aktiviert */
{
display:inline;
text-indent:0px;
margin:0px;
margin-left:0px;
padding-top:5px;
padding-bottom:5px;
padding-right:0px;
padding-left:0px;
line-height:1.8em;
}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus
{
position:relative; /* position und left werden bei IE 5.01 per JavaScript verändert (durch dynamicLayout())*/
margin:0px 1px 0px 1px;
padding:3px 7px 2px 7px; /* normalerweise bräuchten alle padding:2px 7px 3px 7px; bis auf a:active, aber der IE braucht hier diese anderen Werte, sonst bewegt sich die Titelgrafik */
color:#000000;
text-decoration:none; /* wird bei IE 5.01 per JavaScript in jedem Fall auf none gesetzt (durch dynamicLayout())*/
font-weight:normal;
font-style:normal;
font-variant:normal;
font-family:"Verdana","Geneva",sans-serif;
border-width:1px;
border-style:solid;
border-spacing:0px;
}

#menu ul li a:link, #menu ul li a:visited
{border-color:#C0C0C0;}

#menu ul li a:hover
{
padding:2px 7px 3px 7px;
background-color:#C0C0C0;
border-top-color:#FFFFFF;
border-bottom-color:#7F7F7F;
border-left-color:#FFFFFF;
border-right-color:#7F7F7F;
z-index:50 !important;
}

#menu ul li a:active, #menu ul li a:focus
{
position:relative; /* position und left werden bei IE 5.01 per JavaScript verändert (durch dynamicLayout())*/
top:1px;
padding:3px 6px 2px 8px;
background-color:#C0C0C0;
border-top-color:#7F7F7F;
border-bottom-color:#FFFFFF;
border-left-color:#7F7F7F;
border-right-color:#FFFFFF;
outline-style:none;
}

#menu ul #titelgrafik
{
position:absolute; top:-69px; left:-66px; /* 'left' wird per JavaScript modifiziert (durch dynamicLayout()) */
display:block;
width:170px;
height:44px;
background-image:url("./img/development.gif");
background-repeat:no-repeat;
vertical-align:top;
padding:0px;
margin:0px;
}

#menu ul #titelgrafik.smallwindow /* wird per JavaScript angesprochen (durch dynamicLayout()) */
{left:24px;} /* 'left' wird per JavaScript modifiziert (durch dynamicLayout()) */

#menu ul #titelgrafik img
{
display:inline;
vertical-align:top;
margin:0px;
}

#menu ul #titelgrafik a:link, #menu ul #titelgrafik a:visited, #menu ul #titelgrafik a:hover, #menu ul #titelgrafik a:active, #menu ul #titelgrafik a:focus
{
position:static;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
font-weight:normal;
font-style:normal;
font-variant:normal;
font-family:"Verdana","Geneva",sans-serif;
border-width:0px;
border-style:none;
background-color:transparent;
vertical-align:top;
}

#menu h2
{display:none;}

#menuseparator
{
float:none;
clear:both;
height:1px;
margin:0px;
padding:5px;
visibility:hidden;
}

div
{
position:relative; top:0px; /* top wird per JavaScript verändert in divsAnordnen() */
width:265px;
background-color:#FFFFF7;
border:1px solid #868686;
float:left;
margin:3px 3px 5px 3px;
padding:4px;
text-align:center;
}

div h2
{
display:block;
position:relative; top:-8px;
width:257px;
border-style:none;
border-width:0px;
border-bottom:1px solid #868686;
padding:9px 4px 4px 4px;
margin:0px;
font-size:1em;
font-weight:bold;
color:#1C4B78;
background-image:url("./img/textf_ecke.gif");
background-repeat:no-repeat;
background-position:240px 0px;
overflow:visible;
text-align:left;
}

div h2.highlighted /* wird per JavaScript angesprochen in blink() */
{color:#4275FF;}

div.slim
{width:172px;}

div.slim h2
{
width:164px;
background-position:147px 0px;
}

div.wide
{width:358px;}

div.wide h2
{
width:350px;
background-position:333px 0px;
}

.smallwindow div, .smallwindowIEfive div, .smallwindow div.slim, .smallwindowIEfive div.slim, .smallwindow div.wide, .smallwindowIEfive div.wide /* wird per JavaScript aktiviert */
{
position:static;
float:none;
clear:both;
width:84%;
margin-left:auto;
margin-right:auto;
}

.smallwindowIEfive div, .smallwindowIEfive div.slim, .smallwindowIEfive div.wide /* wird bei IE5 per JavaScript aktiviert */
{
margin-left:3%;
}

.smallwindow div h2, .smallwindowIEfive div h2, .smallwindow div.slim h2, .smallwindowIEfive div.slim h2, .smallwindow div.wide h2, .smallwindowIEfive div.wide h2 /* wird per JavaScript aktiviert */
{
width:auto;
background-position:95% 0px;
}

div p, h3
{
display:block;
padding:0px 12px 4px 12px;
font-size:0.8em;
text-align:left;
}

div img
{
display:inline; /* inline nur bei IE, bei allen anderen siehe folgende CSS-Rule */
margin:8px auto 10px auto;
padding:0px;
clear:both;
}
html>body div img
{display:block;}

div p img
{
position:relative; top:10px; left:4px;
display:block;
float:right;
clear:both;
margin:0px 6px 20px 0px; /* top + left + margin + padding so aufeinander abgestimmt, daß sich IE- und Opera-Bugs gegenseitig ausschalten */
padding:0px 6px 0px 6px;
}

div h3
{
font-family:"Verdana","Geneva",sans-serif;
padding-left:8px;
font-weight:bold;
font-size:0.8em;
}

div hr
{
clear:both;
float:none;
width:40px;
height:1px;
border-width:0px;
border-style:none;
color:#868686;
background-color:#868686;
margin:10px auto 10px auto;
padding:0px;
}

div a, div a:link, div a:visited, div a:hover, div a:active
{
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:underline;
}

div a:link
{color:#0033D8;}

div a:visited
{color:#62119A;}

div a:visited:hover
{color:#9540BF;}

div a:hover
{color:#336AFF;}

div a:active
{color:#7266FF;}

div strong, em
{
font-style:italic;
font-variant:normal;
font-weight:bold;
text-decoration:none;
}

div em
{font-style:normal;}