/* ---------- TWO-COLUMS ---------- */

/* Hier feste Pixelwerte eintragen, je nach dem ob das Element 
   auf der ganzen Breite oder in einer Inhaltsspalte liegt */
.content .size50 {
	width: 320px;
}
aside .size50 {
	width: 144px;
}

.content .size66 {
	width: 672px;
}
.content .size33 {
	width: 320px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.column {
    float: left;
    margin-right: 2%;
}

.fce-1-1-1-1 .column.four,
.fce-2-1-1 .column.three,
.fce-1-2-1 .column.three,
.fce-1-1-2 .column.three,
.fce-2-2 .column.two,
.fce-3-1 .column.two,
.fce-1-3 .column.two {
    margin-right: 0;
}

.fce-1-1-1-1 .column,
.fce-1-1-2 .column.one,
.fce-1-1-2 .column.two,
.fce-3-1 .column.two,
.fce-1-3 .column.one {
    width: 23.5%;
}

.fce-2-1-1 .column.one,
.fce-1-2-1 .column.two,
.fce-1-1-2 .column.three,
.fce-2-2 .column {
    width: 49%;
}

.fce-2-1-1 .column.two,
.fce-2-1-1 .column.three,
.fce-1-2-1 .column.one,
.fce-1-2-1 .column.three {
     width: 23.5%;
}

.fce-3-1 .column.one,
.fce-1-3 .column.two {
    width: 74.5%;
}
.fce-4 .column.one {
	width:100%;
	margin-right:0;
}

.fce-2-2 .column .fce-2-2 .column {
	width:48%;
	margin-right:4%;
}
.fce-2-2 .column .fce-2-2 .column.two {
	margin-right:0;
}
.row {
	margin-bottom:2%;
}
.fce-2-2 .column .fce-2-2.row {
	margin-bottom:3.7%;
}

.fce-4.row {
	margin-bottom:3.7%;
}


.container > div > div > .fce-2-2.row {
    margin-bottom: 0;
}
.container > div > div:first-child > .fce-2-2.row {
    margin-bottom: 2%;
}


@media only screen and (max-width:1000px) {
	.fce-3-1 .column,
	.fce-1-3 .column {
		width:100% !important;
		margin-right:0 !important;
		float:none;
	}
}
@media only screen and (max-width:800px) {
	.fce-2-2 .column {
		width:100% !important;
		margin-right:0 !important;
		float:none;
	}
	.fce-1-1-2 .column.one,
	.fce-1-1-2 .column.two {
		width:49% !important;
	}
	.fce-1-1-2 .column.two {
		margin-right:0 !important;
	}
	.fce-1-1-2 .column.three {
		float:none;
		width:100% !important;
	}
	.fce-1-2-1 .column {
		float:none;
		margin-right:0 !important;
		width:100% !important;
	}
	.fce-2-1-1 .column.one {
		float:none;
		width:100%;
		margin-right:0 !important;
	}
	.fce-2-1-1 .column.two,
	.fce-2-1-1 .column.three {
		width:49% !important;
	}
	.fce-2-1-1 .column.three {
		margin-right:0 !important;
	}
	.fce-1-1-1-1 .column {
		width:49% !important;
	}
	.fce-1-1-1-1 .column.two,
	.fce-1-1-1-1 .column.four {
		margin-right:0 !important;
	}
	.fce-2-2 .fce-2-2 .column {
		width:49% !important;
		float:left;
	}
	.fce-2-2 .fce-2-2 .column.one {
		margin-right:2% !important;
	}
	.fce-2-2 .fce-2-2.row {
		margin-bottom:2% !important;
	}
	
	.row .column div.csc-textpic-center .csc-textpic-center-outer,
	.row .column div.csc-textpic-center .csc-textpic-center-inner {
		float:none;
		right:auto;
	}
	.row .column div.csc-textpic .csc-textpic-imagewrap figure,
	.row .column div.csc-textpic figure.csc-textpic-imagewrap {
		display:block;
	}
	.row .column {
		margin-bottom:2%;
	}
	.row {
		margin-bottom:0;
	}
	.row .column .fceMore {
		margin-bottom:0;
	}
}






/* ---------- MORE-INFORMATION ---------- */

.mehr-informationen {
	border: 2px solid #e6e6e6;
	padding: 5px;
	font: 13px Arial;
	height: 60px;
	line-height: 12px;
	font-weight: bold;
	margin-bottom: 20px;
	background-color: #fff;
}
.mehr-informationen a {
	display: block;
	height: 40px;
	background: #f2f2f2 url('../images/more-bg.gif') top repeat-x;
	padding: 10px;
	color: #737272;
	text-decoration: none;
}
.mehr-informationen a:hover {
	background: none;
	background-color: #f3f3f3;
}
.mehr-informationen span.more-headline {
	font: 17px Georgia;
	margin-bottom: 6px;
	color: #000;
}
.mehr-informationen span.more-text {
	display: block;
	margin-top: 7px;
}