@charset "utf-8";



/* General

===============================*/



* {

  margin: 0;

}



ul, ol {

  padding: 0;

}



body {

  background-color: #c8d3dd;

  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;

}



.sideColumn {

  font-size: 85%;

}



.paragraphBase {

  margin-bottom: 1.5em;

  width: 98%;

}





/* Typography

==============================*/



h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

  margin-top: 0.35em;

  margin-bottom: 0.2em;

}



h1 {

	font-size: 180%;

	color: #305168;

}



h2 {

	font-size: 160%;

	color: #647888;

}



h3 {

	font-size: 140%;

	color: #647888;

}



h4 {

	font-size: 120%;

	color: #647888;

}



h5 {

	font-size: 100%;

	color: #647888;

	font-weight: bold;

}



h6 {

	font-size: 100%;

	font-style: italic;

	color: #647888;

}



#shortcuts, #breadcrumb, #footer {

  font-size: 85%;

}



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





/* Link

===============================*/



a:link {

	color: #004a82;

}



a:visited {

	color: #8d8d8d;

}



a:hover {

	color: #21a8fc;

}



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: #004a82;

  text-decoration: none; 

}



#shortcuts a:hover{

	color: #21a8fc;

}



/* Breadcrumb

===============================*/



#breadcrumb ul {

  list-style: none;

}



#breadcrumb li {

  display: inline;

}



#breadcrumb #label, .breadcrumbLabel {

	color: #000000;

}



/* Breadcrumb Link */



#breadcrumb a {

  color: #004a82;

  text-decoration: none; 

}





#breadcrumb a:hover {

	color: #21a8fc;

}



#breadcrumb .activeItem {

	color: #d27804;

}





/* Footer

===============================*/



/* Footer Link */



#footer a {

	color: #004a82;

	text-decoration: none;

}



#footer a:hover {

	color: #21a8fc;

}





/* 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;

}



* html #centerContent, * html #leftContent, * html #rightContent, * html #lcWrapper {

  overflow: auto;

}



/* Typography

==============================*/



h1, h2, h3, h4, h5, h6{

  letter-spacing: 10px;

}

 

#leftContent h1, #rightContent h1,

#leftContent h2, #rightContent h2,

#leftContent h3, #rightContent h3,

#leftContent h4, #rightContent h4,

#leftContent h5, #rightContent h5,

#leftContent h6, #rightContent h6 {

  letter-spacing: 1px;

}



/* Main Navigation

==============================*/



#mainNav {

  font-size: 93%;

}



#mainNav ul{

	list-style-type: none;

}



#mainNav li {

	background-color: #efefef;

	border-bottom: 3px solid #ffffff;

}



#subNav li {

	background-color: #dfdfdf; 

}



#subSubNav li {

	background-color: #d0d0d0;

}



/* Naviation Link */



#mainNav a {

  color: #004a82;

  display: block;

	padding: 6px 28px 4px 10px;

  text-decoration: none;

    width: 128px;

    margin-right: 1px;

    margin-top: 0;

    margin-bottom: 0;

}



#subNav a { 

  padding: 6px 26px 4px 22px;

}



#subSubNav a {

  padding: 6px 26px 4px 32px;

}



#mainNav a:hover {

	color: #21a8fc;

}



#mainNav .activeItem {

  color: #d27804;

}



#mainNav .activeListItem {

	background-color: #dfe9f2;

	border-bottom: 3px solid #ffffff;

}





/* General Layout Values

===============================*/



.dataContainer > a:first-child + div { 

  margin-top: 10px;

} 



.contentDiv, .shadow {

  -moz-border-radius: 0.5em 0.5em;

}



.contentDiv {

  background-color: #f2f2f2;

  border: solid #ffffff;

  position: relative;

  top: 0px;

	left: 0px;

}



.shadow {

  background-color: #999999;

  margin-bottom: 139px;

}



#headerContainer {

  margin: 7px 10px;

}



.dataContainer, 

.breadcrumbContainer {

  margin: 10px;

}





/* Content

===============================*/



#centerData {

  border-width: 8px;

}





/* Logo

===============================*/



#siteId {

	padding-bottom: 5px; 

}



/* Search

===============================*/



#search {

  margin: -38px 0 0 1px;

  position: absolute;

}



#search .searchInput {

	width: 141px; 

}





/* Header

===============================*/



#headeroverlay {

  background: transparent url(_pics/headeroverlay.png) repeat scroll 0 0;

  border-top: 6px solid #ffffff;  

  position: relative;

  top: -110px;

  margin-bottom: -96px;

  height: 72px;

    left: 507px;

    width: 28px;

}



/* Shortcuts

===============================*/



#shortcuts {

	text-align: right;

}



#shortcuts .separator {

  color: #ffffff;

}





/* Breadcrumb

===============================*/



#breadcrumb {

  text-align: left;

}



#breadcrumb .separator {

  color: #000000;

}





/* Footer

===============================*/



#footer {

  clear: none;

  color: #000000;

  text-align: center;

}





/* Miscellaneous

===============================*/



#filler {

  clear: both;

  padding-bottom: 10px;
    height: 10px;
    text-align: center;
}



/* Paragraph */



.pollQuestion {

  letter-spacing: 2px;

}



.teaserTable h5 {

  letter-spacing: 3px;

}



#leftContent .teaserTable h5, #rightShadow .teaserTable h5{

  letter-spacing: 1px;

}



/* IE6 Hacks

===============================*/



* html #centerData {

  width: 530px; 

}



* html #siteId {

	padding-bottom: 0; 

}



* html #leftShadow, * html #rightShadow, * html #centerShadow {

  background-color: transparent;

}



* html .contentDiv {

  position: static; 

  overflow: visible !important; 

}



* html #centerData, * html #leftData, * html #rightData {

  overflow: auto !important;  

}



* html #search {

  margin: -38px 0 0 5px;

  position: absolute;

}



* html .searchInput {

  width: 140px; 

}

#siteContainer {

  margin: 20px auto;

  width: 958px;

    height: 511px;

}



/* Shadow */



* html #centerShadow {  

  margin-left: 203px;

  margin-right: 203px;

}



#centerShadow {

  margin-left: 206px;

  margin-right: 206px;

    height: 449px;

}  

  

* html #leftShadow, * html #rightShadow {  

  margin-top: 213px;

}



#leftShadow, #rightShadow {

  margin-top: 213px;

}



#leftShadow {

  float: left;

    height: 209px;

    width: 187px;

}



#rightShadow {

  float: right;

}



#rightData, #leftData {

  border-width: 6px;

  width: 170px;

}



* html #siteId, #footer {  

  margin-left: 206px;

  margin-right: 206px; /* IE6 - center align without shadow */

}



#siteId, #footer {

  margin-left: 201px;		 

  margin-right: 201px;

}



[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;

}



.sideColumn .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%;

}



.sideColumn input[type="text"],

.sideColumn input[type="password"],

.sideColumn textarea,

.sideColumn select {

  font-size: 100%;

  width: 96%;

}





/* Select */

select {

  width: 90.5%;

}



.sideColumn 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;  

}



.formTickBox {

  vertical-align: middle;

}



/* 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 .sideColumn .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; 

}



/* Guestbook

==================================== */



.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%;

}



.sideColumn .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 img {

  background-color: #C8D3DD;

}



/* Image Gallery

===================================================*/



.galleryParagraph {

  overflow: hidden;

}



.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;

}



/* Page Contents

==================================== */



.pagecontentsParagraph ul {

  list-style-type: none;

}



/* Poll

===================================================*/



.pollResultDiv {

  padding-top: 6px;

}



.textDiv {

  margin-bottom: 5px;

}



.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;

}



.sideColumn .pollTable td, .sideColumn .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: #647888;

}



.sideColumn .pollQuestion {

  font-size: 100%;

}



.pollText {

  color: #647888;

  float: right;

}



.sideColumn .pollText {

  float: left;

}



.pollErrorText {

  color: #CA3060;

}



.pollParagraph a, .pollText, .pollErrorText, .pollDate {

  font-size: 85%;

}



.pollButton { 

  margin: 6px 0;

}



/* Teaser

===================================================*/



.teaserParagraph td {

  background: transparent none no-repeat scroll 0 0;

  height: 35px;

  vertical-align: top;

}



.teaserParagraph .headline {

  font-weight: bold;

  text-decoration: none;

}



.teaserDate {

  font-style: italic;

  font-weight: normal;

}



.teaserRSSImage {

  vertical-align: baseline;

  border: none;

}



/* Text

===================================================*/



.textParagraphContainer {

  padding-top: 1px;

}



.sidepic {

  float: right;

  font-size: 10px;

  padding: 4px 0 17px 17px;

  width: 180px;

}



/* Table */

.textParagraph table {

  margin: 5px 0;

}



.sideColumn .textParagraph table, .sideColumn .textParagraph table{

	margin: 3px 0;

}



/* Unsorted List */

.textParagraph ul{

	list-style: square;

	padding-left: 1.9em;

}

 



/* Ordered List */

.textParagraph ol {

  list-style: decimal;

  padding-left: 2.9em;

}





/* List Item */

.textParagraph li {

  padding: 0.2em 0;

}



/* 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;

}