@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;
}

.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: #6f767f;
}

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

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

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

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

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

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

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


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

a:link {
	color: #1777b1;
}

a:visited {
	color: #909090;
}

a:hover {
	color: #019cfc;
}

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: #1777b1;
  text-decoration: none; 
}

#shortcuts a:hover{
	color: #019cfc;
}

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

#breadcrumb ul {
  list-style: none;
}

#breadcrumb li {
  display: inline;
}

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

/* Breadcrumb Link */

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


#breadcrumb a:hover {
	color: #019cfc;
}

#breadcrumb .activeItem {
	color: #db6d00;
}


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

/* Footer Link */

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

#footer a:hover {
	color: #019cfc;
}


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

.searchBar {
  white-space: nowrap;
}

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

.searchBar .searchInput {
	border: 1px inset #c0bebe; 
  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;
}
/* General
===============================*/

body {
	background: #ffffff url(_pics/body_background.jpg) top left repeat-x;
}


/* 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 #e7e6e6;
}


/* Main Navigation
===============================*/

#navigationDiv {
	background-color: #d0dfeb;
	border-bottom: 1px solid #10537c;
  padding: 3px 5px;
}

#mainNav {
	font-size: 93%;
}

#mainNav ul, #subNav ul {
	list-style: none;
}

#mainNav li {
  display: inline;
  padding-right: 10px;
}

#subNav li, #subSubNav li  {
  background-color: #f1efef;
  border-bottom: 1px solid #e6e6e6; 
  display: block;
  padding: 1px 0;
}

#subNav li {
  padding-left: 4px;
}

#subSubNav li {
  padding-left: 14px;
}

/* Navigation Link */

#mainNav a, #subNav a, #subSubNav a {
  color: #1777b1;
	text-decoration: none;
}

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

#mainNav li .activeItem, #subNav li .activeItem {
	color: #db6d00;
}

#mainNav li .activeNavPathItem {
	color: #db6d00;
}


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

div[id*="Content"] > H1:first-child,
div[id*="Content"] > a:first-child + * {
  margin-top: 0px;
}

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

.divContainer{
	background-color: #ffffff;
	border-bottom: 1px solid #e5e7e8;
	float: left;
	padding: 4px 5px 4px 3px;
	width: 742px;
}	


#header {
	background-color: #ffffff;
	border-bottom: 1px solid #10537c;
	width: 750px;
}


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

#siteId {
	background: #ffffff url(_pics/siteId_background.jpg) bottom no-repeat;
	border-bottom: 1px solid #10537c;
	width: 750px;
}


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

#search {
  float: right;
	margin-top: -4px;
}

#search .searchInput {
  border-style: solid;
  width: 115px;
}


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

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

#shortcuts li {
	padding: 0 1px 0 7px;
}


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

#breadcrumb {
	background-color: #ffffff;
	clear: both;
	padding: 4px 3px;
}


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

#footer {
	background-color: #ffffff;
	clear: both;
	color: #000000;
	padding: 10px;
}


/* Miscellaneous
===============================*/

.transition {
	background: url(_pics/transition_background.png);
	height: 35px;
}


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

* html #footer {
  height: 10px; 
}
#siteContainer{
	background: #ffffff url(_pics/bg_full_sc.gif) top left repeat-y;
	margin: 0 auto;
	width: 750px;
	text-align: left;
}

#centerContent, #leftContent, #rightContent {
	float: left;
	padding: 0 10px 5px;
}

#centerContent {
	width: 400px;
}

#subNav, #subNavContainer, #leftContent, #rightContent {
  width: 145px;
}

#subNav {
	background: url(_pics/subNavigation_box_top.gif) top left no-repeat;
	padding-top: 10px;
}

#subNavContainer {
	background: url(_pics/subNavigation_box_bottom.gif) bottom left no-repeat;
	margin-bottom: 20px;
	padding: 1px 0 9px 0;
}

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

.validation-advice {
  background-color: #CC2F33;
  color: #FFFFFF;
  font-size: 85%;
  font-weight: bold;
  padding: 2px 8px;
  z-index: 1;
  position: absolute;
  right: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}

*+html .validation-advice {
  margin-top: -1px;
  right: 5px;
}

* html .validation-advice {
  margin-top: -1px;
  right: 4px;
  position: relative;
  float: right;
  width: 75%;
}

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

.formParagraph {
  overflow: hidden;
}

.abstractForm {
	position: static;
	float: left;
  text-align: left;
  width: 100%;
}

.sideColumn .abstractForm {
	width: 100%;
}

.singleColumn, .doubleColumn {
	position: relative;
	clear: both;
}

#centerContent .abstractForm .element, 
.sideColumn .abstractForm .element {
  width: auto;
  padding-bottom: 0 ;
}

#centerContent .abstractForm .captchaAdvice,
.sideColumn .abstractForm .captchaAdvice {
	clear: none; 
}

.sideColumn .abstractForm  input[type="text"], 
.sideColumn .abstractForm  input[type="password"], 
.sideColumn .abstractForm  input[type="file"], 
.sideColumn .abstractForm  textarea, 
.sideColumn .abstractForm  select {
    width: 100%;
}



/* Table */
.abstractForm table {
}


/* Form element */ 

.abstractForm .doubleColumn .element {
  padding-left: 24%;
}


/* Form label */ 
.abstractForm label {
}

.abstractForm .doubleColumn label {
  float: left;
  text-align: right;
  width: 22%;
}

.doubleColumn, .singleColumn {
	margin-bottom: 0.7em;
}

.captchaRenew {
	clear: left;
}

.elementStyle {
  overflow: hidden;
  border: 1px solid #c0bebe;
  background-color: white;
}

.elementStyleTransparent {
	overflow: hidden;
  border: 1px solid transparent;
}

.maxLengthInfo_ta, .maxLengthInfo_txt {
	border-left: 1px solid #c0bebe;
	border-right: 1px solid #c0bebe;
	border-bottom: 1px solid #c0bebe;
	border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 1px 6px;
	float: right;
	margin-bottom: 0.7em;
	font-size: 75%;
	text-align: right;
}

.maxLengthInfo_warn {
	color: #CC2F33;
}

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

textarea {
	resize: vertical;
}

/* File Upload */
input[type="file"] {
  font-size: 100%;
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 110%;
  width: 100%;  
}

.sideColumn input[type="text"],
.sideColumn input[type="password"],
.sideColumn input[type="file"],
.sideColumn textarea,
.sideColumn select {
  font-size: 100%;
}

/* Submit & Reset */
input[type="submit"], input[type="reset"] {
	border: 1px outset #c0bebe;
	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: 1em;
}

.captchaImg {
	float: none;
}

.element a {
  vertical-align: top; 
}


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

/* Input, Textarea & Select */
*+html .abstractForm input[type="text"],
*+html .abstractForm input[type="password"],
*+html .abstractForm input[type="file"],
*+html .abstractForm textarea, 
*+html .abstractForm select {
  display: block; 
}

/* Input, Textarea & Select */
* html .abstractForm input, 
* html .abstractForm textarea, 
* html .abstractForm select {
  border: 0px none transparent;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 110%;
  display: block; 
  width: 100%; 
}

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

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

/* IE 6 Argon, Silicon und Designer-Designs 
==============================================*/

* html .formParagraph {
  overflow: visible;
  width: 99%;
}

* html .abstractForm .doubleColumn .element {
  padding-left: 24%;
  clear: both;
  width: auto;
}

* html .abstractForm .doubleColumn label {
  padding: 0;
  margin: 0 0 -4.1em 0;
  text-align: right;
  width: 22%;
}

* html .maxLengthInfo_ta, 
* html .maxLengthInfo_txt {
  display: none;
}

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

.guestbookParagraph {
	overflow: hidden;
}

.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: #ffffff;
}

/* 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 #c0bebe;
  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: #8b8b8b;
}

.sideColumn .pollQuestion {
  font-size: 100%;
}

.pollText {
  color: #8b8b8b;
  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;
  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;
}