/* ### -- -- -- -- -- boxPlugin Styles -- -- -- -- -- ### */

/* 

File: boxPlugin.css 
Copyright 2011-15 by CLS-Design.com . 

*/

.redBox, .rotBox {
	background-color: #BC3F3F;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.3) !important;
	color: #ffffff;
	text-shadow: 0 0px 0px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #943b3d;
	padding:2px 12px 2px 12px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	display:inline-block;
}

.redBox a, .rotBox a {
	color:#FFFFFF !important;
	text-decoration:none;
} 

.redBox a:hover, .rotBox a:hover {
	color:#FFFFFF !important;
	text-decoration: underline;
}
	
.blueBox, .blauBox {
	background-color: #3088F5;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.3) !important;
	color: #ffffff;
	text-shadow: 0 0px 0px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #497ea7;
	padding:2px 12px 2px 12px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	display:inline-block;
}

.blueBox a, .blauBox a {
	color:#FFFFFF !important;
	text-decoration:none;
} 

.blueBox a:hover, .blauBox a:hover {
	color:#FFFFFF !important;
	text-decoration: underline;
}
	

.greenBox, .grünBox {
	background-color: #93C25A;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.3) !important;
	color: #ffffff;
	text-shadow: 0 0px 0px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #779162;
	padding:2px 12px 2px 12px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	display:inline-block;
}

.greenBox a, .grünBox a {
	color:#FFFFFF !important;
	text-decoration:none;
} 

.greenBox a:hover, .grünBox a:hover {
	color:#FFFFFF !important;
	text-decoration: underline;
}

.yellowBox, .gelbBox {
	background-color: #EFD456;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.3) !important;
	color: #333333;
	text-shadow: 0 0px 0px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #b5a040;
	padding:2px 12px 2px 12px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	display:inline-block;
}

.yellowBox a, .gelbBox a {
	color:#333333 !important;
	text-decoration:none;
} 

.yellowBox a:hover, .gelbBox a:hover {
	color:#333333 !important;
	text-decoration: underline;
}

.purpleBox, .lilaBox {
	background-color: #C57BBA;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.3) !important;
	color: #ffffff;
	text-shadow: 0 0px 0px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #98578e;
	padding:2px 12px 2px 12px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	display:inline-block;
}

.purpleBox a, .lilaBox a {
	color:#FFFFFF !important;
	text-decoration:none;
} 

.purpleBox a:hover, .lilaBox a:hover {
	color:#FFFFFF !important;
	text-decoration: underline;
}


.blackBox, .schwarzBox {
	background-color: #555555;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.3) !important;
	color: #ffffff;
	text-shadow: 0 0px 0px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #303030;
	padding:2px 12px 2px 12px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	display:inline-block;
}

.blackBox a, .schwarzBox a {
	color:#FFFFFF !important;
	text-decoration:none;
} 

.blackBox a:hover, .schwarzBox a:hover {
	color:#FFFFFF !important;
	text-decoration: underline;
}