/* @override 
	http://localhost/fam/familie.css
*/

/*  body und schrift definitionen */

/* @group allgemein */

.tr {
	padding: 0px;
}

html {
color: #000;
padding: 0;
margin: 0;
background-color: #fff;
}

body  { color: #000; font-size: 11px; font-family: Arial; background-color: #fff; text-align: left; margin: 0; padding: 0 }

h1  { color: #000; font-size: 11px; font-family: Arial; background-color: #fff; margin: 0; padding: 0 0 8px }

h2    { color: #000; font-size: 10px; font-family: Arial }

p, td {
font-size: 11px;
color: #000;
margin: 10px 0 0;
}

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

a:hover {
color: red;
}

a.nav_a {
color: black;
	font-family: "Lucida Grande", Lucida, sans-serif;
}
a.nav_p {
	font-family: "Lucida Grande", Lucida, sans-serif;
}

.bild_galerie {
	border: solid 1px black;
}

/* @end */

#all {
width:950px;
margin: 0px auto;
padding:0px;
margin-top:40px;
text-align: left;
z-index:2;
}

#box {
width:900px;
margin: 0px auto 0px;
padding:0px;
text-align: left;
z-index:2;
}

#kopf {
width:883px;
margin: 8px;
padding: 0px;
padding-bottom: 18px;
color: #000;;
background-color: #fff;
border-bottom: 1px solid black;
text-align: left;
float: left;

z-index:2;
}

/* @group kopf */

#kopf_li {
width: 432px;
float: left;
	font-weight: bold;
	line-height: 1.2em;
}

#kopf_re {
margin-left: 16px;
width: 430px;
float: left;
	line-height: 1.2em;
}

#logo_top {
padding: 0px;
margin: 0px;
}



/* @end */

#mitte {
height:361px;
margin: 8px;
padding: 0px;
padding-top: 2px;

padding-bottom: 8px;
background-color: #fff;
float: left;
z-index: 10;
position: relative;
top: 0;
	overflow: hidden;
}

#mitte_scroll {
height:377px;
margin: 0px;
padding: 0px;
background-color: #fff;
float: left;
z-index: 10;
position: relative;
}

/* @group mitte */

#inhalt_text {
width: 432px;
margin:0px;
padding:0px;
top: 0px;
float:left;
position: relative;
z-index: 1;
}

#inhalt_bild {
margin-top: 0px;
margin-left: 16px;
width: 390px;
float: left;
padding: 0px;
}

#inhalt_bild img {
	width: 390px;
}

#scrollbar {
margin-left: 10px;
width: 10px;
float: left;
padding: 0px;
padding-top: 329px;
font-size: 18px;
font-weight: bold;
position: static;
}

.p_bild {
border: 1px solid #0079c2;
padding: 1px;
float: right;
display: inline;
position: relative;
top: 30px;
margin-left: 10px;
margin-bottom: 40px;
}

/* @end */

#fuss {

margin: 8px;
margin-top: 12px;
text-align: left;
font-size: 12px;
font-weight: bold;

color: #999;
float: left;

}

/* @group fuss */

#fuss_li {
padding-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
width: 432px;
float: left;
border-top: 1px solid black;
border-bottom: 1px solid black;
z-index: 4;
background-color: white;
}

#fuss_li_li {
width: 180px;
float: left;
z-index: 4;
background-color: white;
}

#fuss_li_re {
width: 240px;
float: left;	
}

#fuss_re {
margin-left: 16px;
width: 435px;
float: left;
padding-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid black;

border-bottom: 1px solid black;

}

#fuss_re_li {
width: 180px;
float: left;
}

#fuss_re_re {
width: 55px;
float: right;	
}

/* @end */

/* @group restseiten */

#links {
padding-left: 10px;
width: 370px;
float: left;
min-height: 450px;
}

#rechts {
width: 380px;
float: right;
padding-left: 10px;
}

/* @end */

/* @group Forumular */
input { 
	background-color: #eee;
	padding : 1px;
	margin-right: 10px;
	font-size: 11px;
	border: 1px solid #0079c2;
} 
textarea.oben {
	width: 345px;
	background-color: #eee;
	margin-top : 0px;
	margin-left: 0px;
	padding-top: 0px;
	font-family : Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	font-size: 11px;
	border: 1px solid #0079c2;
}
textarea.unten {
	width: 602px;
	background-color: #eee;
	margin-top : 0px;
	margin-left: 0px;
	padding-top: 0px;
	font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	border: 1px solid #0079c2;
}
select { 
	background-color: #eee;
	margin-top : 0px;
	margin-left: 0px;
	padding-top: 0px;
	font-size: 11px;
	width: 40px;
	border: 1px solid #0079c2;
}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover
{
	background-color: #ddd;
}
/* @end */
li { }
ul { color: green }

#scrollbar a img#up1.pfeil {
	border-style: solid;
	border-width: 0;
	background: url(bilder/pfeile/up_rot.gif) no-repeat;

}
#scrollbar a img#up1.pfeil:hover {
	background: url(bilder/pfeile/up.gif) no-repeat;
}
#scrollbar a img#down1.pfeil {
	border-style: solid;
	border-width: 0;
	background: url(bilder/pfeile/down_rot.gif) no-repeat;

}
#scrollbar a img#down1.pfeil:hover {
	background: url(bilder/pfeile/down.gif) no-repeat;
}