body {
font-family : serif;
font-size : 15px;
background-color : #ffddde;
color : #000;
padding : 0;
margin : 0;
}
#red {
background-color : #ffd5ee;
padding :0;
border : none;
margin : 45px 0 0 10px;
width : 27%;
float : left;
}
#red-inside {
background-color : #fad;
padding : 0;
border : 1px solid #f09;
margin : 10px;
}
#blue {
position : absolute;
top : 170px;
right : 10px;
left : auto;
background-color : #ffd5ee;
padding : 0;
margin : 0;
width : 70%;
}
#blue-inside {
background-color : #fad;
padding : 0;
border : 1px solid #f09;
margin : 10px;
}
P {
margin : 0.7em 1em;
}
.code {
font-size : 0.8em;
background-color : #eee;
color : #333;
padding : 0.5em;
margin : 0.5em;
}
.code pre {
color : #333;
background-color : #f8f8f8;
padding : 1em;
}
.code pre em {
color : #920;
}
h1 {
font : 1.7em "trebuchet MS", Verdana, sans-serif;
padding : 0.5em;
}
h1 code {
font-weight : bold;
color : #999;
}
#logo {
background : red url(grafik/bglogo.gif) no-repeat;
height : 109px;
padding : 0 10px 15px 0;
text-align : right;
line-height : 56px;
font-size : 55px;
overflow: hidden;
letter-spacing : -3px;
border-bottom : 2px solid #fa97d2;
margin : -13px 10px 0 10px;
}
#logo  {
color : #efefef;
text-decoration : none;
}
#logo  span {
color : #cc00cc;
background : #efefef;
padding-right : 0.1em;
font-weight : bold;
}
#thicktabs {
position : absolute;
top : 130px;
right :auto ;
left : 10px;
margin : 0;
padding : 0;
font : bold 13px Tahoma;
}
#thicktabs li {
display : inline;
}
#thicktabs li a {
float : left;
color : black;
padding : 8px 11px;
text-decoration : none;
background : transparent url(grafik/pinkbg.gif) no-repeat top right;
border-top : 1px solid #d3bdbe;
border-bottom : 1px solid #ffa1a3;
}
#thicktabs li a#leftmostitem {
border-left : 1px solid #d3bdbe;
}
#thicktabs li a#rightmostitem {
border-right : 1px solid #d3bdbe;
background-position : top left;
}
#thicktabs li a:visited {
color : black;
}
#thicktabs li a:hover {
color : black;
background-image : url(grafik/pinkbgover.gif);
}