/* Reset all elements */

* {padding:0;margin:0;border:0;}


/* Global Styles */

html { text-align: center;}

body {
  font-size: 100.01%;
  line-height: 135%;
  font-family: arial, sans-serif;
  color: #333;
  margin: 0;
  padding: 0;
  text-align: center;
}

h1 {
  color: #cc0303;
  font-size: 125%;
  margin-bottom: 8px;
}

h2 {
  font-size: 100%;
  margin-top: 6px;
}

h3 {
  font-size: 90%;
  color: #c90000;
  margin-top: 12px;
}

h4 {
  font-size: 80%;
  margin-top: 6px;
}

a,
a:visited {
  color: #163c56;
  font-weight: bold;
}

a:hover {
  color: #c90000;
}



/* 
 * Clearfix-Methode zum Clearen der Float-Umgebungen
 */

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix { display: block; }



/* Klasse zum fehlerfreien Darstellen von Inhalten */
.content {
  margin: 0;
  padding: 0;
}

/* Wrapper fuer den Kopfbereich */
#page-top-wrapper {
  width: 972px;
  margin: 0 auto;
  margin-top: 18px;
  text-align: left;
}

/* Bereich fuer Logo in Kopfbereich */
.logo {
  background: url(../layout/img/top_bg.gif) repeat-x bottom left;
  margin-bottom: 3px;
}

/* Klasse fuer die Meta-Navigation */
.meta-navi {
  margin-top: 32px;
  font-size: 80%;
  font-weight: bold;
  color: #c90000; 
  float: right;
}

.meta-navi ul li {
  float:left;
  list-style:none;
}
.meta-navi a,
.meta navi a:visited {
  color: #c90000;
  text-decoration: none;
}

.meta-navi a:hover {
  color: #163c56;
}

/* Der Kopfbereich */
#page-top {
  background: url(../layout/img/header_img.gif) no-repeat top left;
  height: 156px;
  margin: 0;
  padding: 0;
}

/* Styles fuer die breadcrumbs */
#breadcrumbs {
  color: #fff;
  font-size: 80%;
  margin: 127px 0 0 21px;
  float:left;
}

/* fuer die Dummy-Breadcrumbs */
#breadcrumbs span {
  font-weight: bold;
}

/* Wrapper fuer den Hauptbereich */
#page-main-wrapper {
  background: transparent url(../layout/img/content_bg.gif) repeat-y scroll center top;
  width: 972px;
  margin: 9px auto;
  font-size: 85%;
  text-align: left;
}

/* ID zum Steuern der Silhouettenanzeige */
.silhouette {
  background: transparent url(../layout/img/left_bg_startseite.gif) no-repeat bottom left;
  width: 972px;
}

/* Klasse fuer die rechte, untere Ecke 
.corner {
  background:transparent url(../layout/img/corner_br.gif) no-repeat bottom right;
  width: 972px;
border:1px solid green;
}
*/

/* Wrapper fuer die linke Marginalspalte */
#left-side-wrapper {
  background: url(../layout/img/corner_tl.gif) no-repeat top left;
  overflow:hidden;
  width: 228px;
  float: left;
}

/* Linke Marginalspalte */
#left-side {
  margin: 12px 12px 12px 21px;
  min-height: 500px;
  height:auto !important;  /* f�r moderne Browser */
  height:500px;  /*f�r den IE */
}

/* Styles fuer die Navigation */
#left-side ul { 
  margin: 30px 12px 0 0;
  list-style: none;
}

#left-side ul li {
  background: url(../layout/img/quadrat.gif) no-repeat left 2px;
}

#left-side ul li.level3 {
  margin-left:21px;
  font-size:90%;
}

#left-side ul li:hover,
#left-side ul li.active {
  background: url(../layout/img/pfeil.gif) no-repeat left 2px;
}

#left-side ul li.sub-active {
  background: url(../layout/img/sub_quadrat.gif) no-repeat left 2px;
}

#left-side ul li a {
  margin-left: 21px;
  text-decoration: none;
  color: #c90000;
  font-weight: bold;
  font-size: 115%; /* 115% */
}

#left-side ul li a:hover,
#left-side ul li a.active {
  color: #163c56;
}

#left-side ul li.active a {
  color: #163c56;
}

/* Styles fuer Submenuepunkte */
#left-side ul li ul {
  margin: 0 0 3px 21px;
}

#left-side ul li ul li {
  background: url(../layout/img/sub.gif) no-repeat 9px 6px;
}

#left-side ul li ul li:hover,
#left-side ul li ul li.sub-active {
  background: url(../layout/img/sub_active.gif) no-repeat 9px 6px;
}

/* Wrapper fuer den Contentbereich */
#page-content-wrapper {
  width: 540px;
  min-height: ;
  float: left;
}

/* Contentbereich */
#page-content {
  margin: 12px 21px;
}

/* Content-Listen */
#page-content ul {
  list-style-image: url(../layout/img/dash.gif);
}

#page-content ul li {
  margin-left: 30px;
}

/* Wrapper f�r die rechte Marginalspalte */
#right-side-wrapper {
  width: 204px;
  float:right;
}

/* Rechte Marginalspalte */
#right-side {
  margin: 30px 14px 30px 16px;
}

#right-side a {
  font-size: 80%;
}

/* Style f�r den Readon-Button */
#right-side a.readon {
  font-size: 95%;
  font-weight: bold;
  text-decoration: none;
}

#right-side p {
  font-size: 80%;
}

/* Zertifikat der Startseite */
.zertifikat-wrapper {
  margin-bottom: 42px;
}

.zertifikat {
  font-size: 70%;
  text-align: center;
}

.zertifikat img {
  margin: 12px 0;
}

/* Styles f�r Schriftgr��en�nderung und Druckansichten */
#service-menu-wrapper {
  margin-bottom: 30px;
}

.fontsize {
  font-size: 90%;
  margin-top:2px;
  padding-top:1px;
}

.fontsize span.print-button {
  float: left;
  padding:0px;
  margin:0px;
}

.fontsize a {
  margin: 0 0 0 5px;
  padding:0px;
}

.fontsize a img {
  margin:0px;
  padding:0px;
}

.fontsize p {
  width: 40%;
  margin: 3px 0 0 0;
  padding: 0 3px 0 0;
  float: left;
}

.floatleft {
  float: left;
}


/* Wrapper fuer den Fussbereich */
#page-footer-wrapper {
  background: url(../layout/img/footer_bg.gif) no-repeat top left;
  width: 972px;
  height: 42px;
  margin: 0 auto;
  border-top: 3px solid #c90000;
  font-size: 85%;
  text-align: left;
}

/* Fussbereich */
#page-foter {
  color: #fff;
}

#page-footer p {
  margin: 15px 0 0 282px;
  font-size: 75%;
  color: #fff;
}


/******************************
* Ext Filemanager
******************************/

.tx-airfilemanager-pi1 h2,
.z35-confirm {
	margin-bottom:10px;
}

.tx-airfilemanager-pi1 table {
  border:1px solid #e5e5e5;
  width:498px;
}

.tx-airfilemanager-pi1 th {
  background-color:#e5e5e5;
  text-align:center;
}

/* Tabellenverschiebung bei grossen Schriftgroessen verhindern */
.tx-airfilemanager-pi1 tr.z35-file td {
  font-size:12px;
}

.tx-airfilemanager-pi1  td {
  background-color:#f6f6f6;
  text-align:center;
  padding:0 4px;
}

.tx-airfilemanager-pi1 hr,
.tx-airfilemanager-pi1 p {
  margin-bottom:10px;
}

.tx-airfilemanager-pi1 strong {
  margin-right:8px;
}

.tx-airfilemanager-pi1 #upload-form .fields {
	margin-top:15px;
  padding-top:10px;
  border-top:1px solid #e5e5e5;
}

.tx-airfilemanager-pi1 #upload-form .fields.z35-first {
	border-top:none;
  background-color:#f8f8f8;
  padding:15px 15px 5px;
  border:1px solid #e5e5e5;
}

.tx-airfilemanager-pi1 #upload-form.z35-edit {
	background-color:#f8f8f8;
  padding:15px;
  border:1px solid #e5e5e5;
}

.tx-airfilemanager-pi1 #upload-form .fields .formrow,
.tx-airfilemanager-pi1 #upload-form .formrow {
	margin-bottom:15px;
}

.tx-airfilemanager-pi1 #upload-form .formrow .inputcol {
	font-style:italic;
}

.tx-airfilemanager-pi1 #upload-form .fields .formrow .inputcol textarea,
.tx-airfilemanager-pi1 #upload-form .formrow .inputcol input,
.tx-airfilemanager-pi1 #upload-form .formrow .inputcol textarea {
	border:1px solid #9a9a9a;
  width:51%;
}

.tx-airfilemanager-pi1 #upload-form .fields .formrow .inputcol select,
.tx-airfilemanager-pi1 #upload-form .formrow .inputcol select {
	border:1px solid #9a9a9a;
  padding:2px 8px;
  width:30%;
}

.tx-airfilemanager-pi1 #upload-form .formrow.z35-access table,
.tx-airfilemanager-pi1 #upload-form  table.z35-acl {
	width:51%;
}

.tx-airfilemanager-pi1 #upload-form  table.z35-acl {
	margin:15px 0px 10px;
}

.tx-airfilemanager-pi1 #upload-form .z35-access-wrapper {
	display:none;
  visibility:hidden;
  font-size:0%;
}

.tx-airfilemanager-pi1 #upload-form .fields .z35-hochladen {
  padding-top:15px;
  border-top:1px solid #e5e5e5;
}

.tx-airfilemanager-pi1 #upload-form .z35-expirydate {
	display:none;
  visibility:hidden;
  font-size:0%;
}

.z35-title .z35-icon {
	width:8%;
}

.z35-title .z35-file {
	width:15%;
}

.z35-title .z35-size {
	width:10%;
}

.z35-title .z35-modi {
	width:10%;
}

.z35-title .z35-desc {
	width:27%;
}

.z35-title .z35-date {
	width:15%;
}

.z35-title .z35-edit,
.z35-title .z35-link {
	width:8%;
}

tr.z35-file td.z35-file,
tr.z35-file td.z35-desc,
tr.z35-dir td.z35-file,
tr.z35-dir td.z35-desc {
	text-align:left;
}


/******************************
* Filelist/Filesearch
******************************/

.tx-airfefilelist-pi2 {
	margin:15px 0;
  border-bottom:1px solid #e5e5e5;
}

.tx-airfefilelist-pi2 .z35-searchform,
.tx-airfefilelist-pi2 .z35-filelist {
	margin:10px 0 20px;
}

.tx-airfefilelist-pi2 .z35-filelist {
	border:1px solid #e5e5e5;
  text-align:center;
}

.tx-airfefilelist-pi2 th {
  background-color:#e5e5e5;
  text-align:center;
}

.tx-airfefilelist-pi2 .z35-filelist td {
	background-color:#f6f6f6;
  padding:0 4px;
}

.tx-airfefilelist-pi2 .z35-filelist .z35-link a {
	color:#f6f6f6;
	padding:6px;
  font-size:1%;
  background:url(../layout/img/back.gif) no-repeat left top;
}

.tx-airfefilelist-pi2 .z35-new-search {
	margin-bottom:20px;
}


/******************************
* Loginform
******************************/


.tx-felogin-pi1 {
  margin-bottom:15px;
}

.tx-felogin-pi1 div {
  margin-bottom:10px;
}

.tx-felogin-pi1 h3 {
  font-size:125%;
  margin-bottom:10px;
}

.tx-felogin-pi1 fieldset legend {
  display:none;
  visibility:hidden;
  font-size:0%;
}



/******************************
* Admin-Panel
******************************/

.typo3-editPanel {
	margin:15px 0;
}

#page-content .typo3-editPanel td {
	background-color:#F6F6F6;
	padding:0 4px;
	text-align:center;
}

#page-content .typo3-editPanel {
	border:1px solid #e5e5e5;
}


/******************************
* Zu Testzwecken
******************************/

.z35-submit-button {
	background:#fafafa url(../layout/img/button_bg.gif) repeat-x left top;
  border:1px solid #9a9a9a;
  cursor:pointer;
  padding:1px 3px;
  margin-right:5px;
}

.z35-file-button {
	background:#fafafa url(../layout/img/button_bg.gif) repeat-x left top;
  border:1px solid #9a9a9a;
  cursor:pointer;
  padding:1px 3px;
}

input {
	border:1px solid #9a9a9a;
}