/* Layout */

body {
     font-family: arial, verdana, sans-serif;
     background-image: url(pics/hg_body.gif);
     margin: 0;
     padding: 0;
     height: 100%;
     }

#Spalte1 {
	float:left;
	width:739px;
	overflow:hidden;
}

#Spalte2 {
	float:left;
	width:230px;
	overflow:hidden;
}

#header {
        margin: 0;
        padding: 0;
        /*border: 1px solid green; */
}

#homebutton {
            margin: 0;
            padding: 8px 0 0 0;
            float:left;
            background-color: #33749C;
            width: 50px;
            height: 16px; /* IE 24px */
            text-align: center;

}

#description {
             margin: 0;
             padding: 8px 0 0 0;
             float:left;
             background-color: #737373;
             color: #ffffff;
             width: 689px;
             height: 16px; /* IE 24px */;
             text-align: left;
}

.post {
      text-align: left;
      width: 600px;
      margin: 0 0 0 55px;
      /*border: 1px solid blue;*/
}

.comments {
      text-align: left;
      width: 600px;
      margin: 0 0 0 55px;
      padding: 30px;
      /*border: 1px solid blue;*/
      background-color: #dddddd ;
}

#image {
       margin: 35px 0 0 0;

}

.alignleft {
       position: absolute;
       width: 18px;
       height: 37px;
       top: 477px;
       left: 37px;
       z-index: 6;
}

.alignright {
       position: absolute;
       width: 18px;
       height: 37px;
       top: 477px;
       left: 655px;
       z-index: 7;
}



/* Textformatierung */

#homebutton a:link,
#homebutton a:active,
#homebutton a:visited {
            font-family: arial, verdana, sans-serif;
            font-size: 70%;
            line-height: 50%;
            color: #ffffff;
            text-decoration: none;
}

#homebutton a:hover {
            font-family: arial, verdana, sans-serif;
            font-size: 70%;
            line-height: 50%;
            color: #ffffff;
            text-decoration: underline;
}

#description h2 {
             font-family: arial, verdana, sans-serif;
            font-size: 70%;
            font-weight: normal;
            line-height: 50%;
            color: #ffffff;
            margin: 0 0 0 8px;
            padding:0;
            letter-spacing:0.1em;
}

p.datum {
        font-family: arial, verdana, sans-serif;
        font-size: 90%;
        font-weight: bold;
        line-height: 1%;
        color: #737373;
        margin: 17px 0 0 0;
        padding: 0 0 0 0;
}

p.archivtitel {
        font-family: arial, verdana, sans-serif;
        font-size: 90%;
        font-weight: bold;
        line-height: 1%;
        color: #737373;
        margin: 17px 0 0 55px;
        padding: 0 0 0 0;
}

h2 a:link,
h2 a:hover,
h2 a:active,
h2 a:visited
            {
             font-family: arial, verdana, sans-serif;
             font-size: 90%;
             font-weight: bold;
             line-height: 120%;
             color: #386B8A;
             margin: -20px 0 0 0;
             padding: 0 0 0 0;
             text-decoration: none;
            }
            
p.postmetadata {
             font-family: arial, verdana, sans-serif;
             font-size: 60%;
             font-weight: normal;
             line-height: 120%;
             color: #000000;
             margin: 20px 0 20px 0;
             padding: 0 0 0 0;
             text-decoration: none;
             text-align: center;
}

.postmetadata a:link,

.postmetadata a:active,
.postmetadata a:visited {
              text-decoration: none;
              color: #386B8A;
}


.postmetadata a:hover {
              text-decoration: underline;
              color: #386B8A;
}

.archivdatum {
             font-family: arial, verdana, sans-serif;
             font-size: 60%;
             font-weight: normal;
             line-height: 60%;
             color: #000000;
             margin: 20px 0 20px 0;
             padding: 0 0 0 0;
             text-decoration: none;
             text-align: left;
}

#sidebar {
             font-size: 70%;
             font-weight: normal;
             line-height: 120%;
             color: #000000;
             text-decoration: none;
}

#sidebar h2 {
             font-size: 100%;
             font-weight: normal;
             line-height: 120%;
             color: #000000;
             text-decoration: none;
}

#sidebar a:link,
#sidebar a:active,
#sidebar a:visited {

             font-weight: normal;
             line-height: 60%;
             color: #386B8A;
             text-decoration: none;
}

#sidebar a:hover {

             font-weight: normal;
             line-height: 60%;
             color: #386B8A;
             text-decoration: underline;
}



#sidebar ul, #sidebar ul ol {
        margin: 0 0 0 16px;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
 
#footer {
        font-size: 70%;
        font-weight: normal;
        line-height: 120%;
        color: #000000;
        margin: 10px 0 0 757px;
        vertical-align: bottom;
        clear: both;
}

#footer a:link,
#footer a:active,
#footer a:visited {
        color: #386B8A;
        text-decoration: none;
}

#footer a:hover{
        color: #386B8A;
        text-decoration: underline;
}
            
/*Infobox*/

#infobox  {
         width: 510px;  /* IE 550px*/
         top: 157px;
         left: 55px;
         padding: 5px 30px 10px 5px;
         background-image: url(pics/hg_infobox.gif);
         background-repeat: no-repeat;
         position: absolute;
         z-index: 3;
         visibility: hidden;
}

#infobox p {
         font-family: arial, verdana, sans-serif;
         font-size: 75%;
         color: 000000;
         text-align: left;
         margin: 0;
}

#infobutton {
            width: 31px;
            height: 32px;
            position: absolute;
            top: 145px;
            left: 606px;
            z-index: 2;
            margin: 0;
            padding: 0;
}

/* Formulare */

/* Begin Form Elements */
#searchform {
	margin: 74px 0 50px 0;
 padding: 0;
	text-align: left;

	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
        margin: 0 10px 0 0;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

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

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
         background-color: ffffff;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Banner */

#banner {
            width: 346px;
            height: 74px;
            position: absolute;
            overflow: hidden;
            top: 0px;
            left: 393px;
            z-index: 5;
            margin: 0;
            padding: 0;
}