@charset "utf-8";
/* CSS Document */
body {

margin:0px; 
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
color:#647c87;
background-color:#CCCCCC;
}

.clearer {
clear:both;
}

#screen {
margin:auto;
width:750px;

margin-top:10px;
}

#site {
background-color:#FFFFFF;
width:750px;
}

#top {
background-image:url(TYPO3-BOOK.jpg);

background-repeat:no-repeat;
height:200px;

}

#logo {

background-repeat:no-repeat;
height:68px;
}

#navi {
margin-left:227px;
padding-top:25px;
}

#navi a{
margin-left:5px;
margin-right:5px;
padding-left:10px;
padding-right:10px;
font-size:15px;
text-decoration:none;
display:block;
float:left;
color:#647c87;
padding-top:3px;
font-weight:bold;
}

#navi a:hover{
color:#cc0033;
}

#navi .active a{
border:1px solid #cc0033;
background-color:#cc0033;
color:#ffffff;
padding-top:0px;
padding-bottom:3px;
padding-left:9px;
padding-right:9px;
}

#subnavi {
width:208px;
float:left;
margin-top:15px;
}

#subnavi a{
width:206px;
float:left;
display:block;
text-decoration:none;
color:#647c87;
font-size:12px;
height:20px;
text-align:right;
}
#subnavi a:hover{
color:#cc0033;
}

#subnavi .active a {

background-repeat:no-repeat;
background-position:90px 6px;
color:#cc0033;}

#content {
width:484px;
margin-left:30px;
margin-top:15px;
margin-right:54px;
float:left;
font-size:12px;
line-height:18px;
min-height:300px;
}

#content h1, #content h2, #content h3 {
color:#cc0033;
}
#content a{
color:#cc0033;
}
#content a:hover{
color:#333333;
}

#content h1 {
font-size:19px;
border-bottom:1px dashed #aeb2b5;
padding-bottom:9px;
margin-top:0px;

background-position:right;
background-repeat:no-repeat;
padding-right:100px;
font-weight:normal;
}

#content h2 {
font-size:16px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:20px;
}

#content h3 {
font-size:14px;
font-weight:normal;
padding-bottom:0px;
margin-bottom:0px;
margin-top:18px;
}

#footer {

background-repeat:no-repeat;
font-size:10px;
padding-top:4px;
margin-top:20px;
height:80px;
}
#footer a{
color:#647c87;
text-decoration:none;
}
#footer a:hover{
color:#cc0033;
}

#footerleft {
float:left;
width:350px;
padding-left:91px;

}

#footerright {
float:right;
text-align:right;
margin-right:53px;
}