@charset "utf-8";

body{ 
	color: #333; 
	font: 13px 'Lucida Grande', Verdana, sans-serif;
	margin: 0px;
	padding: 0px;	
	position: absolute;
    top: 0;
    left: 0;
	width: 100%
}

.standard{
	background: url(../design/HG_dunkel/hg1_dunkel.jpg); 
}

.biografie{
	background: url(../design/HG_hell/hg2_hell.jpg); 
}


div#header{
	position: absolute;
	top: 0;
    left: 211px;
	width: 563px;
	height: 109px;
}

.biografie div#header{
	background: url(../design/HG_hell/chris_header.jpg) no-repeat;
	padding-left: 20px;
	padding-top: 65px;
}

.standard div#header{
	background: url(../design/HG_dunkel/header1_bleistift.jpg);
}

.biografie div#content{
	width: 525px;
	max-width: 550px;
	margin-left: 211px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 110px;
}


.chris{
	width: 176px;
	height: 175px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.standard div#content{	
	width: 100% - 211px;
	margin-left: 211px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	/* border: 1px solid black; */
	margin-top: 110px;
}

h2 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 40px;
	line-height: 10px;
	color: #040404;
}

a:hover h2{
	color: #606060;
}

a {
	text-decoration: none;
	color: #000000;
}

div#navi{	
	margin: 0px;
	padding: 0px;
	width: 211px;
	float: left;
	background: url(../design/hintergrund_navi.jpg) repeat-y;
}

div#content img{
	padding-right: 10x;
	margin-bottom: 10px;
}

div#index{
	position: absolute;
	top: 109px;
    left: 0px;
	width: 569px;
	height: 528px;
	background: url(../design/HG_dunkel/logo_startseite_auf_HG.jpg) no-repeat;;
}

#navi img{
	border: 0px none;
	margin: 0px;
	padding: 0px;
	display: block;
}

img{
	border: none;
}

div#sprache{
	position: relative;
	top: 10px;
	left: 40px;
	background-color:#000000;
	width: 60px;
	height: 20px;
}

.kontakt{
	 position: absolute;
	 width: 121px;
	 height: 54px;
	 top: 0px;
	 left: 90px;
}

.impressum{
	 position: absolute;
	 width: 121px;
	 height: 45px;
	 top: 54px;
	 left: 90px;
}

.logo{
	width: 90px;
	height: 99px;
}

table tr td{
	padding-bottom: 15px;
}

table tr {
	margin-right: 10px;
}

.info{
	font-size: 1.1em;
	font-weight: bold;
}

.info a:hover{
	text-decoration: underline;
}