html {font-family: arial; font-size: 12px; line-height: 15px;}
body {margin: 0px; background: #ff99ff;}
* {margin: 0; padding: 0;}
.clear {clear: both;}
img {border: 0px;}



.pl {float: left; margin-right: 5px;}
.pr {float: right; margin-left: 5px;}

#header {width: 920px; height: 226px; background: url(img/header.jpg); margin: auto; position: relative; right: 50px;}
#body {width: 1020px; background: url(img/mainbg.png); margin: auto;}

#nav {width: 220px; float: left;}
	#nav ul {background: url(img/navbg.jpg); padding-left: 30px; list-style-type: none;}
		#nav ul:after {content: ""; display: block; width: 220px; height: 171px; background: url(img/navbot.jpg); position: relative; right: 30px;}
		#nav ul:last-of-type:after {display: block; width: 220px; height: 118px; background: url(img/navbot2.jpg); position: relative; right: 30px;}
	#nav li {margin-right: 25px; transition: all 0.3s;}
	#nav li:nth-of-type(1n+2):hover {background: rgba(0, 0, 0, 0.1);}
	#nav li a {font-size: 14px; color: rgba(255, 255, 255, 0.85); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-decoration: none; display: block; padding: 1px 0 2px 15px; margin-bottom: 3px; background: url(img/arrow.gif) 0 5px no-repeat; transition: all 0.3s;}
	#nav li a:hover {color: #FFF; background: url(img/arrow.gif) 4px 5px no-repeat;}
	#nav ul li:first-of-type {font-size: 16px; font-weight: bold; color: #FFF; line-height: 18px; position: relative; bottom: 33px; left: 10px; margin-bottom: -18px;}


#main {width: 690px; float: left; margin-top: -20px; position: relative; z-index: 10; font-size: 14px; line-height: 17px; color: rgba(0, 0, 0, 0.8);}
	#main p {padding: 0 10px 20px 10px; text-align: justify;}
	#main a {text-decoration: none; color: #000; font-weight: bold;}
	#main a:hover {text-decoration: underline; color: #330026;}
	#main h1 {display: block; margin: 0 10px 10px 10px; padding: 10px; text-align: center; border: 1px solid #980065; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 5px rgba(0, 0, 0, 0.4); text-shadow: 1px 1px 0 rgba(255, 150, 255, 0.6); color: #000;
background: #ffbef6;
background: -moz-linear-gradient(top,  #ffbef6 0%, #ff00cd 66%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbef6), color-stop(66%,#ff00cd));
background: -webkit-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: -o-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: -ms-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: linear-gradient(to bottom,  #ffbef6 0%,#ff00cd 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbef6', endColorstr='#ff00cd',GradientType=0 );

}

#usbox1 {width: 160px; float: left; background: rgba(94, 57, 94, 0.0);}
	#usbox1 img, .regpic, .sspic {width: 144px; height: 192px; margin: 0 auto 8px auto; display: block; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.3);  border: 1px solid #ff00c6; padding: 5px;
background: #ffbef6;
background: -moz-linear-gradient(top,  #ffbef6 0%, #ff00cd 66%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbef6), color-stop(66%,#ff00cd));
background: -webkit-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: -o-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: -ms-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: linear-gradient(to bottom,  #ffbef6 0%,#ff00cd 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbef6', endColorstr='#ff00cd',GradientType=0 );
}
#usbox2 {width: 530px; float: left;}

.regpic {width: 216px; height: 162px; display: inline-block; margin: 17px;}
.sspic {width: 200px; display: inline-block; margin-right: 17px;}
.sspic:last-of-type {margin-right: 0px;}

#regio1 {width: 185px; float: left; text-align: center;}
	#regio1 img {width: 175px; height: 235px;}
#regio2 {width: 530px; float: left;}

#nums {width: 450px; margin: auto;}
#nums:nth-of-type(1n+2) {margin-top: 20px;}
#nums td.ttitle {border: 1px dashed #c7ab93; padding: 5px; font-size: 18px !important; font-weight: lighter !important; border: 1px solid #980065; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 5px rgba(0, 0, 0, 0.4); text-shadow: 1px 1px 0 rgba(255, 150, 255, 0.6); color: #000;
background: #ffbef6;
background: -moz-linear-gradient(top,  #ffbef6 0%, #ff00cd 66%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbef6), color-stop(66%,#ff00cd));
background: -webkit-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: -o-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: -ms-linear-gradient(top,  #ffbef6 0%,#ff00cd 66%);
background: linear-gradient(to bottom,  #ffbef6 0%,#ff00cd 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbef6', endColorstr='#ff00cd',GradientType=0 );}
#nums tr td {padding: 5px; font-size: 15px;}
#nums tr:nth-child(even) td {background: rgba(0, 0, 0, 0.08);}
#nums tr:nth-child(odd) td {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);}
#nums tr td:nth-child(2) {width: 90px; font-weight: bold; text-align: center;}


.nummer {width: 480px; height: 260px; background: url(img/nummer.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-afrikanerinnen {width: 480px; height: 260px; background: url(img/nummer-afrikanerinnen.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-armygays {width: 480px; height: 260px; background: url(img/nummer-armygays.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-blondine {width: 480px; height: 260px; background: url(img/nummer-blondine.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-domina {width: 480px; height: 260px; background: url(img/nummer-domina.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-dominapeitsche {width: 480px; height: 260px; background: url(img/nummer-dominapeitsche.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-dominastiefel {width: 480px; height: 260px; background: url(img/nummer-dominastiefel.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-fruehreif {width: 480px; height: 260px; background: url(img/nummer-fruehreif.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-gaydirekt {width: 480px; height: 260px; background: url(img/nummer-gaydirekt.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-hausfrau {width: 480px; height: 260px; background: url(img/nummer-hausfrau.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-hobbynutte {width: 480px; height: 260px; background: url(img/nummer-hobbynutte.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-intimrasur {width: 480px; height: 260px; background: url(img/nummer-intimrasur.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-krankenschwester {width: 480px; height: 260px; background: url(img/nummer-krankenschwester.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-lehrerin {width: 480px; height: 260px; background: url(img/nummer-lehrerin.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-lesben {width: 480px; height: 260px; background: url(img/nummer-lesben.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-nachbarin {width: 480px; height: 260px; background: url(img/nummer-nachbarin.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-natursekt {width: 480px; height: 260px; background: url(img/nummer-natursekt.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-polinnen {width: 480px; height: 260px; background: url(img/nummer-polinnen.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-rasiert {width: 480px; height: 260px; background: url(img/nummer-rasiert.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-riesentitten {width: 480px; height: 260px; background: url(img/nummer-riesentitten.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-russinnen {width: 480px; height: 260px; background: url(img/nummer-russinnen.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-schlampen {width: 480px; height: 260px; background: url(img/nummer-schlampen.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-studentinnen {width: 480px; height: 260px; background: url(img/nummer-studentinnen.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-thaigirls {width: 480px; height: 260px; background: url(img/nummer-thaigirls.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-tuerkin {width: 480px; height: 260px; background: url(img/nummer-tuerkin.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-ungarin {width: 480px; height: 260px; background: url(img/nummer-ungarin.jpg); display: block; margin: auto; margin-bottom: 20px;}
.nummer-vollbusig {width: 480px; height: 260px; background: url(img/nummer-vollbusig.jpg); display: block; margin: auto; margin-bottom: 20px;}

.nummer-regional1 {width: 480px; height: 100px; background: url(img/nummer-regional1.jpg); display: block; margin: auto; margin-bottom: 30px;}
.nummer-regional2 {width: 480px; height: 190px; background: url(img/nummer-regional2.jpg); display: block; margin: auto; margin-bottom: 23px; margin-top: 20px;}

.zusatz {width: 680px; height: 330px; background: url(img/zusatz.jpg); display: block; margin: 10px auto; clear: both;}

.box {background: #ff99ff; padding: 10px; margin: 10px; text-align: justify; border: 1px solid #980065; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 5px rgba(0, 0, 0, 0.4); text-shadow: 1px 1px 0 rgba(255, 150, 255, 0.6);}
	.box h2 {margin-bottom: 10px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}


#footer {background: url(img/mainbg.png); padding: 0 120px 20px 120px; text-align: right; clear: both;}
	#footer a {color: #ff00ff; text-decoration: none;}
	#footer a:hover {color: #ff00ff; text-decoration: underline;}