/* importiert norm.css */
@import url("norm.css");

body {
   position: relative;
   background: url(images/background2_.jpg) repeat-x;
   background-position: center top;
   width: 930px;
   margin: 0 auto;
   text-align:center;
   font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   font-size: 100.01%;
}

/* Kopfzeile */

#kopf {
   position: absolute;
   top: 30px;
   background:url(images/kopf.png) no-repeat; /* Schriftzug */
   left: 350px;
   width: 1000px;
   height: 150px;
}



/* Kopfzeile ende*/



#wrapper {
   position:absolute;
   background:url(images/ganz.png) no-repeat; /* großer Kasten */
   top: 130px;
   width: 920px;
   height: 460px;
   text-align:left;
   left:0px;
}


/* Navigation */

#navi {
   position: absolute;
   left: 360px;
   min-height: 0px;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   font-size: 1.1em;
   letter-spacing: 0.1em;
   width: 200px;
   top: 20px;
   display:table;
   
}

#navi ul {
	display: table-row;
}

#navi li {
	display: table-cell;
	vertical-alogn: top;
	text-align: center;
}
	
#navi li a {
	display: block;
}	
	
#navi ul li a:link, #navi ul li a:visited,
#navi ul li a:active {
   position:relative;
   top:0px;
   left:0px;
   
   
}

#navi ul li a:hover, #navi ul li a:focus {
   background: url(images/underline.png);
}

#navi ul li #current {
	background: url(images/underline.png);	
	
}

#navi h2 {
   text-indent:-9999px;
   height:0;
}




/* Hauptteil */

#content_main {
   position:absolute;
   text-align: justify;
   margin: 0 0px 0 0px;
   top: 90px;
   left: 190px;
   height: 315px;
   width: 650px;
   color:#331A00;
   padding-right:10px;
   overflow: auto;
}   

#content_main h3 {
	font-size:1.2em;
	padding-bottom:15px;
	font-style: italic;
}

#content_main h4 {
	font-size:1.1em;
} 

#content_main a:link {
	color: #331A00;
	text-decoration: none;
}

#content_main a:hover {
	font-weight: bold
}

#logo {
	position: absolute;
	background: url(images/ranke2.png) no-repeat;
	top:20px;
	left:-150px;
	width: 350px;
	height:350px;
}

#logo2 {
	position: absolute;
	background: url(images/bogen.png) no-repeat;
	top:480px;
	left:725px;
	width: 210px;
	height:180px;
}

#foto {
	position:relative;
	top:20px;
	height:315px;
	text-align:center;
}

#foto2 {
	position:relative;
	top:20px;
	height:160px;
	text-align:center;
}

#foto3 {
	position:relative;
	top:-130px;
	left:300px;
	height:200px;
	width:140px;
}

#linie {
	background: url(images/linie.png) no-repeat;
	height:10px;
	width:630px;
}

#portrait {
	background: url(images/portrait2.png) no-repeat;
	position:absolute;
	height: 120px;
	width: 180px;
	top: 115px;
	left: 620px;
}

#twitter {
	position: absolute;
	height: 100px;
	width: 100px;
	top: 270px;
	left: 650px;
}

/* Fusszeile */

#site_info h4 {
   text-indent:-9999px;
}   

#site_info {
   position:absolute;
   font-size: 0.9em;
   line-height: 1.3em;
   bottom:7px;
   left:20px;
}

#site_info p {
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   font-size:0.7em;
   color:#331A00;   
}

#site_info a:link, #site_info a:active,
#site_info a:visited {
	text-decoration:none;
	color:#331A00;
	font-size: 0.9em;
}

#site_info a:hover, #site_info a:focus {
	font-weight:bold
}

#site_info a:current {
text-decoration: underline;
}

table .navi {
	height: 50px;
}

tr {
	height: 120px;
}

td {
	height: 110px;
	width: 	120px;
	padding: 5px 5px 10px 5px;
	background: url(images/zelle.png) no-repeat;
}

.liste {
	font-size: 1.1em;
	background: none;
	border: none;
	height: 50px;
	width: auto;
	text-align: center;
	padding-left: 15px;
}

td a:hover, td a:focus {
	background: url(images/underline.png);		
}