@charset "UTF-8";
/* CSS Document */



#headermenu {
	height: 100px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	overflow: visible;
	z-index: 1;
	position: relative;
}

#menucont {
	float: left;
	height: auto;
	width: 600px;
	margin-right: 0px;
	margin-left: 360px;
	margin-top: 20px;
	overflow: visible;
	position: absolute;
	z-index: 2;
}
#menucont a {
   text-decoration: none; 
}

.boton {
	float: left;
	height: 25px;
	width: 90px;
	position: fixed;
	left: 558px;
	top: 49px;
}
#botoninv {
	background-image: url(img/2x2lila.png);
	background-repeat: repeat;
	z-index: 1;
	}
#botoninv a hover {
	background-image: url(2x2lila.png);
	background-repeat: repeat;
	z-index: 1;
	}
	
#contenedorropa {
	float: left;
	width: 980px;
}

#contenedoralles {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(img/ropa/rayaslang.png);
	background-repeat: repeat-y;
	height: auto;
	overflow: hidden;
}

.texto300 {
	float: left;
	width: 510px;
	font-weight: 200;
	color: #333;
	font-size: 14px;
	text-align: justify;
	background-image: url(img/ropa/weiss2x2_70.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.texto300 h3 {
	font-size: 14px; 
	font-weight:400; 
	color: #A600AC;  
}

.texto300 a:link {
	
	font-weight: 200;
	color: #CC33CC;
	
}
#conteninside {
	width: 940px;
	margin-right: 20px;
	margin-left: 20px;
	height: auto;
	font-family: 'Exo 2', sans-serif;
	font-weight:100;
	position: relative;
	margin-top: 20px;
}

#conteninside h1 { 
    font-family: 'Exo 2', sans-serif;
	font-weight:200; 
	font-size: 20px; 
}

.titel {
	float: left;
	height: 40px;
	width: 300px;
	margin-top: 20px;
	border-top-width: 0.1em;
	border-bottom-width: 0.1em;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	text-align: left;
	vertical-align: middle;
	text-indent: 10px;
	font-weight: 300;
}
#contenedorinside2 {
	float: left;
	width: 940px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.titel p {
	font-size: 18px;
}
#textospace660 {
	float: left;
	width: 640px;
}
#contenedorimag {
	float: left;
	width: 940px;
	height: 600px;
	margin-top: 10px;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
}
#leiste {
	float: left;
	height: 450px;
	width: 70px;
	background-color: #A5000B;
	margin-right: 10px;
}
#bild200x300 {
	float: left;
	height: 450px;
	width: 300px;
	margin-right: 10px;
	position: relative;
}

#400x300 {
	float: left;
	height: 300px;
	width: 400px;
}

#contenedorimage2 {
	float: left;
	height: 300px;
	width: 940px;
	margin-top: 10px;
}

#image2_3 {
	float: left;
	height: 300px;
	width: 200px;
	margin-right: 10px;
}
#image400_300mr {
	float: left;
	height: 300px;
	width: 400px;
	margin-right: 10px;
}
#img200_300 {
	float: left;
	height: 300px;
	width: 200px;
}
#footer {
	height: 110px;
	width: 940px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 100;
	font-size: 12px;
	margin-top: 70px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#direccfooter {
	float: left;
	height: 80px;
	width: 180px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(img/ropa/weiss2x2_70.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#separadorfooter {
	float: left;
	height: 110px;
	width: 460px;
}
#socialmedia {
	float: right;
	height: 65px;
	width: 195px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 35px;
}
#socialmediabox {
	float: left;
	height: 30px;
	width: 20px;
	padding-left: 10px;
}
#twitter {
	float: right;
	height: 30px;
	width: 33px;
	margin-right: 0px;
	margin-left: 8px;
}

.mascara {
	height: 280px;
	width: 190px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	left: 0px;
	position:absolute;
	top:0px;
	background-color:rgba(255,255,255,0.6);
	opacity:0;
	transition:all 1s;
}
.mascara:hover{
	opacity:1;
	font-family: 'Exo 2', sans-serif;
}
.mascara h3{
	color:#A5000B;
}
.mascara p{
	color:#A5000B;
}
.mascara img{
	position:absolute;
	bottom:-3px;
	right:-2px;
}
.contenedor a .mascara h3 {
	font-family: 'Exo 2', sans-serif;
}
.detalle {
	font-weight: bold;
}
.detai {
	font-family: 'Exo 2', sans-serif;
}


.mascara1 {
	height: 280px;
	width: 380px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	left: 521px;
	position:absolute;
	top:0px;
	background-color:rgba(255,255,255,0.6);
	opacity:0;
	transition:all 1s;
}
.mascara1:hover{
	opacity:1;
	font-family: 'Exo 2', sans-serif;
}
.mascara1 h3{
	color:#A5000B;
}
.mascara1 p{
	color:#A5000B;
}
.mascara1 img{
	position:absolute;
	bottom:-3px;
	right:-2px;
}
.contenedor a .mascara1 h3 {
	font-family: 'Exo 2', sans-serif;
}
.detalle {
	font-weight: bold;
}
.detai {
	font-family: 'Exo 2', sans-serif;
}


#menuleiste {
	float: left;
	height: auto;
	width: 520px;
	margin-right: 0px;
	margin-top: 22px;
	padding-left: 0px;
	overflow: visible;
}

.menupunkt {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	
}

.menupunkt:hover {
	color: #fff;
	
}

.menupunkt1 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #fff;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #990099;

}

.menupunkt1:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #990099; 
	
}

.menupunkt2 {
	float: left;
	height: 15px;
	width: 78px;
	margin-right: 2px;
	padding-left: 2px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 25px;
}

.menupunkt2:hover {
	font-weight: 400;
	font-size:12px;
	background-color: #cc0000;
	overflow: visible;
	color:#FFF;
	background-color: #cc0000;
}
.menupunkt3 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.menupunkt3:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #ffc600; 
	
}
.menupunkt4 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.menupunkt4:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #099; 
	
}
.menupunkt5 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	
}

.menupunkt5:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #639; 
	
}
.menupunkt6 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;

}

.menupunkt6:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #369; 
	
}



	#tshirt {
	float: left;
	height: 90px;
	width: 90px;
	position: absolute;
	background-image: url(img/ropa/tshirtrotgross-01.png);
	background-repeat: no-repeat;
	left: 12px;
	top: 33px;
}


#shirtkleid {
	background-image: url(img/ropa/vestido88.png);
	background-repeat: no-repeat;
	float: left;
	height: 80px;
	width: 165px;
	position: absolute;
	left: 11px;
	top: 42px;
}
#rechteck {
	float: left;
	height: 240px;
	width: 240px;
}
#carrito {
	float: left;
	height: 200px;
	width: 230px;
	margin-bottom: 10px;
	padding-left: 10px;
}
#ropadetalles {
	float: left;
	height: 110px;
	width: 670px;
	margin-top: 10px;
	background-image: url(img/2x2grau40.png);
	background-repeat: repeat;
	padding-top: 20px;
	padding-left: 20px;
	color: #FFF;
	margin-right: 10px;
	font-size:14px; 
}
#roterkasten {
	background-color: #992626;
	float: left;
	height: 130px;
	width: 240px;
	margin-top: 10px;
}

#popmenu {
	float: left;
	height: 40px;
	width: 80px;
	overflow: hidden;
	margin-right: 3px;
	transition: all 0.5s; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	color:#FFF;
	
}

#popmenu:hover {
	float: left;
	height: 140px;
	width: 80px;
	overflow:visible;
	margin-right: 3px;
	color:#FFF;
	
}

#pop1 {
	float: left;
	height: 15px;
	width: 77px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	padding-top: 25px;
	background-color: #AE0400;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	color: #FFF;	
}

#pop2 {
	float: left;
	height: 15px;
	width: 77px;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-top: 25px;
	padding-left: 3px;
	background-color: #AA000C;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	color: #FFF;
}
#pop3 {
	float: left;
	height: 15px;
	width: 77px;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-top: 25px;
	padding-left: 3px;
	background-color: #8F0101;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	color: #FFF;
}

#devuelta {
	float: right;
	height: 30px;
	width: 150px;
	font-family:'Exo 2', sans-serif;
	color: #A5000B;
	text-align: right;
	vertical-align: 90%;
	display: block;
}

#deregresolang {
	float: left;
	height: 30px;
	width: 940px;
}

.rot {
	color: #C00;
}

#contenedorinside3 {
	float: left;
	height: auto;
	width: 940px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contenedorinside3 a:link {
	color: #CC5CCC;
	text-decoration: none;
	text-weight: 400; 
}

#contenedorinside3 a:visited {
	color: #88039A;
	text-decoration: none;
	text-weight: 400; 
}

#contenedorinside3 a:hover {
	color: #CC33CC;
	text-decoration: none;
	text-weight: 400; 
}

.platzhalterlila6 {
	float: left;
	height: 176px;
	width: 20px;
	margin-left: 10px;
	background-color: #E268E2;
	margin-right: 10px;
}

.platzhalterlila1 {
	float: left;
	height: 176px;
	width: 20px;
	margin-left: 10px;
	background-color: #CC55CC;
	margin-right: 10px;
}
.platzhalterimage {
	float: left;
	height: auto;
	width: auto;
}
#contenedoralles #contenedorropa #conteninside #contenedoralles2 #contenedorropa2 #conteninside2 #contenedorinside3 .texto300 {
	text-align: left;
}
.texto300 strong {
	font-weight: bold;
}

#platzhalterlila3 {
	background-color: #990099;
	float: left;
	height: 176px;
	width: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#platzhalterlila4 {
	background-color: #851185;
	float: left;
	height: 176px;
	width: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#platzhalterlila5 {
	background-color: #CC33CC;
	float: left;
	height: 176px;
	width: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#platzhalterlila5 {
	float: left;
	height: 176px;
	width: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#platzhalterlila6 {
	float: left;
	height: 176px;
	width: 20px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #642364;
}