body { 
font:75%  Arial, Helvetica, sans-serif;
color:#333; 
background:#E8E8EA url(../images/back.jpg) repeat-y top center;
margin:0 auto; 
text-align:center; 
}

#thema p{
margin:0;
margin-left:20px;
margin-top:5px;
padding:1.2em 0 0px 0;
line-height:1.6em;
}

#thema h1{
padding:0px;
margin-top:20px;
margin-left:20px;
margin-bottom:0px;
padding:1.2em 0 0px 0;
line-height:1.6em;
color:#E1A100;
font-size:16px;
}

#thema{
text-align:justify;
margin-left:20px;
margin:0;
margin-top:0px;
padding:0em 0 0px 0;
line-height:1.6em;
}

* html #thema{
text-align:justify;
margin-left:20px;
margin:0;
margin-top:0px;
padding:0em 0 0px 0;
line-height:1.6em;
}

#thema strong{
margin-left:0px;
font-weight:normal;
font-variant:small-caps;
}

#thema a{
color:#999999;
text-decoration:none;
border-bottom:1px solid #900;
font-weight:bold;
border:0;
}

#thema a:hover{
color:#E5A213;
text-decoration:none;
border-bottom:0px solid #900;
background:transparent;
}

#thema a#active{
color:#E5A213;
text-decoration:underline;
border-bottom:0px solid #900;
background:transparent;
}



div[id="container"] a,
div[id="container"] a:visited{
text-decoration:none;
border-bottom:1px dotted #900;
}

/* Content =============================================================== */

#container { 
background: url(../images/content_bg.png) no-repeat right top;
width:760px;
text-align:left;
padding:0;  
margin:0 auto; 
}

* html #container { 
background: url(../images/content_bg.jpg) no-repeat center top;
width:760px;
text-align:left;
padding:0;  
margin:0 auto; 
}

#intro,
#thema{
width:390px;
float:right;
clear:right;
margin:0px 0 0 0;
}


#intro #pageHeader {
z-index:-100;
width:300px;
height:120px;
background: url(../images/intro.png) no-repeat top center;
text-indent:-10000px;
margin:53px 0 0 -113px; 
padding:0;
border:0px solid #000000;
}

* html #intro #pageHeader {
z-index:-100;
width:300px;
height:120px;
background: transparent;
text-indent:-10000px;
margin:53px 0 0 -113px; 
padding:0;
border:0px solid #000000;
}


h3{
width:290px;
height:35px;
margin:5px 0 5px 0;
padding:0;
text-indent:-10000px;
float:right;
overflow:hidden;
}

/* Navigation ============================================================= */

#linkList{
background:#f8eacc url(../images/navi_bg.png) no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-left:1px;
padding:152px 0 0 0;
width:339px;
height:700px;
text-align:right;
float:left;
/* Only IE5 MAC \*/
float:none;
}

#linkList h3{ 
float:none;
display:none; 
}
@media aural, braille, print{
#linkList h3{
display:block;
}

}
#lselect,
#lresources
{
border-left:0px solid white;
padding:100px 0 0 0;
margin:0 0 40px 0;
}

#linkList ul{
margin:0;
padding:0;
list-style:none;
}
#linkList li{
font-size:1.0em;
display:block;
margin:0px;
padding:0px;
border-bottom:0px solid #F9F7F6;
}

#linkList li h1{
color:#E5A213;
font-variant:small-caps;
font-size:1.4em;
font-weight:normal;
margin-bottom:7px;
margin-top:0px;
padding: 0 5px 0px 0;
border-bottom:0px solid #F9F7F6;
}

#linkList li h2{
background:#ACADB1;
color:#fff;
font-variant:small-caps;
font-size:1.4em;
margin:4px;
margin-top:0px;
padding: 0 20px 0px 0;
border-bottom:2px solid #E5A213;
border-right:1px solid #E5A213;
}

#linkList li h4{
color:#ACADB1;
font-variant:small-caps;
font-size:1.4em;
margin:4px;
margin-top:0px;
padding: 0 20px 0px 0;
border-bottom:2px solid #E5A213;
border-right:0px solid #E5A213;
}

/* Link Styles */
#linkList li a{ 
display:block;
padding:4px 10px 4px 5px;
margin:0 0 5px 0;
border:0;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#acadb0;
}

/* Link Styles */
* html #linkList li a{ 
display:block;
padding:0px 10px 0px 5px;
margin:0px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#acadb0;
}

#linkList li a#active{ 
border-right:4px solid #e1a200;
display:block;
padding:4px 10px 4px 5px;
margin:0 0 5px 0;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#ffffff;
background:#ACADB1;
}

#linkList li a:hover,
#linkList li a:focus,
#linkList li a:active{
padding-right:6px;
border-right:4px solid #e1a200;
color:#e1a200;
text-decoration:none;
}

* html #linkList li a#active{
padding-right:6px;
margin:0 0 0px 0;
border-right:4px solid #e1a200;
color:#ffffff;
text-decoration:none;
background:#ACADB1;
}
	
#linkList li a.c:hover,
#linkList li a.c:visited,
#linkList li a.c:active,
#linkList li a.c:focus{
padding:0 2px 0 0;
border:0;
background-position:-100px;
}

#lresources li{
border:0;
}

#lresources li a{
padding-right:6px;
border:1px solid #F9F7F6;
border-right:4px solid #D6DECA;
text-decoration:none;
background:white;
}

/* Listen Content */
.list {
padding:0px 0px 0px 20px;
margin-left:19px;
font-size:12px;
list-style-type:square;
list-style-position:outside;
line-height:1.5em;
color:#50647d;
}

ul {padding:0px;margin:8px;}
ul li {color:#E5A213;}
ul li span{color:#444444;}

/* Footer */
#footer{
color:#ABABAD;
margin-left:19px;
padding-top:30px;
margin-top:30px;
}

#footer a{
color:#ABABAD;
text-decoration:none;
font-weight:bold;
border:0;
}

#footer a:hover,
#footer a:focus,
#footer a:active{
color:#E5A213;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #900;
background:transparent;
}

/* Print ================================================ */
@media print{
body
{
text-align:left;
color:black;
}

a{
color:black;
text-decoration:none;
border:0;
}
#linkList,
#footer .p2{
display:none;
position:absolute;
}


#intro #thema{
float:none;
width:90%;
display:block;
text-indent:0;
margin:0;
padding:0;
width:auto;
height:auto;
}