html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: white;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #111111;  
  text-align:center;
  margin:0px;
  padding:0px;
}


pre {
    margin:0px 10px 10px 10px;
}


h1 {
    color:#444444;
    font-family:American Typewriter,Courier,Georgia;
    font-size:21px;
    font-weight:bold;
    letter-spacing:1pt;
    line-height:27px;
    text-decoration:none;
}
h2 {
    font-size:14px;
    padding-top:10px;
    text-transform:uppercase;
    color: white;
    background-color: transparent;
}

a { 
    color: #0669a4;
    font-size: 11px;
    background-color:transparent;
    text-decoration: none; 
}

a:hover {
    color:#FFFFFF;
    background-color: #0669a4;
    text-decoration:none;
}
 
pre { 
    color: black;
    font-size: 11px;
    background-color:transparent;
    font-family: Courier, Monaco, Monospace;
}


/*  positioning-layers statisch und absolut */

#box {
margin: 0px auto;
padding:0px;
text-align:left;
}

#links {
    width:275px;
    padding:30px;
    float:left;
    background-color:#eeeeee;
    font-family:American Typewriter,Courier,Georgia;
    font-size:11px;
    line-height:15px;
}

#canvas {
    color: white;
    background-color:#fff;
}

#links a {
    display: block;
}

#links h2 {
    color: black;
}

#inhalt {
    width:400px;
    padding:30px;
    float:left;
    background-color:#fff;
}


#kopf {
    background-color:transparent;
    margin: 0px;
}

#kopf h1 {
    font-size: 11px;
    text-transform:uppercase;
    text-align: right;
    color: white;
    background-color: #BA4554;
    padding:5px 15px;
    margin:0px
}

#kopf p {
    //padding:10px;
    margin:0px;
    padding: 0px;
}

.feeditem {
    padding-top: 2em;
    padding-bottom: 2em;
}
.feeditem .date {
    color: #AAAAAA;
    line-height:28px;
    font-size:12px;
}

.feeditem .title a {
    font-family:American Typewriter,Courier,Georgia;
    font-size:20px;
    font-weight:bold;
    letter-spacing:1pt;
    line-height:34px;
}

.feeditem .title {
    clear: both; 
    color:#444444;
    font-family:American Typewriter,Courier,Georgia;
    font-size:20px;
    font-weight:bold;
    letter-spacing:1pt;
    line-height:34px;
    text-decoration:none;
}

.feeditem .iconblogger {
    background: transparent url(../images/blogger.png) no-repeat scroll; 
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    float: left;
}

.feeditem .icontwitter {
    background: transparent url(../images/twitter.png) no-repeat scroll; 
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    float: left;
}

.feeditem .iconflickr {
    background: transparent url(../images/flicker-icon.png) no-repeat scroll; 
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    float: left;
}

.feeditem .iconwiki {
    background: transparent url(../images/devinwiki.png) no-repeat scroll; 
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    float: left;
}

.feeditem .icondelicious {
    background: transparent url(../images/delicious.gif) no-repeat scroll; 
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    float: left;
}