/*Bildausrichtung innerhalb des Bausteins*/

.bild-vollebreite
{
	float: none;
	margin: 0 0 2% 0;
	max-width: 100%;
}

.bild-rechts
{
	float: right;
	margin: 0 0 2% 3%;
	max-width: 45%;
}

.bild-rechts-klein
{
	float: right;
	margin: 0 0 2% 3%;
	max-width: 25%;
}

.bild-links
{
	float: left;
	margin: 0 3% 2% 0;
	max-width: 45%;
}

.bild-links-klein
{
	float: left;
	margin: 0 3% 2% 0;
	max-width: 25%;
}

.img-border
{
	
	border: 1px solid #ddd;
	padding: 4px;
	box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow:2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
}

/*Klassen für den gesamten Baustein*/
/*BREITE*/

.box25links
{
	width:24%;
	float:left;
	padding: 2%;
	margin-right: 1% !important;
}
.box25rechts
{
	width:24%;
	float:left;
	padding: 2%;
	/*margin-left: 1% !important;*/
}

.box50links
{
	width:48%;
	float:left;
	padding: 2%;
	margin-right: 2%;
}

.box50rechts
{
	width:48%;
	float:right;
	padding: 2%;
	margin-left: 2%;
}

.box100
{
	width:100%;
	clear:both;
	padding: 2%;
}


/*FARBE*/
.blockStandard
{
	border: 1px solid #dddddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 2%;
	overflow: hidden;
}
.blockOhneRahmen
{
	border: 0;
	margin: 0 0 2%;
	overflow: hidden;
}
.blockBlau
{
	background:#004983;
	color:#FFFFFF;
	margin: 0 0 2%;
}

.blockBlau h1,
.blockBlau h2,
.blockBlau h3,
.blockBlau h4,
.blockBlau h5,
.blockBlau h6,
.blockBlau a:link,
.blockBlau figure figcaption
{
	color:#FFFFFF;
}
.blockBlau .img-border
{
	
	border: 1px solid #ddd;
	padding: 4px;
	box-shadow: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

.blockRot
{
	background:#B20C32;
	color:#FFFFFF;
	margin: 0 0 2%;
}

.blockRot h1,
.blockRot h2,
.blockRot h3,
.blockRot h4,
.blockRot h5,
.blockRot h6,
.blockRot a:link,
.blockRot figure figcaption
{
	color:#FFFFFF !important;
}
.blockRot .img-border
{
	
	border: 1px solid #ddd;
	padding: 4px;
	box-shadow: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.blockRahmenRot
{
	border: 1px solid #B20C32;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 2%;
}
.blockRahmenBlau
{
	border: 1px solid #004983;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 2%;
}

/*SPEZIAL*/
.zweispaltig div
{
	text-align:justify;
	width: 100%;
	column-width: 300px;
	-moz-column-width: 300px;
	-webkit-column-width: 300px;
	column-gap: 30px;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
}
/* weil ein margin die column anweisung stört  */
.zweispaltig div p
{
	margin: 0;
}
.dreispaltig div
{
	text-align:justify;
	width: 100%;
	column-width: 250px;
	-moz-column-width: 250px;
	-webkit-column-width: 250px;
	column-gap: 30px;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
}
.titelKursiv
{
	font-style: italic;
}
/* weil ein margin die column anweisung stört  */
.dreispaltig div p
{
	margin: 0;
}


.folder h1,
.folder h2,
.folder h3,
.folder h4,
.folder h5,
.folder h6
{
	color:#B20C32;
}

.folder.box50links
{
	margin-left:0px !important;
	padding-left:0px !important;
}

.folder ul li
{
	margin-left:10px !important;
	margin-bottom:5px;
}

.folder ul ,.folder ul 
{
	margin-top:10px !important;
}

.zugangRahmenBlau
{
	border: 1px solid #004983;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 2%;
}





/* responsive custom-styles */
@media only screen and (max-width: 550px) {
	.box25links, .box25rechts
	{
		width:48%;
	}
}
@media only screen and (max-width: 460px) {
	.box50links, .box50rechts
	{
		width: 100%;
		float:none;
		margin:2% 0;
	}	
}
@media only screen and (max-width: 360px) {
	.box25links, .box25rechts
	{
		width:100%;
		float:none;
	}
}


