/*
-----------------------------------------------
Blogger Template Style
Name:     Harbor
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     24 Feb 2004
----------------------------------------------- */
a.menu {
display : block;
margin-bottom : 1px;
margin-top : 1px;
text-align : left;
width : 130px;
border-style : ridge;
border-width : 1px;
background-color : #336699;
padding : 1px;
padding-left : 5px;
margin-left : 7px;
}
a.menu:link {
color : #ffffff;
}
a.menu:visited {
color : #ffffff;
}
a.menu:active {
color : #ff0;
}
a.menu2 {
display : block;
margin-bottom : 1px;
margin-top : 1px;
text-align : left;
width : 130px;
border-style : ridge;
border-width : 1px;
border-color : #666666;
background-color : #ffffff;
padding-left : 5px;
margin-left : 7px;
}
a.menu2:link {
color : #000033;
}
a.menu2:hover {
color : #000033;
background-color : #cccccc;
}
a.menu2:visited {
color : #000033;
border-color : #cccccc;
}
a.menu2:active {
color : #000000;
}
a.menu3 {
display : block;
margin-bottom : 1px;
margin-top : 1px;
text-align : left;
width : 130px;
border-style : ridge;
border-width : 1px;
background-color : #000066;
padding-left : 5px;
margin-left : 7px;
}
a.menu3:link {
color : #ffffff;
}
a.menu3:active {
color : #000000;
}
a.menu3:visited {
color : #ffffcc;
border-color : #cccccc;
}
kopflinksclear {
clear : right;
}
div.add {
padding-top : 15px;
}
p.Fussnote {
font-size : 10px;
}


body {
 font : 78.5%/1.3em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
background: #FFFFFF;
  }


/* Page Structure
----------------------------------------------- */
#wrap {
background: url(http://www.dunkle-wolken.de/bilder/bgr.jpg) !important ;
border : 3px solid #ccc;
max-width : 1200px;
min-width : 760px;
min-height : 480px;
height : auto !important ;
height : 480px;
background-repeat : repeat;
background-position : center top;
background-image : url(http://www.dunkle-wolken.de/bilder/bgr.jpg);
margin-top:0px;
  }
  #wrap1 {
background: url(http://www.dunkle-wolken.de/bilder/bgr.jpg) !important ;
max-width : 1200px;
min-width : 760px;
min-height : 480px;
background-repeat : repeat;
background-position : center top;
background-image : url(http://www.dunkle-wolken.de/bilder/bgr.jpg);
  }

#wrap2 {
background: url(http://www.dunkle-wolken.de/bilder/bgr.jpg) !important ;
max-width : 1200px;
min-width : 760px;
min-height : 480px;
background-repeat : repeat;
background-position : center top;
background-image : url(http://www.dunkle-wolken.de/bilder/bgr.jpg);
  }

#wrap3 {
background: url(http://www.dunkle-wolken.de/bilder/bgr.jpg) !important ;
max-width : 1200px;
min-width : 760px;
min-height : 480px;
background-repeat : repeat;
background-position : center top;
background-image : url(http://www.dunkle-wolken.de/bilder/bgr.jpg);
  }

#wrap4 {
background: url(http://www.dunkle-wolken.de/bilder/bgr.jpg) !important ;
max-width : 1200px;
min-width : 760px;
min-height : 480px;
background-repeat : repeat;
background-position : center top;
background-image : url(http://www.dunkle-wolken.de/bilder/bgr.jpg);
  }

@media all {
  #content {
    margin-top:0px;
    padding:0px 0px 0px 0px;
    width:100%;
    width/* */:/**/auto;
    width: /**/auto;
    }
  html>body #content {margin-top:0px;

    }
  #main {
    width:70%;
    float:right;
    margin-right:20px;
    
    }
  #main2 {
    margin:0;
    padding:0;
    }
  #sidebar {
    width:25%;
    float:left;
    margin-top:0px;
    }
  #sidebar2 {
    margin:0;
    padding-top:21px;
    padding-left:10px;
vertical-align:top;
javascript:void(0)
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Header
----------------------------------------------- */
@media all {
  #header {
background: #000000;
background-repeat : no-repeat;
background-position : left top;
background-image : url(http://www.dunkle-wolken.de/bilder/test.jpg);
margin:1px;

    }
  }
@media handheld {
  #header {
        background: #000000;
background-repeat : no-repeat;
background-position : left top;
background-image : url(../bilder/test.jpg)
    }
  }
#blog-title {
font : 200% Georgia;
color : #ffffff;
font-weight : bolder;
padding-left : 90px;
padding-top : 0px;
padding-bottom:48px;
font-size : 24px;

  }
#blog-title a {
  color : #ffffff;
font-weight : bolder;
padding-left : 90px;
padding-top : 30px;
font-size : 24px;
  }
#description {
  margin:0;
  max-width:700px;
  font-size:75%;
  line-height:1.8em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#789;
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#933;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:2em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  line-height:1.6em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  }
.post-title a, .post-title strong {
  background:url("http://www.blogblog.com/harbor/icon_lighthouse.gif") no-repeat 0 .15em;
  display:block;
  padding-left:20px;
  text-decoration:none;
  color:#368;
  font-weight:normal;
  }
.post-title strong {
  background-image:url("http://www.blogblog.com/harbor/icon_lighthouse2.gif");
  color:#000;
  }
.post-title a:hover {
  color:#933;
  }
.post-body {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;
  padding-top:12px;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  color:#999;
  }
.post-footer em, .comment-link {
  font:78%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#666;
  margin-right:.4em;
  }
.comment-link strong {
  font-size:130%;
  }
.comment-link {
  margin-left:.4em;
  }
.post img {
  padding:4px;
  border:1px solid #cde;
  }


/* Comments
----------------------------------------------- */
#comments {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;
  padding:15px 0 0;
  }
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#933;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.4em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 20px 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 20px 1.5em;
  font:78%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}


/* Sidebar Content
----------------------------------------------- */





#sidebar ul {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom;
  margin:0 0 15px;
  padding:0 0 15px;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom;
  margin:0 0 2em;
  padding:0 0 15px;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #cde;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  font:78%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 30px 0 10px;
  }
#footer hr {
  display:none;
  }
#footer p {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;
  margin:0;
  padding-top:15px;
  font:78%/1.6em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#apDiv2 a {
color:#FFFFFF;
font-weight:bold;
padding-left:5px;
  }

/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }
  </style>