html {font-family: arial; font-size: 12px; line-height: 15px;}
body {margin: 0px; background: url(img/bg_top.jpg) repeat-x;}
* {margin: 0; padding: 0;}
.clear {clear: both;}
img {border: 0px;}



#wrap {width: 920px; margin: auto; display: table;}

#nav {width: 218px; height: 1000px; background: url(img/nav_bg.jpg) no-repeat top; font-family: Tahoma,Verdana,sans-serif; display: table-cell; vertical-align: top;}
	#nav ul {width: 190px; margin: auto; list-style-type: none; margin-top: 17px; padding: 13px 0; border-radius: 5px; border: 3px solid rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 0 15px rgba(255, 255, 255, 0.5), 1px 1px 5px rgba(0, 0, 0, 0.2); border-left: 0px; border-right: 0px; background: #cbbb92; background: -moz-linear-gradient(top,  #cbbb92 0%, #a39676 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbbb92), color-stop(100%,#a39676)); background: -webkit-linear-gradient(top,  #cbbb92 0%,#a39676 100%); background: -o-linear-gradient(top,  #cbbb92 0%,#a39676 100%); background: -ms-linear-gradient(top,  #cbbb92 0%,#a39676 100%); background: linear-gradient(to bottom,  #cbbb92 0%,#a39676 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbbb92', endColorstr='#a39676',GradientType=0 );}
	#nav li {width: 176px; margin: auto; transition: all 0.3s;}
	#nav li a {color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); padding: 1px 0 2px 11px; text-decoration: none; font-weight: bold; display: block;}
	#nav li a:hover {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
	#nav li:hover {background: rgba(0, 0, 0, 0.1);}
		#nav ul li:first-of-type {text-align: center; font-weight: bold; margin-bottom: 3px; background: rgba(0, 0, 0, 0.05);}
		#nav li a:after {content:""; background: rgba(0, 0, 0, 0.3); width: 4px; height: 4px; display: block; margin-bottom: -4px; position: relative; right: 8px; bottom: 8px; transition: all 0.3s;}
		#nav li:hover a:after {background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px #FFF;}


#main {width: 702px; background: url(img/main_bg.jpg) repeat-y; display: table-cell; vertical-align: top; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);}
#header {width: 702px; height: 175px; background: url(img/header.jpg) repeat-y;}
h1 {width: 671px; margin: auto; margin-bottom: 10px; background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.3), 1px 1px 10px rgba(0, 0, 0, 0.3); line-height: 30px; text-align: center; font-size: 22px; font-weight: lighter; color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0px rgba(0, 0, 0, 0.15), 1px 1px 3px rgba(0, 0, 0, 0.3);}
	#main p {padding: 10px; text-align: justify;}
	#main a {color: #000; font-weight: bold;}

.b {display: table; border-spacing: 11px; position: relative; left: 4px;}
.b > div {display: table-cell; width: 320px; padding: 5px; margin: 10px; text-align: justify; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.3), 1px 1px 10px rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.2); background: -moz-linear-gradient(top,  rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.2))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.2) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.2) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.2) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54000000', endColorstr='#33000000',GradientType=0 );}
	.b > div img {display: block; margin: 0 auto 10px auto; max-width: 272px; max-height: 270px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.1);}


#footer {width: 672px; height: 23px; display: inline-block; padding: 0 15px; background: url(img/footer.jpg); margin-top: 10px; text-align: right;}
	#footer a {position: relative; top: 4px; text-decoration: none; font-weight: bold; color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); transition: all 0.3s;}
	#footer a:hover {text-decoration: underline; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);}

.nummer-blondinen {width: 480px; height: 320px; background: url(img/nummer-blondinen.jpg); display: block; margin: auto;}
.nummer-fruehreif {width: 480px; height: 320px; background: url(img/nummer-fruehreif.jpg); display: block; margin: auto;}
.nummer-hausfrauen {width: 480px; height: 320px; background: url(img/nummer-hausfrauen.jpg); display: block; margin: auto;}
.nummer-hobbynutte {width: 480px; height: 320px; background: url(img/nummer-hobbynutte.jpg); display: block; margin: auto;}
.nummer-intimrasur {width: 480px; height: 320px; background: url(img/nummer-intimrasur.jpg); display: block; margin: auto;}
.nummer-krankenschwester {width: 480px; height: 320px; background: url(img/nummer-krankenschwester.jpg); display: block; margin: auto;}
.nummer-lehrerin {width: 480px; height: 320px; background: url(img/nummer-lehrerin.jpg); display: block; margin: auto;}
.nummer-lesben {width: 480px; height: 320px; background: url(img/nummer-lesben.jpg); display: block; margin: auto;}
.nummer-nachbarin {width: 480px; height: 320px; background: url(img/nummer-nachbarin.jpg); display: block; margin: auto;}
.nummer-natursekt {width: 480px; height: 320px; background: url(img/nummer-natursekt.jpg); display: block; margin: auto;}
.nummer-rasiert {width: 480px; height: 320px; background: url(img/nummer-rasiert.jpg); display: block; margin: auto;}
.nummer-riesentitten {width: 480px; height: 320px; background: url(img/nummer-riesentitten.jpg); display: block; margin: auto;}
.nummer-studentinnen {width: 480px; height: 320px; background: url(img/nummer-studentinnen.jpg); display: block; margin: auto;}
.nummer-schlampen {width: 480px; height: 320px; background: url(img/nummer-schlampen.jpg); display: block; margin: auto;}
.nummer-vollbusig {width: 480px; height: 320px; background: url(img/nummer-vollbusig.jpg); display: block; margin: auto;}
.nummer-afrikanerinnen {width: 480px; height: 320px; background: url(img/nummer-afrikanerinnen.jpg); display: block; margin: auto;}
.nummer-polinnen {width: 480px; height: 320px; background: url(img/nummer-polinnen.jpg); display: block; margin: auto;}
.nummer-russinnen {width: 480px; height: 320px; background: url(img/nummer-russinnen.jpg); display: block; margin: auto;}
.nummer-tuerkinnen {width: 480px; height: 320px; background: url(img/nummer-tuerkinnen.jpg); display: block; margin: auto;}
.nummer-thai-girls {width: 480px; height: 320px; background: url(img/nummer-thai-girls.jpg); display: block; margin: auto;}
.nummer-ungarinnen {width: 480px; height: 320px; background: url(img/nummer-ungarinnen.jpg); display: block; margin: auto;}
.nummer-saugen {width: 480px; height: 320px; background: url(img/nummer-saugen.jpg); display: block; margin: auto;}
.nummer-naschkatze {width: 480px; height: 320px; background: url(img/nummer-naschkatze.jpg); display: block; margin: auto;}
.nummer-doppelpack {width: 480px; height: 320px; background: url(img/nummer-doppelpack.jpg); display: block; margin: auto;}
.nummer-heimliche-lueste {width: 480px; height: 320px; background: url(img/nummer-heimliche-lueste.jpg); display: block; margin: auto;}
.nummer-muschi {width: 480px; height: 320px; background: url(img/nummer-muschi.jpg); display: block; margin: auto;}
.nummer-tittenfick {width: 480px; height: 320px; background: url(img/nummer-tittenfick.jpg); display: block; margin: auto;}
.nummer-dominadirekt {width: 480px; height: 320px; background: url(img/nummer-dominadirekt.jpg); display: block; margin: auto;}
.nummer-dominastiefel {width: 480px; height: 320px; background: url(img/nummer-dominastiefel.jpg); display: block; margin: auto;}
.nummer-dominapeitsche {width: 480px; height: 320px; background: url(img/nummer-dominapeitsche.jpg); display: block; margin: auto;}
.nummer-gaydirekt {width: 480px; height: 320px; background: url(img/nummer-gaydirekt.jpg); display: block; margin: auto;}
.nummer-armygays {width: 480px; height: 320px; background: url(img/nummer-armygays.jpg); display: block; margin: auto;}
.nummer-blowjob {width: 480px; height: 320px; background: url(img/nummer-blowjob.jpg); display: block; margin: auto;}
.nummer-stories {width: 480px; height: 320px; background: url(img/nummer-stories.jpg); display: block; margin: auto;}
.nummer-lesbennummer {width: 480px; height: 320px; background: url(img/nummer-lesbennummer.jpg); display: block; margin: auto;}
.nummer-sexorgie {width: 480px; height: 320px; background: url(img/nummer-sexorgie.jpg); display: block; margin: auto;}

.nummer {width: 480px; height: 320px; background: url(img/nummer.jpg); display: block; margin: auto;}

.nummer-regional {width: 332px; height: 72px; background: url(img/nummer-regional.jpg); display: block; margin: auto; margin-bottom: 30px;}
.nummer-regional2 {width: 433px; height: 94px; background: url(img/nummer-regional2.jpg); display: block; margin: auto; margin-bottom: 30px;}
.nummer-bundesland {width: 332px; height: 200px; background: url(img/nummer-bundesland.jpg); display: block; margin: auto; margin-top: 20px;}
.nummer-staedte {width: 408px; height: 246px; background: url(img/nummer-staedte.jpg); display: block; margin: auto; margin-top: 20px;}

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


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

#nums {width: 332px; margin: auto;}
#nums:nth-of-type(1n+2) {margin-top: 20px;}
#nums td.ttitle {background: rgba(231, 217, 205, 0.5) !important; border: 1px dashed #c7ab93; padding: 5px; font-size: 18px !important; font-weight: lighter !important;}
#nums tr td {padding: 3px; 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;}

#staedte1 {width: 450px; float: left;}
#staedte2 {width: 250px; float: left;}
	#staedte2 img {width: 225px; height: 300px;}


/* ------BREADCRUMB------ */

#breadcrumb {padding: 8px 0; background: rgba(0,0,0, 0.05); text-align: center; color: rgba(0,0,0,0.4); width: 100%; max-width: 1004px; margin: 0 auto 5px 0;}
#breadcrumb a {text-decoration: none !important; font-style: normal !important; color: #5f4513; text-shadow: 1px 1px rgba(255,255,255, 0.5);}
#breadcrumb a:hover {color: #2b2313;}
@media screen and (max-width : 680px){ #breadcrumb {width: 96%; padding: 2%;} }

/* ---------------------- */