html {font-family: arial; font-size: 12px; line-height: 15px;}
body {margin: 0px; background: url(img/bg.jpg) center top no-repeat;}
* {margin: 0; padding: 0;}

.clear {clear: both;}

img {border: 0px;}

#wrap {width: 800px; margin: auto; border-right: 1px solid #000; border-left: 1px solid #000; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}

#header {width: 800px; height: 250px; background: url(img/header.jpg);}

#body {width: 800px; display: table;}
#nav {width: 189px; border-right: 1px solid #000; display: table-cell; vertical-align: top; box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.3);
background: #230000; background: -moz-linear-gradient(top,  #230000 56%, #450100 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,#230000), color-stop(100%,#450100)); background: -webkit-linear-gradient(top,  #230000 56%,#450100 100%); background: -o-linear-gradient(top,  #230000 56%,#450100 100%); background: -ms-linear-gradient(top,  #230000 56%,#450100 100%); background: linear-gradient(to bottom,  #230000 56%,#450100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#230000', endColorstr='#450100',GradientType=0 );
}
#nav ul {list-style-type: none;}
	#nav li:first-of-type {background: #600; padding: 7px 0 7px 12px; font-size: 13px; font-weight: bold; color: #ffb82f; text-shadow: 1px 1px 0 #000; border-bottom: 2px solid #000; box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 0, 0, 0.2);}
	#nav li:nth-of-type(1n+2) {background: url(img/arr.png) -10px 7px no-repeat, #222; border-bottom: 1px solid #000; box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.05); transition: all 0.3s;}
	#nav li:nth-of-type(1n+2) a {text-decoration: none; display: block; color: #cda964; padding: 4px 0 4px 12px; text-shadow: 1px 1px 0 #000; transition: all 0.3s;}
		#nav li:nth-of-type(1n+2):hover {background: url(img/arr.png) 5px 7px no-repeat, #333;}
		#nav li:nth-of-type(1n+2):hover a {color: #ffb82f; text-shadow: 1px 1px 0 #000, 0 0 7px #ffb82f; padding: 4px 0 4px 17px;}

#main {width: 610px; display: table-cell; vertical-align: top; font-size: 13px; line-height: 18px; color: rgba(0, 0, 0, 0.75);}
	#main h1 {display: block; font-size: 22px; padding: 7px 5px; margin: 10px; text-align: center; color: #FFF;  background: #282828; border: 1px solid #000; box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 7px rgba(0, 0, 0, 0.4);}
	#main a {text-decoration: none; font-weight: bold; color: #000;}
	#main a:hover {color: #B00; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);}

p {padding: 10px; text-align: justify;}

#usbox {width: 610px; display: table; margin-bottom: 10px; clear: both;}
#usbox > div:nth-of-type(1) {width: 400px; display: table-cell; vertical-align: top;}
#usbox > div:nth-of-type(2) {width: 210px; display: table-cell; vertical-align: top; text-align: center;}
	#usbox > div:nth-of-type(2) img {width: 192px; height: 256px; display: table-cell; vertical-align: top; text-align: center; margin-bottom: 5px; 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 #ff0000; padding: 5px;
background: #000000;
background: -moz-linear-gradient(top,  #000000 0%, #cd0000 50%, #f8d306 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#cd0000), color-stop(100%,#f8d306));
background: -webkit-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: -o-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: -ms-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: linear-gradient(to bottom,  #000000 0%,#cd0000 50%,#f8d306 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f8d306',GradientType=0 );
}


.katbox1 {width: 610px; display: table; margin-bottom: 10px; clear: both;}
.katbox1 > div:nth-of-type(1) {width: 400px; display: table-cell; vertical-align: top;}
.katbox1 > div:nth-of-type(2) {width: 210px; display: table-cell; vertical-align: top; text-align: center;}
	.katbox1 > div:nth-of-type(2) img {width: 192px; height: 256px; display: table-cell; vertical-align: top; text-align: center; margin-bottom: 5px; 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 #ff0000; padding: 5px;
background: #000000;
background: -moz-linear-gradient(top,  #000000 0%, #cd0000 50%, #f8d306 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#cd0000), color-stop(100%,#f8d306));
background: -webkit-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: -o-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: -ms-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: linear-gradient(to bottom,  #000000 0%,#cd0000 50%,#f8d306 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f8d306',GradientType=0 );
}
.katbox2 {width: 610px; display: table; margin-bottom: 10px; clear: both;}
.katbox2 > div:nth-of-type(2) {width: 400px; display: table-cell; vertical-align: top;}
.katbox2 > div:nth-of-type(1) {width: 210px; display: table-cell; vertical-align: top; text-align: center;}
	.katbox2 > div:nth-of-type(1) img {width: 192px; height: 256px; display: table-cell; vertical-align: top; text-align: center; margin-bottom: 5px; 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 #ff0000; padding: 5px;
background: #000000;
background: -moz-linear-gradient(top,  #000000 0%, #cd0000 50%, #f8d306 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#cd0000), color-stop(100%,#f8d306));
background: -webkit-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: -o-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: -ms-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%);
background: linear-gradient(to bottom,  #000000 0%,#cd0000 50%,#f8d306 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f8d306',GradientType=0 );
}
.katbox1 h2, .katbox2 h2 {font-size: 20px; padding: 0 0 10px 10px;}


.sspic {margin: 10px; width: 278px;
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 #ff0000; padding: 5px;
background: #000000; background: -moz-linear-gradient(top,  #000000 0%, #cd0000 50%, #f8d306 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#cd0000), color-stop(100%,#f8d306)); background: -webkit-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%); background: -o-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%); background: -ms-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%); background: linear-gradient(to bottom,  #000000 0%,#cd0000 50%,#f8d306 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f8d306',GradientType=0 );
}
.sspic:last-of-type {margin-left: 0px;}


.uspic {margin: 0px 10px;
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 #ff0000; padding: 5px;
background: #000000; background: -moz-linear-gradient(top,  #000000 0%, #cd0000 50%, #f8d306 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#cd0000), color-stop(100%,#f8d306)); background: -webkit-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%); background: -o-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%); background: -ms-linear-gradient(top,  #000000 0%,#cd0000 50%,#f8d306 100%); background: linear-gradient(to bottom,  #000000 0%,#cd0000 50%,#f8d306 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f8d306',GradientType=0 );
}
.mt20 {margin-top: 20px;}

.nummer {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer.jpg);}


.nummer-bawu {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-bawu.jpg);}
.nummer-bayern {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-bayern.jpg);}
.nummer-berlin {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-berlin.jpg);}
.nummer-brandenburg {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-brandenburg.jpg);}
.nummer-bremen {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-bremen.jpg);}
.nummer-hamburg {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-hamburg.jpg);}
.nummer-hessen {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-hessen.jpg);}
.nummer-meckpomm {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-meckpomm.jpg);}
.nummer-niedersachsen {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-niedersachsen.jpg);}
.nummer-nrw {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-nrw.jpg);}
.nummer-rheinlandpfalz {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-rheinlandpfalz.jpg);}
.nummer-saarland {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-saarland.jpg);}
.nummer-sachsen {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-sachsen.jpg);}
.nummer-sachsenanhalt {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-sachsenanhalt.jpg);}
.nummer-schleswigholstein {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-schleswigholstein.jpg);}
.nummer-thueringen {width: 400px; height: 240px; display: block; margin: 0 auto 20px auto; background: url(img/nummer-thueringen.jpg);}

.nummer-gaydirekt {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-gaydirekt.jpg);}
.nummer-armygays {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-armygays.jpg);}

.nummer-dominadirekt {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-dominadirekt.jpg);}
.nummer-peitschendomina {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-peitschendomina.jpg);}

.nummer-saugen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-saugen.jpg);}
.nummer-naschkatze {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-naschkatze.jpg);}
.nummer-doppelpack {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-doppelpack.jpg);}
.nummer-heimlichelueste {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-heimlichelueste.jpg);}
.nummer-muschis {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-muschis.jpg);}
.nummer-tittenfick {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-tittenfick.jpg);}

.nummer-blowjob {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-blowjob.jpg);}
.nummer-erotikstories {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-erotikstories.jpg);}
.nummer-lesbennummer {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-lesbennummer.jpg);}
.nummer-sexorgie {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-sexorgie.jpg);}

.nummer-afrikanerinnen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-afrikanerinnen.jpg);}
.nummer-polinnen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-polinnen.jpg);}
.nummer-russinnen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-russinnen.jpg);}
.nummer-asiatinnen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-asiatinnen.jpg);}
.nummer-tuerkinnen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-tuerkinnen.jpg);}
.nummer-ungarinnen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-ungarinnen.jpg);}

.nummer-blondine {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-blondine.jpg);}
.nummer-fruehreif {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-fruehreif.jpg);}
.nummer-hausfrauen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-hausfrauen.jpg);}
.nummer-hobbynutte {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-hobbynutte.jpg);}
.nummer-intimrasur {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-intimrasur.jpg);}
.nummer-krankenschwester {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-krankenschwester.jpg);}
.nummer-lehrerin {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-lehrerin.jpg);}
.nummer-lesben {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-lesben.jpg);}
.nummer-nachbarin {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-nachbarin.jpg);}
.nummer-natursekt {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-natursekt.jpg);}
.nummer-rasiert {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-rasiert.jpg);}
.nummer-riesentitten {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-riesentitten.jpg);}
.nummer-schlampen {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-schlampen.jpg);}
.nummer-studentin {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-studentin.jpg);}
.nummer-vollbusig {width: 400px; height: 240px; display: block; margin: 0 auto 10px auto; background: url(img/nummer-vollbusig.jpg);}

.zusatz {width: 610px; height: 190px; background: url(img/zusatz.jpg); display: block; margin: 10px auto 10px auto;}
.min10 {width: 340px; height: 190px; background: url(img/10min.jpg); display: block; margin: 5px auto;}
.lauschen {width: 340px; height: 190px; background: url(img/lauschen.jpg); display: block; margin: 5px auto;}


.karte-bawu {width: 186px; height: 233px; background: url(img/karte-bawu.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-bayern {width: 186px; height: 233px; background: url(img/karte-bayern.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-berlin {width: 186px; height: 233px; background: url(img/karte-berlin.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-brandenburg {width: 186px; height: 233px; background: url(img/karte-brandenburg.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-bremen {width: 186px; height: 233px; background: url(img/karte-bremen.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-hamburg {width: 186px; height: 233px; background: url(img/karte-hamburg.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-hessen {width: 186px; height: 233px; background: url(img/karte-hessen.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-meckpomm {width: 186px; height: 233px; background: url(img/karte-meckpomm.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-niedersachsen {width: 186px; height: 233px; background: url(img/karte-niedersachsen.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-nrw {width: 186px; height: 233px; background: url(img/karte-nrw.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-rheinlandpfalz {width: 186px; height: 233px; background: url(img/karte-rheinlandpfalz.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-saarland {width: 186px; height: 233px; background: url(img/karte-saarland.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-sachsen {width: 186px; height: 233px; background: url(img/karte-sachsen.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-sachsenanhalt {width: 186px; height: 233px; background: url(img/karte-sachsenanhalt.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-schleswigholstein {width: 186px; height: 233px; background: url(img/karte-schleswigholstein.png); float: right; margin-left: 10px; margin-bottom: 5px;}
.karte-thueringen {width: 186px; height: 233px; background: url(img/karte-thueringen.png); float: right; margin-left: 10px; margin-bottom: 5px;}



#footer {width: 800px; height: 25px; padding-top: 5px; background: url(img/footer.png); text-align: center;}
	#footer a {text-decoration: none; color: #BEBEBE; font-size: 14px; text-shadow: 1px 1px 0 #000; transition: all 0.3s;}
	#footer a:hover {color: #cda964; text-shadow: 1px 1px 0 #000, 0 0 7px #cda964;}
		#footer a:nth-of-type(1n+2) {border-left: 2px solid #777; padding-left: 6px; margin-left: 5px;}