html{}
body{
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	background:#FFFFFF;
	color:#1c214f;
}
input,textarea{
	font-family: 'Roboto Slab', sans-serif;
	font-size:1em;
}
* {
	margin:0;
	padding:0;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

h1 {
}

h2 {
	font-size:1.4em;
	line-height:1.5em;
	margin:0.8em 0 1em 0;
}

h2 a.button {
	background-color:#d2090f;
	border:1px solid #8b0e08;
	color:#fff;
	padding:10px 20px;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

h3 {
	font-size:14px;
	margin:1.5em 0;
}

p,
ol,
ol li {
	margin:0 0 1.5em 0;
}
.csc-default ul {
	margin:0 1em 1.5em 1em;
}

ol {
	padding:0 0 0 1.3em;
}

a {
	text-decoration: none;
	color:#827da0;
	border-bottom:1px dotted #827da0;
}

a:hover {
	color:#1c214f;
}

strong {
	font-weight: 700;
}

img {
	display: inline;
	border:none;
	width:100%;
	height:auto;
}
time{
	font-weight:normal;
	font-size:12px;
}

table{
	width:100%;
}
.clear {
	clear:both;
}

#header {
	position: relative;
	width:100%;
	margin:auto;
}

.header-imagecontainer{
	position:relative;
}
.header-imagecontainer .logo{
	display:none;
	position:absolute;
	z-index:100;
	top:24px;
	left:0px;
	height:80px;
	background-color:#fff;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.header-imagecontainer .logo a{
	margin:22px 15px 0 10px;
	background-image:url(../img/starker-service-public-ph1.png);
	background-size:100%;
	background-repeat:no-repeat;
	width:250px;
	height:41px;
	text-indent:-275px;
	overflow:hidden;
	display:block;
	border-bottom:none;
}

.header-imagecontainer .logo  a.fr {
	background-image:url(../img/service-public-performant-ph1.png);
	width:298px;
}

.header-imagecontainer .logo  a.it {
	background-image:url(../img/servizio-pubblico-efficiente-ph1.png);
	width:312px;
}
/* neues logo ab dem 11.4. online! */
.header-imagecontainer .logo a.logo11{
	display:none;
}
ul.languagemenu {
	font-size:1;
	float:right;
	list-style: none;
	text-transform: uppercase;
	margin-right:2em;
	margin-left:2em;
}

.header-imagecontainer{
	clear:both;
}

ul.languagemenu li {
	display:inline;
	font-size:1.2em;
	line-height:2em;
	height:2em;
}
ul.languagemenu li span{
	color:#827da0;
	padding:0 1em;
}
ul.languagemenu li a{
	text-decoration:none;
	border-bottom:none;
}
ul.languagemenu li a.active{
	font-weight:700;
	color:#1c214f;
}
ul.socialmenu {
	float:right;
	list-style: none;
	margin:6px 0;
}

ul.socialmenu li {
	float:left;
	margin:0 4px 0 0;
}

ul.socialmenu a {
	border:none;
}

span.spacer {
	margin:0 5px;
}

#content-container {
	padding:0 5%;
}

#content {
	/*margin-bottom:50px;*/
}

#content .breadcrumb{
	display:none;
}
#content .breadcrumb li{
	display:inline;
	line-height:0.7em;
	height:0.7em;
	font-size:0.7em;
}
#content .breadcrumb li a{
	text-decoration:none;
	border-bottom:none;
}
#content .breadcrumb li span{
	color:#827da0;
	padding:0 3px;
}

#leftcontent {
}

.menubutton-container {
	width: 50px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.menubutton-container .menubutton {
	background: url(../img/menu-open.svg) no-repeat;
	background-size: cover;
	width:60px;
	height: 0;
	padding-bottom: 88%;
	text-indent: -9999px;
	cursor: pointer;
}

.menubutton-container .open {
	/*background: url(../img/menu-open.svg) no-repeat;*/
}

ul.mainmenu-level1-container {
	width:100%;
	list-style: none;
	display:none;
}

ul.mainmenu-level1-container li {
	position: relative;
	border-top:1px solid #827da0;
}

ul.mainmenu-level1-container li:first-child {
	border:none;
}

ul.mainmenu-level1-container li a {
	display:block;
	text-decoration: none;
	font-weight:700;
	border:none;
	background:#1c214f;
	line-height:50px;
	padding:0 1em;
}

ul.mainmenu-level1-container li a.active {
	color:#fff;
}
 
ul.mainmenu-level1-container li a:hover {
	color:#827da0;
}

ul.mainmenu-level1-container .mob-menu-arrow {
	position: absolute;
	top: 0px;
	right: 0px;
	border-left:1px solid #827da0;
	width: 50px;
	height: 50px;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	z-index: 5;
}

ul.mainmenu-level1-container .mob-menu-arrow span {
	background: url(../img/menu-arrow.svg) no-repeat;
	background-size: cover;
	display: block;
	height: 50px;
	-webkit-transition: -webkit-transform 250ms ease-out 0s;
	-moz-transition: -moz-transform 250ms ease-out 0s;
	-o-transition: -o-transform 250ms ease-out 0s;
	transition: transform 250ms ease-out 0s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

ul.mainmenu-level1-container .mob-menu-arrow-open span {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

ul.mainmenu-level1-container ul {
	list-style: none;
	display:none;
}
ul.mainmenu-level1-container li.active ul {
	display:block;
}

ul.mainmenu-level1-container ul li a {
	font-weight:400;
}

ul.mainmenu-level2-container li {
	border-top:1px solid #1c214f;
}

ul.mainmenu-level2-container li a {
	background:#827da0;
	color:#1c214f;
}

ul.mainmenu-level2-container li a:hover {
	color:#1c214f;
}

#leftcontent .lefttext {
	padding:1em;
}
/*
#middlecontent .csc-default{
	border-bottom:1px dotted #1c214f;
	margin:0 0 25px 0;
}

#middlecontent .csc-default:last-child{
	border-bottom:none;
}
*/
#middlecontent ul {
	padding:0 0 1.4em 17px;
}

#middlecontent ul li {
}

#rightcontent a {
	text-decoration:none;
}

#rightcontent h3 {
	margin:0;
}
/* FORMHANDLER */
.formhandler .error{
	color:#C00003;
}
.formhandler{
	/*padding:0 1em;*/
}

.formhandler #checkbox_date1,
.formhandler #checkbox_date2 {
	float:left;
	vertical-align:bottom;
	height:1.5em;
}

.formhandler .radio label{
	padding:0 1em 0 0.5em;
}

.formhandler .radio label.date1,
.formhandler .radio label.date2 {
	display:block;
	padding:0 0 0 1.5em;
}

.formhandler .submit .btn{
	padding:5px;
	color:#fff;
	margin:0 20px 0 0;
	border:none;
	border-radius:4px;
	background: #827da0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiM4MjdkYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, #827da0 59%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(59%,#827da0), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #827da0 59%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #827da0 59%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #827da0 59%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #827da0 59%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827da0', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
.formhandler dt{
	padding:5px 0;
}
.formhandler dd{
	margin:2px 0;
	border-bottom:1px dotted #827da0;
	border-top:1px dotted #827da0;
}
.formhandler dd.empty,
.formhandler dt.empty{
	border:none;
	padding:0;
}
.formhandler .empty.hide{
	display:none;
}
.formhandler dt.gender{
	margin:20px 0 0 0;
}
.formhandler .date b{
	/*padding:0 0 0 20px;*/
}
.formhandler .date .date{
	display:block
}
.formhandler dd.radio{
	margin:2px 0;
	border-bottom:none;
	border-top:none;
}
.formhandler .text{
	resize:none;
	background-color:#827da0;
	border:none;
	color:#fff;
	padding:5px;
	margin:2px 0;
	width:100%;
	border-bottom:1px dotted #827da0;
	border-top:1px dotted #827da0;
   -moz-box-shadow:    inset 0 0 3px #000000;
   -webkit-box-shadow: inset 0 0 3px #000000;
   box-shadow:         inset 0 0 3px #000000;
}
.formhandler .text:focus,
.formhandler .text:hover{
	background-color:#DFDEE7;
	color:#000;
}
/* Testimonials */
.testimonial{
	color:#827da0;
	border-bottom:1px dotted #827da0;
	padding-bottom:5px;
	margin-bottom:24px;
}

.testimonial h3 {
	padding:1em 0 0 0;
	font-weight:bold;
}

.testimonial p:first-child{
	padding-top:0px;
	float:left;
	margin:0 1em 0 0;
}
.testimonial .title{
	color:#fff;
	background-color:#827da0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:0.5em;
	margin:0;
}
.testimonial .csc-frame-frame1{
	font-weight:normal;
}

#footer {
	font-size: 1em;
	background:#1c214f;
	padding:2em 5%;
}
#footer a:hover{
	color:#fff;
}
#address{
	color:#fff;
	font-style:normal;
}
#footer a{
	color:#fff;
	text-decoration:none;
}

.metamenu {
	list-style:none;
	margin:0 0 1.5em 0;
}
.metamenu li {
	float:left;
}
.metamenu li a{
	text-decoration:none;
	border-bottom:none;
}

.metamenu li span{
	color:#fff;
	padding:0 5px;
}
p.violett{
	border:1px solid #827da0;
	border-radius:4px;
	-moz-border-radius:4px;
	padding:0 2px;
}
/* overwrite typo3 style */
div.csc-textpic-center .csc-textpic-center-outer{
	float:none;
	right:0;	
}
div.csc-textpic-center .csc-textpic-center-inner{
	float:none;
	right:0;	
}
.csc-frame-rulerBefore div.csc-textpic-imagecolumn {
	padding:20px 0;
	width:100%;
	border-bottom:1px dotted #1c214f;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {
	width: 100% !important;
}

	.csc-frame-rulerBefore div.csc-textpic-firstcol:first-child{
		border-top:1px dotted #1c214f;
	}
	
	.csc-frame-rulerBefore .csc-textpic-imagerow-last div.csc-textpic-firstcol:first-child{
		border-top:none;
	}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-imag {
	margin-right: 16%;
}

div.csc-textpic div.csc-textpic-imagecolumn {
	width: 42%;
}
.csc-textpic-imagerow {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #000;
}
.csc-textpic-imagerow.csc-textpic-imagerow-last {
	border-bottom: 0;
}

.fb_iframe_widget {
	margin-bottom:3em;
}


/*NEWS */
/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
	clear: both;
}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.news-list-view{
	clear:both; 
}

.news-list-view .article h3{
	margin:0; 
}
.news-list-view .news-list-date{
	text-align:center;
	padding:5px 0;
}

.news .article {
	/*margin-bottom:1em;
	padding-bottom: 15px;
	margin-bottom: 15px;*/
}

.news .article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article .news-img-wrap {
	float: left;
	margin:0 1em 0 0;
}

.news .article .news-img-wrap a {
	display: block;
}

.news .article .teaser-text {
}
.news .article .teaser-text p{
}

.news .article .teaser-text .more {
	margin:0 0 1em 0;
	display:inline-block;
}

.news .article h3 {
	margin-bottom: 0;
}

.news .footer {
	clear: both;
}
.news .article:last-child .footer {
	border-top:none;
	padding: 10px 0 0 0;
}
.news .article{
	border-top: 1px dotted #1c214f;
	padding:1em 6px;
}

.news .article:first-child {
	border:none;
	padding:0;
}

.news .footer p {
	line-height: 1em;
}

.news .footer span {
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ddd;
}

.news .footer span:last-child {
	border-right: 0;
}

.news .footer .news-category a {
	text-transform: uppercase;
}

.news .no-news-found {
	color: #DB0202;
	font-style: italic;
}

.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
}

/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}

/* single view */
.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
}

.news-single .teaser-text {
	font-size: 15px;
	color: #888;
}

.news-text-wrap {
	margin-bottom: 10px;
}

.news-img-caption {
	color: #888;
}

/* related news + files */
.news-related-wrap {
	display: table;
	margin-top: 20px;
	width: 100%;
}

.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related h4 {
	margin-bottom: 10px;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}

.news-clear {
	clear: both;
}

#rightcontent .news-list-view {
	background-color:#827da0;
	color:#fff;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	box-shadow:0 0 10px #827da0;
}

#rightcontent .news-list-view .article a{
	color:#fff;
	font-weight:bold;
	margin:0;
}

#rightcontent .news-list-view .news-list-date{
	display:block;
	text-align:center;
	padding:5px 0;
}

#rightcontent .news .article{
	border-top: 1px dotted #fff;
	padding:0 6px 6px 6px;
}

#rightcontent .news .article:first-child {
	border-top:none;
}

#rightcontent .news .article .teaser-text p {
	margin:0;
}

#rightcontent .news-list-view .article a{
	border:none;
}

@media only screen and (min-width: 1024px) {
	.news-list-view{ 
		border-top-left-radius:4px;
		border-top-right-radius:4px;
	}
	.news .article .news-img-wrap {
		margin: 3px 15px 5px 0; 
	}
	.news .article {
		/*margin:0;
		padding:0;*/
	}
	
	#rightcontent .news .article .news-img-wrap {
		margin: 3px 0 5px 0; 
	}

}


@media only screen and (min-width: 1024px) {
	
	#main-container {
		width:976px;
		margin:auto;
		padding:0 20px;
		-webkit-box-shadow: 0px 0px 10px 0px #bbbbbb;
		-moz-box-shadow:    0px 0px 10px 0px #bbbbbb;
		box-shadow:         0px 0px 10px 0px #bbbbbb;
	}
	
	#content-container {
		padding:0;
	}
	
	header .header-imagecontainer .dce-headerimage{
		height:250px;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		overflow:hidden;
	}
	
	ul.languagemenu{
		margin-right:0;
	}
	ul.languagemenu li {
		display:inline;
		font-size:0.8em;
		line-height:24px;
		height:24px;
	}
	
	ul.languagemenu li span{
		padding:0 5px;
	}
	
	ul.socialmenu {
		margin:1px 0;
	}
	.menubutton-container {
		display:none;
	}
	
	ul.mainmenu-level1-container .mob-menu-arrow {
		display:none;
	}
	
	ul.mainmenu-level1-container{
		display:block!important;
		border-bottom:1px dotted #1c214f;
		border-top:1px dotted #1c214f;
		margin-top:16px;
		padding:5px 0;
	}
	ul.mainmenu-level1-container ul{
	}
	ul.mainmenu-level1-container li{
		border:none;
	}
	ul.mainmenu-level1-container li a {
		font-size:12px;
		background:none;
		padding:0.3em 0;
		line-height:1.5em;
	}
	ul.mainmenu-level1-container li a:hover,
	ul.mainmenu-level1-container li a.active {
		color:#1c214f;
	}
	ul.mainmenu-level2-container li a {
		padding:0.1em 0;
		color:#827da0;
		margin:0 0 0 1em;
	}
	#content .breadcrumb{
		display:block;
		list-style-type:none;
	}
	#leftcontent {
		float:left;
		width:160px;
		margin:0 24px 0 0;
	}
	
	#middlecontent {
		float:left;
		width:608px;
		margin:0 24px 0 0;
	}
	#middlecontent.wide {
		float:left;
		width:791px;
		margin:0;
	}
	
	#rightcontent {
		font-size:12px;
		float:right;
		width:160px;
	}
	
	#rightcontent h2,
	#rightcontent h3 {
		font-size:12px;
	}

	.testimonial .title{
		padding:2px 6px;
		margin:0;
	}
	.testimonial p{
		margin:0;
		width:inherit;
		float:none; 
	}
	.testimonial p:first-child{
		padding:0;
		width:inherit;
	}
	.testimonial p:first-child{
		margin:0 0 5px 0;
	}
	.testimonial .csc-frame-frame1{
	}
	/* FORMHANDLER */
	.formhandler dd{
		width:400px;
	}
	#footer{
		-moz-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
	}
	

	#footer {
		font-size: 0.8em;
		background:#1c214f;
		padding:10px 0;
		margin-top:-2px;
		position:relative;
	}
	
	#footer footer {
		padding:0 184px;
	}
	
	.footermenu {
		float:right;
	}
	
	#address{
	}
	.metamenu{
		margin:0;
	}
	.metamenu li{
	}
	.metamenu li span{
	}
}