/* Standard-CSS für www.jenskowallik.de */


/* Hier werden alle html-Tags auf "Null" gesetzt und eine Standard-Schriftart vergeben */
/* html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li */

/*wichtige farben:

orange				color: #FC3;

grau hover:			color: #666;

*/
 


* {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

html, body {
	height: 100%;
	width: 100%;
}

/* ------------------------------------verhindert "herausrutschen" bei kleinen browserfenstern  mindest-größe 10px mehr als hülle */
body {
	position:relative;
	overflow: scroll;
}
/* ------------------------------------linkverhalten für alle links auf jenskowallik.de/  a:hover gesondert geregelt*/
a:link{
	text-decoration:none;

}

a:visited{
	text-decoration:none;

}



/* ------------------------------------hintergrundbild skalierbar, mindest-größe 10px mehr als hülle */
#hintergrund {
	position:fixed;
	z-index:-1;
	width:100%;
	height:100%;
	min-width: 980px;
	overflow: hidden;
}


#huelle {
	width:960px;
	min-height:100%;
	background-image: url(../bilder/04_allgemeines/hintergrund_weiss.png);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	padding-left:6px;


}

/* ------------------------------------header beinhaltet titel und navigationen */
#huelle #header{

	margin-left: 6px;
	margin-right: 7px;
	width:948px;
}

#huelle #distance{
	height:100px;

}

#huelle #header #titel {
	font-size:12px;
	margin-left: 12px;
	margin-right: 20px;
	margin-bottom: 8px;
}

#huelle #header #titel a:hover{
	color: #666;
}	

.name {
	font-size: 30px;
	padding-right: 7px;
	padding-left: 6px;
}

#huelle #header #nav1  {
	height:15px;
 	font-size:15px;
	margin-left: 6px;
	margin-right: 7px;
	margin-bottom: 15px;
}
#huelle #header #nav1 ul {
	list-style-type: none;
}

#huelle #header #nav1 ul li {
	float: left;
	margin-right: 6px;
	padding-right: 10px;
	padding-left: 6px;
}

#huelle #header #nav1 a:hover  {
	color: #666;
}
/* ------------------------------------nav2: height 15px einzeilig--- wenn zweizeilig height erhöhen*/
#huelle #header #nav2 {
	height:15px;
	font-size:12px;
	margin-left: 6px;
	margin-right: 7px;
	margin-bottom:10px;
	
}

#huelle #header #nav2 ul {
	clear: both;
	list-style-type: none;
}
#huelle #header #nav2 ul li {
	float: left;
	margin-right: 6px;
	padding-right: 5px;
	padding-left: 5px;
}

#huelle #header #nav2 a:hover{
	color: #666;
}

#huelle #header #nav3 {
	clear: both;
	font-size:12px;
	margin-left: 6px;
	margin-right: 7px;
	height:16px;
	line-height:16px;



}
#huelle #header #nav3 ul {

	list-style-type: none;

}
#huelle #header #nav3 ul li {
	float: left;
	height:16px;
	padding-right: 5px;
	padding-left: 5px;
}

#huelle #header #nav3 ul li a:hover{
	color: #666;
}
#huelle #header #nav3 #pfeil_links {
	float:left;
	background-image: url(../bilder/04_allgemeines/pfeil_links_klein.gif);
	margin-left: 5px;
}

#huelle #header #nav3 #pfeil_links a:hover {
	float:left;
	background-image: url(../bilder/04_allgemeines/pfeil_links_grau.gif);
}

#huelle #header #nav3 #pfeil_rechts {
	float:left;
	background-image: url(../bilder/04_allgemeines/pfeil_rechts_klein.gif);
}

#huelle #header #nav3 #pfeil_rechts a:hover {
	float:left;
	background-image: url(../bilder/04_allgemeines/pfeil_rechts_grau.gif);
}

#huelle #content {
	clear: both;
	width: 948px;	
	margin-top: 7px;

}
#huelle #content table {
	margin-top: 20px;
	margin-left: 17px;
	float: left;

}
#huelle #content table tr td {
	font-size: 14px;
	vertical-align: top;
}

#huelle #content table a:hover {
	color: #666;
}
#huelle #content #ikke {
	margin-top: 27px;
	position: relative;
}




#huelle #text {

	font-size:13px;
	margin-top: 20px;
	margin-left: 6px;
	margin-right: 25px;
	padding-left: 11px;
}
#huelle #text h1 {
	font-size: 14px;
}
#huelle #text p {
	padding-top: 15px;
}


#huelle #footer {
	font-size:12px;
	margin-left: 6px;
	margin-right: 7px;
	padding-left: 11px;
	padding-top: 25px;
	padding-bottom: 10px;
	clear: both;

}

#huelle #footer a:hover {
	color: #666;
}