/*
absolute =bezieht sich auf den Rand des Elternelements
relative =relative bezieht sich Normalposition des Elements 
*/



html{
	height:100%;
}

body{ 
	height:100%;
	width:100%;
	padding: 0px;	
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px; 
	/**/
	color:rgb(0,0,0);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}



#maincenter{
	position: absolute;
	top: 50%;
	left: 50%;	
	height: 350px;
	width: 500px;
	margin-left: -300px;
	margin-top: -220px;	
	/*background-color:rgb(200,200,200);*/
	}	


#titelinfo{
	position: absolute;
	top:370px;
	left:65px;
	width:450px;
	/*background-color:rgb(105,150,225);*/
}	

/*
#titelinfo{
	position: absolute;
	top:370px;
	width:100%;
}	
*/


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

a{ 
	color:rgb(105,150,225);
	font-weight:bold;
	text-decoration:none;
	}
a:hover{
	color:rgb(255,175,20);
}
/*:link, :visited, :focus, :hover, :active  */
/* --------  */

a img{
	border:0px;
	}	
	



/* menue */
#menue {position: absolute; bottom: 0px}
#menue a {display:block; width: 250px;margin-top: 10px;}

#menue_vita {background-image: url(../menuebilder/vita_0.gif);}
#menue_vita:hover { 	background-image: url(../menuebilder/vita_1.gif); 	}

#menue_fotos {background-image: url(../menuebilder/fotos_0.gif);}
#menue_fotos:hover { 	background-image: url(../menuebilder/fotos_1.gif); 	}

#menue_audio {background-image: url(../menuebilder/audio_0.gif);}
#menue_audio:hover { 	background-image: url(../menuebilder/audio_1.gif); 	}

#menue_videos {background-image: url(../menuebilder/videos_0.gif);}
#menue_videos:hover { 	background-image: url(../menuebilder/videos_1.gif); }

#menue_gaestebuch {background-image: url(../menuebilder/gaestebuch_0.gif);}
#menue_gaestebuch:hover { 	background-image: url(../menuebilder/gaestebuch_1.gif); }

#menue_kontakt {background-image: url(../menuebilder/kontakt_0.gif);}
#menue_kontakt:hover { 	background-image: url(../menuebilder/kontakt_1.gif); }

#menue_training {background-image: url(../menuebilder/training_0.gif); margin-top:20px;}
#menue_training:hover { 	background-image: url(../menuebilder/training_1.gif); }
#menue #menue_training {margin-top: 45px;}

/* --------------------------------------------------- */	

/* menue klein */
#menuek {position: absolute; top: 0px; margin-left:0px; }
#menuek a {display:block; width: 215px;margin-top: 10px;}

#menuek_vita {background-image: url(../menuebilder/vitak_0.gif);}
#menuek_vita:hover { 	background-image: url(../menuebilder/vitak_1.gif); 	}

#menuek_fotos {background-image: url(../menuebilder/fotosk_0.gif);}
#menuek_fotos:hover { 	background-image: url(../menuebilder/fotosk_1.gif); 	}

#menuek_audio {background-image: url(../menuebilder/audiok_0.gif);}
#menuek_audio:hover { 	background-image: url(../menuebilder/audiok_1.gif); 	}

#menuek_videos {background-image: url(../menuebilder/videosk_0.gif);}
#menuek_videos:hover { 	background-image: url(../menuebilder/videosk_1.gif); }

#menuek_gaestebuch {background-image: url(../menuebilder/gaestebuchk_0.gif);}
#menuek_gaestebuch:hover { 	background-image: url(../menuebilder/gaestebuchk_1.gif); }

#menuek_kontakt {background-image: url(../menuebilder/kontaktk_0.gif);}
#menuek_kontakt:hover { 	background-image: url(../menuebilder/kontaktk_1.gif); }

#menuek_training {background-image: url(../menuebilder/trainingk_0.gif);}
#menuek_training:hover { 	background-image: url(../menuebilder/trainingk_1.gif); 	}
#menuek #menuek_training {margin-top: 50px;}

/* ---- */	
div.menuekspacer{height: 70px;}
/*------------------------------------------------------*/


#namenszug{ position: absolute; top: 50px; left:250px;}



#content{
	position: absolute; 
	top: 100px; 
	left:250px;
	width: 600px;
	 }




table{}
tr{}
td{font-size: 12px;}

table.vita {border-collapse:collapse; width: auto}
table.vita tr.sparte td{font-size: 14px; font-weight: bold; padding-top: 30px; font-family:Arial, Helvetica, Verdana, sans-serif; }
table.vita tr td {vertical-align: top;  padding-top: 5px;}
col.jahreszahl {width: 50px; }
col.ereignis {width: auto}
/* 
border:1px rgb(0,0,0) solid;
border: 2px; padding-top: 30px; border:1px rgb(0,0,0) solid;
 white-space: nowrap
*/

table.tablesmalltext {border-collapse:collapse;}
table.tablesmalltext tr td {font-size: 10px; font-weight: bold; padding-left: 10px; color: rgb(100,100,100)}
/* ------------------------------- */

/* scrollbereich  thumbleiste */
#thumbleiste img{margin-right:10px; margin-top: 5px;}
#thumbleiste {
		background-image: url(../menuebilder/fotogalhorizontal.gif);
		/*
		background-attachment:fixed;
		background-repeat:no-repeat;*/
		
		position: relative;
		width:532px;
		height:80px;  /*height:360px;*/
		padding:0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		/*scrollbar-base-color:rgb(74,74,74);*/
		scrollbar-3d-light-color:rgb(245,245,245);
		scrollbar-arrow-color:rgb(190,190,190);
		scrollbar-darkshadow-color:rgb(180,180,180);
		scrollbar-face-color:rgb(255,255,255);
		scrollbar-highlight-color:rgb(255,255,255);
		scrollbar-shadow-color:rgb(235,235,235);
		scrollbar-track-color:rgb(245,245,245);

		overflow:auto; 
		white-space: nowrap;
		}
/*top: 30px;left: 0px;	right:5px;*/
/*div.scrollinnen{padding:0px 20px 0px 20px;	}*/

/*------------------------------------------------------*/


table.tablegrossesfoto{
	border:0px rgb(0,0,0) solid;
	border-collapse: collapse;
}
table.tablegrossesfoto tr td{
	border:0px rgb(0,0,0) solid;
	margin: 0px;
	padding: 0px;
}

#grossesfoto{
	/*width: 300px;
	height: 400px;*/
}

/* --- Rahmen --- */
.lo{background-image: url(../menuebilder/fotorahmen/rahmen_lo.gif); }
.mo{background-image: url(../menuebilder/fotorahmen/rahmen_mo.gif); }
.ro{background-image: url(../menuebilder/fotorahmen/rahmen_ro.gif); }
.ml{background-image: url(../menuebilder/fotorahmen/rahmen_ml.gif); }
.mm{background-image: url(../menuebilder/fotorahmen/rahmen_mm.gif); }
.rm{background-image: url(../menuebilder/fotorahmen/rahmen_mr.gif); }
.lu{background-image: url(../menuebilder/fotorahmen/rahmen_lu.gif); }
.mu{background-image: url(../menuebilder/fotorahmen/rahmen_mu.gif); }
.mr{background-image: url(../menuebilder/fotorahmen/rahmen_mr.gif); }
/* ------------ */

div.fototext{color: rgb(100,100,100);}








/* -------Flash Test---------- */
div.alternatcontent{
	color:rgb(100,100,100);
	}
.hervorhebung1{
	font-weight:bold;
	}

div.nojscript, div.noflash{
	margin-left:0px;
	margin-right:0px;
}
/* --------------- */

div.khmanagement{
	width:250px;
	float:left;
	font-size:12px;
	display:table;
	}

div.kontaktdaten{
	width:220px;
	display:table;
	padding-left:30px;	
}

div.kontaktzusatzinfo{
	/*width:500px;*/
	color:rgb(150,150,150);
	
}


h1{font-size:14px; font-weight:bold;}
h2{font-size:14px; font-weight:normal;}
h3{font-size:12px; font-weight:bold;}
h4{font-size:12px; font-weight:normal;}
h5{}
h6{}

p{}

ol{}
ul{}
li{}


form{
}

/*
input, select, textarea{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
}
input.button{
height: 20px;
font-size: 9px;
font-weight: bold;
color: rgb(100,100,100);
margin-left: 5px;
}
*/


/* ------------- videos -------------------*/
/*
#videobilder{}

div.videointerface{
float: left;
	width:203px;
	height:157px;
	background-image: url(/menuebilder/videointerface/background.gif);
	background-repeat: no-repeat;
}

img.videoimage{
	width:185px;
	height:85px;
	position:relative;
	top:7px;
	left:8px;
}

img.videoplaybutton{
	width: 63px;
	height:33px;
	position:relative;
	top:40px;
	left:7px;
}

*/






#videobilder{}

div.videointerface{
	float:left;
	margin-bottom:30px;
	margin-right:10px;	
	width:203px;
	height:157px;
	background-image: url(/menuebilder/videointerface/background.gif);
	background-repeat: no-repeat;
}

img.videoimage{
	position:absolute;
	margin-top:7px;
	margin-left:8px;
}

img.videoplaybutton{
	position:absolute;
	margin-top:124px;
	margin-left:7px;
}

div.videodownload{
	position:absolute;
	margin-top:132px;
	margin-left:85px;
}

img.videodocodec{
	margin-right:3px;
}