/* FARBCODES
grün: 008000
gelb: FFFF66
rot: #B81808
pastell: FFFFEE
pastell: F3F2E4
pastell-dunkel: EDEBD6 

Hintergrund Center: F6F6F6 
*/

/*------------------------------------------------------
© 2007 Hartmut Pfeiffer 
------------------------------------------------------*/

/*------------------------------------------------------
General Format
------------------------------------------------------*/

BODY { 
	font-family: Verdana, Arial, Times, sans-serif; 
	font-size: 11px; 
	color: #006600;
	margin:0px; padding:0px;
	background: url(images/bg-paper-sand.gif) white;
/*nur MSIE*/
  scrollbar-face-color: FFFF66;      /*Grundfarbe*/
  scrollbar-track-color: #F3F2E4;       /*Hintergrund*/
  scrollbar-3dlight-color: white;      /*Rahmen oben+links aussen*/
  scrollbar-highlight-color: gray;   /*Rahmen oben+links innen*/
  scrollbar-shadow-color: gray;      /*Rahmen rechts+unten innen*/
  scrollbar-darkshadow-color: black; /*Rahmen rechts+unten aussen*/
  scrollbar-arrow-color: #008000;
/*nur MSIE*/
}



.box_header {
	position: absolute;
	width: 100%;
	height: 200px;
	background: url(images/bg-header.gif) repeat-x transparent;
	text-align:center; 
}
.header_img {
	margin-top:-12px; 
}

.box {
	position: absolute;
	width: 800px;
	top:200px;
	left: 50%;
	margin-left: -400px;
	/*background: url(images/bg-center.gif) no-repeat 0px 137px transparent;*/
}

img { border:0; }


/*------------------------------------------------------
Hauptbereich 
------------------------------------------------------*/

/* ----- Standard-Info-Texte im Monitor. Abstände+Rahmen ----- */
#infoText {
	margin-top:-75px;
	padding :55px 50px 50px 50px;
/*
	background: url(images/bg-paper-yellow.gif);
*/
}
     * html #infoText {margin-top:-55px; }
     *:first-child+html #infoText { margin-top:-55px; }


/*-----------------------------
Allgemein
-----------------------------*/
#infoText h1 {
	font-size:15px; 
	font-weight:bold; 
	text-decoration:underline; 
	text-align:center; 
	margin:0 0 0 0px; 
	padding:6px 0px; 
clear: both;
}
#infoText p {
	font-size:12px; 
	text-align: justify; 
	line-height: 1.6; 
	margin:0 0 0 0; 
	padding:4px 0; 
}
#infoText li {
	margin-left:-20px; 
	text-align:left; 
}
#infoText img {
	border: 1px solid #003070 
}

.img_right { float:right; margin:10px 0 10px 15px; border:1px solid #003070}
.img_left { float:left; margin:10px 15px 10px 0; border:1px solid #003070}


/*-----------------------------
Über mich 
-----------------------------*/
#infoText .col_left {
	float:left;
	width:46%;
	margin-right:8%;
}
/*Bilder*/
#infoText .myself {
	margin:0 40px;
}
#infoText img.myself {
	height:160px;
	margin:-10px 28px 20px 28px;
	border: 6px double silver;
}

/*-----------------------------
Impressum 
-----------------------------*/
#infoText h2 {
	font-size:11px; 
	font-weight:bold; 
	margin:0 0 0 0; 
	padding:6px 0; 
}
#infoText p.disclaimer {
	font-size:10px; 
	line-height: 1.2; 
}

/*------------------------------------------------------
Text - Classes 
------------------------------------------------------*/

.main { font-size: 11px; font-style:normal; font-weight:normal; line-height: 1.5; }
.miniText { font-size: 9px; font-style:normal; font-weight:normal;}
.headline { font-size: 16px; font-weight: bold; text-align: center; }
.initial { font-size:28px; float:left; margin-top:-5px; }

/*LINKS*/
A { color: #B81808; font-weight: bold; text-decoration: none; border:0; }
A:hover { color: #ff9900; text-decoration: underline; }


/*------------------------------------------------------
Startseite
------------------------------------------------------*/
.index_footer {text-align:right; vertical-align:middle; margin-right:20px; }
.img_css { float:right; border:0; height:31px; margin:-5px 0 0 10px; }
.img_java { font-family: "Comic Sans MS", Verdana, "sans serif"; font-size:13px; color: yellow; font-weight:bold; font-Style:italic; background-color:gray; border:1px solid silver; border-bottom-width:2px; border-right-width:2px; line-height:20px; padding:5px 10px; margin-right:5px; }
.screen_info { margin:15px 50px 0 0; font-size: 9px; text-align:center; }

/*------------------------------------------------------
Tooltip-Popup-Fenster 
------------------------------------------------------*/

.tooltipHead {  
  font-size: 10px;
  font-weight: bold; 
  color: #ff9900;
  background-color: #003070;
  border: 2px solid #F3F2E4;
  margin: 0px 0px 0px 0px;
  padding: 4px 12px 4px 12px;
}
.tooltipText {  
  font-size: 11px;
  line-height: 1.4;
  color: #003070;
  text-align: justify;
  background-color: #FFF0D8;
  margin: 0px 0px 0px 0px;
  padding: 6px 12px 10px 12px;
}
.tooltipText li {  
  font-size: 11px;
  margin: 0px 0px 0px 20px;
  padding: 4px 0px 4px 0px;
}


/*------------------------------------------------------
Menü/Navigation 
------------------------------------------------------*/

  div#Rahmen {
    width: 100%; 
margin-top:-30px;
  }
    /* Korrektur fuer IE 5.x */
     * html div#Rahmen { width: 100%; w\idth: 100%; }

  div#Rahmen div {
    clear: left;
  }
  ul#Navigation {
    margin:0; 
    padding-left: 0; /* -------- Abstand 1. Button v. linken Rand für Zentrierung -------- */
	font-family: Verdana, Arial, Times, sans-serif; 
	font-size: 11px; 
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; 
    padding: 0;
  }
    /* Korrektur fuer den IE 5 und 6 */
     * html ul#Navigation li { margin-bottom: 0px; }
    /* Korrektur fuer den IE 7 */
     *:first-child+html ul#Navigation li { margin-bottom: -0.1em; }

  ul#Navigation li ul {
    margin: 0px; padding: 0px;
    position: absolute;
    top: 20px; 
    left: 0px;
    font-size:10px;
    display: none;  /* Unternavigation ausblenden*/ 
 }

  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
  }

  ul#Navigation a {
    display: block;
    width: 110px;  /* Breite der Buttons */
    margin: 0px 45px;    /* --------------- horiziont. Abstand zwischen den Buttons ---------------- */
    padding: 10px 0px 97px 0px;
	color: #FFFF66;
    font-weight: bold; 
    text-decoration: none; 
    text-align:center;
    background: url(images/button_menue.gif) transparent;  
  }

  ul#Navigation li ul li a{
    background-color: #FFB741;
    background-image: none;  
  }

  ul#Navigation a:hover {
    padding: 37px 0px 70px 0px;
    background-image: url(images/button_menue_hover.gif);  
  }

  ul#Navigation span {
    display: block;
    width: 110px;  /* Breite der Buttons */
    margin: 0px 45px;    /* --------------- horiziont. Abstand zwischen den Buttons ---------------- */
    padding: 70px 0px 37px 0px;
    color: #FFFF66; 
    font-weight: bold; 
    text-decoration: none; 
    text-align:center;
    background: url(images/button_menue_akt.gif) transparent;  
  }

  * html ul#Navigation a, * html ul#Navigation span {
    width: 110px;  /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 110px;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }

/* --------------- Ende Menü/Navigation -------------*/