body {
  font: 10pt "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  background-position: top right;
  margin: 0;
  padding: 0;
  background-image: url(../images/content-bright.png);
  color: #ffffff;
}

a:link, a:visited {
  text-decoration: none;
	color: #CACACA;
}

a:hover, a:active {
	text-decoration: underline;
  color: #ffffff;
}

#titel h1 {
  font-size: 18pt;
  margin: auto;
  max-width: 900px;
  padding-left: 50px;
}

h2 {
  font-size: 15pt;
  margin-top: 40px;
	border-bottom: 1px solid #6B6B6B;
}

h2 a:link, h2 a:visited {
	color: #ffffff;
}

#kopf {
  height: 300px;
  background-image: url(../images/himmel.png);
  /*background-position: 50% 100%;*/
}

#logo {
  height: 300px;
  background-repeat: no-repeat;
  background-position: 50% 0px;
  position: relative;
}

#logo p {
  height: 138px;
  height: 300px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/suburb-bright.png);
  background-repeat: repeat-x;
  background-position: 200% 162px;
  background-position: right 0px;
  position: absolute;
  bottom: 0px;
}

#logo a {
  text-transform: uppercase;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  position: absolute;
  top: 20px;
  left: 20px;
  /* text-indent: -1000px;
  height: 62px;
  width: 249px;
  background-image: url(../images/logo-thin.png);
  background-repeat: no-repeat; */
}

#logo a img {
  border: none;
}

#main {
  margin: auto;
  max-width: 900px;
}

/* MENUE */

hr#vorfooter, hr#nachkopf {
  display: none;
}

#bereichsmenu {
  margin: 30px;
  margin-top: 50px;
}

#bereichsmenu h2, #kurzinfo h2, #sprungmarken h2 {
  position: absolute;    
  left:-3000px;
  top:-3000px;
}

#sprungmarken {
  height: 0px;
}

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

#sprungmarken a:link, #sprungmarken a:visited {
  position: absolute;    
  right:0;
  top: -3000px;
  display: block;
  width: 1px;
  height:1px;
  font-size:1px;
  overflow:hidden;
}

#sprungmarken a:hover, #sprungmarken a:active, #sprungmarken a:focus {
  white-space: nowrap;
  position: absolute;    
  right: 1px;
  top: 0px;
  text-decoration: underline;
  padding:2px 6px 3px 6px;
  text-align: right;
  display: block;
  width: 9em;
  height:auto;
  font-size: 1em;
  overflow:auto;
  color: #000000;
  background-color: #ffffff;
}

#bereichsmenu ul {
   /* background-image: url(/grafiken/himmel.png); */
   /* background-position: 50% 50%; */
   padding: 0px;
   margin: 0px;
   float: left;
   border-left: 2px solid #6b6b6b;
   margin-bottom: 20px;
}

#bereichsmenu ul li {
  height: 30px;
  margin: 0px;
  list-style-type: none;
  font-size: 1.3em;
  line-height: 30px;
	font-weight: bold;
  border-left: 1px solid #6b6b6b;
  float: left;
}

#bereichsmenu ul a {
  display: block;
  float: left;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  text-decoration: none;
}

#bereichsmenu ul a:hover {
  color: #ffffff;
  color: #000000;
  background-image: none;
  background-image: url(../images/himmel.png);
}

span.skip {
  display: none;
}

/* KURZINFO */

#kurzinfo {
  float: right;
  /* border-left: 3px solid #6b6b6b; */
  /* padding-left: 20px;
  padding-right: 20px; */
  margin-top: 30px;
  text-align: center;
  width: 244px;
}

#kurzinfo img {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  margin-left: 20px;
  margin-right: 20px;
}

#kurzinfo hr {
  border: none;
  color: #6B6B6B;
  background-color: #6B6B6B;
  height: 2px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 0px;
}

/* INHALT */

#content{
  clear: left;
  border-left: 3px solid #6b6b6b;
  /* border-left: 3px solid #434343; */
  padding-left: 20px;
  margin: 30px;
  margin-top: 0px;
  margin-right: 270px;
  text-align: justify;
}

#content img {
	border: 1px solid #6b6b6b;
	margin: 3px;
	margin-left: 5px;
	margin-right: 5px;
}

body.gruppe #content img {
	margin: 0px;
}

#content a:hover img {
	border: 1px solid #8b8b8b; /*#4C4C4C; */
	border-top: 1px solid #7b7b7b;
	border-left: 1px solid #7b7b7b;
}

#footer, #footer a {
  color: #777777;
}

#footer a:hover {
  color: #CACACA
}

#footer h2 {
  display: none;
}

#footer p {
  margin: 0px;
}

#footer #footerinfos, #footer #footerinfos p {
  display: block;
}

#footer {
  font-size: 0.9em;
  padding-left: 30px;
  clear: both;
  width: 400px;
  margin: auto;
  margin-bottom: 4px;
}

/* Bilderalben */

div#pictures {
	margin: 0px;
	padding: 0px;
}

div#pictures p {
	display: block;
	float: left;
	height: 107px;
	width: 106px;
	margin: 4px;
}

div#pictures a.maximise {
	float: left;
	height: 103px;
	width: 102px;
	font-size: 8pt;
	text-decoration: none;
	color: #A9A9A9;
	display: block;
	text-align: center;
	border: 1px solid #6b6b6b;
	overflow: hidden;
	padding: 3px;
}

div#pictures a.maximise img {
	margin: 0px;
	margin-bottom: 2px;
}

div#pictures a.maximise:hover {
	border: 1px solid #8b8b8b; /*#4C4C4C; */
	border-top: 1px solid #7b7b7b;
	border-left: 1px solid #7b7b7b;
	color: #DADADA;
}

div.quickedit {
	color: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #FFED85;
	border-bottom: solid 2px #8F0A00;
	vertical-align: middle;
	text-indent: 20px;
	font-size: 9pt;
	font-weight: bold;
}

div.quickedit a {
	text-decoration: none;
	color: #5E4DFC;
}

div.quickedit a:hover {
	color: #FFFFFF;
}

form fieldset {
	border: 2px solid #6B6B6B;
}

form input, form textarea {
	font: 10pt "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background-color: #ffffff;
	background-image: url(../images/input.png);
	background-repeat: repeat-x;
	border: 1px solid #000000;
	color: #000000;
}

form label {
	display: block;
	float: left;
	width: 90px;
}

form input.submit {
	display: block;
	width: 150px;
	height: 25px;
	margin-left: 90px;
	border: 1px solid #989898;
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
}

.blocked, .posted {
	text-align: center;
	padding: 6px;
	margin: 6px;
}

.blocked {
	border: 3px solid #882929;
}

.posted {
	border: 3px solid #298829;
}

a.extern {
	background: url(../images/external_g.gif) center right no-repeat;
	padding-right: 13px;
}

a.extern:hover {
	background: url(../images/external.gif) center right no-repeat;
}

a[href ^="mailto:"], a.mailto {
	background: url(../images/mail_g.gif) center right no-repeat;
	padding-right: 19px;
}

a[href ^="mailto:"]:hover, a.mailto:hover {
	background: url(../images/mail.gif) center right no-repeat;
}

.comment {
	border-bottom: 1px solid #6B6B6B;
}

.comment .footer {
	font-weight: bold;
}