@charset "utf-8";

/* General
===============================*/

* {
  margin: 0;
}

ul, ol {
  padding: 0;
}

body {
  background-color: #ffffff;
  color: #4c4c4c;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  line-height: 1.5;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

#rightContent, #leftContent {
  font-size: 85%;
}

.paragraphBase {
  margin-bottom: 1.5em;
}


/* Typography
==============================*/

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-top: 0.35em;
  margin-bottom: 0.2em;
}

h1 {
	font-size: 180%;
	color: #000000;
}

h2 {
	font-size: 160%;
	color: #646464;
}

h3 {
	font-size: 140%;
	color: #646464;
}

h4 {
	font-size: 120%;
	color: #646464;
}

h5 {
	font-size: 100%;
	color: #646464;
	font-weight: bold;
}

h6 {
	font-size: 100%;
	font-style: italic;
	color: #646464;
}

#shortcuts, #breadcrumb, #footer {
  font-size: 85%;
}

.ffhyphen:after { content:"\200B"; }


/* Link
===============================*/

a:link {
	color: #696969;
}

a:visited {
	color: #8d8d8d;
}

a:hover {
	color: #a3a3a3;
}

a:active {
}

.imageLink:hover, .imageLink:active {  
  background-color: transparent;
}

/* Shortcuts
===============================*/

#shortcuts ul {
  list-style: none;
}

#shortcuts li {
  display: inline;
  padding: 0 3px;
}

/* Shortcuts Link */

#shortcuts a {
	color: #696969;
  text-decoration: none; 
}

#shortcuts a:hover{
	color: #a3a3a3;
}

/* Breadcrumb
===============================*/

#breadcrumb ul {
  list-style: none;
}

#breadcrumb li {
  display: inline;
}

#breadcrumb #label, .breadcrumbLabel {
	color: #000000;
}

/* Breadcrumb Link */

#breadcrumb a {
  color: #696969;
  text-decoration: none; 
}


#breadcrumb a:hover {
	color: #a3a3a3;
}

#breadcrumb .activeItem {
	color: #000000;
}


/* Footer
===============================*/

/* Footer Link */

#footer a {
	color: #696969;
	text-decoration: none;
}

#footer a:hover {
	color: #a3a3a3;
}


/* Search
===============================*/

.searchBar {
  white-space: nowrap;
}

.searchBar input {
	vertical-align: middle;
	padding: 0;
}

.searchBar .searchInput {
	border: 1px inset #999999; 
  font-size: inherit; 
	width: 130px; 
}

.searchBar .searchButton {
  margin-top: -1px;
  height: 26px; 
  width: 26px;
}


/* Language 
===============================*/

#languageSelector{
	font-size: 85%;
	width: 180px;
	float: left;
}


/* IE Hacks
===============================*/

* html #header img, * html #siteId img {
  vertical-align: bottom;
}

*+html #header img, *+html #siteId img {
  vertical-align: bottom;
}
/* Typography
==============================*/

#leftContent h1, #rightContent h1,
#leftContent h2, #rightContent h2,
#leftContent h3, #rightContent h3, 
#leftContent h4, #rightContent h4, 
#leftContent h5, #rightContent h5, 
#leftContent h6, #rightContent h6 {
	border-bottom: 1px solid #8d8d8d;
}


/* Navgation
==============================*/

#mainNav {
  margin: 14px 0;
}

#subNav {
  font-size: 85%; 
}

#mainNav ul {
	list-style: none;
}

#mainNav li {
	padding: 2px 0;
}

/* Navigation Links */

#mainNav a { 
  color: #696969;
  display: block;
  padding: 2px 0 1px 5px;
  text-decoration: none;
}

#subNav a {
  padding: 0 0 0 17px;
}

#subSubNav a {
  padding: 0 0 0 25px;
}

#mainNav a:hover, #subNav a:hover, #subSubNav a:hover {
  color: #a3a3a3;
}

#mainNav .activeItem {
	color: #000000;
}


/* General Layout Values
===============================*/

#rightContentBorder > H1:first-child,
#rightContentBorder > a:first-child + * {
  margin-top: 14px;
}


/* Content
===============================*/

#siteContainer, .divContainer, .headerNavigatiaton {
  margin: 0 auto;
  width: 960px;
}

#siteContainer {
  text-align: left;
}

#header {
  background-color: #f7f7f7;
  border: solid 1px #919191;
  margin-bottom: 14px;
  padding: 5px;
}

.headerNavigatiaton {
  padding-top: 14px;
}

.divContainer {
	border-bottom: 1px solid #919191;
}

#lcWrapper {
  background-color: #f7f7f7;
  border: 1px solid #919191;
  width: 161px;
}

#lcPadder, #watermark {
  padding: 14px 0;
}

#lcPadder {
  float: left; 
  width: 153px; 
}

#watermark {
  float: right;
  width: 797px;
}

/* Search
==============================*/

#search {
  padding-left: 10px;
  margin-top: 14px;
}

#search .searchInput {
  width: 111px; 
}


/* Language
==============================*/

#languageSelector {
  float: left;
  width: 180px;
}


/* Shortcuts
==============================*/

#shortcuts {
  float: right;
  text-align: right;
}

#shortcuts li {
	padding-left: 7px;
}


/* Breadcrumb
==============================*/

#breadcrumb {
  text-align: left;
}


/* Logo
==============================*/

#siteId {
  width: 960px;
  text-align: left;
}


/* Footer
==============================*/

#footer {
  border-top: 1px solid #919191;
  clear: both;
  color: #000000;
  height: 19px;
  padding: 5px 0 3px 0;
}


/* IE6 Hacks
===============================*/

* html body {
  text-align: center; /* IE 5 Win Hack, um die Seite zu zentrieren */
}

* html .divContainer {
  height: 7px; /* Hack IE 5.5 - 6.x  win zur Einhaltung einer Mindesthöhe */
} 

html + body .divContainer {
  height: 7px; /* Hack IE 5.0 win zur Einhaltung einer Mindesthöhe */
}

* html #rightContentBorder {
  padding-top: 14px;
}
#centerContent {
  float: left;
  padding: 0 0 5px 15px;
  width: 781px;
}

#imageFitter {
  overflow: hidden;
  width: 769px;
}

[id] .abstractForm [class~="validation-failed"] {
  border: 1px solid #CC2F33;
}

.validation-advice {
  background-color: #CC2F33;
  color: #FFFFFF;
  font-size: 85%;
  font-weight: bold;
  margin: 5px 0 0 0;
  padding: 2px 5px;
  width: 86%;
}

/* Abstractform (Form & Guestbook) 
==================================== */

.abstractForm {
  width: 100%;
  padding: 0;
}

#leftContent .abstractForm, #rightContent .abstractForm {
  margin-bottom: 10px;
}


/* Table */
.abstractForm table {
  text-align: left;
}


/* Tabledata */ 
.abstractForm .element {
  padding-bottom: 10px;
	width: 80%;
}

.abstractForm .labelField {
  padding-bottom: 10px;
}

.abstractForm .label {
  padding-right: 10px;
	width: 20%;
}

/* Input, Textarea & Select */
input[type="text"],
input[type="password"],
textarea, 
select {
  border: 1px inset #999999;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 110%;
  width: 90%;
}

#leftContent input[type="text"], #rightContent input[type="text"],
#leftContent input[type="password"], #rightContent input[type="password"],
#leftContent textarea, #rightContent textarea,
#leftContent select, #rightContent select {
  font-size: 100%;
  width: 96%;
}


/* Select */
select {
  width: 90.5%;
}

#leftContent select, #rightContent select {
  width: 97.5%;
}


/* Submit & Reset */
input[type="submit"], input[type="reset"] {
	border: 1px outset #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin-bottom: 4px;
  width: auto;  
}


/* Abstractform text */
.formAttachment, .captchaAdvice, .fileUploadAdvice, .emailAdvice, .errorText, .mandantoryFields {
  font-size: 85%;
}

.errorText {
  color: #CC2F33;
}

.mandantoryFields {
  margin-bottom: 10px;
}

.captchaImg {
  float: left;
  padding-right: 5px;
}

.captchaAdvice {
  clear: both;
}

/* Specials for IE
==================================== */

/* Input, Textarea & Select */
* html .abstractForm input, 
* html .abstractForm textarea, 
* html .abstractForm select {
  border: 1px inset #999999;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
	width: 90%; 	
}

/* Input Checkbox & Radiobutton  */
* html .abstractForm .formTickBox {
  border: none; 
  width: auto;
}


/* Select */
* html .abstractForm select {
	width: 92%; 
}

* html #leftContent .abstractForm select, * html #rightContent .abstractForm select {
	width: 95%; 
}


/* Input Button */
* html .abstractForm .formButton, * html .pollButton { 
	border: 1px outset #999999;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
  margin-bottom: 4px;
  width: auto; 
}


/* Form
==================================== */

.formParagraph{
	width: 98%;
}

/* Guestbook
==================================== */

.guestbookParagraph {
  width: 98%;
}

.guestbookParagraph hr {
  background: #fefefe;
  margin: 0;
}

/* Entries section */
div [id^="entries"] {
  margin-top: 5px;
  width: 100%;
}

.entriesHide {
  display: none;
}

.entriesCounter{
}

.entriesChronicLink{
  text-align: center;  
  margin: 6px 0 12px 0;
  white-space: nowrap;
}

/* all enrtries */
.guestbookEntries {
}

/* single entry */
.guestbookEntry{
  border-top: dotted gray 1px;
  margin-top: 6px; 
  padding: 5px;
	overflow: auto;
}


/* guestbook header */
.guestbookHeader{
  line-height: normal;
  border-bottom: dotted gray 1px;
  font-size: 85%;
  margin-bottom: 10px;
  padding-bottom: 2px;
}


/* guestbook body */
.guestbookBody{
  font-size: 100%;
}

.guestbookHeader .guestbookTime{
  float: right;
  margin-top: 6px;
	text-align: right;
	width: 30%;
}

#leftContent .guestbookHeader .guestbookTime, #rightContent .guestbookHeader .guestbookTime {
	width: 100%;
}

.guestbookHeader .guestbookUser{
	font-weight: bold;
}

.guestbookHeader .guestbookSymbols{
  white-space: nowrap;
}

.guestbookBody .guestbookTitle{
  font-weight: bold;
}

.guestbookHeader img{
  position: relative;
  top: 2px;
}

/* Disable link properties*/
.guestbookParagraph a img, .guestbookHeader .guestbookSymbols a, .guestbookHeader .guestbookSymbols img{
  background-color: transparent;
  border: none;
  text-decoration: none;
}


/* Specials for IE
==================================== */

* html .entries{
  width: 96%;
}
/* Hitcount
===================================================*/

.hitcountParagraph {
  width: 98%;
}

/* Image Gallery
===================================================*/

.galleryParagraph {	
  overflow: hidden;
  width: 98%;
}

.galleryParagraph ul {
  list-style-type: none;
  padding: 0;
}

.galleryParagraph li {
  display: inline;
  float: left;
}

.galleryParagraph li div {
  height: 111px;
  width: 109px;
  margin: 5px 10px 0 0;
  text-align: center;
}

.galleryParagraph img {
  border: 1px solid #999999;
  padding: 3px;
}

/* Image
==================================== */

.imageParagraph {
  text-align: center;
	margin-top: 1.25em;
	width: 98%;
}

.imageParagraph img {
  display: block;
  margin: 0 auto;
}

/* Pagecontents
===================================================*/

.pagecontentsParagraph{
	width: 98%;
}

/* Poll
===================================================*/

.pollParagraph {
 width: 98%;
}

.pollResultDiv {
  padding-top: 6px;
}

.textDiv{
  margin-bottom: 5px;
}

.pollParagraph form {
  margin: 0;
}


.pollTable{
  font-size: 100%;
  margin-top: 2px;
  width: auto;
}

.pollTable td {
  width: 100%; 
}

.pollTable .checkElements {
  padding-right: 6px;
  width: auto; 
}

.pollTable td, .checkElements {
  padding-top: 12px;
}

#leftContent .pollTable td, #rightContent .pollTable td, #leftContent .checkElements, #rightContent .checkElements{
  padding-top: 8px;
}

.pollTable .answerTableData {
  padding-right: 5px;
  width: 40%;
}

.pollTable .barTableData{
  white-space: nowrap;
  width: 20%; 
}

.pollTable .numberOfVotesTableData{
  text-align: right;
  width: 10%;
}

.pollTable .percentTableData{
  padding-left: 5px;
  text-align: right;
  width: 10%;
}

.pollTable .gapTableData{
  width: 3px;
}


.pollQuestion{
  font-size: 110%;
  font-weight: bold;
  color: #646464;
}

#leftContent .pollQuestion, #rightContent .pollQuestion{
  font-size: 100%;
}

.pollText {
  color: #646464;
  float: right;
}

#leftContent .pollText, #rightContent .pollText {
  float: left;
}

.pollErrorText{
  color: #CA3060;
}

.pollParagraph a, .pollText, .pollErrorText, .pollDate {
  font-size: 85%;
}


.pollButton { 
  margin: 6px 0;
}

/* Teaser
===================================================*/

.teaserParagraph{
	width: 98%;
}

/* Teaserlayout */
.teaserTable td {
  background: no-repeat;
  vertical-align: top;
}

/* Teasertext */
.teaserDate {
  font-style: italic;
  font-weight: normal;
}

.teaserRSSImage {
  vertical-align: baseline;
  border: none;
}

/* Text
===================================================*/

.textParagraph {
	width: 98%;
}

.textParagraphContainer {
  padding: 0;
}

.sidepic {
  float: right;
  font-size: 10px;
  padding: 4px 0 17px 17px;
  width: 180px;
}

/* Table */
.textParagraph table {
  margin: 5px 0;
}

#leftContent .textParagraph table, #rightContent .textParagraph table{
	margin: 3px 0;
}

/* Unsorted List */
.textParagraph ul{
	list-style: square;
	padding-left: 16px;
	overflow: hidden;
}
 

/* Ordered List */
.textParagraph ol {
  list-style: decimal;
  padding-left: 22px;
	overflow: hidden;
}


/* List Item */
.textParagraph li {
  padding: 2px 0;
}


/* IE 6 Hacks */
* html .textParagraph ul, * html .textParagraph ol {
  padding-left: 24px; 
  width: 61%;
}


/* Fontdefinitions */
.verdanaNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.verdanaBig {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 125%;
}

.verdanaBigger {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 150%;
}

.verdanaSmall {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
}

.verdanaSmaller {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
}

.courierNormal {
  font-family: Courier, monospace, "Courier New";
  font-size: 100%;
}

.courierBig {
  font-family: Courier, monospace, "Courier New";
  font-size: 125%;
}

.courierBigger {
  font-family: Courier, monospace, "Courier New";
  font-size: 150%;
}

.courierSmall {
  font-family: Courier, monospace, "Courier New";
  font-size: 90%;
}

.courierSmaller {
  font-family: Courier, monospace, "Courier New";
  font-size: 80%;
}

.georgiaNormal {
  font-family: Georgia, Times, serif, "Times New Roman";
  font-size: 100%;
}

.georgiaBig {
  font-family: Georgia, Times, serif, "Times New Roman";
  font-size: 125%;
}

.georgiaBigger {
  font-family: Georgia, Times, serif, "Times New Roman";
  font-size: 150%;
}

.georgiaSmall {
  font-family: Georgia, Times, serif, "Times New Roman";
  font-size: 90%;
}

.georgiaSmaller {
  font-family: Georgia, Times, serif, "Times New Roman";
  font-size: 80%;
}

/**
 Weitere Font-Defs die wir später zu Formatvorlagen um funktionieren.
 */

.normal {
	font-size: 100%;
}

.big {
  font-size: 125%;
}

.bigger {
  font-size: 150%;
}

.small {
  font-size: 90%;
}

.smaller {
  font-size: 80%;
}

/* Search
=================================*/

.searchParagraph {
	width: 98%;
}

.searchParagraph .searchInput {
  width: 92%;
}

.searchResult {
  margin-top: 7px;
  margin-bottom: 5px;
}

.searchForwardBackSequence {
  text-align: center;
}