/* --- Stylesheet 3488 () --------- */ 

#content .col {
	float: left;
	padding: 0px 0 0 0;
}

#content.index .colleft, #content.index .colright {
	width: 50%;
}

#content .colleft { width: 41%; }
#content .colright { width: 59%; background-color: #fff; }

/*;
#body.mainpage #content .col {
	width: 50%;
}
*/


#TraminoInhalt {
	margin: 0px 50px 20px 60px;
}


.TraminoVorlage {
	margin: 0px 0px 50px 0px;
}

.TraminoVorlage h2 {
	border-top: 1px dotted #CCC;
	position: relative;
	margin: 15px 0px 25px 0px;
}

.TraminoVorlage h2 span {
	position: absolute;
	top: -11px;
	left: 0px;
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	color: #000;
	background-color: #FFF;
	padding: 2px 8px 2px 0;
	margin: 0px;
	text-transform: uppercase;
}

/* --- Stylesheet 3495 () --------- */ 

@media all and (min-width: 1000px ) {
	#content .wrapper { display: block !important; }
}

@media all and (min-width: 1251px) and (max-width: 1550px) {


}

@media all and (min-width: 1000px) and (max-width: 1250px) {


}

@media all and (min-width: 768px) and (max-width: 999px) {
	#body.mainpage #content .col, #content .col {
		float: none;
		width: 100%;
	}

	#content .wrapper {
		display: none;
	}

}

@media all and (max-width: 767px) {
	#body.mainpage #content .col, #content .col {
		float: none;
		width: 100%;
	}
	#content .colleft {
		padding-top: 0px;
	}

	#content .wrapper {
		display: none;
	}

	#TraminoInhalt {
		width: 90vw;
		margin: 0px 5vw;
		padding: 20px 0;
	}
}