* {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {font-size: 100%;}
ul, ol {list-style: none;}
label, input.button {cursor: pointer; cursor: hand;}
img, fieldset {border: none;}
table {border-collapse: collapse; border: none;}

html {
	background: #D56D00 url("../img/html-bg.png") repeat-x 0 0;
}
body {
	font: 11px/14px Tahoma, Verdana, sans-serif;
	color: #3F3F3F;
}

#wrapper {
	width: 808px;
	margin: 0 auto;
	position: relative;
}

#main {
	background: #FFF url("../img/main-bg.jpg") no-repeat;
	height: 332px;
	position: relative;
}

#header {
	height: 130px;
	background: url("../img/header-bg.jpg") no-repeat;
	overflow: hidden;
}
#header h1 {
	float: left;
	padding: 70px 0 0 18px;
}
#header ul {
	float: right;
	padding: 105px 19px 0 0;
}
#header ul li {
	float: left;
	padding: 0 5px 0 0;
	line-height: 25px;
	height: 25px;
	background: url("../img/menu-bg.gif") no-repeat 100% 0;
	margin-left: 1px;
}
#header ul li a {
	display: block;
	float: left;
	height: 31px;
	padding: 0 23px 0 28px;
	background: url("../img/menu-bg.gif") no-repeat 0 0;
	color: #737373;
	font-weight: bold;
	text-decoration: none;
}

#content h2 {
	margin-bottom: 10px;
}


#b-join {
	position: absolute;
	top: 363px;
	right: 21px;
}

#welcome {
    position: absolute;
    top: 20px;
    left: 37px;
    width: 290px;
}

#features {
	float: left;
	display: inline;
	margin-left: 37px;
	padding-top: 180px;
}
#features ul {
}
#features ul li {
	padding: 5px 0 5px 25px;
}
#f1 {background: url("../img/f1.gif") no-repeat 0 50%;}
#f2 {background: url("../img/f2.gif") no-repeat 0 50%;}
#f3 {background: url("../img/f3.gif") no-repeat 0 50%;}
#f4 {background: url("../img/f4.gif") no-repeat 0 50%;}
#f5 {background: url("../img/f5.gif") no-repeat 0 50%;}
#f6 {background: url("../img/f6.gif") no-repeat 0 50%;}
#f7 {background: url("../img/f7.gif") no-repeat 0 50%;}
#f8 {background: url("../img/f8.gif") no-repeat 0 50%;}
#f9 {background: url("../img/f9.gif") no-repeat 0 50%;}
#f10 {background: url("../img/f10.gif") no-repeat 0 50%;}

#search {
	float: right;
	width: 206px;
	display: inline;
	margin-right: 60px;
}
#search .button{width: auto !important; border: none !important; background: none; color: #FFF;}
#search table {width: 100%;}
#search table td {
	padding: 5px 0;
}
#search tr.nw td select {
	width: auto !important;
}
#search select {
	width: 100%;
	font: 10px Tahoma, Verdana, sans-serif;
	color: #696969;
	border: 1px solid #918D80;
	padding: 1px;
}
#search h2 {margin-bottom: 10px;}
#search .button {
	position: absolute; top: 237px; right: 121px;}

#faces {
	height: 220px;
	background: url("../img/members-bg.jpg");
	position: relative;
}
#faces ul {
	padding: 31px 0 0 34px;
}
#faces ul li {
	float: left;
	display: inline;
	margin-right: 9px;
}
#faces ul li img {
    display: block;
    border: 1px solid #F4F4F4;
    margin-bottom: 4px;
}
#faces ul li a {color: #2397ED;}

#misc {
	padding-top: 10px;
	overflow: hidden;
	width: 100%;
	color: #FFF;
}

#stats {
	float: left;
	display: inline;
	margin-right: 7px;
	width: 222px;
	height: 83px;
	background: url("../img/stats-bg.jpg") no-repeat 0 0;
}
#stats ul {
	padding: 25px 0 0 70px;
}

#login {
    position: absolute;
    top: 11px;
    right: 4px;
    width: 415px;
    height: 59px;
    background: url("../img/login-bg.png") no-repeat;
}
#login form {
    padding: 20px 0 0 21px;
    font-size: 10px;
}
#login * {vertical-align: middle;}
#login .inp {
    width: 100px;
    padding: 2px 5px;
    font-size: 10px;
    border: 1px solid #CFCFCF;
    background: #FFF;
    margin-right: 5px;
}
#login .sep {margin: 0 5px;}
#login a {color: #828E9A;}

#b-features {
	float: right;
}

#banners table {
	width: 100%;
}
#banners td {
	text-align: center;
	height: 70px;
}

#footer {
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	margin-bottom: 20px;
}
#footer .links {
	float: right;
	padding-right: 17px;
	font-size: 10px;
}
* html #footer .links {padding-top: 7px;}
#footer .links img {position: relative; top: 3px;}
#footer a {color: #FFF; text-decoration: none;}
#footer .cop {
	float: left;
	padding-left: 15px;
	color: #FFF;
}

#join {
    position: absolute;
    top: 296px;
    right: 132px;
}

#banners {
    position: absolute;
    top: 140px;
    left: 30px;
}
#banners img {
    float: left;
    margin-right: 10px;
}

#text_unten {
	height: 130px;
	background: url("../img/index_text_unten.jpg");
	position: relative;
}

#text_unten_tx {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 778px;
}
