/*
Title:      Taras Shymbra's styles for screen media
Author:     Taras Shymbra, tshymbra@yahoo.com
Updated:    Feb 9 2006
*/

/* TODO: Known Issues: 2. Firefox 1.0.7: Between intro and taglist and between taglist and entries there is a 1px-height-stripe through which background can be seen (fixed by FIX_2).  
                       3. Opera 8.02: It renders a slight one-pixel-width vertical stripe for logo and name images despite of rule width = 0px (fixed by FIX_3). 
					   4. IE 6.0 shows affect of the content-box of #entries dt elements on #entries dl dd.text elements when there is no 
							preceeding #entries dd.image img elements. This affect is visible via 3px-indent for affected text lines.
						Fixes perfectly by specifying width: 426px. (FIX_4) The math is: 426px =  429px - 3px; 
						The ugly fix is to mark dl elements  
						which do not contain images with class = "textonly". 
			*/

/* ------------------------------------------------------------------------ Body */
body {
	margin: 0;
  	padding: 30px 0px 30px 0px;

	font-family: Verdana, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #333;
	background: #ffe;
	text-align: center;
	}
	
/* -------------------------------------------------------------------------- Top*/

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 120%;
	text-align: left;
  	width: 750px;
    background: #fff;
	}




/* ---------------------------------------------------------------------- Common */

h1, #entries dt{
	float: left;
	width: 201px;
	margin: 0;
	padding: 0px 20px 0px 20px;
	font-family: Verdana, sans-serif;
	letter-spacing: -0.2px;
	text-transform: uppercase;
	font-size: 82%; 
    //display: inline; /* fix for IE-WIn double margin bug */
	line-height: 1.5em;
	font-weight: bold;
	color: #fff;
	}

h2, #footer p {
	float: right;
	width: 429px;
	margin: 0;
	padding: 0px 80px 20px 0px;
	font-size: 72%;
	font-weight: normal;
	line-height: 1.5em; 
	color: #fff;
	}

strong {
    text-transform: uppercase;
}

code {
	font-size: 120%;
}

/* ------------------------------------------------------------------------ Links */

a {
  color:#C0CFFF; /* Other selected colors C0CFFF D1C2FF BFD4FF ACB2BF*/
  text-decoration: none;
  font-weight: bold;
  }

a:visited {
  color:#D1C2FF;
  }

a:hover {
  color:#fff;
  }

a img {
	border-style: none;
	border-width:0;
  }


/* ----------------------------------------------------------------------- Header*/


/* ----------------------------------------------------------------- Main Content*/


#entries a {
    color:#607DBF; 
  }

#entries a:visited {
	color:#7A64BF;
	}

#entries a:hover {
	color:#333;
	}

#entries dt {
	margin: 0;
	padding-top: 8px;
	color: #333;
  	}



#entries dd.text img.ddtexticon {
	float: none;	
  	margin: 0;
  	padding: 0 2px 0 2px;
	display: inline;
  	border: none;
	}


#entries dd.image a:visited img.thumb {
  	margin: 11px 7px 0 0;
  	border-color: #6ad;
	}

#entries dd.portrait img {
  	float: left;
  	margin: 12px 8px 4px 0;
  	padding: 0px;
  	background: #fff;
  	}

#entries dl dd.text {
	margin: 0 80px 0 241px;
  	padding: 8px 0px 0px 0px;
  	font-size: 72%;
   	}

#entries dl dd.text p {
	margin: 0;
	margin-bottom: 1.2em;
	}


/* --------------------------------------------------------------------------- CV*/

body#cv {
	font-family: Arial, sans-serif;
	background: #ffe;
	font-size: 90%; 
    word-spacing: 0.1em;
	}

body#cv strong {
    text-transform: none;
}


body#cv #entries {
	border: 1px solid #6ad;
    background: #fff;
  	width: 100%;
	line-height: 1.5em;
	}

body#cv #entries dl {
  	margin-bottom: 0px;
  	}



body#cv #entries dt {
	letter-spacing: -0.2px;
	font-size: 62%;
    padding-top: 1em;
  	}

body#cv #entries dl.first img {
    padding-top: 0.8em;
  	}

body#cv #entries dl dd.text {
	margin-right: 40px;

  	}



body#cv #entries dl.textonly dd.text {
	width: 466px; /* FIX_4 */
  	}

body#cv #entries dd.lichtbild img {
	margin-right: 40px; 
  	}

body#cv #entries dd.lichtbild  {
	text-align:right;
  	}

body#cv #entries dt a.dtlink {
	padding-left: 0px;
	background: none;
	}



body#cv * div.heading1 {
	margin-top:20px;
	margin-left:20px;
	font-family: Verdana, sans-serif;
	letter-spacing: -0.2px;
	text-transform: uppercase;
	font-size: 100%; 
	font-weight: bold;

 }

body#cv * div.heading2 {
	margin-left:20px;
	margin-top:20px;
	font-family: Verdana, sans-serif;
	letter-spacing: -0.2px;
	text-transform: uppercase;
	font-size: 80%; 
	font-weight: bold;

 }
#quelle {
  color: #6ad;
  background-color: #transparent;
  font-size: 0.8em;
  xfont-weight: bold;
  font-style: italic;
  text-align: center;
  margin: 0;
  padding: 0;
}