/* layout --------------------------- */

html, body {
 margin: 0;
 padding: 0;
 text-align: center;
 }

#bodycontainer {
 width: 796px;
 margin: 7px auto 0 auto;
 border-top: 1px solid #FFF;
 position: relative;
 text-align: left;
 }

#head-col{
	position: absolute;
	top: 0;
	left: 0;
	height: 176px;
	width: 806px;/*eigentlich 796px*/
}

#date{
	position: absolute;
	top: 146px;
	left: 610px;
	z-index: 4;
}
* html #date {
	top: 158px;
}

#left-col  {
 position: absolute;
 top: 193px;
 left: 0;
 width: 185px;
 z-index: 6;
}

#right-col {
 position: absolute;
 top: 176px;
 left: 796px;
 width: 180px;
 z-index: 6;
}
 
#main {
 position: absolute;
 width: 624px;
 top: 173px;
 margin: 8px 0px 0 185px;
 z-index: 6;
}

/* schriften ------------------------ */

h1, h2, h3, h4, h5, h6, p, li, dt, dd, caption, th, td, label, #content, #head-col {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }

h1, h2 {
 font-size: 20px;
 }

h3 {
 font-size: 18px;
}

h2, h3 {
 font-weight: normal;
 }

h4, h5, h6, p, li, dt, dd, th, td, label, input, select, #head-col{
 font-size: 11px;
 line-height: 16px;
 }

#content p, #content li, #content dd, #content caption, #content th, #content td, #content label,
#home #content h3, #home #content h4, #content{
 font-size: 12px;
 line-height: 1.4em;
 }

#content .legend,
#content p.date, .download p{
 font-size: 11px;
 line-height: 1.3em;
 }

#date h4{
 font-size: 9px;
 line-height: 1.6em;
 font-weight: normal;
}

#uhyst #date h4{
 color: #013db7;
}

#burkau #date h4{
 color: #4a7c4a;
}

#pohla #date h4{
 color: #ffffff;
}

#content h4,
#content h5,
#content dt,
#home #content h2{
 font-size: 14px;
 line-height: 1em;
 }

#home #content h2,
#home #content h3,{
 font-weight: bold;
 }

dl#switcher a.normal {
 font-size: 12px;
 }

dl#switcher a.medium {
 font-size: 14px;
 }

dl#switcher a.large {
 font-size: 16px;
 }

div#menue-oben a{
 font-weight: bold;
 font-size: 11px;
}

p.link, p.link a{
 font-size: 9px;
}

/* ort -------------------------------- */
#head-col .ort{
	position: absolute;
	top: 15px;
	left: 20px;
	padding-left: 20px;
	z-index: 5;
}


/* menue-oben ------------------------- */
div#menue-oben{
	position: absolute;
	top: 133px;
	left: 200px;
	clear: both;
	padding: .5em 1em;
	text-align: center;
	z-index: 5;
}
* html div#menue-oben {
	top: 132px;
}

div#menue-oben ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#menue-oben li{
	display: inline;
	/*margin-right: 1em;*/
	/*padding-left: 5px;*/
	text-transform: uppercase;
}

/* navi ----------------------------- */

ul#navi {
 margin: 25px 0 20px 0;
 padding: 16px 0 30px 0;
 list-style: none;
 background-color: #f2f2f2;
}

#uhyst ul#navi{
 border: 1px solid #99ccff;
}
#burkau ul#navi{
 border: 1px solid #99cc99;
}

#pohla ul#navi{
 border: 1px solid #e15151;
}

#admin ul#navi{
 border: 1px solid #FFCC66;
}

ul#navi li {
 background-color: #F2F2F2;
 margin: 0;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
 padding: 0;
 }

ul#navi a {
 padding: 1px 10px 1px 20px;
 text-decoration: none;
 text-transform: uppercase;
 display: block;
 }

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

ul#navi li li {
 background-color: #D9D9D9;
 border: 0 none;
 }

ul#navi li li a {
 width: 143px;
 padding-left: 30px;
 text-transform: none;
 }

#uhyst li.menu-uhyst li.active a,
#burkau li.menu-burkau li.active a,
#pohla li.menu-pohla li.active a,
#admin li.menu-admin li.active a{
 background-color: #999;
 }

#uhyst li.menu-uhyst li a,
#burkau li.menu-burkau li a,
#pohla li.menu-pohla li a,
#admin li.menu-admin li a{
 color: #000;
 background-color: #D9D9D9;
 }

ul#navi li.menu-uhyst li a:hover,
ul#navi li.menu-burkau li a:hover,
ul#navi li.menu-pohla li a:hover,
ul#navi li.menu-admin li a:hover{
 color: #000;
 background-color: #999;
 }

/* gaestebuch ----------------------------- */

#content div.two-cols div.error{
	background-color: #F00;
	text-align: center;
	width: 98%;
}

* html #content div.two-cols div.error{
 	margin: 0 0 -15px 0;
}

#content div.two-cols div.bestaetigung{
	background-color: #0F0;
	text-align: center;
	width: 98%;
}

* html #content div.two-cols div.bestaetigung{
 	margin: 0 0 -15px 0;
}

#gaestebuch td.adresse {
 white-space: normal;
 /*background-color: #FF9501;*/
}

ul.gb {
 margin: 0;
 /*border-top: 2px solid #5987E5;*/
 /*border-bottom: 2px solid #5987E5;*/
 /*background-color: #FF9501;*/
 text-transform: none
 padding: 1px 0 0 0;
}

ul.gb li {
 /*background-color: #FF9501;*/
 margin: 0;
 border-bottom: 1px solid #FFF;
 text-transform: none
 padding: 0;
 list-style: none;
}
ul.gb li.name{
 list-style-image: url('gb_person.gif');
}
ul.gb li.email{
 list-style-image: url('gb_email.gif');
}
ul.gb li.home{
 list-style-image: url('gb_home.gif');
}

/* seitenbereiche ------------------- */
#left-col div {
 margin: 0 0 20px 0;
 padding: 16px 0 30px 0;
 background-color: #F2F2F2;
}

#uhyst #left-col div{
 border: 1px solid #99ccff;
}

#burkau #left-col div{
 border: 1px solid #99cc99;
}

#pohla #left-col div{
 border: 1px solid #e15151;
}

#admin #left-col div{
 border: 1px solid #FFCC66;
}

#right-col div {
 border: 1px solid #F2F2F2;
 border-width: 1px 0 30px 0;
 background-color: #F2F2F2;
 }

#left-col h5,
#right-col h5 {
 margin: 0;
 border: 1px solid #FFF;
 border-width: 1px 0;
 padding: 1px 0 1px 20px;
 color: #FFF;
 background-color: #FF8000;
 text-transform: uppercase;
 font-weight: normal;
 line-height: 16px;
 }

#right-col h5 {
 margin-top: 16px;
 }

#right-col ul {
 margin: 0;
 border-bottom: 1px solid #FFF;
 padding: 0;
 list-style-type: none;
 }

#right-col dl {
 margin: 0;
 border-bottom: 1px solid #FFF;
 padding: 0;
 }

#left-col p,
#right-col div dt,
#right-col div dd {
 margin: 0;
 padding: 2px 10px 1px 20px;
 }

#right-col div dt {
 font-weight: bold;
 }

#left-col img {
 display: block;
 margin: 0 auto 10px auto;
 }

#left-col .link,
#right-col .link {
 padding: 2px 0 0 0;
 }

#left-col p.link,
#right-col p.link {
 border-bottom: 1px solid #FFF;
 }

#left-col a,
#right-col a {
 color: #000;
 }

#right-col ul a,
#left-col .link a,
#right-col .link a {
 /*background: url(../img/bas/bullet.gif) no-repeat 18px 8px;*/
 padding: 2px 5px 2px 20px;
 display: block;
 }

#right-col ul a:hover,
#left-col .link a:hover,
#right-col .link a:hover {
 background-color: #D9D9D9;
 }

/* skip navigation ------------------ */

.skip {
 position: absolute;
 left: -1000px;
 width: 990px;
 font-size: 1px;
 line-height: 1px;
 }

/* dialogbereich -------------------- */

div#kontaktteaser img {
 margin: 5px auto;
 }

/* style switcher ------------------- */

dl#switcher {
 height: 16px;
 margin: -20px 0 3px 600px;
 border: 0 none;
 padding: 0;
 }

dl#switcher dt,
dl#switcher dd {
 display: inline;
 text-transform: uppercase;
 }

dl#switcher dd {
 margin: 0 0 0 2px;
 }

dl#switcher a {
 padding: 2px;
 text-decoration: none;
 line-height: 15px;
 }

dl#switcher a:hover {
 color: #FFF;
 background-color: #FF9501;
 }

/* download ---------------------------- */

.download{
 margin: 0;
 text-align: right;
 }

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

.download p a{
 text-decoration: none;
 line-height: 10px;
 display: inline;
}

/* links ---------------------------- */

#links ul {
 margin: 0;
 border-bottom: 1px solid #FFF;
 padding: 0;
 list-style-type: none;
 }

/* inhaltsbereich ------------------- */

#content {
 padding: 0 0 0 30px;
 text-align: left;
 }

/* ueberschriften ------------------- */

h2, h3 {
 clear: both;
 }

h2 {
 margin: 0 0 1em 0;
 padding: 0;
 }

h3 {
 margin: 1em 0 0.8em 0;
 padding: 0;
 }

#content h5,
#content h6 {
 color: #666;
 }

#content h4,
#content h5 {
 margin: 1.2em 0 -0.8em 0;
 padding: 0;
 }

#content p {
 margin: 0.8em 0;
 padding: 0;
 }

/* image replacement ---------------- */

h1 {
 width: 806px;
 height: 185px;
 position: relative;
 margin: 0px;
 padding: 0px;
 /* hide overflow: hidden from IE5/Mac */
 /* \*/
 overflow: hidden;
 /* */
 }

h1 span{
 width: 806px;
 height: 205px;
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 3; /*for Opera 5 and 6*/
 }

/* listen --------------------------- */

#content ul {
 margin: 0 0 0 15px;
 padding: 0;
 list-style-type: disc;
 }

#content ol {
 margin: 0 0 0 20px;
 padding: 0;
 }

#content li {
 margin: 0 0 1px 0;
 padding: 0;
 }

/* linklisten ----------------------- */

#content ul.links {
 margin: 0 0 10px 0;
 padding: 0;
 list-style-type: none;
 }

#content ul.links li {
 margin-bottom: 3px;
 }

/* tabellen ------------------------- */

* html #content table {
 width: 90%;
 w\idth: 100%;
 }

#content table {
 width: 100%;
 border-spacing: 0px;
 border: 1px solid #99ccff;
 background-color: #f9f9f9;
 }

#uhyst #content table{
 border: 1px solid #99ccff;
}
#burkau #content table{
 border: 1px solid #99cc99;
}
#pohla #content table{
 border: 1px solid #e15151;
}
#admin #content table{
 border: 1px solid #FFCC66;
}

#content th,
#content td {
 border: 1px solid #FFF;
 vertical-align: top;
 white-space: nowrap;
}

#content caption,
#content th,
#content td {
 padding: 3px 10px 2px 10px;
 }

#content thead {
 margin: 0 3px;
 background-color: #FF9501;
 text-align: left;
 font-weight: bold;
 }

#content th {
 text-align: left;
 }

#content td,
#content tbody th{
 background-color: #F2F2F2;
 border-bottom: 1px solid #D9D9D9;
 }

#content th.monat {
 color: #000000;
 font-weight: bold;
}

#content td.num,
#content th.num {
 text-align: right;
}

#content td.inhalt,
#gaestebuch td.inhalt {
 white-space: normal;
 background-color: #F2F2F2;
}

/* formulare ------------------------ */

#content form {
 background-color: #F2F2F2;
 padding: 5px 10px;
 margin: 0 10px 10px 0;
 }

* html #content form{
 margin-top: 10px;
}

#admin form {
 margin: 0 0px 0 0;
}

* html #admin form {
 margin-right: 3px;
}

#content form fieldset {
 margin-bottom: 10px;
 border: 0 none;
 border-bottom: 1px solid #999;
 padding: 0;
 }

#content form fieldset fieldset {
 margin: 0;
 border: 0 none;
 padding: 0;
 }

#content form fieldset.left {
 float: left;
 width: 240px;
 }

#content form fieldset.right {
 float: right;
 width: 240px;
 }

#content form label {
 margin-bottom: 10px;
 }

#content form label,
#content form input,
#content form select {
 display: block;
 }

#content form input,
#content form select {
 width: 240px;
 }

#content form label.check {
 margin-bottom: 5px;
 padding: 2px 0 0 20px;
 }

#content form input.check {
 float: left;
 width: auto;
 }

#content form input.small,
#content form select.small {
 width: auto;
 }

/* bilder --------------------------- */

#uhyst img{
 border: 1px solid #99ccff;
}
#burkau img{
 border: 1px solid #99cc99;
}
#pohla img{
 border: 1px solid #e15151;
}
#admin img{
 border: 1px solid #FFCC66;
}

#content p.float-left {
 clear: both;
 float: left;
 margin: 0.4em 10px 10px 0;
 }

#content p.float-right {
 clear: both;
 float: right;
 margin: 0.4em 0 10px 10px;
 }

#content p span.legend {
 margin-top: 1px;
 padding-top: 2px;
 margin-right: -0.01em;
 display: block;
 font-weight: bold;
}

/* 2spaltiger bereich --------------- */

#content div.two-cols {
 float: left;
 width: 571px;
 margin: 0 0 10px 0;
 padding: 10px 10px 10px 10px;
 background-color: #f9f9f9;
}

#uhyst #content div.two-cols {
 border: 1px solid #99ccff;
}
#burkau #content div.two-cols {
 border: 1px solid #99cc99;
}

#pohla #content div.two-cols {
 border: 1px solid #e15151;
}

#admin #content div.two-cols {
 border: 1px solid #FFCC66;
}

#content div.two-cols div {
 clear: none;
 width: 260px;
 margin: 0;
 padding: 0;
 }

#content div.two-cols div.left {
 float: left;
 }

#content div.two-cols div.right {
 float: right;
 }

/* footer --------------------------- */

#content #footer {
 margin: 0 0 20px 0;
 padding: 0;
 text-align: right;
 clear: both;
 }

/* startseite ----------------------- */

#home #content h3,
#home #content ul p {
 margin: 0;
 }

#home #content h4{
 color: #999;
 }

#home #content ul,
#home div#teaser {
 margin: 0 0 20px 0;
 }

#home #content ul {
 margin-left: 16px;
 padding: 0;
 }

#home #content li {
 margin-bottom: 5px;
 }
/*
#home #content p.date span {
 text-transform: uppercase;
 }

#home #content div#teaser{
 width: 550px;
 float: left;
 background-color: #F2F2F2;
 }

#home #content div#teaser div {
 width: 297px;
 float: right;
 }

#home #content div#teaser h3,
#home #content div#teaser h4,
#home #content div#teaser p {
 margin: 0 10px 0 20px;
 }

#home #content div#teaser h3 {
 margin-top: 10px;
 }

  /**
  * Gemeindebrief
  */
dl.gemeindebrief{
background: #fff;
margin: 2em 0 0 6em;
padding: 0;
}

dl.gemeindebrief dt{
background: #fff;
margin: 0 0 1em 0;
padding: 0;
width: 23.8em;
float: left;
height: 1.5em;
}
dl.gemeindebrief dd{
background: #fff;
margin: 0 0 1em 0;
padding: 0;
height: 1.7em;
float: left;
width: 7em;
text-align: right;
}

hr{
clear: both;
}

dl.gemeindebrief dt a{
padding-left: 2em;
padding-right: 0.2em;
background: transparent url('http://www.tu-chemnitz.de/phil/europastudien/swandel/erinnerung/gfx/pdf_icon.gif') no-repeat 0 0;
}
dl.gemeindebrief dd.delete{
margin: 0 0 1em 0.2em;
background: #fff;
width: 4.5em;
}

/* CSS-Email Security Hack */
.email>ins:before, .email_only>ins:before {content: "@"; text-decoration: none}
.email del, .email_only del {text-decoration: none}
.email>del, .email_only>del {display: none}
*:first-child+html .email>del, *:first-child+html .email_only>del {display:inline}  /* Workaround fuer IE 7 */