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


#headermenu {
	height: 100px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#menucont {
	float: left;
	height: 67px;
	width: 610px;
	margin-right: 0px;
	margin-left: 330px;
	margin-top: 20px;
}
#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: 600px;
	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 {
	float: left;
	width: 940px;
	margin-right: 20px;
	margin-left: 20px;
	height: auto;
	font-family: 'Exo 2', sans-serif;
	font-weight:100;
}

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

.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: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}


.titel p {
	font-size: 18px;
}
#textospace660 {
	float: left;
	width: 640px;
}
#contenedorimag {
	float: left;
	width: 940px;
	height: 300px;
	margin-top: 10px;
	position: relative;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
}
#leiste {
	float: left;
	height: 300px;
	width: 90px;
	background-color: #A5000B;
	margin-right: 10px;
}
#bild200x300 {
	float: left;
	height: 300px;
	width: 200px;
	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;
}

#menuleiste {
	float: left;
	height: auto;
	width: 520px;
	margin-right: 0px;
	margin-top: 22px;
	padding-left: 10px;
	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: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #fff;

}

.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: #fff;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background: #ffc600; 
}

.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; 
	
}

#contenedorinside3 {
	float: left;
	height: auto;
	width: 940px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: 200;
	color: #333;
	font-size: 14px;
	text-align: justify;
	}

#contenedorinside3 a:link {
	color: #F1C112;
	text-decoration: none;
	}

#contenedorinside3 a:mailto {
	color: #666;
	text-decoration: none;
	}

#contenedorinside3 a:visited {
	color: #F1BE12;
	text-decoration: none;
	}

#contenedorinside3 a:hover {
	color: #F1D912;
	text-decoration: none;
	}

.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;
}
#contenedoralles #contenedorropa #conteninside #contenedoralles2 #contenedorropa2 #conteninside2 #contenedorinside3 .texto300 {
	/* [disabled]font-weight: bold; */
}
#platzhalterlila3 {
	background-color: #990099;
	float: left;
	height: 176px;
	width: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#platzhalterlila4 {
	background-color: #630063;
	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;
}
#platzhalteredu {
	background-color: #ffc600;
	float: left;
	height: 10px;
	width: 940px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#platzhalteredu1 {
	background-color: #ffd440;
	float: left;
	height: 10px;
	width: 940px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#texto100 {
	background-image: url(img/ropa/weiss2x2_70.png);
	background-repeat: repeat;
	float: left;
	height: auto;
	width: 400px;
	margin-left: 10px;
}
#bild300x200 {
	float: left;
	height: 300px;
	width: 200px;
	margin-right: 10px;
}
#texto100 {
	background-image: url(img/ropa/weiss2x2_70.png);
	background-repeat: repeat;
	float: left;
	height: auto;
	width: 630px;
	font-weight: 200;
	color: #333;
	font-size: 14px;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#texto100 h3 {
	font-size: 14px; 
	font-weight:400; 
	color: #F1B912;  
}
#contenedoralles #contenedorropa #conteninside #contenedoralles2 #contenedorropa2 #conteninside2 #contenedorinside3 #texto100 strong {
	color: #666;
}
#archiveducacion {
	background-image: url(img/ropa/weiss2x2_70.png);
	background-repeat: repeat;
	float: left;
	height: auto;
	width: 400px;
	padding-left: 10px;
	color: #666;
	font-size: 14px;
	font-family: "Exo 2", sans-serif;
}

#archiveducacion h3 {
	font-size: 14px; 
	font-weight:400; 
	color: #F1B912; 
}
#imgholder300 {
	float: left;
	height: 300px;
	width: 200px;
	margin-right: 20px;
}
#streifengelb10 {
	float: left;
	height: 305px;
	width: 720px;
	background-image: url(img/ropa/weiss2x2_70.png);
	background-repeat: repeat;
}
#contentfotogalerie {
	float: left;
	height: 305px;
	width: 720px;
}
#fotostreifen1 {
	float: left;
	height: 95px;
	width: 720px;
	margin-bottom: 10px;
}
#fotostreifen2 {
	float: left;
	height: 95px;
	width: 720px;
	margin-bottom: 10px;
}
#fotostreifen3 {
	float: left;
	height: 95px;
	width: 720px;
}
#foto1 {
	float: left;
	height: 95px;
	width: 95px;
	margin-right: 10px;
}
#foto2_190 {
	float: left;
	height: 95px;
	width: 190px;
	margin-right: 10px;
}
#texttejido {
	color: #FFF;
	padding: 10px;
	float: left;
	height: 75px;
	width: 170px;
	text-align: left;
	font-size: 15px;
	font-family: "Exo 2", sans-serif;
	position: absolute;
	left: 2px;
	top: 1px;
}

#masinfotejido a:link {
	color: #FFFFFF;
	text-decoration: none;
	}

#masinfotejido a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

#masinfotejido a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size:14px; 
	font-weight:400;
	}
#masinfotejido {
	float: left;
	height: 30px;
	width: 175px;
	margin-top: 60px;
	margin-left: 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;
}