/********************************
 *
 * page-basics
 *  
********************************/
html,body,div,ul,p {
  margin: 0;
  padding: 0;
}

body {
  padding:10px;
	font: .8em arial, verdana, sans-serif
}

img {
  padding:10px;
}

img.right {
  margin-top:1em;
  padding-bottom:0.5em;
  float:right;
}

img.left {
  margin-top:1em;
  padding-bottom:0.5em;
  float:left;
}

table,tr,td {
  padding:3px;
  margin:20px 10px 10px 20px;
  border-collapse: collapse;
  color: #444
}
td {
  border:1px solid grey;
}

/********************************
 *
 * container
 *  
********************************/
div {
  border:0px
}

div#maincontainer {
  width:64em;
}

div#djg-siegburg_logo {
  height:6em;
  width:100%;
  background-image:url(../img/djg-siegburg_logo.jpg);
  background-position:center left;
  background-repeat:no-repeat
}

div#headerimages {
  margin:0;
  padding:0;
  float:right;
  height:6em;
  margin-right:-5px;
  padding-bottom:.2em;
  background-image:url(../img/schmuckbilder.jpg);
  background-repeat:no-repeat;
  background-position:460px;
}

div#pageinfo {
  width:61em;
  margin-left:0.5em;
  padding:0 0 0 1em;
  border-bottom: 1px dotted #aaa;
  color:#888
}

div#contentbox {
  min-height:700px;
/*  height:expression(this.scrollHeight > 700 ? "auto":"700px")*/
}

div#content {
  position:absolute;
  left:1em;
  width:43em;
  border-right:1px dotted #aaa;
}

div#linktext {
  margin:1em 1em 2em 1em;
  font-size:0.9em;
  border-bottom:1px dotted #888
}

div#news {
  position:relative;
  top:0;
  float:right;
  margin-right:20px;
  padding:10px;
  margin-top:0.6em;
  width:18em;
/*  background-color:#ffffd8;*/ 
  text-align:center
}

div#newsbox {
  width:100%;
  padding:0;
  margin:0;
  margin-bottom:15px;
  background-color:#ffffd8;
  border:1px dotted #999
}

div#footer {
  clear: both;
  position:relative;
  bottom:0;
  font-size:0.9em;
}

/********************************
 *
 * navigation
 *  
********************************/
ul#navi {
  bottom:0;
  padding-top:0.5em;
	width: 67em;
	list-style-type: none;
	overflow: visible;
}
#navi li {
  margin-bottom:0;
	float: left
}
#navi a {
	margin: 0 1px;
	padding: 10px 18px 8px 18px;
	display: block;
	text-align: center;
  font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	background: #ffff7f;
  border-bottom: 2px solid #ffff7f
}
#navi a:hover {
	background: #ffffaf;
	border-bottom: 2px solid red
}
#navi .on {
	background: #ffffaf;
	border-bottom: 2px solid red;
	color: #444
}

/********************************
 *
 * subnavigation
 *  
********************************/
ul#navi.subnavi {
  font-size:0.9em;
	padding-top:0.15em;
  float: left;
	width: 70em;
  line-height:1em;
	overflow: visible;
}

#navi.subnavi a {
	background: #ffffaf;
  border-bottom: 2px solid #ffffaf;
	padding: 10px 15px 8px 15px;
}
#navi.subnavi a:hover {
	background: #ffffcf;
	border-bottom: 2px solid red;
}
#navi.subnavi .on {
	background: #ffffcf;
	border-bottom: 2px solid red;
}

/********************************
 *
 * schriften
 *  
********************************/
h1,h2,h3 {
  margin: 15px 10px -10px 17px;
  padding-bottom: 5px;
  font-size: 1.2em;
  text-transform: uppercase;
  line-height:1.2em;
  border-bottom: 1px solid #ffff7f;
  color: #c74a4a
}

h2 {
  text-transform: none;
  border-bottom:none;
  color: #444
}

h3 {
  font-size:1.1em;
  text-transform: uppercase;
  border-bottom:none;
  color: #444
}

#contentbox p, #content ul, table, td {
  margin: 20px 10px 0 19px;
  padding-bottom: 15px;
  font-size: 1.1em;
  border-bottom: 1px dotted #444;
  color: #444
}

#content a {
  margin:-10px 0 -10px 20px;
  text-decoration:none;
  font-style: italic;
  color:#888
}

#content a.link {
  margin:0;
  padding:0;
  font-size: .9em;
  font-style:normal;
  color:#888
}

#content p.contenttext {
  margin:0;
  padding:1.2em 1.2em 0 1.2em;
  border:none;
}

#content p.clinkname {
  margin:0 2em 0 2em;
  border:none;
}

#content p.release {
  margin-top:-1em;
  padding-top:0.5em;
  font-style:italic;
  color:#888;
  text-align:center;
  border:0;
}

#content a.maillink, a.intlink {
  margin:5px 0 5px 0;
  padding:0;
  color:#444;
  font-style:normal;
  border-bottom:1px solid #888
}

#content .textinfo {
  margin:0;
  font-style:normal;
}

#content ul, #content li {
  border:none;
}

#content li {
  margin:15px 10px 5px 25px;
}

#linktext p.contenttext {
  margin:-1em 0 0 0;
}

#pageinfo p {
  line-height:2em;
  padding-left:0em;
}

#fztext {
  padding-top:10px;
  text-transform: uppercase;
  text-align:center;
  font-size:0.9em;
  line-height:1.5em;
  border-bottom:none;
  color:#aaa
}
p#fztext {
  color:#888;  
  font-size:1em;
  border-bottom:none;
}
#fztext a {
  margin-left:0;
  border-bottom:1px dotted #888;
  font-style:normal;
  color:#888;
}

#fztext a:hover {
  border-bottom:1px dotted #fff;
}

p.artikel_kurz {
  text-align: justify;
}

a.pipage {
  color:#888
}

.hl_red {
  font-weight:bold;
  color:#c74a4a;
}

#newsbox a, a.volltext, a.link {
  font-size:0.9em;
  color: #444;
  text-decoration:none;
  border-bottom:1px dotted #c74a4a
}
#newsbox a, a.link {
  font-weight:bold;
  font-size:1em;
  color: #444
}

#newsbox a:hover, a.volltext:hover, a.link:hover {
  color:#c74a4a;
  border-bottom:1px dotted #fff
}

#news .newstitle {
  margin:0;
  padding-bottom:10px;
  font-weight:bold;
  border:none;
  text-transform: uppercase;
  color: #444
}
#newsbox .date {
  margin:10px 10px 0 10px;
  padding-bottom:5px;
  border-bottom:1px solid yellow;
  font-size:0.9em;
}

#newsbox .shorttext {
  margin:0 10px 0 10px;
  padding:5px 10px 5px 10px;
  border:none;
  border-top:1px solid yellow;
  font-size:0.9em;
}