﻿
#pageBody {
  width: 88%;
  min-width: 900px;
  max-width: 1050px;
  margin-left:auto;
  margin-right:auto;
}

#pageHeader {
  background-repeat: repeat-x;
  background-image: url('http://www.eulanda.de/images/banner-verlauf-2.jpg');
  background-position:left 15px;
  border-bottom: 1px solid #52AAC6;
  border-top: none;
  margin-top: 0;
  margin-bottom: 8px;
}

#pageHeaderMainBar {
				height:68px;
		  background-repeat: no-repeat;
  background-image: url('http://www.eulanda.de/images/topbanner-mann.png');
  background-position:right bottom;
		
}
#pageHeaderBottomBar {
	  background-color:#F8BC00; /*#7E98F7;*/
	  height: 15px;			
	  padding-top:0px;
}

#pageHeaderBottomBar * {
  padding:0px;margin:0px;
  font-size:x-small;
  color:#669;
  text-align:left;
  padding-left:10px;
}


  #idKickstart {
    height: 20px;
    background-color: white; margin-top: 0px; position: relative; top: -8px; padding-left: 10px;
    padding-right: 15px; 
    font-size: 9px; border-left: 200px solid white; text-align: right;
  }


/* ***************************************************************
** optionalker Warnbereich unterhalb des pageHeader
*/

#pageTopHint, #pageTopWarning {
  background-color: #fdd; 
  border: 1px solid #d66; padding: 10px; 
  margin: 0 0 20px 0;
  font-size: 0.9em;
  padding-left: 50px;
  background-image: url('/images/warning32.png');
  background-repeat: no-repeat;
  background-position: 10px 10px;
}

#pageTopHint {
  background-color: #eec; 
  border: 1px solid #880; 
  font-size: 0.7em;  
}

#pageTopHint a, #pageTopWarning a {
  font-weight: bold;
}

#pageTopWarning strong {
  font-weight: bold;
  color: #a00;
}

#pageTopWarning strong {
  font-weight: bold;
  color: #990;
}


/* ***************************************************************
** optionaler Warnbereich unterhalb des pageHeader
*/

#pageTopWarning {
  background-color: #fdd; border: 1px solid #d66; padding: 10px; 
  margin: 0 0 20px 0;
  font-size: 0.9em;
  padding-left: 50px;
  background-image: url('/images/warning32.png');
  background-repeat: no-repeat;
  background-position: 10px 10px;
}

#pageTopWarning a {
  font-weight: bold;
}

#pageTopWarning strong {
  font-weight: bold;
  color: #a00;
}


/* ***************************************************************
** linker Navigationsbereich
*/

#pageLeftNavigation {
  width: 170px;
  float: left;				
  border: 1px solid #52AAC6;				
  background-color: white;
  padding: 5px 10px;
  border-bottom-left-radius: 20px;
  box-shadow: 2px 2px 10px #555;
  -ox-transform: translate(-15px) rotate(3deg);
}

#frmSuche_editSuchtext {
	width: 138px;
}

#frmSuche, #frmSuche * { margin: 0px; padding: 0px;
}

#frmSuche_btnSuche {
  position:relative;
  top:6px;
  width: 22px; 
  height: 22px;
}

#pageLeftNavigation a {
	display: block;			
	padding-left: 6px;
	border-left: 10px #52AAC6 solid;
	margin-top: 1px;
	margin-bottom: 3px;

}

#pageLeftNavigation a.imgLink {
 border: 0;	padding: 0;			
}
#pageLeftNavigation a.pwdLink {
  background-image: url('/images/iconlock.png');
  background-repeat: no-repeat;
  background-position: right 3px;
}

#pageLeftNavigation a:hover {
  border-color: #F8BC00;
  -o-transform: translate(1px, 1px);
}


/* ***************************************************************
** Fußbereich mit Copyright etc.
*/

#pageFooter {
  clear:both;
	margin: 15px 0 0 200px;
	border-top: 1px solid #bbb;
	padding-top: 15px;
  
}

#pageFooter p {
	font-size: x-small;			
	margin: 1px 0;
}

#pageStandards {
				float: right;
}

#pageChangedPages {
  margin-top: 15px; width: 80%;

}

/* ***************************************************************
** eigentlicher Inhalt der Seite, 
** der in den "echten" html-Dateien liegt 
*/

#pageContent {
  margin: 0 0 0 200px;
  background-color: white;
  padding: 20px;
  padding-top: 5px;
  border: 1px solid #52AAC6;
  min-height: 550px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 2px 2px 10px #555;
}

.topicPict {
  float: left;
  margin: 0 10px 10px 0;
}


/* ***************************************************************
** 
*/

#pageLogo {
				position: relative; 
				left: 5px; top:5px;
				float:left;
}

/* ***************************************************************
** 
*/

#pageLanguages {
  text-align:right;
  font-size: small;
  padding-right: 10px;
  margin-top:-2px;
  padding-top:0;
  float:right;
}

#pageLanguages a {
  font-size: x-small;
  font-weight:bold;
  border: 0px;
  padding-left: 3px;
  padding-right: 0px;
  margin-left: 5px; margin-right: 0px;
}

#pageLanguages a + a {
  background-image: url('/images/crack.png');
  background-position: -3px 2px;
  background-repeat: no-repeat;

}

#pageLanguages a:hover {
  background-color: inherit;
  color: black;
  border-bottom: 1px #F8BC00 dotted;
}

#pageTimestamp {
	/*background-color: #dc8;*/
	text-align: right;
	width: 135px;
	float: right;
	
	margin-right:5px;
		}


/* *************************************************************************
** optionales Panel, das sich am rechten Rand des Content-Blocks einklinkt
*/

#pagePanelRechts {
  width: 180px;
  float: right;
  background-color: #dee3ff; /* #eeeeee; */
  padding: 0 10px;
  border: 15px solid white;
  margin-right: -18px; 
  margin-top: -22px;
  margin-left: 20px;
}

#pagePanelRechts .topic {
	border-top: 2px #fff   groove;			
}

#pagePanelRechts .topic:first-child {
	border-top: 0
}

/* *************************************************************************
** spezielle Formatierung für den Ausdruck
*/


@media print {
 #pageLeftNavigation { display: none; box-shadow: 0 } 
 #pageHeader { display: none;}
 #pageContent { 
   margin: 0 0 0 0;	
   border: none;	
   padding: 0; 
   box-shadow: 0 }
 #pageFooterLinks { display: none }			
 #pageStandards { display: none; } 
 #pageChangedPages { display: none }
 

 #idKickstart {display: none} 
 
 }


#pageStandards { display: none; }  /* erst mal komplett raus, da die Frontpage-Navi nicht validiert */





