/******************************************************
*                     Aufteilung                      *
*                                                     *
*               Primär:    Hierarchie                 *
*               Sekundär:  Layout-Anordnung           *
*                                                     *
******************************************************/

/*-----------------START: Hauptlayout-----------------*/

body {
     
     width: 100%;

     color: #313232;
     font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
     font-size: 9pt;
     line-height: 11.5pt;
     
     margin: 0;
          
     background-color: #36393d;
     background-image: url("./grafiken/nachthimmel.jpg");
     background-repeat: repeat-x;
     
}

#linkswrap {
	
	width: 627px;
	height: auto;
	
	position: absolute;
	left: 0;
	top: 0;
	
}

#zweitmenue {
	
	width: 627px;
	height: 219px;
	
	background-image: url("./grafiken/zweitmenue_hintergrund3.jpg");
	background-repeat: no-repeat;
	
	margin-top: 0;
	padding-top: 0;
	
}

#inhalt {
	
	width: 511px;
	height: auto;
	
	background-color: #fff;
	background-image: url("./grafiken/inhalt_hintergrund.gif");
	background-repeat: repeat-y;
	
	margin: 0;
	padding: 10px 10px 30px 60px;
	
	clear: both;
	
}

#menue {
	
	width: 200px;
	
	margin-left: 700px;
	
}

h1 {

     font-size: 13pt;
     line-height: 15pt;

}

.menue_ungewaehlt {
	
	width: 190px;
	height: 34px;
	
	color: #fff;
	font-size: 20px;
	font-family: Century, Garamond, serif;
	text-decoration: none;
	text-align: right;
	
	background-color: #588da2;
	background-image: url("./grafiken/menue_hintergrund.gif");
	
	margin-bottom: 0;
	padding-top: 15px;
	padding-right: 10px;
	
	border-bottom: 1px solid #313232;
	
	display: block;
	
}

.menue_ungewaehlt:hover {
	
	color: #fff;
	
	background-color: #d97d11;
	background-image: url("./grafiken/menue_hintergrund_hover.gif");
	
}

.menue_gewaehlt {
	
	width: 190px;
	height: 34px;
	
	color: #fff;
	font-size: 20px;
	font-family: Century, Garamond, serif;
	text-decoration: none;
	text-align: right;
	
	background-color: #82aab9;
	background-image: url("./grafiken/menue_hintergrund_gewaehlt.gif");
	
	margin-bottom: 0;
	padding-top: 15px;
	padding-right: 10px;
	
	border-bottom: 1px solid #313232;
	
	display: block;
	
}

.menue_gewaehlt:hover {
	
	color: #fff;
	 
	background-color: #d97d11;
	background-image: url("./grafiken/menue_hintergrund_gewaehlt_hover.gif");
	
}

.menue_zwischenpunkt {
	
	width: 200px;
	
	background-color: #588da2;
	background-image: url("./grafiken/menue_oben.gif");
	background-repeat: no-repeat;
	
	margin-bottom: 1px;
	padding-top: 5px;
	padding-bottom: 10px;
	
}

.menue_letzterpunkt {
	
	width: 200px;
	
	background-color: #588da2;
	background-image: url("./grafiken/menue_unten.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	
	margin-bottom: 250px;
	
	padding-top: 5px;
	padding-bottom: 10px;
	
}

#menue input {
	
	width: 153px;
	height: 23px;
	
	color: #2a2a2c;
	font-size: 12px;
	font-family: Century, Garamond, serif;
	
	border: 1px;
	border-color: #487485;
	border-style: solid;
	
	background-color: #fff;
	background-image: url("./grafiken/menue_input.jpg");
	
	margin-left: 25px;
	margin-top: 5px;
	padding-left: 10px;
	
}

#menue .menuelogin {
	
	width: 100px;
	height: 27px;
	
	text-align: center;
	
	background-color: #fff;
	background-image: url("./grafiken/menue_button.jpg");
	background-repeat: no-repeat;
	background-position: center;
	
	margin-left: 90px;
	
}

.zweitmenuehalter {
	
	padding-top: 123px;
	padding-left: 120px;
	
}

.zweitmenuelink {
	
	color: #fff;
	font-size: 14px;
	font-family: Century, Garamond, serif;
	text-decoration: none;
	
	background-color: #588da2;
	
	margin-right: 2px;
	padding: 0 8px;
	
	
}

.zweitmenuelink:hover {
	
	color: #cddde3;
	
}

.breadcrumnavigation {
	
	font-size: 10px;
	
	padding-top: 26px;
	padding-left: 140px;
	
	clear: both;
	
	
}

.breadcrumnavigation_text {
	
	width: auto;
	
	float: left;
	
}

.breadcrumnavigation_links {
	
	width: 300px;
	
	margin-right: 70px;
	
	float: right;
	
}

a {
	
	color: #467d93;
	text-decoration: none;
	
}

a:hover {
	
	color: #d97d11;
	
}

p.menue_kleinlink {
	
	font-size: 12px;
	font-family: Century, Garamond, serif;
	
	text-align: right;
	
	margin: 5px 10px 5px 0;
	
}

a.menue_kleinlink {
	
	color: #fff;
	text-decoration: none;
	
}

a.menue_kleinlink:hover {
	
	color: #cddde3;
	
}

.h1_hintergrund, .h1_hintergrund_oben {
	
	background-image: url("./grafiken/h1_verlauf.jpg");
	background-repeat: no-repeat;
	background-position: center left;
	
	margin-top: 30px;
	margin-bottom: 10px;
	
}

.h1_hintergrund_oben, .sortiert_nach_oben {
	
	margin-top: 0;
	
}

h1.weissgrund {
	
	font-size: 13pt;
	
	background-color: #fff;
	background-image: url("./grafiken/h1_hintergrund.gif");
	background-repeat: repeat-y;
	
	margin-left: 20px;
	padding: 0 10px 0 10px;
	
	display: inline;
	
}

.aufzaehlung {
	
	background-image: url("./grafiken/aufzaehlungsrand.gif");
	background-repeat: repeat-y;
	
	margin-top: 20px;
	margin-left: 20px;
	padding-left: 15px;
	
}

.aufzaehlung .dick {
	
	font-weight: bold;
	
	margin-bottom: 2px;
	padding-bottom: 0;
	
}

.aufzaehlung p {
	
	margin-top: 0;
	padding-top: 0;
	
}

#fusslinks {
	
	width: 511px;
	
	color: #fff;
	font-size: 10px;
	
	margin-top:  10px;
	margin-left: 50px;
	
	padding-bottom: 50px;
	
	clear: both;
	
}

.fusslinks_text {
	
	width: auto;
	
	float: left;
	
}

.fusslinks_links {
	
	width: 440px;
	
	float: right;
	
}

a.fusslink {
	
	color: #a5a5a5;
	text-decoration: none;
	
}

a.fusslink:hover {

	color: #d97d11;
	
}

#stagediver {
	
	margin-top: 150px;
	margin-left: 700px;
	
	padding-bottom: 20px;
	
}

#sternanimation {
	
	width: 49px;
	height: 49px;
	
	position: absolute;
	
	top: 223px;
	left: 50px;
	
	z-index: 99;
	
	display: none;
	
}

select {

     color: #313232;
     font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
     font-size: 9pt;

}

.report_ueberschrift, .scene_ueberschrift {

     width: 510px;
     
     background-color: #f6f9fa;
     
     margin-top: 50px;
     
     padding: 10px 0;

}

.report_ueberschrift p, .scene_ueberschrift p {

     font-size: 10px;
     
     margin-top: 0;
     margin-bottom: 2px;

}

.report_ueberschrift h1, .scene_ueberschrift h1 {
     
     color: #313232;
     font-size: 13pt;
     
     margin-top: 0;
     margin-bottom: 0;

}

.report_ueberschrift h1 a, .scene_ueberschrift h1 a {

     color: #467d93;
     font-size: 13pt;

}

.report_ueberschrift h1 a:hover, .scene_ueberschrift h1 a:hover {

     color: #d97d11;
     font-size: 13pt;

}

.report_teaser p a, .scene_teaser p a {
	
	color: #313232;
	
}

.report_teaser p a.mehr, .scene_teaser p a.mehr {
	
	color: #467d93;
	font-style: italic;
	
}

.report_teaser p a.mehr:hover, .scene_teaser p a.mehr:hover {
	
	color: #d97d11;
	
}

.report_teaser p.datum, .report_teaser_detail p, .scene_teaser p.datum, .scene_teaser_detail p {
	
     font-weight: bold;
     
     margin-bottom: 2px;

}

.report_teaser p, .report_teaser_detail p, .scene_teaser p, .scene_teaser_detail p {
	
     margin-top: 0;

}

.report_teaser, .scene_teaser {

     margin-top: 10px;
     padding-top: 0;

}

.report_kommentarlink, .scene_kommentarlink {

     width: 100%;
     
     text-align: right;
     
     margin-top: 20px;
     
     clear: both;

}

.report_kommentarlink a, .scene_kommentarlink a {

     padding-right: 3px;

}

.seitennavigation {

     width: 100%;
     height: 67px;
     
     background-image: url('./grafiken/seitennavigation_bg.jpg');
     background-repeat: no-repeat;
     background-position: center;
     
     text-align: center;
     
     margin-top: 30px;
     padding-top: 58px;
     
     

}

.seitennavigation table {
     
     padding: 1px;
     
     margin: 0 auto;
     
     border: 1px solid #e2e8ea;

}

td.seitevon {

     background-color: #e2e8ea;

}

td.ungewaehlt {

     background-color: #f2f4f5;

}

.report_teaser_detail, .scene_teaser_detail {

     font-weight: bold;
     
     margin: 10px 0 20px 0;

}

.bildbox {
     
     width: 200px;
     
     background-color: #f6f9fa;
     
     border: 1px solid #f1f1f1;
     
     margin-left: 15px;
     margin-bottom: 10px;
     
     padding: 5px;

	 text-align: center;
     
     float: right;

}

.bildbox p {
     
     width: auto;
     
     font-size: 10px;
	 text-align: left;
     
     margin-top: 4px;
     padding: 1px;

}

.report_inhalt, .scene_inhalt {

     margin-bottom: 30px;

}

.report_inhalt p, .scene_inhalt p {

     margin-bottom: 10px;

}

.zurueckbutton {

     width: 100%;
     height: 68px;
     
     background-image: url('./grafiken/zurueck_button_bg.jpg');
     background-repeat: no-repeat;
     background-position: center;
     
     text-align: center;
     
     margin-top: 30px;
     padding-top: 58px;
     
     display: block;  

}

.zurueckbutton a {

     font-weight: bold;

}

.kommentarblock {
     
     background-color: #f6f9fa;
     
     margin-top: 10px;
     margin-bottom: 30px;
     margin-left: 20px;
     
     padding: 5px;
     
     clear: both;

}

.avatarblock {

     width: 100px;
     
     float: left;

}

.kommentarblock p.klein {

     font-size: 10px;
     
     margin-bottom: 5px;

}

.kommentarblock p.ueberschrift {

     font-weight: bold;
     
     margin-left: 110px;
     margin-bottom: 2px;

}

.kommentarblock p.rechtsbuendig {

     text-align: right;
     
     margin-bottom: 0;

}

.kommentarblock p.text {

     margin-top: 0;
     margin-left: 110px;

}

.fehler {

     color: #cc0000;

}

.kommentareintrag {

     margin-left: 130px;

}

.kommentareintrag input, .kommentareintrag textarea {
     
     width: 300px;
     
     color: #313232;
     font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
     font-size: 9pt;
     
     background-color: #f6f9fa;
     
     border: 1px solid #e2e8ea;
     
     margin-bottom: 10px;

}

.livelink {
     
     width: 300px;
     
     background-color: #f6f9fa;
     
     margin-top: 60px;
     margin-left: 130px;
     
     border: 1px solid #e2e8ea;

}


.livelink h1 {
     
     color: #e2e8ea;
     font-size: 18pt;
     font-family: Century, Garamond, serif;
     font-weight: normal;
     line-height: auto;
     letter-spacing: 1pt;
     
     margin: 10px 0 -5px 5px;

}

.livelink h2 {
     
     font-size: 9pt;
     
     background-color: #e2e8ea;
     
     margin: 15px 0 0 0;
     padding: 3px 3px 3px 15px;

}

.livelink p {
     
     margin-top: 0;
     margin-bottom: 3px;
     padding: 5px 0 0 25px;

}

.livelink p.rechtsbuendig {

     text-align: right;
     
     padding-right: 3px;

}

.livelink a.kursiv {

     font-style: italic;

}

.dates_nachricht {

     margin: 10px 0;

}

.einzeltermin {
     
     margin-bottom: 20px;
     
     clear: left;

}

.einzeltermin div {
     
     width: 20px;
     
     float: left;

}

.einzeltermin p {

     margin: 0 0 0 20px;
     padding-left: 10px;

}

.einzeltermin p.kommentarlink {
     
     text-align: right;
     
     margin: 0;
     padding-right: 3px;

}

.termin_detail p.stichpunkt {
     
     width: 40px;
     
     font-weight: bold;
     
     float: left;

}

.termin_detail p {

     margin: 0 0 3px 0;

}

.termin_detail div {

     clear: left;

}

.termin_detail p.beschreibung {

     margin-top: 10px;

}

p.info {

     font-size: 10px;
     text-align: right;
     
     margin: 0;
     padding-right: 3px;

}

.dates_kommentarlink {

     width: 100%;
     
     text-align: right;
     
     margin-top: 30px;
     
     clear: both;

}

.dates_kommentarlink a {

     padding-right: 3px;

}

.bilderordner {

     min-height: 100px;
     
     background-color: #f6f9fa;
     
     margin-top: 10px;
     margin-bottom: 30px;
     
     padding: 5px;
     
     clear: both;

}

.bilderordner .ordnervorschaubild {
     
     width: auto;
     
     margin: 0 10px 10px 0;
     
     float: left;

}

.bilderordner h1 {
     
     font-size: 13pt;
     
     margin: 0 0 3px 0;

}

.bilderordner p {

     margin: 0;

}

.bilderordner p.klein {

     font-size: 10px;
     
     margin-bottom: 3px;

}

.bilderordner p.unterordner {
     
     clear: left;

}

.bildervorschau {

     margin-top: 20px;
     
     clear: left;
     
}

.bildervorschau h1 {

     font-size: 13pt;

}

.bildervorschau .bild, .einzelbild {
     
     width: 210px;
     
     text-align: center;
	vertical-align: top;
     
     background-color: #ebedee;
     
     border: 1px solid #dedede;
     
     margin: 10px 20px 10px 5px;
     
     padding: 5px;

}

.einzelbild {
     
     margin-bottom: 40px;
     margin-left: 130px;
     
     font-size: 10px;
     text-align: center;
     
     float: none;

}

.bildervorschau td {

     font-size: 10px;
     text-align: left;
     
     margin: 2px 0 0 0;

}

.bildervorschau td.bildbeschreibungspunkt, .einzelbild td.bildbeschreibungspunkt {

      width: 70px;

	 background-color: #f8f8f8;
     
	 vertical-align: top;

}

.bildervorschau td.bildbeschreibung, .einzelbild td.bildbeschreibung {
	
	 background-color: #f8f8f8;
     
	 vertical-align: top;
	
}

.bildervorschau div.clear, .einzelbild div.clear {
	
     margin: 0;
     
     clear: left;

}

.bildervorschau td.rechtsbuendig, .einzelbild td.rechtsbuendig {
     
     text-align: right;
     vertical-align: bottom;
     
     padding-top: 5px;

}

.pfad_zur_erleuchtung {

     text-align: right;
     
     margin-top: 30px;
     margin-right: 3px;

}


.nachricht {

     text-align: center;

}

.suchoption, .suchoption_unten {
     
     margin: 0 0 2px 0;
     padding: 1px;
     
     clear: left;

}

.suchoption_unten {

     margin-bottom: 15px;

}

.suchoption p, .suchoption_unten p {
     
     line-height: 18pt;
     
     margin: 0;
     padding: 0;

}

.suchoption p.titel, .suchoption_unten p.titel {

     width: 80px;
     
     margin-right: 10px;
     
     float: left;

}

.zentriert {

     text-align: center;

}

.suchmaske {

     margin-bottom: 50px;

}

.suchergebnis {
     
     margin-bottom: 30px;
     padding-top: 3px;

}

.suchergebnis h1 {
     
    font-size: 13pt;
    
    margin-bottom: 0;

}

.suchergebnis p {

    margin: 0;
    padding: 0;

}

.suchergebnis .aufzaehlung {
     
     background-color: #f6f9fa;
     
     margin-top: 10px;
     
}

.login {

     margin-top: 20px;
     margin-left: 160px;

}

.login p {

     margin: 0;

}

.login p.titel {

     margin-top: 10px;

}

.registrierungsmuss {

     background-color: #f6f9fa;
     
     margin-bottom: 20px;
     padding: 23px 3px 3px 3px;

}

.registrierungspunkt {

     margin-left: 20px;
     
     clear: both;

}

.registrierungspunkt div {
     
     margin-bottom: 10px;

}     

.registrierungspunkt .left {

     width: 150px;
     
     text-align: right;
     
     padding-right: 20px;
     
     float: left;

}

.profilansicht .avatar {
     
     min-height: 20px;
     
     padding-top: 5px;
     padding-right: 30px;

}

.profilansicht .profilinfo {
     
     padding-left: 65px;

}

.profilansicht h1 {
     
     background-color: #f6f9fa;
     
     margin-bottom: 0;
     padding-top: 5px;
     
}

.profilansicht p.klein {
     
     background-color: #f6f9fa;
     
     font-size: 10px;
     
     margin-top: 0;
     padding-bottom: 5px;

}

.profilinfo td.left {

     width: 100px;

	 vertical-align: top;
     
     margin: 0 0 5px 5px;
     padding: 0 0 5px 5px;
     
}

.profilinfo td.right {
     
	 vertical-align: top;
	
     margin: 0 0 5px 0;
     padding: 0;

}

table.userliste {

     margin-top: 20px;

}


table.userliste td.td_top {

     font-weight: bold;

}

.online {

     color: #d97d11;

}

.clearer {

     width: auto;
     height: 1px;
     
     background: inherit;
     
     visibility: hidden;
     clear: both;
     
}
