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

#wrap {width: 1000px; margin: auto;}

#logo {height: 66px; background: url(img/logo.png) no-repeat left;}


a  {color: #FF00A1; text-decoration: none;}
a:hover  {color: #444;}


.nav {width: 998px; height: 50px; background: red; margin: auto; border: 1px solid #999; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 1px 1px 6px rgba(0, 0, 0, 0.2); margin-bottom: 20px;
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #e9eaeb 50%, #dbdddf 50%, #f6f7f8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#e9eaeb), color-stop(50%,#dbdddf), color-stop(100%,#f6f7f8));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e9eaeb 50%,#dbdddf 50%,#f6f7f8 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#e9eaeb 50%,#dbdddf 50%,#f6f7f8 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#e9eaeb 50%,#dbdddf 50%,#f6f7f8 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#e9eaeb 50%,#dbdddf 50%,#f6f7f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f6f7f8',GradientType=0 );
}

.tit {background: url(img/title.png) no-repeat center; height: 46px;}

.body {background: #FFF; padding-top: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}




h1 {display: block; text-align: center; font-size: 30px; position: relative; top: 18px; color: #000; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF;}
h2, h3, h4 {padding-left: 10px; margin-top: 10px;}
.body p {padding: 10px; text-align: justify;}

.schritte {width: 800px; margin: auto; border-bottom: 1px dashed #999; padding-bottom: 10px; margin-bottom: 15px;}
.schritte span {display: block; width: 74px; padding-left: 70px; height: 48px; padding-top: 28px; background: url(img/schritte.png); font-size: 70px; font-family: impact; color: #000; text-shadow: 1px 1px 0 #a6df15, -1px -1px 0 #a6df15; float: left; margin-right: 20px;}
.schritte strong {display: block; color: #000; font-size: 30px; margin-bottom: 10px; padding-top: 10px;}

.pics {display: block; float: left; padding: 5px 5px; position: relative; left: 0px;}
.pics img {width: 240px;}
.pc {display: block; margin: auto;}


div.tw{padding:5px; margin: 10px 5px; text-align:center !important;line-height:23px; background: rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 1.0);}
div.tw span{margin:5px; font-weight:lighter; text-decoration:none; color: #ff00a1; text-shadow: 1px 1px 0 #000;}
div.tw strong {color: #000; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF; margin: -5px;
display: block; padding: 5px; font-size: 25px; border: 1px solid #999; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 1px 1px 6px rgba(0, 0, 0, 0.2); margin-bottom: 20px;
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #e9eaeb 50%, #dbdddf 50%, #f6f7f8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#e9eaeb), color-stop(50%,#dbdddf), color-stop(100%,#f6f7f8));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e9eaeb 50%,#dbdddf 50%,#f6f7f8 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#e9eaeb 50%,#dbdddf 50%,#f6f7f8 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#e9eaeb 50%,#dbdddf 50%,#f6f7f8 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#e9eaeb 50%,#dbdddf 50%,#f6f7f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f6f7f8',GradientType=0 );
}
.tw_s{font-size:16px;}
.tw_m{font-size:20px;}
.tw_l{font-size:22px;}
.tw_xl{font-size:30px;}
.tw_xxl{font-size:36px;}

.formular {width: 450px; position: relative; margin: auto; left: 30px;}





@media screen and (max-width : 680px){ .novis680 {display: none;} }
@media screen and (max-width : 1000px){ .novis1000 {display: none;} }

@media screen and (max-width : 490px){ img[src*="zurcom.png"] {width: 100%;} }

@media screen and (max-width : 680px){
	h1, h2, h3, h4, h5, div.tw strong {font-size: 14px; line-height: 16px; top: 0;}
	.nav {height: auto; padding: 1% 0;}
	div.tw strong {margin: 0 0 1% 0;}
	.tw_s{font-size:10px;}
	.tw_m{font-size:12px;}
	.tw_l{font-size:14px;}
	.tw_xl{font-size:18px;}
	.tw_xxl{font-size:20px;}
	div.tw{padding:1%; margin: 1% 0.5%; line-height: 15px;}
	div.tw span{margin:1px;}
	p {display: none;}

	.schritte strong {display: block; color: #000; font-size: 10px; margin-bottom: 1%; padding-top: 0;}
	.schritte span {display: block; width: 35px; padding-left: 45px; height: 27px; padding-top: 15px; margin-bottom: 3%; background: url(img/schritte.png); background-size: 100%; font-size: 35px; float: left; margin-right: 1%;}
	.formular {display: none;}
}

@media screen and (max-width : 800px){
	html {font-size: 10px; line-height: 12px;}
	.schritte {width: 100%;}
}
@media screen and (max-width : 964px){
	.tit {background: url(img/title.png) no-repeat center; background-size: 96%; margin: auto; width: 100%; height: 0; padding-bottom: 4.581%;}
	img[src*="zurcom.png"] {width: 100%;}
}
@media screen and (max-width : 1000px){
	#wrap {width: 100%;}
	.nav {width: 96%; margin: 0 auto 1% auto;}
}


/* Profile */

@media screen and (min-width : 801px) and (max-width : 1000px){
	.pics {display: block; float: left; width: 24%; padding: 0.5%;}
	.pics img {width: 100%;}
	img[src*="mehr-amateure.png"] {display: block !important; margin: 0 !important; margin-bottom: 0% !important; right: 0 !important; top: 0 !important; padding: 0.5%; width: 49%;}
}
@media screen and (min-width : 481px) and (max-width : 800px){
	.pics {display: block; float: left; width: 32.33%; padding: 0.5%;}
	.pics img {width: 100%;}
	.piclast {display: none;}
	img[src*="mehr-amateure.png"] {width: 100%; max-width: 490px; clear: both; display: block !important; float: none !important; margin: auto !important; margin-bottom: 4% !important; right: 0 !important; top: 0 !important;}
}
@media screen and (max-width : 480px){
	.pics {display: block; float: left; width: 49%; padding: 0.5%;}
	.pics img {width: 100%;}
	img[src*="mehr-amateure.png"] {width: 100%; max-width: 490px; clear: both; display: block !important; float: none !important; margin: auto !important; margin-bottom: 4% !important; right: 0 !important; top: 0 !important;}
	.piclast2 {display: none;}
}

@media screen and (max-width : 400px){ /* Muss auf die Logogröße immer angepasst werden */
	#logo {width: 100%; height: 0; background: url(img/logo.png) no-repeat left; background-size: 100%; padding-bottom: 16.5%;}
}


p a[href^="http://"] {color: #444; font-weight: bold; font-style: italic; text-decoration: none;}
p a[href*="reife-frauen-ficken.com"], p a[href^="/"] {color: #000; text-decoration: underline; font-weight: lighter; font-style: normal;}








#footer {padding: 1%; text-align: center;}