@charset "UTF-8";

/* #### ITC ###################################################################

gelb			#FEDA00		rgba(254,218,0,1)
lila dunkel		#650B8D		rgba(101,11,141,1)
lila hell		#9927B8		rgba(153,39,184,1)

############################################################################ */

/* ### Allgemein ########################################################### */

.rtecontent{
	line-height: 1.5em;
}

.rtecontent .contenttable,
.rtecontent p,
.rtecontent ul,
.rtecontent ol{
	margin: 1em 0;
}

.rtecontent strong,
.rtecontent b{
	font-weight: normal;	/* der rest is ja thin */
	font-weight: bold;
}


.csc-wrap:first-of-type .contenttable:first-child,
.csc-wrap:first-of-type h1:first-child,
.csc-wrap:first-of-type h2:first-child,
.csc-wrap:first-of-type h3:first-child,
.csc-wrap:first-of-type p:first-child,
.csc-wrap:first-of-type ul:first-child,
.csc-wrap:first-of-type ol:first-child{
	margin-top: 0;
}

.csc-textpic .csc-textpic-text .csc-textpicHeader h2{
	margin-bottom: 0;
}
.csc-textpic .csc-textpic-text .rtecontent p:nth-of-type(1){
	margin-top: 0;
}


.csc-wrap.spalten{
	position: relative;
	display:inline-block;
	width:33.333%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.csc-wrap.spalten .rtecontent{
	display:inline-block;
}

.csc-wrap.spalten .itcbutton{
	width:100%;
}




/* ### Überschriften ####################################################### */

.csc-header h1,
.rtecontent h1,
.csc-header h2,
.rtecontent h2,
.csc-header h3,
.rtecontent h3,
.csc-header h4,
.rtecontent h4{
	margin: 1em 0 .5em 0;
	font-weight: bold;
	font-size: 1.6em;
}


.csc-header h2,
.rtecontent h2{
	font-size: 1.4em;
}
.csc-header h3,
.rtecontent h3{
	font-size: 1.2em;
}

.csc-header h4,
.rtecontent h4{
	font-size: 1em;
/*	color: #000; */
}

.csc-header > h1 + h2,
.csc-header > h2 + h3,
.csc-header > h3 + h4,
.csc-header > h4 + h5{
	margin-top: 0;
}

.csc-header .csc-firstHeader,
.rtecontent .csc-firstHeader{
	/*text-transform: uppercase;*/
	/*font-size: 1.6em;*/
	margin-top:0;
}

.csc-textpic-intext-left-nowrap .csc-header h1,
.csc-textpic-intext-left-nowrap .csc-header h2,
.csc-textpic-intext-left-nowrap .csc-header h3,
.csc-textpic-intext-left-nowrap .csc-header h4{
	margin-top: 0;
}


/* ### Tabellen ############################################################ */

.contenttable tr > td{
}

.contenttable tr > td{
	vertical-align: top;
}



/* ### Listen ############################################################## */

.rtecontent ul,
.rtecontent ol{
	overflow: hidden !important;
}
.rtecontent ul{
	margin: .5em 0;
	padding: 0;
}
.rtecontent ol{
	margin: .5em 0 .5em -1em;
}

.rtecontent ul ul,
.rtecontent ul ol,
.rtecontent ol ul,
.rtecontent ol ol{
	padding-left: 2em;
}

.rtecontent ul li,
.rtecontent ol li{
	line-height: 1.25em;
}


.rtecontent ul{
	list-style: none;
}

.rtecontent ul > li{
	display:block;
	position: relative;
	padding: 0 0 0.5em 1.5em;
}

.rtecontent ul > li:before{
	content: "";
	display: block;
	position: absolute;
	
	top: .375em;
	left: .375em;
	width: .5em;
	height: .5em;
	
	background-color: #FEDA00;
}



/* ### Links ###############################################################*/

.rtecontent a{
	text-decoration: none;
	font-weight: normal;
	color: #650B8D;
	
}

.rtecontent a:hover{
	text-decoration: underline;
}



.rtecontent a.contact{
	display: inline-block;
	position: relative;
	margin: 0 0 0 1em;
	padding: 0 0 0 .25em;
	color: #650B8D;
}

.rtecontent a.contact:before{
	content: "";
	display: block;
	position: absolute;
	top: .3em; left: -1em;
	width: 16px; height: 16px;
	
	background-image: url('../images/sprites/halflings_1.8_tiny.png');
	background-position: -336px -144px;
	background-repeat: no-repeat;
}

.rtecontent a.contact.tel:before{ background-position: -95px -168px; }
.rtecontent a.contact.fax:before{ background-position: -95px -48px; }
.rtecontent a.contact.mail:before{ background-position: -71px 0px; }
.rtecontent a.contact.web:before{ background-position: -335px -144px; }




/* ### Zitate ############################################################## */

.rtecontent blockquote{
	font-style: italic;
}

.rtecontent blockquote > :first-of-type:before,
.rtecontent blockquote > :last-of-type:after{
	content: '"';
}

.csc-textpic img{
	width: 100%;
	height: auto;
}

.vollebreite table{
	width: 100%;
}

table.center th,
table.center td{
	text-align: center;
}