@charset "utf-8";
/* CSS by Yannis Werner*/

body {
	background: #fff;
	margin: 0;
	font: 14pt Helvetica;
	color: #5a5957;
	}
	


#mainBack {
	position: relative;
	margin: auto;
	width: 1024px;
	height: 800px;
	}

a {text-decoration:underline;color:red;}


#fontpage {
	position: relative;
	margin: auto;
	top: 100px;
	width: 642px;
	height: 481px;
	background: #000000;
	}


	

/* Bilder im Head */	
/* Navigation */	
#navi {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 209px;
	background: #282828 url(../img/navi.png);
	}
	
.navi_home {
	position: absolute;
	top:103px;
	left:70px;
	width: 141px;
	height: 90px;
	background: #282828 url(../img/navi_home.png);
	}	
	
.navi_ueber_mich {
	position: absolute;
	top:103px;
	left:221px;
	width: 141px;
	height: 90px;
	background: #282828 url(../img/navi_ueber_mich.png);
	}		
	
.navi_spieler {
	position: absolute;
	top:14px;
	left:372px;
	width: 180px;
	height: 179px;
	background: #282828 url(../img/navi_spieler.png);	
	}

.navi_hsv {
	position: absolute;
	top:103px;
	left:572px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_hsv.png);
	}		

.navi_asics {
	position: absolute;
	top:103px;
	left:723px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_asics.png);
	}		
	
.navi_rga {
	position: absolute;
	top:103px;
	left:876px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_rga.png);
	}	

.navi_musik {
	position: absolute;
	top:103px;
	left:572px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_musik.png);
	}		

.navi_gaestebuch{
	position: absolute;
	top:103px;
	left:723px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_gaestebuch.png);
	}		
	
.navi_kochen {
	position: absolute;
	top:103px;
	left:876px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_kochen.png);
	}
	
.v-cards {
	position: absolute;
	top: 362px;
	left: 542px;
	width: 283px;
	height: 224px;
	background: #282828 url(../img/v-cards.png);
	z-index:99;
	}

.v-cards:hover {
	position: absolute;
	top: 362px;
	left: 542px;
	width: 283px;
	height: 224px;
	background: #282828 url(../img/v-cards_hover.png);
	z-index:99;
	}
	
.presse {
	position: absolute;
	top: 675px;
	left: 0px;
	width: 172px;
	height: 104px;
	background: #282828 url(../img/presse.png);
	z-index:99;
	}
	
.presse:hover {
	position: absolute;
	top: 675px;
	left: 0px;
	width: 172px;
	height: 104px;
	background: #282828 url(../img/presse_hover.png);
	z-index:99;
	}	
	
.impressum {
	position: absolute;
	top: 720px;
	left: 0px;
	width: 175px;
	height: 69px;
	background: #282828 url(../img/impressum.png);
	}	
	
.navi_termine {
	position: absolute;
	top:103px;
	left:572px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_termine.png);
	}	
	
.navi_fotos {
	position: absolute;
	top:103px;
	left:876px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_foto.png);
	}
	
.navi_training{
	position: absolute;
	top:103px;
	left:723px;
	width: 139px;
	height: 90px;
	background: #282828 url(../img/navi_training.png);
	}	

.hsv{
	position: absolute;
	top:340px;
	left:135px;
	font: 24px helvetica;
	}		
	
.hsv:hover{
	position: absolute;
	top:340px;
	left:135px;
	font: 24px helvetica;
	color:red;
	}		

.em {
	position: absolute;
	top:340px;
	left:90px;
	font:24px helvetica;
	}	
	
.em:hover {
	position: absolute;
	top:340px;
	left:90px;
	font:24px helvetica;
	color:red;
	}	
/* Menu 2 */
.menu_2 ul {padding: 290px 70px ;list-style: none;}
.menu_2 ul li {padding: 0 20px}

.menu ul li {padding: 0px 0px;margin: auto;list-style: none;width: 0px;}

.menu_2 {
	width: 100%;
	height: 10px;
	text-align:left;
	z-index: 0;
	color: #000;
	font: 14pt Helvetica;
	font-weight: normal;	
	}

.menu_2 ul li a {
	z-index:0;
	padding: 0px 0px;
	color: #000;
	display:inline;
	text-decoration:none;
	overflow:hidden;
	
	}


.menu_2 ul li  {
	float:left;
	position: relative;	
	}

.menu_2 ul li ul {display: none;}
.menu_2 ul li li a {width: auto;line-height: 0px;font-weight: normal;}


/* Menu 3 */

.menu_3 ul {padding: 290px 70px ;list-style: none;}
.menu_3 ul li {padding: 0 10px}

.menu ul li {padding: 0px 0px;margin: auto;list-style: none;width: 0px;}

.menu_3 {
	width: 100%;
	height: 10px;
	text-align:left;
	z-index: 0;
	color: #000;
	font: 14pt Helvetica;
	font-weight: normal;	
	}

.menu_3 ul li a {
	z-index:0;
	padding: 0px 0px;
	color: #000;
	display:inline;
	text-decoration:none;
	overflow:hidden;
	
	}


.menu_3 ul li  {
	float:left;
	position: relative;	
	}

.menu_3 ul li ul {display: none;}
.menu_3 ul li li a {width: auto;line-height: 0px;font-weight: normal;}



		
/* Bilder im Content */

#zeichnung {
	position: absolute;
	top: 260px;
	left: 561px;
	width: 455px;
	height: 434px;
	background: #282828 url(../img/zeichnung.png);
	z-index:99;
	}
	
#kamera {
	position: absolute;
	top: 260px;
	left: 561px;
	width: 455px;
	height: 434px;
	background: #282828 url(../img/kamera.png);
	z-index:99;
	}
	
#training_zeichnung {
	position: absolute;
	top: 260px;
	left: 480px;
	width: 579px;
	height: 525px;
	background: #282828 url(../img/training_zeichnung.png);
	z-index:99;
	}
	

#kochen {
	position: absolute;
	top: 260px;
	left: 561px;
	width: 437px;
	height: 431px;
	background: #282828 url(../img/kochen.png);
	z-index:99;
	}
	
#toto_privat {
	position: absolute;
	top: 260px;
	left: 561px;
	width: 455px;
	height: 434px;
	background: #282828 url(../img/toto_privat.png);
	}	

	
#torsten_jansen_ueberschrift {
	position: absolute;
	top: 240px;
	left: 80px;
	width: 360px;
	height: 79px;
	background: #282828 url(../img/torsten_jansen_ueberschrift.png);
		}
		
#news_textfeld {
	position: absolute;
	top: 320px;
	left: 59px;
	width: 425px;
	height: 377px;
	background: #282828 url(../img/news_textfeld.png);
	}

#spielfeld {
	position: absolute;
	top: 283px;
	left: 0px;
	width: 1024px;
	height: 485px;
	background: #282828 url(../img/spielfeld.png);
	z-index:98;
	}

#index_navi_beschriftung {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 1024px;
	height: 24px;
	background: #282828 url(../img/index_navi_beschriftung.png);
	z-index:99;
	}

#ueber_mich_navi_beschriftung {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 1024px;
	height: 24px;
	background: #282828 url(../img/ueber_mich_navi_beschriftung.png);
	z-index:99;
	}	

#spieler_navi_beschriftung {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 1024px;
	height: 24px;
	background: #fff url(../img/spieler_navi_beschriftung.png);
	z-index:99;
	}	
/* Content Text */ 

#news_h1 {
	position: relative;
	margin:auto;
	padding: 0px 95px;
	width: 365px;
	height: 379px;
	top:-13px;
	}

#news {
	position: absolute;
	top: 365px;
	left: 78px;
	width: 280px;
	height: 379px;
	}
/* Scroll leiste */	
.examplediv
 {
  background-color:#fffff;
  border-style:solid #0000 1px; 
  color:#0000;
  font: 12pt Helvetica;
  line-height: 20px;
 }
#divid
{
 position:absolute;
 left:0px; top:8px; width: 380px; height:300px;
 overflow:scroll;
}

/* Video */	

#video {
	position: absolute;
	top: 330px;
	left: 550px;
	}
/* Tabelle */		
.tr {
height:20px;
width:164px;
}

.tr_termine {
height:20px;
width:900px;
}
/* Kontakt */



form {
   background-color: #0000;
   width: 300px; /* Breite des Formulars */
   padding: 20px;
   border: 0px solid #8c8c8c;
}

form label {
   display: block; /* Beschriftung auf eigener Zeile */
   cursor: pointer; /* Mauszeiger wird zur Hand */
}

input#absender,
textarea {
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 0em;
}
textarea {
   height: 7em;
}

input#absender:focus,
textarea:focus {
   background-color: #d9d9d9;
   }
   
 /* Impressum text */
 
#impressum_text{
	position: absolute;
	top: 300px;
	left: 0px;
	}	

	#divid_impressum
{
 position:absolute;
 left:0px; top:8px; width: 1000px; height:370px;
 overflow:scroll;
}

/* Fotos */	

#bild_1{
	position: absolute;
	top: 251px;
	left: 28px;
	width: 220px;
	height: 221px;
	z-index:98;
	}
	
#bild_2{
	position: absolute;
	top: 251px;
	left: 279px;
	width: 220px;
	height: 221px;
	z-index:98;
	}
	
#bild_3 {
	position: absolute;
	top: 251px;
	left: 525px;
	width: 220px;
	height: 221px;
	z-index:98;
	}
	
#bild_4 {
	position: absolute;
	top: 251px;
	left: 773px;
	width: 220px;
	height: 221px;
	z-index:98;
	}

#bild_5{
	position: absolute;
	top: 493px;
	left: 28px;
	width: 220px;
	height: 221px;
	z-index:98;
	}
	
#bild_6{
	position: absolute;
	top: 493px;
	left: 279px;
	width: 220px;
	height: 221px;
	z-index:98;
	}

#bild_7 {
	position: absolute;
	top: 493px;
	left: 525px;
	width: 220px;
	height: 221px;
	z-index:98;
	}

#bild_8 {
	position: absolute;
	top: 493px;
	left: 773px;
	width: 220px;
	height: 221px;
	z-index:98;
	}	

#v-card {
	position: absolute;
	top: 231px;
	left: 622px;
	width: 302px;
	height: 478px;
	z-index:98;
	}		
img {border:none;}	

a  {color:#6b6a69;}

/* Fotos */	

#video_training

{
	position: absolute;
	top: -40px;
	left: 480px;
	z-index:98;
	}