/*  Basis-Layout */

body {
		background-repeat: repeat;
		background-color:#f4f4f4;
}

img {
        text-decoration: none;
        boder: none;
}

#container {
        width: 960px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
}

#header {
        width: 960px;
        height: 60px;
        margin: 0;
}

#nav {
        width: 240px;
        margin: 0;
        padding: 20px 0 0 0;
}

#main {
        float: right;
        width: 680px;
        margin: 0 0 10px 0;
        padding: 20px 20px 0 0;
}

#footer {
        clear: both;
        margin: 10px 0 0 0;
        padding: 3px 0 0 0;
        border-top: 1px solid #DDD;
}



/*  Footer-Layout */

ul#footlist {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

ul#footlist li {
        display: inline;
}

ul#footlist li a {
        text-decoration: none;
        color: #999;
        padding: 0 10px 0 0;
        margin: 0 10px 0 0;
        border-right: 1px solid #999;
}

ul#footlist li a:hover {
        text-decoration: none;
        color: #000;
}



/*  Lines-Format */

hr.blackline {
        clear: both;
        height: 3px;
        background-color: #000;
        border: none;
        margin: 5px 0 20px 0;
}

hr.greyline {
        height: 3px;
        background-color: #DDD;
        border: none;
        margin: 10px 0 10px 0;
        padding: 0;
}

hr.greylineclear {
        clear: both;
        height: 3px;
        background-color: #DDD;
        border: none;
        margin: 10px 0 10px 0;
}



/*  Image-Format */

img.header {
		display:block;
        background-image:url(../grafik/header.png);
        width:260px; height:60px }

img.header a:hover {
		background-image:url(../grafik/header_dot.png); }

img.homepost {
        margin: 0;
        padding: 0;
        border: none;
}

p.homeimage {
        margin: 0;
        padding: 0;
}

p blogimage {
        margin: 0;
        padding: 0;
}

.aboutimage {
        margin: 10px 0 10px 0;
        padding: 0;
}

img {
        border: none;
        }



/*  Box-Format */

.blogpost {
        margin: 0;
        padding: 0;
}

.aboutbox {
        display: block;
        width: 320px;
        margin: 0;
        padding: 0;
}

#contactbox {
        display: block;
        width: 320px;
}


/*  Contact-Format */

ul#sociallist {
        list-style-type: none;
        margin: 0 0 360px 0;
        padding: 0;
}

ul#sociallist li {
        float: left;
        text-decoration: none;
        margin: 0 3px 4px 0;
}

ul#sociallist a {
        display: block;
        text-indent: -5000px;
        width: 32px;
        height: 32px;
}

li#facebook a {
        background: url(../grafik/social/facebook1.png) no-repeat;
}
li#facebook a:hover {
        background: url(../grafik/social/facebook2.png) no-repeat;
}
li#twitter a {
        background: url(../grafik/social/twitter1.png) no-repeat;
}
li#twitter a:hover {
        background: url(../grafik/social/twitter2.png) no-repeat;
}
li#flickr a {
        background: url(../grafik/social/flickr1.png) no-repeat;
}
li#flickr a:hover {
        background: url(../grafik/social/flickr2.png) no-repeat;
}
li#soundcloud a {
        background: url(../grafik/social/soundcloud1.png) no-repeat;
}
li#soundcloud a:hover {
        background: url(../grafik/social/soundcloud2.png) no-repeat;
}
li#vimeo a {
        background: url(../grafik/social/vimeo1.png) no-repeat;
}
li#vimeo a:hover {
        background: url(../grafik/social/vimeo2.png) no-repeat;
}
li#youtube a {
        background: url(../grafik/social/youtube1.png) no-repeat;
}
li#youtube a:hover {
        background: url(../grafik/social/youtube2.png) no-repeat;
}
li#behance a {
        background: url(../grafik/social/behance1.png) no-repeat;
}
li#behance a:hover {
        background: url(../grafik/social/behance2.png) no-repeat;
}
li#pinterest a {
        background: url(../grafik/social/pinterest1.png) no-repeat;
}
li#pinterest a:hover {
        background: url(../grafik/social/pinterest2.png) no-repeat;
}
li#xing a {
        background: url(../grafik/social/xing1.png) no-repeat;
}
li#xing a:hover {
        background: url(../grafik/social/xing2.png) no-repeat;
}