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


#text {
	margin-top: 10px;
	margin-right: 10px;	
	margin-left: 10px;
	margin-bottom: 35px;	
	float: left;
	width: 300px;
	
}


/*----------------Start -Marlis- Start--------------------*/


#eusi-marlis {
	height: 245px;
	background-image: url(images/portfolio-images/marlis_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#eusi-marlis a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/marlis_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#eusi-marlis span {
	display: none;
}

#eusi-marlis a {
	min-height: 245px;
	display: block;
}





/*----------------Start -ricola- Start--------------------*/

#ricola {
	height: 245px;
	background-image: url(images/portfolio-images/ricola_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#ricola a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/ricola_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#ricola span {
	display: none;
}

#ricola a {
	min-height: 245px;
	display: block;
}




/*----------------Start -buchrain- Start--------------------*/

#svkt-buchrain {
	height: 245px;
	background-image: url(images/portfolio-images/svkt-buchrain_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#svkt-buchrain a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/svkt-buchrain_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#svkt-buchrain span {
	display: none;
}

#svkt-buchrain a {
	min-height: 245px;
	display: block;
}



/*----------------Start -rivella- Start--------------------*/

#rivella-violett {
	height: 245px;
	background-image: url(images/portfolio-images/rivella-violett_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#rivella-violett a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/rivella-violett_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#rivella-violett span {
	display: none;
}

#rivella-violett a {
	min-height: 245px;
	display: block;
}






/*----------------Start -victorinox- Start--------------------*/

#victorinox {
	height: 245px;
	background-image: url(images/portfolio-images/victorinox_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#victorinox a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/victorinox_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#victorinox span {
	display: none;
}

#victorinox a {
	min-height: 245px;
	display: block;
}





/*----------------Start -Robots- Start--------------------*/

#robots {
	height: 245px;
	background-image: url(images/portfolio-images/robot_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#robots a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/robot_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#robots span {
	display: none;
}

#robots a {
	min-height: 245px;
	display: block;
}


/*----------------Start -HSLU- Start--------------------*/

#hslu {
	height: 245px;
	background-image: url(images/portfolio-images/hslu_vorschau.png);
	background-repeat: 
	no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#hslu a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/hslu_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#hslu span {
	display: none;
}

#hslu a {
	min-height: 245px;
	display: block;
}


/*----------------Start -hochzeit- Start--------------------*/

#hochzeit {
	height: 245px;
	background-image: url(images/portfolio-images/hochzeitskarten_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#hochzeit a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/hochzeitskarten_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#hochzeit span {
	display: none;
}

#hochzeit a {
	min-height: 245px;
	display: block;
}


/*----------------Start -Oase- Start--------------------*/

#oase {
	height: 245px;
	background-image: url(images/portfolio-images/coiffure-oase_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	margin-bottom: 0px;	
float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#oase a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/coiffure-oase_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#oase span {
	display: none;
}

#oase a {
	min-height: 245px;
	display: block;
}



/*----------------Start -ps-schreinerei- Start--------------------*/

#ps-schreinerei {
	height: 245px;
	background-image: url(images/portfolio-images/ps-schreinerei_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#ps-schreinerei a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/ps-schreinerei_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#ps-schreinerei span {
	display: none;
}

#ps-schreinerei a {
	min-height: 245px;
	display: block;
}






/*----------------Start -rahels-geburtstafeln- Start--------------------*/

#rahels-geburtstafeln {
	height: 245px;
	background-image: url(images/portfolio-images/rahels-geburtstafeln_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#rahels-geburtstafeln a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/rahels-geburtstafeln_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#rahels-geburtstafeln span {
	display: none;
}

#rahels-geburtstafeln a {
	min-height: 245px;
	display: block;
}




/*----------------Start -Theater Perlen- Start--------------------*/

#theater-perlen {
	height: 245px;
	background-image: url(images/portfolio-images/theater-perlen_vorschau.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#theater-perlen a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/theater-perlen_rollover.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#theater-perlen span {
	display: none;
}

#theater-perlen a {
	min-height: 245px;
	display: block;
}






/*----------------Start -Violine- Start--------------------*/

#violine {
	height: 245px;
	background-image: url(images/portfolio-images/violine_vorschau.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#violine a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/violine_rollover.png);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#violine span {
	display: none;
}

#violine a {
	min-height: 245px;
	display: block;
}






/*----------------Start -Coiffure Scherenschnitt- Start--------------------*/

#scherenschnitt {
	height: 245px;
	background-image: url(images/portfolio-images/scherenschnitt_vorschau.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#scherenschnitt a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/scherenschnitt_rollover.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#scherenschnitt span {
	display: none;
}

#scherenschnitt a {
	min-height: 245px;
	display: block;
}






/*----------------Start -beautyzeit- Start--------------------*/

#beautyzeit {
	height: 245px;
	background-image: url(images/portfolio-images/beautyzeit_vorschau.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 10px;	
	margin-bottom: 0px;	
	margin-left: 10px;
	float: left;
	width: 300px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.5);
	 box-shadow:        0px 2px 5px rgba(50, 50, 50, 0.5);
}

#beautyzeit a:hover {
	height: 245px;
	background-image: url(images/portfolio-images/beautyzeit_rollover.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 12px 0px; /*gleicher Abstand wie die class "mt" im mybuco.ss*/
	float: left;
	width: 300px;
}

#beautyzeit span {
	display: none;
}

#beautyzeit a {
	min-height: 245px;
	display: block;
}










.text {
	margin-top: 10px;
	margin-right: 10px;	
	margin-left: 10px;
	margin-bottom: 35px;	
	float: left;
	width: 300px;
	
}


.title_portfolio {
	padding-left: 10px;
	float: left;
	width: 600px;
	
}

.ml {
	margin-left: 10px;
}

.textabstand_portfolio {
	padding: 0px 0px 7px 10px;
}

.nmb {
	margin-bottom: -1.1em;
}

.mt {
	margin-top: 12px;
}

.bmt {
	margin-top: 32px;
	color: #DBD6E8
}