/*** Texts ***/

body
	{
	margin-top:0px;
	text-align: center;
	}

.smallHeadline
	{ 
	font: bold 7pt verdana;
	color: #888888;
	}

.bigHeadline
	{ 
	font: bold 11pt courier;
	color: #cccccc;
	padding-top: 5px;
	}

.cvLink
	{
	position: absolute;
	margin: 420px 0px 0px 320px;
	text-decoration: none;
	font: 8pt courier;
	font-weight: bold;
	color: #555577; 
	}

/*** Index-pages Headlines ***/

.indexSmallHeadline
	{ 
	font: bold 10pt verdana;
	color: #888888;
	}

.indexBigHeadline
	{ 
	font: bold 14pt courier;
	color: #cccccc;
	padding-top: 5px;
	}

/*** Backgrounds and Containers ***/

.cv
	{
	position: absolute;
	width: 550px;
	height: 500px;
	margin-left: 150px;
	}

.container
	{
	width: 700px;
	height: 550px;
	margin: 0 auto;
	background: #9FD5E2 url('pics/bg.jpg') no-repeat scroll top right;
	text-align: left;
	}

.leftMargin
	{
	position: absolute;
	width: 150px;
	height: 550px;
	background: #020031;
	}

.titleContainer
	{
	position: absolute;
	width:150px;
	height:150px;
	margin: 100px 0px 0px 10px;
	}

.linksContainer
	{
	position: absolute;
	width: 150px;
	height: 400px;
	margin-top: 180px;
	}

.content
	{
	position: absolute;
	width: 450px;
	height: 500px;
	margin: 30px 0px 0px 200px;
	}

.textContainer
	{
	position: absolute;
	width: 550px;
	min-height: 50;
	margin: 550px 0px 0px 150px;
	background: #020031;
	}

.pictureText
	{
	margin: 10px;
	font: 10pt courier;
	color: #dddddd;
	}

/*** Index-pages Background and Container ***/

.indexContainer
	{
	width:700px;
	height:550px;
	margin: 0 auto;
	background: #020031 url('pics/indexBg.jpg') no-repeat scroll top right;
	text-align: left;
	}

/*** picture areas ***/

.content a
	{
	float: left;
	border: 1px solid #000000;
	margin: 5px;
	}

.content a:hover
	{
	float: left;
	border: 1px solid #ffffff;
	margin: 5px;
	}

.tnPortrait img 
	{
	display: inline;
	width: 75px;
	height: 100px;
	border: 0px;
	}

.tnLandscape img
	{
	display: inline;
	width: 100px;
	height: 75px;
	border: 0px;
	}

.portrait img
	{
	position: absolute;
	width: 375px;
	height: 500px;
	margin: 25px 0px 0px 240px;
	}

.landscape img
	{
	position: absolute;
	width: 500px;
	height: 375px;
	margin: 80px 0px 0px 175px;
	}

.contact img
	{
	position: absolute;
	width: 225px;
	height: 300px;
	margin: 100px 0px 0px 312px;
	}

/*** navibar ***/

.navibar a:link, .navibar a:visited, .navibar a:hover, .navibar a:active, .selected
	{
	float:left;
	clear: both;
	font: 8pt courier;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 0px 10px 0px;
	padding-left: 30px;
	}  

.navibar a:link
	{
	color: #888888; 
	}     

.navibar a:visited	 
	{
	color: #888888; 
	}  

.navibar a:hover	
	{
	color: #ffffff; 
	}   

.navibar a:active
	{
	color: #888888; 
	}
  
.selected	
	{
	color: #dddddd; 
	}   

.cvLink a:link, .cvLink a:visited, .cvLink a:hover, .cvLink a:active
	{
	font: 8pt courier;
	font-weight: bold;
	text-decoration: underline;
	}  

.cvLink a:link 
	{
	color: #555577;  
	}     

.cvLink a:visited 
	{
	color: #555577;  
	}  

.cvLink a:hover
	{
	color: #ffffff; 
	}   

.cvLink a:active
	{
	color: #888888; 
	}