/*############ global ############*/
.pr19 {
	padding-right: 19px !important;
}

.pr7 {
	padding-right: 7px !important;
}

/*############ grids ############*/
.grid1-2,.grid2-1,.grid15-15,.grid3,.grid1-1-1 {
	margin: 0;
	padding: 0;
	margin: 0 0 0 0;
	width: 974px;
}

/*######## teaser grid ########*/
.teaserGrid {
	margin: 0;
	padding: 0;
	width: 643px;
}

/*######## portal grid ########*/
.gridPortal {
	margin: 0;
	padding: 0 0 10px 0;
	width: 974px;
}

.gridPortal .colWide {
	margin-left: 10px;
	width: 359px;
	float: left;
}

.gridPortal .colWide:first-child {
	margin-left: 0;
}

.gridPortal .colSmall {
	margin-left: 10px;
	width: 236px;
	float: left;
}

/*####################################################################################################*/
/*######## width - col, box, element ########*/
/*######## cols ########*/
.col1,.col15,.col2,.col3 {
	margin: 0;
	padding: 0 0 20px 0;
	padding: 0;
	float: left;
}

.col1 {
	width: 312px;
}

.grid1-2 .col1 {
	margin: 0 19px 0 0;
}

.grid1-1-1 .col1 {
	margin: 0 0 0 19px;
}

.grid1-1-1 div:first-child {
	margin-left: 0;
}

.col15 {
	width: 482px;
}

.col2 {
	width: 643px;
}

.grid2-1 .col2 {
	margin: 0 19px 0 0;
}

.col3 {
	width: 974px;
}

.col2 .colS:first-child {
	margin-right: 19px;
}
/*######## teaser cols ########*/
.colB {
	width: 643px;
	margin: 0 0 0 0;
}

.colSl {
	width: 312px;
	margin: 0 19px 0 0;
	float: left;
}

.colS {
	width: 312px;
	margin: 0 0 0 0;
	float: left;
}

/*####################################################################################################*/
/*######## fonts ########*/
/*see EOF*/

.text {
	font-size: 0.85em;
	line-height: 1.25;
}


.text ul {
	margin: 0 0 0 16px;
	padding: 0 0 10px 0;
	list-style-type: square;
}
.text ul.listGreen,
.text ul[type="square"] {
	/*list-style-image --> head*/
}
.text ul.listBlue,
.text ul[type="circle"] {
	/*list-style-image --> head*/
}

.text ol {
	list-style-type: decimal;
	margin: 0 0 0 32px;
	padding: 0 0 10px 0;
}

.text ul li, .text ol li {
	padding-bottom: 3px;
}

.contentHeadline h4 {
	font-size: 1.5em;
	line-height: 1.12;
	font-style: italic;
}

.top .eyeCatcher p {
	background-color: #7ab51d;
	padding: 5px 10px 7px 10px;
	color: #fff;
	font-size: 1.25em;
	line-height: 1.25;
	font-style: italic;
	font-weight: bold;
}

.text table{
	width: 100%;
	margin: 0;
	padding: 0;
}
.text table tr{
	margin:0;
	padding:0;
}
.text table tr th{
	margin:0;
	padding:2px 4px 9px 4px;
	background-color: #01619e;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	vertical-align:top;
}
.text table tr th:first-child{
	border-left: 1px solid #ffffff;
}
.text table tr td{
	margin: 0;
	padding:2px 4px 9px 4px;
	background-color: #e6e7e9;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	vertical-align:top;
}
.text table tr td:first-child{
	margin: 0;
	padding:2px 4px 9px 4px;
	background-color: #e6e7e9;
	border-left: 1px solid #ffffff;
}
.text table tr td.teenagerDark{
	background-color: #dcdddf;
}

/*####################################################################################################*/
/*######## styles ########*/
.borderBottom {
	border-bottom: 1px solid #c3c3c4;
	margin-bottom: 10px;
}
/*####################################################################################################*/
/*######## Boxes ########*/

/*######## stage ########*/
.stageBox{
	margin:0 0 10px 0;
	padding:7px 7px 0 7px;
	background-color: #ffffff;
}

.col2 .stageBox{
	width: 629px;
}

.stageBox .stageBoxContentWrap{	
	
}
.stageBox .stageBoxContentWrap .stageBoxItem{
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent{
	margin:0;
	padding: 20px;
	width: 589px;
	min-height:273px;
	background-color: #ffffff;
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent .headline{
	width: 265px;
	padding-bottom: 8px;
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent .headline h2{
	font-weight: bold;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.125;
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent .text{
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.21;	
	width: 265px;
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent .link{
	padding-top: 9px;
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent .link ul{
	margin:0;
	padding:0;
	display: block;
	list-style-type: none;
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent .link ul li{
	margin:0;
	padding:0;
	display: block;
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent .link ul li a{
	padding: 2px 10px 12px 28px;
	padding: 3px 10px 12px 28px;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.21;
	color: #006e9f;
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcContent .link ul li a:hover{
	/*background-image --> head*/
}
.stageBox .stageBoxContentWrap .stageBoxItem .sbcNavigationTitle{
	display: none;
}

.stageBox .stageBoxNavigationWrap{
	margin:10px -7px 0 -7px;
	background-color: #e4e4e4;		
	/*background-image --> head*/
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
}
.stageBox .stageBoxNavigationWrap .shadowWrap{				
	/*background-image --> head*/
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
	z-index: 100;
	height: 7px;
	width: 433px;
	left:210px;
	margin:0;
	padding:0;
}
.stageBox .stageBoxNavigationWrap .sbnLinkList{
	margin-top: -7px;
	float: left;
	width: 643px;
}
.stageBox .stageBoxNavigationWrap .sbnLinkList ul{
	margin:7px 0 0 0;
	padding:0 0 0 0;
	display: block;
	float: left;
	list-style-type: none;
	width: 643px;
}
.stageBox .stageBoxNavigationWrap .sbnLinkList ul li{
	margin:-7px 0 0 0;
	padding:0;
	display: block;
	float: left;		
	
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: left bottom;
	
	position: relative;
}

.stageBox .stageBoxNavigationWrap .sbnLinkList ul li.active{
	z-index: 999 !important;
}

.stageBox .stageBoxNavigationWrap .sbnLinkList ul li a{		
	margin:0 3px 7px 0;
	padding: 10px 5px 1px 7px;
	background-color: #ffffff;
	width: 197px;
	display: block;
	
	font-weight: bold;
	font-style: italic;
	font-size: 0.85em;
	line-height: 1.21;
	color: #ffffff;
}

.stageBox .stageBoxNavigationWrap .sbnLinkList ul li.t1 a{
	background-color: #7ab51d;
}
.stageBox .stageBoxNavigationWrap .sbnLinkList ul li.t2 a{
	background-color: #a05860;
}
.stageBox .stageBoxNavigationWrap .sbnLinkList ul li.t3 a{
	background-color: #c29038;
}
.stageBox .stageBoxNavigationWrap .sbnLinkList ul li.t4 a{
	background-color: #9798c4;
}
.stageBox .stageBoxNavigationWrap .sbnLinkList ul li.t5 a{
	background-color: #947c8e;
}
.stageBox .stageBoxNavigationWrap .sbnLinkList ul li.t6 a{
	background-color: #728790;
}

.stageBox .stageBoxNavigationWrap .sbnLinkList ul li.active a,
.stageBox .stageBoxNavigationWrap .sbnLinkList ul li a:hover{		
	background: none;
	background-color: #ffffff;
	color: #0076bd;
}
/*######## teaser ########*/
.teaserHeadline { 
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	float: left;
	font-style: italic;
}

.teaserHeadline h3 {
	font-size: 1.0em;
	line-height: 1.0;
	background-color: #fff;
	margin: 0 9px -3px 0;
	padding: 5px 10px 0 7px;
	float: left;
}
.teaser.small .teaserHeadline h3{
	min-width: 212px;
}

.teaser .contentWrap{
	padding: 7px 7px 7px 7px;
	background-color: #ffffff;
}
.teaser .content {
	position: relative;
	background-color: #c7c7c7;
	background-position: left top;
	background-repeat: no-repeat;
}

.teaser.small .content .eyeCatcher {
	max-width: 130px;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	position: absolute;
	top:0;
	right:0;
	overflow: hidden;
}

.teaser.big .content .eyeCatcher {
	max-width: 310px;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
}

.teaser.small .content .eyeCatcher p,
.teaser.big .content .eyeCatcher p {
	background-color: #7ab51d;
	padding: 5px 10px 7px 10px;
	color: #fff;
	font-size: 1.25em;
	line-height: 1.25;
	font-style: italic;
	font-weight: bold;
}

.teaser .link {
	position: absolute;
	bottom: 17px;
	right: 17px;
}

.teaser .bottomLink {
	background-color: #fff;
	padding: 1px 0 5px 9px;
}

.teaser .bottomLink a {
	font-size: 0.85em;
	line-height: 1.25;
	font-weight: bold;
	color: #0076bd;
	padding: 3px 0 7px 29px;
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

.teaser .bottomLink a:hover { /*background-image --> head*/
	
}

/*######## teaser big ########*/
.teaser.big {
	width: 643px;
	margin-bottom: 10px;
}

.big .contentHeadline {
	padding: 16px 0 0 329px;
	width: 245px;
}

.big .text {
	margin: 10px 0 0 329px;
	width: 245px;
	font-weight: bold;
}
/*######## teaser small ########*/
.teaser.small{
	width: 312px;
	margin-bottom: 10px;
}

.small .contentHeadline {
	padding: 16px 0 0 10px;
	width: 145px;
}

.small .text{
	margin: 10px 0 0 10px;
	width: 145px;
	font-weight: bold;
}

/*######## imageTeaser ########*/
.imageTeaser {
	position: relative;
	background-color: #fff;
	padding: 7px 7px 7px 7px;
	padding: 0;
	margin: 0 0 10px 0;
	border: 7px solid #ffffff;
	overflow: hidden;
}

.imageTeaser img {
	
}

.imageTeaser a {
}

.imageTeaser a .imageTeaserHover { 
	position: absolute;
	top: 0;
	left: 0;
}

.teaser .image {
	width: 312px;
}

.image .contentHeadline {
	padding: 10px 0 0 0;
	width: 280px;
	margin: 0;
}

.image .contentHeadline h4 {
	background-color: #fff;
	display: inline-block;
	padding: 3px 10px 5px 10px;
	margin: 0 0 0 0;
	line-height: 1.0;
}

.image .text {
	margin: 10px 0 0 10px;
	width: 145px;
	font-weight: bold;
}
/*######## teaser top ########*/
.top {
	background-color: #fff;
	padding: 0 0 23px 0;
	margin: 0 0 10px 0;
}

.top .eyeCatcher {
	width: 160px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

.top .contentHeadline {
	margin: 12px 7px 0 7px;
}

.top .text {
	margin: 10px 7px 0 7px;
}

/*######## teaserToplink ########*/
.teaserToplink {
	margin: 0 0 10px 0;
}

.teaserToplink img {
	
}

.teaserToplink .content {	
	background-color: #eef5e2;
	padding: 7px 7px 7px 7px;
}

.teaserToplink .subHeadline {
	font-size: 1.12em;
	line-height: 1.25;
	margin: 15px 0 5px 0;
}
.teaserToplink .text {
	padding-top: 3px;
	color: #404245;
}

/*######## teaser portal ########*/
.teaser.portalWide .content,.teaser.portalSmall .content {
	padding: 10px;
	position:static;
	background-color: #ffffff;
}

#link_portal_001{
	width: 339px;
	height:377px;
	background-image:url("../wportal/kinder_w339.jpg");
	background-repeat:no-repeat;
	display:block;
}
#link_portal_001:hover{
	background-image:url("../wportal/kinder_w339_hover.jpg");
}
#link_portal_002{
	width: 339px;
	height:377px;
	background-image:url("../wportal/teenager_w339.jpg");
	background-repeat:no-repeat;
	display:block;
}
#link_portal_002:hover{
	background-image:url("../wportal/teenager_w339_hover.jpg");
}
#link_portal_003{
	width: 216px;
	height:377px;
	background-image:url("../wportal/teacher_w216.jpg");
	background-repeat:no-repeat;
	display:block;
}
#link_portal_003:hover{
	background-image:url("../wportal/teacher_w216_hover.jpg");
}
/*######## textBox ########*/
.textBox {
	width: 100%;
	/*background-image --> head*/
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

.textBox .textBoxContent {
	background: linear-gradient(102deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 27px, rgba(255,255,255,1) 28px);
	padding: 15px 30px 20px 0;
	padding: 25px 30px 20px 0;
	padding: 25px 30px 0 30px;
	/* margin: 0 0 0 30px; */
}

.textBox .textBoxContent .text {
	width: 100%;
	margin: 0 0 0 0;
}

.textBox .textBoxContent .contentHeadline h4 {
	font-size: 1.1em;
	line-height: 1.25;
	margin: 0 0 8px 0;
	padding: 0;
	font-style: normal;
}

.textBox .textBoxContent .text {
	color: #404245;
}

.textBox .textBoxContent .text p {
	margin: 18px 0 0 0;
	padding: 0;
	color: #404245;
}
.textBox .textBoxContent .text ul li,
.textBox .textBoxContent .text ol li{
	color: #404245;
}
.textBox .textBoxContent .text p:first-child{
	margin-top: 0;
}

.textBox .textBoxContent .image {
	width: 100%;
}

.textBox .textBoxContent .image img {
	margin: 0 0 7px 0;
}

.textBox .textBoxContent .imageCaption {
	width: 100%;
	font-size: 0.75em;
	line-height: 1.25;
	font-style: italic;
	margin: 0;
	padding: 0;
}

.textBox .textBoxContent .imageLeft,.textBox .textBoxContent .imageRight,.textBox .textBoxContent .imageTop,.textBox .textBoxContent .imageBottom
	{
	padding: 10px 0 18px 0;
	padding: 0 0 18px 0;
}

.textBox .textBoxContent .imageLeft .image {
	float: left;
	width: 210px;
}

.textBox .textBoxContent .imageLeft .text {
	float: left;
	width: 353px;
	margin: 0 20px 0 0;
}

.textBox .textBoxContent .imageRight .contentHeadline {
	margin-left: 230px;
}

.textBox .textBoxContent .imageRight .image {
	float: right;
	width: 210px;
}

.textBox .textBoxContent .imageRight .text {
	float: right;
	width: 353px;
	margin: 0 0 0 20px;
}

.textBox .textBoxContent .imageLeft .contentHeadline.noImage,
.textBox .textBoxContent .imageRight .contentHeadline.noImage {
	margin-left: 0px;
}

.textBox .textBoxContent .imageLeft .image.noImage,
.textBox .textBoxContent .imageRight .image.noImage{
	display: none;
} 

.textBox .textBoxContent .imageLeft .text.noImage,
.textBox .textBoxContent .imageRight .text.noImage{
	width: 100%;
	margin: 0 0 0 0;
}

.textBox .links {
	padding: 4px 0 0 0;
}
.textBox .text + .links {
	padding: 10px 0 0 0;
}
/*######## mediaBox ########*/
.mediaBox {
	background-color: #fff;
	padding: 7px 7px 7px 7px;
	margin: 0 0 10px 0;
}

.mediaBox .subHeadline {
	font-size: 1.3em;
	line-height: 1.15;
	margin: 11px 0 7px 0;
	font-style: italic;
}

.mediaBox .text {
	font-weight: bold;
	color: #404245;
}

.mediaBox .text p {
	margin: 0;
	padding: 0;
}


.mediaBox .content {
	position: relative;
	padding: 0;
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
}

.mediaBox .content .link {
	position: absolute;
	bottom: 17px;
	right: 17px;
}

.col3 .mediaBox .content .contentHeadline {
	padding: 16px 0 0 655px;
	width: 295px;
}
.col3 .mediaBox audio{
	display:block;
	width:100%;
}

.col3 .mediaBox audio,
.col2 .mediaBox audio,
.col1 .mediaBox audio{
	display:block;
	width:100%;
}
.col3 .mediaBox .content .text {
	margin: 10px 0 0 655px;
	width: 295px;
	font-weight: bold;
}

.col2 .mediaBox .content .contentHeadline {
	padding: 16px 0 0 325px;
	width: 245px;
}

.col2 .mediaBox .content .text {
	margin: 10px 0 0 325px;
	width: 245px;
	font-weight: bold;
}

.col1 .mediaBox .content .contentHeadline {
	padding: 16px 0 0 10px;
	width: 145px;
}

.col1 .mediaBox .content .text {
	margin: 10px 0 0 10px;
	width: 145px;
	font-weight: bold;
}

/*######## flashBox ########*/
.flashBox {
	background-color: #fff;
	padding: 0;
	margin: 0 0 10px 0;
}

.flashBox .subHeadline {
	font-size: 1.3em;
	line-height: 1.15;
	margin: 11px 0 7px 0;
	padding: 0 10px;
	font-style: italic;
}

.flashBox .text {
	padding: 0 10px 7px 10px;
	font-weight: bold;
	color: #404245;
}

.flashBox .text p {
	margin: 0;
	padding: 0;
}


.flashBox .content {
	position: relative;
	padding: 0;
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	border: 7px solid #ffffff;
}

.flashBox .content .link {
	position: absolute;
	bottom: 17px;
	right: 17px;
}

.col3 .flashBox .content .contentHeadline {
	padding: 16px 0 0 655px;
	width: 295px;
}

.col3 .flashBox .content .text {
	margin: 10px 0 0 655px;
	padding: 0;
	width: 295px;
	font-weight: bold;
}

.col3 .flashBox .content .links{
	margin: 10px 0 0 655px;
	padding: 0;
	width: 295px;
}

.col2 .flashBox .content .contentHeadline{
	padding: 16px 0 0 325px;
	width: 245px;
}

.col2 .flashBox .content .text{
	margin: 10px 0 0 325px;
	padding: 0;
	width: 245px;
	font-weight: bold;
}

.col1 .flashBox .content .contentHeadline {
	padding: 16px 0 0 10px;
	width: 145px;
}

.col1 .flashBox .content .text {
	margin: 10px 0 0 10px;
	padding: 0;
	width: 145px;
	font-weight: bold;
}

/*######## addressBox ########*/
.addressBox {
	background-color: #fff;
	margin: 0 0 10px 0;
}

.addressBox.corner {
	width: 100%;
	/*background-image --> head*/
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	background-color: transparent;
}
.addressBox .contentHeadline {
	padding: 12px 0 13px 7px;
}
.addressBox.corner .contentHeadline {
	background-color: #fff;
	padding: 12px 30px 13px 7px;
	margin: 0 0 0 30px;
	border-bottom: 1px solid #84b5cb;
}
.addressBox.corner .contentHeadline + .content{
	padding-top: 11px; 
}
.addressBox .content {
	border-top: 1px solid #84b5cb;
	padding: 11px 10px 10px 7px;
	width: 957px;
}
.addressBox.corner .content {
	border-top: none;
	padding: 21px 10px 10px 7px;
	margin: 0 0 0 30px;
	background-color: #fff;
	width: 927px;
}

.addressBox .content .image {
	width: 152px;
	float: left;
	margin: 0;
	padding: 3px 0 0 0;
}

.addressBox .content .image img {
	
}

.addressBox .content .textWrap{
	float: left;	
	width: 444px;
	padding: 0 20px 0 20px;
}
.addressBox .content .textWrap.noImg{
	width: 615px;
	padding: 0 20px 0 0;
}
.addressBox.corner .content .textWrap{
	float: left;	
	width: 414px;
	padding: 0 20px 0 20px;
}
.addressBox.corner .content .textWrap.noImg{
	width: 585px;
	padding: 0 20px 0 0;
}
.addressBox .content .text {
	font-weight: bold;
	color: #404245;
	padding-bottom: 10px;
}

.addressBox .content .text p {
	margin: 0;
	padding: 0;
}

.addressBox .content .googleMap {
	float: left;
	width: 321px;
	margin: -1px 0 0 0;
	padding: 0;
	background-color: #eef5e2;
	overflow: hidden;
}

.addressBox .content .googleMap .markerItem{
	display: none;
}
.addressBox .content .googleMap .mapCaption {
	font-size: 0.75em;
	line-height: 1.41em;
	padding: 10px 10px 10px 10px;
	color: #404245;
	font-weight: bold;
}
.addressBox .content .googleMap .mapCaption p{
	padding: 10px 0 0 0;
}
.addressBox .content .googleMap .mapCaption p:first-child{
	padding: 0;
}

.addressBox .content .googleMap .links {
	padding: 0 10px 0 10px;
}

/*######## tabBox ########*/
.tabBox {
	background-color: #fff;
	padding: 7px 7px 8px 7px;
	margin: 0 0 10px 0;
	width: 960px;
}

.tabBoxHeadline{
	color: #0096dc;
	font-style: italic;
}

.tabBox .tabItem {
	padding: 7px 0 0 0;	
	/*background-image --> head*/
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
}

.tabBox .tabItem:first-child {
	padding-top: 1px;
}

.tabBox .tabItem .boxLink { 
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: 231px 95%;
}

.tabBox .tabItem .boxLink:hover { 
	/*background-image --> head*/	
}

.tabBox .navigation {
	float: left;
	width: 237px;
	height: 100%;
}

.tabBox .navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 33px 0 33px 0;
	/*background-image --> head*/
	background-repeat: repeat-y;
	width: 237px;
}

.tabBox .navigation ul li {
	margin: 0;
	padding: 3px 0 3px 0;
	background-color: #fff;
	margin-top: -3px;
	width: 237px;
	float: left;
}

.tabBox .navigation ul li:first-child {
	margin-top: 0;
}

.tabBox .navigation ul li a {
	display: block;
	width: 237px;
	position: relative;
}

.tabBox .navigation ul li a:hover {
}

.tabBox .navigation ul li a span.topShadow {
	display: block;
	height: 9px;
	width: 100%;
	width: 237px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	/*background-image --> head*/
	background-repeat: repeat-x;
}

/*.tabBox .navigation ul li a:hover span.topShadow,*/
.tabBox .navigation ul li.active a span.topShadow {
	display: block;
	
	top: -12px;
	z-index: 9999;
}

.tabBox .navigation ul li a span.bottomShadow {
	display: block;
	height: 9px;
	width: 100%;
	width: 237px;
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	/*background-image --> head*/
	background-repeat: repeat-x;
}

/*.tabBox .navigation ul li a:hover span.bottomShadow,*/
.tabBox .navigation ul li.active a span.bottomShadow {
	display: block;
	
	bottom: -12px;
	z-index: 9999;
}

.tabBox .navigation ul li a span.link {
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: 0.85em;
	line-height: 1.25;
	display: block;
	font-weight: bold;
	font-style: italic;
	/*background-image --> head*/
	background-repeat: repeat-y;
}

.tabBox .navigation ul li a:hover span.link,
.tabBox .navigation ul li.active a span.link {
	background-color: #fff;
	background-image: none;
	color: #0076bd;
}

.tabBox .tabBoxContentWrap{
	overflow: hidden;
}

.tabBox  .itemContent {
	float: left;
	width: 723px;
	position: relative;
	background-color: #ffffff;
}

.tabBox  .boxLink {
	width: 723px;
	height: 100%;
	position: absolute;
	display: block;
	float:left;
	z-index: 999;
}

.tabBox .text {
	float: left;
	width: 254px;
	padding: 0 12px 0 10px;
	font-weight: bold;
}

.tabBox .text p {
	margin: 0;
	padding: 0;
}

.tabBox .contentHeadline {
	font-size: 1.25em;
	line-height: 1.1;
	color: #7ab51e;
	font-style: italic;
	margin: 10px 0 8px 0;
}

.tabBox .image {
	float: left;
	width: 445px;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.tabBox .image .corner {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 17px;
	height: 100%;
	z-index: 2;
	overflow: hidden;
}

.tabBox .image .corner img {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
}

/*######## submenuBox ########*/
.submenuBox {
	margin: 0;
	padding: 7px;
	background-color: #eef5e2;
	margin: 0 0 10px 0;
	float: left;
}

.submenuBox .submenuBoxItem {
	margin: 3px 0 0 0;
	padding: 0;
	background-color: #ffffff;
	float: left;
}

.submenuBox .submenuBoxItem:first-child {
	margin-top: 0;
}

.submenuBox .submenuBoxItem .headline {
	background-color: #7eba22;
	/*background-image --> head*/
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
}

.submenuBox .submenuBoxItem .border {
	width: 298px;
	height: 8px;
	background-color: #7db820;
	float: left;
}

.submenuBox .submenuBoxItem .headline h4 {
	margin: 0;
	padding: 8px 29px 4px 9px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	font-size: 1.25em;
	line-height: 1.25;
	float: left;
	width: 225px;
	background-color: transparent;
}

.submenuBox .submenuBoxItem .headline .plusMinus {
	width: 35px;
	height: 34px;
	cursor: pointer;
	float: left;
	position: relative;
}

.submenuBox .submenuBoxItem .headline .minus {
	width: 35px;
	height: 34px;
	cursor: pointer;
	display: none;
	opacity: 0;
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	top: 0;
	left: 0;
}

.submenuBox .submenuBoxItem .headline .plus {
	width: 35px;
	height: 34px;
	cursor: pointer;
	display: none;
	opacity: 0;
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	top: 0;
	left: 0;
}

.submenuBox .submenuBoxItem .headline.plus h4 {
	padding-top: 8px;
}

.submenuBox .submenuBoxItem .sbLinkList {
	display: block;
	opacity: 1;
	float: left;
	overflow: hidden;
}

.submenuBox .submenuBoxItem .sbLinkList ul {
	margin: 12px 0 6px 0;
	padding: 0;
	list-style-type: none;
}

.submenuBox .submenuBoxItem .sbLinkList ul li {
	margin: 0;
	padding: 0;
}

.submenuBox .submenuBoxItem .sbLinkList ul li a,
.submenuBox .submenuBoxItem .sbLinkList ul li a.arrowRound,
.submenuBox .submenuBoxItem .sbLinkList ul li a.intern,
.submenuBox .submenuBoxItem .sbLinkList ul li a.extern,
.submenuBox .submenuBoxItem .sbLinkList ul li a.mail,
.submenuBox .submenuBoxItem .sbLinkList ul li a.download {
	margin: 0 0 1px 0;
	padding: 5px 10px 6px 33px;
	display: block !important;
	color: #0076bd;
	font-size: 0.85em;
	line-height: 1.21;
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: 10px 5px;
	float: none !important;
	width: 255px;
}

.submenuBox .submenuBoxItem .sbLinkList ul li a:hover,
.submenuBox .submenuBoxItem .sbLinkList ul li a.arrowRound:hover,
.submenuBox .submenuBoxItem .sbLinkList ul li a.intern:hover,
.submenuBox .submenuBoxItem .sbLinkList ul li a.extern:hover,
.submenuBox .submenuBoxItem .sbLinkList ul li a.mail:hover,
.submenuBox .submenuBoxItem .sbLinkList ul li a.download:hover,
.submenuBox .submenuBoxItem .sbLinkList ul li a.active,
.submenuBox .submenuBoxItem .sbLinkList ul li a.arrowRound.active,
.submenuBox .submenuBoxItem .sbLinkList ul li a.intern.active,
.submenuBox .submenuBoxItem .sbLinkList ul li a.extern.active,
.submenuBox .submenuBoxItem .sbLinkList ul li a.mail.active,
.submenuBox .submenuBoxItem .sbLinkList ul li a.download.active
	{
	color: #ffffff;
	background-color: #589dbe;
}


/*######## expandableBox ########*/
.expandableBox {
	margin: 0;
	padding: 7px;
	background-color: #eef5e2;
	margin: 0 0 10px 0;
	float: left;
}
.ebHeadline { 
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	padding: 0;
	float: left;
	font-style: italic;
}

.ebHeadline h3{
	font-size: 1.0em;
	line-height: 1.0;
	background-color: #eef5e2;
	margin: 0 9px -3px 0;
	padding: 12px 10px 10px 7px;
	float: left;
	min-width: 258px;
	color: #0076bd;
	font-weight: bold;
	font-style: italic;
}

.expandableBox .expandableBoxItem {
	margin: 3px 0 0 0;
	padding: 0;
	background-color: #ffffff;
	float: left;
}

.expandableBox .expandableBoxItem:first-child {
	margin-top: 0;
}

.expandableBox .expandableBoxItem .headline {
	background-color: #7eba22;
	/*background-image --> head*/
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
}

.expandableBox .expandableBoxItem .border {
	width: 298px;
	height: 8px;
	background-color: #7db820;
	float: left;
}

.expandableBox .expandableBoxItem .headline h4 {
	margin: 0;
	padding: 8px 29px 4px 9px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	font-size: 1.25em;
	line-height: 1.25;
	float: left;
	width: 225px;
	background-color: transparent;
}

.expandableBox .expandableBoxItem .headline .plusMinus {
	width: 35px;
	height: 34px;
	cursor: pointer;
	float: left;
	position: relative;
}

.expandableBox .expandableBoxItem .headline .minus {
	width: 35px;
	height: 34px;
	cursor: pointer;
	display: none;
	opacity: 0;
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	top: 0;
	left: 0;
}

.expandableBox .expandableBoxItem .headline .plus {
	width: 35px;
	height: 34px;
	cursor: pointer;
	display: none;
	opacity: 0;
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	top: 0;
	left: 0;
}

.expandableBox .expandableBoxItem .headline.plus h4 {
	padding-top: 8px;
}

.expandableBox .expandableBoxItem .ebiContainer {
	display: block;
	opacity: 1;
	float: left;
	overflow: hidden;
	margin: 12px 0 6px 0;
}

.expandableBox .expandableBoxItem .ebiContainer .image{
	margin:0;
	padding: 0 0 6px 0;
}

.expandableBox .expandableBoxItem .ebiContainer .textWrap{
	margin:0;
	padding: 0 10px 0 10px;
}

.expandableBox .expandableBoxItem .ebiContainer .textWrap .ebiHeadline{
	padding: 1px 0;
}

.expandableBox .expandableBoxItem .ebiContainer .textWrap .ebiHeadline h5{
	font-size: 1em;
	color: #7ab51d;
}

.expandableBox .expandableBoxItem .ebiContainer .textWrap .text{
	margin: 0;
	padding: 0;
	color: #404245;
}

.expandableBox .expandableBoxItem .ebiContainer .textWrap .text p{
	
}

.expandableBox .expandableBoxItem .ebiContainer .links{
	padding: 0 10px;
}

.expandableBox .expandableBoxItem .ebiContainer .links ul {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none;
}

.expandableBox .expandableBoxItem .ebiContainer .links ul li {
	margin: 0;
	padding: 0;
}





/*####################################################################################################*/
/*######## links ########*/
.link a.arrowRound {
	display: block;
	width: 42px;
	height: 42px;
	/*background-image --> head*/
	background-position: top left;
	background-repeat: no-repeat;
}

.links,.links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.links ul li {
	margin: 0 0 2px 0;
}

.links ul li a {
	margin: 0 0 1px 0;
	padding: 5px 64px 5px 28px;
	display: block;
	color: #0076bd;
	font-size: 0.85em;
	line-height: 1.21;
	background-repeat: no-repeat;
	background-position: 0 1px;
	font-weight: bold;
}

.googleMap .links ul li a{
	padding: 5px 10px 5px 32px;
	font-size: 0.75em;
	line-height: 1.41;
	color: #404245;
}

.links ul li a.intern { /*background-image --> head*/
	
}

.links ul li a.intern:hover { /*background-image --> head*/
	
}

.links ul li a.extern { /*background-image --> head*/
	
}

.links ul li a.extern:hover { /*background-image --> head*/
	
}

.links ul li a.download { /*background-image --> head*/
	
}

.links ul li a.download:hover { /*background-image --> head*/
	
}

.links ul li a.mail { /*background-image --> head*/
	
}

.links ul li a.mail:hover { /*background-image --> head*/
	
}

.links ul li a:hover {
	color: #005273;
}

/*#### gallery box ####*/
.clickGalleryWrap {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #9AD6F1;
	position: relative;
	float: left;
}

.teenager .clickGalleryWrap {
	padding: 7px;
	background-color: #ffffff;
}

.col3 .clickGalleryWrap.left,.col3 .clickGalleryWrap {
	width: 960px;
}

.col2 .clickGalleryWrap {
	width: 629px;
}

.cgItems {
	background-color: #ffffff;
	position: relative;
}

.col3 .clickGalleryWrap .cgItem .image {
	width: 954px;
	float: none;
}

.col2 .clickGalleryWrap .cgItem .image {
	width: 629px;
	float: none;
}

.col3 .clickGalleryWrap.left .cgItem .image {
	width: 636px;
	float: left;
}

.col3 .clickGalleryWrap .cgItem .contentWrap {
	width: 954px;
	float: none;
	padding: 11px 0px 10px 0px;
}

.col2 .clickGalleryWrap .cgItem .contentWrap {
	width: 629px;
	float: none;
	padding: 11px 0px 10px 0px;
}

.col3 .clickGalleryWrap.left .cgItem .contentWrap {
	width: 283px;
	float: left;
	padding: 15px 15px 0 19px;
	margin-bottom: 25px;
}

.cgItem .contentWrap .headline {
	padding: 0 0 7px 0;
}

.cgItem .contentWrap .headline h3 {
	color: #005873;
}

.teenager .cgItem .contentWrap .headline h3 {
	color: #7ab51d;
	font-size: 1.5em;
	line-height: 1.125;
	font-style: italic;
}

.cgItem .contentWrap .text {
	margin: 0;
	padding: 0 0 10px 0;
	padding: 0;
	color: #404245;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.3;
}
.cgItem .contentWrap .text p{
}

.col2 .cgItem .contentWrap .text,
.col3 .cgItem .contentWrap .text{
	width: 600px;
}
.col2 .clickGalleryWrap.left .cgItem .contentWrap .text,
.col3 .clickGalleryWrap.left .cgItem .contentWrap .text{
	width: auto;
}

.cgItem .contentWrap .links {
	padding: 0;
}

.col2 .cgItem .contentWrap .links,
.col3 .cgItem .contentWrap .links{
	width: 600px;
}
.col2 .clickGalleryWrap.left .cgItem .contentWrap .links,
.col3 .clickGalleryWrap.left .cgItem .contentWrap .links{
	width: auto;
}

.cgItem .contentWrap .links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.cgItem .contentWrap .links ul li {
	margin: 0;
	padding: 0;
}

.col3 .cgItem .contentWrap .links ul li a,
.col2 .cgItem .contentWrap .links ul li a{
	padding: 5px 5px 5px 28px;
}

.cgItem .contentWrap .links ul li a.arrowRound {
	padding: 8px 10px 8px 36px;
	display: block;
	clear: both;
	/*background-image --> head*/
	background-position: left 5px;
	background-repeat: no-repeat;
	color: #034054;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.428;
}

.cgItem .contentWrap .links ul li a.arrowRound:hover {
	/*background-image --> head*/
	
}

.teenager .cgItem .contentWrap .links ul li a.arrowRound {
	padding: 8px 10px 8px 36px;
	display: block;
	clear: both;
	/*background-image --> head*/
	background-position: left 5px;
	background-repeat: no-repeat;
	color: #0076bd;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.428;
}

.teenager .cgItem .contentWrap .links ul li a.arrowRound:hover {
	/*background-image --> head*/
	color: #005273;
}

.cgDynItem {
	position: relative;
	display: none;
	width: 954px;
}

.col2 .cgDynItem {
	position: relative;
	display: none;
	width: 623px;
}

.teenager .cgDynItem {
	position: relative;
	display: none;
	width: 960px;
}

.teenager .col2 .cgDynItem {
	position: relative;
	display: none;
	width: 629px;
}

.clickGalleryWrap .spinner {
	margin: 0 auto;
	padding: 20px 0;
	width: 31px;
	height: 31px;
	display: block;
}
/* cgNavigation */
.cgNavigation {
	opacity: 0;
}

.cgPrev,.cgNext {
	position: absolute;
	z-index: 5;
	width: 43px;
}

.teenager .cgPrev,.teenager .cgNext {
	position: absolute;
	z-index: 5;
	width: 50px;
}

.cgPrev {
	left: 0;
}

.cgNext {
	right: 0;
}

.teenager .left .cgNext {
	right: 324px;
}

.cgNoImg .cgPrev {
	left: 13px;
	bottom: 0;
}

.cgNoImg .cgNext {
	right: 13px;
	bottom: 0;
}

.cgPrev a,.cgNext a {
	width: 43px;
	height: 103px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

.teenager .cgPrev a,.teenager .cgNext a {
	width: 50px;
	height: 114px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

.cgPrev a { /*background-image --> head*/
	
}

.cgNext a { /*background-image --> head*/
	
}

.cgPrev a:hover { /*background-image --> head*/
	
}

.cgNext a:hover { /*background-image --> head*/
	
}

.teenager .cgPrev a { /*background-image --> head*/
	
}

.teenager .cgNext a { /*background-image --> head*/
	
}

.teenager .cgPrev a:hover { /*background-image --> head*/
	
}

.teenager .cgNext a:hover { /*background-image --> head*/
	
}
/* cgPointNavigation */
.cgPointNavigation {
	position: absolute;
	bottom: 0;
	padding: 5px 26px 0 20px;
	margin-right: -14px;
	display: block;
	opacity: 0;
}

.cgNoImg .cgPointNavigation {
	bottom: 10px;
}

.cgPointNavigation .pointLinks {
	margin: 0 auto;
}

.pointLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pointLinks ul li {
	float: left;
	margin: 0;
	padding: 0 3px;
}

.pointLinks ul li a {
	float: left;
	width: 8px;
	height: 8px;
	display: block;
	/*background-image --> head*/
	background-repeat: no-repeat;
	background-position: left top;
}

.pointLinks ul li a.active,.pointLinks ul li a:hover {
	/*background-image --> head*/
	
}

.teenager .pointLinks ul li a.active,.pointLinks ul li a:hover {
	/*background-image --> head*/
	
}

/*####################################################################################################*/
/*######## headlines ########*/
.pageHeadline {
	width: 636px;
	margin: 2px 0 12px 0;
	padding: 0 7px 0 0;
}

.pageHeadline.portal {
	margin-bottom: 28px;
	margin-top: 46px;
}

.pageHeadline .headline {
	color: #ffffff;
	font-size: 0.95em;
	line-height: 1.25;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 4px;
}

.pageHeadline.portal .headline h1 {
	color: #007193;
	font-size: 1.86em;
}

.pageHeadline .introtext {
	color: #fff;
	font-size: 0.95em;
	line-height: 1.25;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 3px;
}



/*######## googlemap ########*/
.googleMapBox{
	margin:0 0 10px 0;
	padding: 7px 7px 0 7px;
	background-color: #ffffff;
}
.col1 .googleMapBox,
.col1 .googleMapBox .map{
	width: 298px;
}
.col15 .googleMapBox,
.col15 .googleMapBox .map{
	width: 468px;
}
.col2 .googleMapBox,
.col2 .googleMapBox .map{
	width: 629px;
}
.col3 .googleMapBox,
.col3 .googleMapBox .map{
	width: 960px;
}
.googleMapBox .map{
	margin-bottom: 7px;
	background-color: #ffffff;
	float:left;
}
.googleMapBox .headline{
	font-size: 1.1em;
    font-style: normal;
    line-height: 1.25;
    margin: 0;
    padding: 0 0 7px 0;
}
.googleMapBox .text{
	color: #404245;
    padding: 0;
}
.col3 .googleMapBox .text{
	width: 623px;
}
.googleMapBox .links{
	padding-bottom: 7px;
}
.googleMapBox .links ul li a{
	background-position: 0 1px;
    background-repeat: no-repeat;
    color: #0076BD;
    display: block;
    font-size: 0.85em;
    font-weight: bold;
    line-height: 1.21;
    margin: 0 0 1px;
    padding: 5px 64px 5px 28px;
}


.markerWrap{
		margin: -7px 0 7px 0;
		padding: 7px;
		
		float: left;
		
		background-color: #EEF5E2;
	}
	.col3 .markerWrap{
		width: 946px;
	}
	.col2 .markerWrap{
		width: 615px;
	}
	.col15 .markerWrap{
		width: 454px;
	}
	.col1 .markerWrap{
		width: 284px;
	}
	.markerWrap .markerItem{
		margin: 0;
		padding: 5px 15px 10px 50px;
		
		float: left;
		
		background-repeat: no-repeat;
		background-position: left top;
	}
	.col3 .markerWrap .markerItem,
	.col3 .markerWrap .markerItem .text,
	.col3 .markerWrap .markerItem .text p,
	.col3 .markerWrap .markerItem .links,
	.col3 .markerWrap .markerItem .links ul,
	.col3 .markerWrap .markerItem .links ul li{
		width: 250px;
	}
	.col3 .markerWrap .markerItem .links ul li a{
		width: 158px;
	}
	.col2 .markerWrap .markerItem,
	.col2 .markerWrap .markerItem .text,
	.col2 .markerWrap .markerItem .text p,
	.col2 .markerWrap .markerItem .links,
	.col2 .markerWrap .markerItem .links ul,
	.col2 .markerWrap .markerItem .links ul li{
		width: 242px;
	}
	.col2 .markerWrap .markerItem .links ul li a{
		width: 150px;
	}
	.col15 .markerWrap .markerItem,
	.col15 .markerWrap .markerItem .text,
	.col15 .markerWrap .markerItem .text p,
	.col15 .markerWrap .markerItem .links,
	.col15 .markerWrap .markerItem .links ul,
	.col15 .markerWrap .markerItem .links ul li{
		width: 389px;
	}
	.col15 .markerWrap .markerItem .links ul li a{
		width: 297px;
	}
	.col1 .markerWrap .markerItem,
	.col1 .markerWrap .markerItem .text,
	.col1 .markerWrap .markerItem .text p,
	.col1 .markerWrap .markerItem .links,
	.col1 .markerWrap .markerItem .links ul,
	.col1 .markerWrap .markerItem .links ul li{
		width: 219px;
	}
	.col1 .markerWrap .markerItem .links ul li a{
		width: 127px;
	}


/*######## fonts ########*/
.fontWhite,
.fontWhite a,
.fontWhite ul li a {
	color: #ffffff !important;
}

.fontBlack,
.fontBlack a,
.fontBlack ul li a {
	color: #404245 !important;
}

.fontGreen,
.fontGreen a,
.fontGreen ul li a {
	color: #7ab51d !important;
}

.fontOrange,
.fontOrange a,
.fontOrange ul li a {
	color: #ffbe00 !important;
}

.fontBlue,
.fontBlue a,
.fontBlue ul li a {
	color: #0076bd !important;
}

.fontDarkBlue,
.fontDarkBlue a,
.fontDarkBlue ul li a {
	color: #005873 !important;
}

/*#### overlay ####*/
.jqmWindow{
	display:none;
	position:absolute;
	left:0;
	padding-bottom:20px;
	text-align:center;
	width: 100%;
}
.jqmWrap{
  position:relative;
  margin:0 auto;
  text-align:left;
  background-color:#ffffff;
  border:7px solid #EEF5E2;
}

.jqmHeader{
	background-color:#ffffff;
	padding:10px 10px 5px 10px;
	font-weight:bold;
	font-style:italic;
	color:#7AB51E;
}
.jqmClose{
	float:right;
	padding-top:1px;
	width:23px;
	height:23px;
	/*background-image -> head*/
	background-repeat:no-repeat;
	cursor:pointer;
}
.teacher .jqmClose{
	height:16px;
	/*background-image -> head*/
}
.jqmClose:hover{
	/*background-image -> head*/
}
.jqmContent{
  padding:10px 10px 10px 10px;
  color:#404245;
}
.jqmOverlay{
	background-color:#000000;
}

/*#### confirm ####*/
#confirm .jqmWrap{
	width:400px;
}

/*#### confirm ####*/
#confirm .jqmWrap{
	margin-top:80px;
}
#confirm .jqmMode1,
#confirm .jqmMode2{
	display:none;
}
#confirm input.inputSubmit{
	float:left;
	margin-left:0;
}
#confirm input.inputSubmit.next{
	float:right;
}
#confirm .link{
	margin-top:10px;
}
#confirm .link a.arrowRound {
	margin: 0 0 1px 0;
	padding: 5px 64px 5px 28px;
	display: block;
	color: #0076BD;
	font-size: 0.85em;
	line-height: 1.21;
	background-repeat: no-repeat;
	background-position: 0 1px;
	font-weight: bold;
	/*background-image: page*/
	width: auto;
}
#confirm .link a.arrowRound:hover {
	/*background-image: page*/
	color:#034054;
}
.teacher #confirm .link a.arrowRound {
	padding: 4px 10px 0 16px;
	background-position: left 7px;
	color: #000000;
	font-weight: normal;
}
.teacher #confirm .link a.arrowRound:hover {
	text-decoration: underline;
}

/*tippbox*/
.tippbox{
	width: 292px;
}
.tippBox .content .tbg{
	width: 292px;
}
.tippBox {
	margin: 0;
	padding: 0 0 10px 0;
	background: none !important;
	float: left;
}

.startpage .tippBox, .startpage .tippBox.first, .teacher .tippBox.first {
	margin-top: 0;
}

.tippBox .content {
	margin-top: 0;
	background: none !important;	
	float: left;
}

.tippBox .headline {
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	padding: 0;
	float: left;
}
.tippBox .headline h3{
	font-size: 1.0em;
	line-height: 1.0;
	background-color: #EEF5E2;
	margin: 0 9px -3px 0;
	padding: 12px 10px 10px 10px;
	float: left;
	color: #0076BD;
	font-weight: bold;
	font-style: italic;
	float: left;
	max-width: 273px;
}

.tippBox .content .tbg {
	margin: 0;
	padding: 10px 10px 10px 10px;
	background-color: #EEF5E2;
}

/*## tipp item ##*/
.tippItem {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

.tippItem .tbgContent {
	margin: 0;
	padding: 0 0 25px 0;
}

.tippItem .caption {
	margin: 0;
	padding: 5px 10px;
	color: #7AB51D;
	font-size: 1em;
	line-height: 1.25;
	font-weight: bold;
}

.tippItem .text {
	margin: 0;
	padding: 5px 10px;
	color: #404245;
}

.tippItem .links {
	margin: 0;
	padding: 5px 10px;
}

.tippItem .caption p, .tippItem .text p {
	padding: 0;
}

/*## navigation ##*/
.tippItem .tippNav {
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #7DB820;
	position: relative;
	min-height: 37px;
}

.tippItem .tippNav .tippNavLeft {
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -11px;
	width: 23px;
	height: 23px;
}

.tippItem .tippNav .tippNavLeft a {
	margin: 0;
	padding: 0;	
	width: 23px;
	height: 23px;
	float: left;
	/*background-image: page*/
	background-position: left top;
	background-repeat: no-repeat;
}

.tippItem .tippNav .tippNavLeft a:hover {
	/*background-image: page*/
}

.tippItem .tippNav .tippNavText {
	margin: 0;
	padding: 10px 32px 0 32px;
	text-align: center;
	font-size: 0.85em;
	line-height: 1.21;
	font-weight: bold;
	color: #ffffff;
}

.tippItem .tippNav .tippNavRight {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -11px;
	width: 23px;
	height: 23px;
}

.tippItem .tippNav .tippNavRight a {
	margin: 0;
	padding: 0;
	width: 23px;
	height: 23px;
	float: left;
	/*background-image: page*/
	background-position: left top;
	background-repeat: no-repeat;
}

.tippItem .tippNav .tippNavRight a:hover {
	/*background-image: page*/
}

.teacher .tippItem .tippNav .tippNavRight a:hover {
	/*background-image: page*/
}


/*confirm*/
#confirm a.close,
#confirm a.next{
	background-color: #027EB9;
	background-repeat: repeat-x;
	color: #ffffff;
	padding: 3px 8px 3px 8px;		
	display: block;
	float: left;
	font-family: "Corbel", "Trebuchet MS", Arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
}
#confirm a.next{
	float: right;
}





/*imagetopbox*/
.imageBoxTop{
	margin: 0 0 20px 0;
	padding: 7px;
	
	background-color: #ffffff;
}

.imageBoxTop .image + .subHeadline{
	margin-top: 10px;
}
.imageBoxTop .subHeadline{
	
}
.imageBoxTop .subHeadline h3{
	color: #7ab51d;
	font-size: 1.5em;
	line-height: 1.125;
	font-style: italic;
}
.imageBoxTop .text{
	width: 600px;
	font-weight: bold;
	padding-top: 8px;
	color: #404245;
}
.imageBoxTop .links ul{
	margin-bottom: 5px;
}


/*gallery*/
.gallery {
    margin: 0 0 20px 0;
    padding: 0;
    background-color: #ffffff;
    border: 7px solid #ffffff;
}

.col1 .gallery {
}

.col2 .gallery {
    width: 629px;
}

.col3 .gallery {
    width: 964px;
}

.gallery .galleryWrapper {
    position: relative;
}

.gallery .gallerySpinner {
    margin: 0;
    padding: 50px 0;
    width: 100%;
    background-color: #0086cb;
    position: absolute;
    top: 0;
}

.gallery .gallerySpinner .gsOuter {
    position: relative;
    left: -50%;
    float: right;
}

.gallery .gallerySpinner .gsInner {
    position: relative;
    right: -50%;
    float: left;
}

.gallery .gallerySpinner img {
    display: block;
    float: left;
}

.gallery .galleryItems {
}

.gallery .galleryItems .galleryItem {
    background-color: #ffffff;
}

.col1 .gallery .galleryItems .galleryItem {
}

.col2 .gallery .galleryItems .galleryItem {
    width: 629px;
    position: relative;
}

.col3 .gallery .galleryItems .galleryItem {
    width: 964px;
    position: relative;
}

.gallery .galleryItems .galleryItem .galleryImageContent {
    margin: 0;
    padding: 0;
}

.col2 .gallery .galleryItems .galleryItem .galleryImageContent {
    width: 629px;
}

.col3 .gallery .galleryItems .galleryItem .galleryImageContent {
    width: 636px;
    float: left;
}

.col3 .gallery.top .galleryItems .galleryItem .galleryImageContent {
    width: 964px;
    float: none;
}

.col3 .gallery .galleryItems .galleryItem .galleryImageContent .galleryImage img {
    display: block;
}

.gallery .galleryItems .galleryItem .galleryTextContent {
    margin: 0;
    padding: 12px 50px 10px 20px;
    color: #005873;
    font-size: 1em;
    position: relative;
}

.col2 .gallery .galleryItems .galleryItem .galleryTextContent {
    padding: 12px 20px 10px 0;
    width: 609px;
}

.col3 .gallery .galleryItems .galleryItem .galleryTextContent {
    width: 248px;
    float: left;
    position: relative;
}

.col3 .gallery.top .galleryItems .galleryItem .galleryTextContent {
    padding: 12px 310px 10px 10px;
    width: 644px;
    float: none;
    position: static;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryHeadline {
    padding: 0 0 7px 0;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryHeadline h3 {
    margin: 0;
    padding: 0;
    color: #7AB51D;
    font-size: 1.5em;
    line-height: 1.125;
    font-style: italic;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryText {
    margin: 0;
    padding: 0;
    color: #404245;
    font-weight: bold;
    font-size: 0.85em;
    line-height: 1.3;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks {
    position: relative;
    float: left;
    padding: 4px 0 0 0;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul li {
    margin: 0 0 2px 0;
    padding: 0;
    float: left;
    clear: both;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul li:first-child {
    margin-top: 0;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul li a {
    margin: 0 0 1px 0;
    padding: 5px 64px 5px 28px;
    display: block;
    color: #0076BD;
    font-size: 0.85em;
    line-height: 1.21;
    background-image: url('/images/microsite/kw/linkArrow.png');
    background-repeat: no-repeat;
    background-position: 0 1px;
    font-weight: bold;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul li a:hover {
    background-image: url('/images/microsite/kw/linkArrow_hover.png');
    color: #005273;
}

.gallery .galleryNavigation {
    width: 100%;
    position: relative;
	height: 100%;
}

.gallery .galleryNavigation a {
    cursor: pointer;
    color: #ffffff;
    font-family: TheSansBold;
    position: absolute;
    top: calc(50% - 57px);
    width: 57px;
    height: 114px;
    background-position: left top;
    background-repeat: no-repeat;
}

.gallery .galleryNavigation a.gpnPrev {
    left: 0;
    background-image: url('/images/microsite/kw/jugend_gal_prev.png');
}

.gallery .galleryNavigation a.gpnPrev:hover {
    left: 0;
    background-image: url('/images/microsite/kw/jugend_gal_prev_hover.png');
}

.gallery .galleryNavigation a.gpnNext {
    right: -7px;
    background-image: url('/images/microsite/kw/jugend_gal_next.png');
}

.gallery .galleryNavigation a.gpnNext:hover {
    right: -7px;
    background-image: url('/images/microsite/kw/jugend_gal_next_hover.png');
}

.gallery .galleryPointNavigation {
    margin: -3px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
}

/* Fix Bullet Points for Jquery 3.5.1 */
.gallery .galleryPointNavigation {
	position: absolute;
	bottom: -15px;
}

.col3 .gallery .galleryPointNavigation {
    padding: 0 20px;
    position: absolute;
    right: -10px;
    bottom: 10px;
    width: 279px;
}

.col3 .gallery.top .galleryPointNavigation {
    position: static;
    padding: 12px 10px 10px 10px;
    width: 934px;
}

.gallery .galleryPointNavigation .gpnOuter {
    position: relative;
    left: -50%;
    float: right;
}

.gallery .galleryPointNavigation .gpnInner {
    position: relative;
    right: -50%;
    float: left;
}

.gallery .galleryPointNavigation ul {
    margin: 0 0 11px 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.col3 .gallery .galleryPointNavigation ul {
    margin: 11px 0 0 0;
}

.gallery .galleryPointNavigation ul li {
    margin: 0;
    padding: 0 11px 0 0;
    display: inline;
}


.gallery .galleryPointNavigation ul li a {
    cursor: pointer;
}

/*gallery*/
.gallery {
    margin: 0 0 20px 0;
    padding: 0;
    background-color: #ffffff;
    border: 7px solid #ffffff;
}

.col1 .gallery {
}

.col2 .gallery {
    width: 629px;
}

.col3 .gallery {
    width: 964px;
}

.gallery .galleryWrapper {
    position: relative;
}

.gallery .gallerySpinner {
    margin: 0;
    padding: 50px 0;
    width: 100%;
    background-color: #0086cb;
    position: absolute;
    top: 0;
}

.gallery .gallerySpinner .gsOuter {
    position: relative;
    left: -50%;
    float: right;
}

.gallery .gallerySpinner .gsInner {
    position: relative;
    right: -50%;
    float: left;
}

.gallery .gallerySpinner img {
    display: block;
    float: left;
}

.gallery .galleryItems {
}

.gallery .galleryItems .galleryItem {
    background-color: #ffffff;
}

.col1 .gallery .galleryItems .galleryItem {
}

.col2 .gallery .galleryItems .galleryItem {
    width: 629px;
    position: relative;
}

.col3 .gallery .galleryItems .galleryItem {
    width: 964px;
    position: relative;
}

.gallery .galleryItems .galleryItem .galleryImageContent {
    margin: 0;
    padding: 0;
}

.col2 .gallery .galleryItems .galleryItem .galleryImageContent {
    width: 629px;
}

.col3 .gallery .galleryItems .galleryItem .galleryImageContent {
    width: 636px;
    float: left;
}

.col3 .gallery.top .galleryItems .galleryItem .galleryImageContent {
    width: 964px;
    float: none;
}

.col3 .gallery .galleryItems .galleryItem .galleryImageContent .galleryImage img {
    display: block;
}

.gallery .galleryItems .galleryItem .galleryTextContent {
    margin: 0;
    padding: 12px 50px 10px 20px;
    color: #005873;
    font-size: 1em;
    position: relative;
}

.col2 .gallery .galleryItems .galleryItem .galleryTextContent {
    padding: 12px 20px 10px 0;
    width: 609px;
}

.col3 .gallery .galleryItems .galleryItem .galleryTextContent {
    width: 248px;
    float: left;
    position: relative;
}

.col3 .gallery.top .galleryItems .galleryItem .galleryTextContent {
    padding: 12px 310px 10px 10px;
    width: 644px;
    float: none;
    position: static;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryHeadline {
    padding: 0 0 7px 0;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryHeadline h3 {
    margin: 0;
    padding: 0;
    color: #7AB51D;
    font-size: 1.5em;
    line-height: 1.125;
    font-style: italic;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryText {
    margin: 0;
    padding: 0;
    color: #404245;
    font-weight: bold;
    font-size: 0.85em;
    line-height: 1.3;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks {
    position: relative;
    float: left;
    padding: 4px 0 0 0;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul li {
    margin: 0 0 2px 0;
    padding: 0;
    float: left;
    clear: both;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul li:first-child {
    margin-top: 0;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul li a {
    margin: 0 0 1px 0;
    padding: 5px 0px 5px 28px;
    display: block;
    color: #0076BD;
    font-size: 0.85em;
    line-height: 1.21;
    background-image: url('/images/microsite/kw/linkArrow.png');
    background-repeat: no-repeat;
    background-position: 0 1px;
    font-weight: bold;
}

.gallery .galleryItems .galleryItem .galleryTextContent .galleryLinks ul li a:hover {
    background-image: url('/images/microsite/kw/linkArrow_hover.png');
    color: #005273;
}

.gallery .galleryNavigation {
    width: 100%;
    position: relative;
}

.gallery .galleryNavigation a {
    cursor: pointer;
    color: #ffffff;
    font-family: TheSansBold;
    position: absolute;
    top: -57px;
    width: 57px;
    height: 114px;
    background-position: left top;
    background-repeat: no-repeat;
}

.gallery .galleryNavigation a.gpnPrev {
    left: 0;
    background-image: url('/images/microsite/kw/jugend_gal_prev.png');
}

.gallery .galleryNavigation a.gpnPrev:hover {
    left: 0;
    background-image: url('/images/microsite/kw/jugend_gal_prev_hover.png');
}

.gallery .galleryNavigation a.gpnNext {
    right: -7px;
    background-image: url('/images/microsite/kw/jugend_gal_next.png');
}

.gallery .galleryNavigation a.gpnNext:hover {
    right: -7px;
    background-image: url('/images/microsite/kw/jugend_gal_next_hover.png');
}

.gallery .galleryPointNavigation {
    margin: -3px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
}

.col3 .gallery .galleryPointNavigation {
    padding: 0 20px;
    position: absolute;
    right: -10px;
    bottom: 10px;
    width: 279px;
}

.col3 .gallery.top .galleryPointNavigation {
    position: static;
    padding: 12px 10px 10px 10px;
    width: 934px;
}

.gallery .galleryPointNavigation .gpnOuter {
    position: relative;
    left: -50%;
    float: right;
}

.gallery .galleryPointNavigation .gpnInner {
    position: relative;
    right: -50%;
    float: left;
}

.gallery .galleryPointNavigation ul {
    margin: 0 0 11px 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.col3 .gallery .galleryPointNavigation ul {
    margin: 11px 0 0 0;
}

.gallery .galleryPointNavigation ul li {
    margin: 0;
    padding: 0 11px 0 0;
    display: inline;
}


.gallery .galleryPointNavigation ul li a {
    cursor: pointer;
}

/*formular*/
.form .nd{
	display: none;
}