﻿* {
	-webkit-text-size-adjust: none;
	font-family:Verdana,Arial,sans-serif
}


body {
 margin:0;padding:0px;
 
 margin-top:10px;
}

html {

}
html,body {

 background-color:rgb(112,106,118);
}



img {
 border:none;
}




div.clear {
 clear:both;border:none!important;line-height:0px;height:1px;padding:0px!important;
}

.container { padding:0;box-shadow: 10px 10px 5px #555;}
.row {
    margin-right: 0px;
    margin-left: 0px;
}





#header {position:relative;height:auto;background:none;}
#logo img {position:absolute;top:0px;z-index:5000}

#headerimage img{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px
}

#headerimage,#headerimage .gallerylayer {background:none!important}
#headerimage .gallerylayer img{ /* make all images scale to 100% of slideshow width */
width: 100%;
height: auto;
}

#headerimage{
/*position:static!important;*/

/*width: 100%!important;
height: 100%!important;*/
}


#content {background:#fff;padding-top:25px;padding-bottom:50px}
#left {padding:0}
#center {padding:0;font-size:11px;color:rgb(49,52,85);line-height:145%}
#right {padding:0;}
#footer {background:#fff;padding-top:20px;height:50px}



/**************************************************************************************************/
/* CENTER 
***************************************************************************************************/


.boxHome {padding:0;padding-left:12px;padding-right:0px}
.boxHome img {border:solid 1px	rgb(49,52,85)}
.boxHome:first-child {padding-right:12px;padding-left:0px}

.boxHome span {font-size:16px}



h1 { font-weight:normal;margin:0 0 15px 0;font-size:30px;line-height:120%;color:rgb(152,153,170);letter-spacing:1px;}
h2 { font-weight:normal;margin:0 0 0 0;font-size:20px;line-height:120%;color:rgb(152,153,170);letter-spacing:1px;}
h3 { font-weight:normal;margin:0 0 0 0;font-size:13px;line-height:120%;color:rgb(49,52,85);}

/*h4 { font-weight:bold;margin:15px 0 0 0;font-size:12px;line-height:120%;color:#fff;}
h4 span { background-color:rgb(49,52,85);padding: 2px 7px 3px 5px}
*/

h4 { font-weight:bold;margin:0px 0 0 0;font-size:12px;line-height:120%;color:#fff;display: inline-block;background-color:rgb(49,52,85);padding: 2px 7px 3px 5px}




h5 { font-weight:bold;margin:10px 0 0 0;font-size:11px;line-height:inherit }
h5.topline {border-top:solid 1px rgb(152,153,170);padding-top:2px }

p {}
h1 p {margin:0;padding:0;} 
h2 p {margin:0;padding:0;} 
h3 p {margin:0;padding:0;} 

#center ul {padding:0 0 0 11px;margin:0;}
#center ul  li:first-child {margin-top:10px;}
#center li {margin-bottom:5px}

h1 + h2 {margin-top:10px}
h1 + h2.eng {margin-top:-15px}
h1 + h3 {margin-top:10px}
h2 + .team-quickie {margin-top:10px}

h2 + h3 {margin-top:10px}


h1 + p,
h2 + p,
h3 + p {margin-top:10px}


h4 + ul,
h4 + p {margin-top:8px}

ul + p {margin-top:10px;}

/* p + h4, ul + h4 {margin-top:15px}*/

#pageTermine h5.topline + p {margin-top:-10px}



#center a:link,#center a:visited {
 text-decoration:none;color:rgb(0,130,174);
 background:  no-repeat left 3px url("../gfx/pfeil-t-11.png") ;padding-left:15px; 
 
}

#center a:active,#center a:focus,#center a:hover {
 text-decoration:underline;

}
#center img {border:solid 1px rgb(194,192,195);}

	

/* TEAM */
.team-img {float:left;width:270px;height:200px;background:#F0f0f0;overflow:hidden}
.team-quote-block {float:right;width:200px;}
.team-quote-block img{border:none!important}
.team-quote{margin-top:5px;font-size:15px;color:rgb(152,153,170);line-height:130%}

.teamprofile {border:none!important}
	
/* Angebote */	
.img_angebote {margin:3px 10px 10px 0;float:left}
	

/* Galerie */

#center  .bildergalerie a{background-image:none;padding:0}

#center  .bildergalerie {
    float: left;
    margin: 0 10px 10px 0;
    width: 120px;
    height: 90px;
    overflow: hidden;

}	
	
	
	

/**************************************************************************************************/
/* RIGHT 
***************************************************************************************************/

.kasten {float:right;width:209px;padding:7px 2px 7px 5px;min-height:100px;	border-bottom-left-radius: 10px;margin-bottom:15px;
		box-shadow: -8px 8px 10px #ccc;
}
.kastengruen {background-color:rgb(204,215,84)}
.kastenblau {background-color:rgb(140,165,199)}
.kastentuerkis {background-color:rgb(107,197,218)}
.kastenhellgrau {background-color:#E9E8E9}


.kasten-content .kasten-item {border-top: solid 1px #fff;padding-top:2px;clear:both;}
.kasten-content .kasten-item:first-child {border-top:none;padding-top:0px}



.kasten h6 {color:#fff;font-size:12px;line-height:125%;font-weight:bold;padding:0 0 6px 0;margin:0 0 6px 0;border-bottom: solid 1px #fff}

.kasten .kasten-item-title {color:rgb(49,52,85);font-size:11px;font-weight:bold;padding-left:2px}
.kasten .kasten-item-copy {color:rgb(49,52,85);font-size:11px;font-weight:normal;padding-left:2px}
.kasten a {color:rgb(49,52,85);background:  no-repeat left center url("../gfx/pfeil-wh-11.png") ;padding-left:15px}
.kasten p.morelink {margin-top:-8px}
.kasten p.morelink a {color:rgb(255,255,255)}
.kasten div.whitelink a {color:rgb(255,255,255)}
.kasten ul.zulassung a.openTMpage {background:  none ;padding-left:0px}
a.dark,.kasten ul.zulassung a.openTMpage.dark,.kasten ul.ausschreibung a {background:  no-repeat left 2px  url("../gfx/pfeil-b-11.png") ;padding-left:15px}

.kasten ul.zulassung li img {float:right;margin-top:-5px}

.kasten ul {margin:0 0 0 14px; padding-left: 0}

.kastenprofil strong + ul,
.kastenprofil p + ul {margin-top:-10px}
.kastenprofil ul + p {margin-top:10px}


.kastenprofil .links  {margin:10px 0}
.kastenprofil .links  div {margin-bottom:5px}
.kastenprofil .links a{color:rgb(0,130,174);background:  no-repeat left 2px  url("../gfx/pfeil-t-11.png") ;padding-left:15px}

.infoveranstaltung  ul {margin:0;padding:0}
.infoveranstaltung  ul li {list-style:none;margin:0;padding:0}
.infoveranstaltung a {color:#fff;}


.veranstaltunginfo  div {border-top: solid 1px #fff;padding-top:4px;padding-bottom:10px}
.veranstaltunginfo  ul.none {margin:0;padding:0}
.veranstaltunginfo  ul.none li {list-style:none;margin:0;padding:0}
.basicinfo  div:first-child {border-top: none}
.moreinfoss {display:none;}
.kasten-content.anmelden .moreinfo  {display:block}

.moreinfolink  {border-top: solid 1px #fff;}
.moreinfolink a {background:none;padding:0;color:#fff;font-size: 11px;}

.veranstaltunginfo .unbold {font-size:11px;font-weight:bold;display:block;margin-bottom:5px;}
.veranstaltunginfo p.morelink {margin-top:6px;font-size:12px;font-weight:bold;border-top: solid 1px #fff;padding-top:4px}

.kastenveranstaltung .kasten-content .kasten-item  {border-top:solid 5px #fff;padding-top:10px}
.kastenveranstaltung .kasten-content .kasten-item:first-child  {border-top:none;padding-top:0px}
.kastenveranstaltung .anmerkung p   {margin:0px}

.kastenveranstaltung .kasten-item + .kasten-item {margin-top:20px}
.basicinfo {cursor:default}
.basicinfo.regularcursor {cursor:default}

div.leitungimg {width:98px;height:139px;background-color:#666;float:left;margin-bottom:3px;padding:0;border:none;} /* border:solid 1px #000!important; */
div.leitungimg:first-child {margin-right:3px;}
div.leitungimages,div.leitungimagesrow {border:none!important}


.testimonialpop {font-size:11px;color:rgb(49,52,85);line-height:145%}


.testimonialkasten {float:right;width:209px;padding:0px 2px 15px 0px;min-height:100px;	border-bottom-left-radius: 10px;margin-bottom:15px;
				   border:solid 1px	rgb(152,153,170);border-right:none;border-top:none
}
.testimonialkasten .testimonialkasten-item {border-top:solid 1px rgb(152,153,170);margin-top:10px; }
.testimonialkasten .testimonialkasten-item:first-child {margin-top:0px; }



.testimonialkasten-quote {margin-top:5px;}
.testimonialkasten-img {width:98px;height:139px;overflow:hidden;background:#F0f0f0;border:solid 1px	rgb(152,153,170);border-left:none;border-top:none;margin-left:4px}
.testimonialkasten-sign {float:left;width:53px;height:53px;padding:5px 7px 9px 7px}
.testimonialkasten-person {float:left;width:153px;color:rgb(49,52,85);font-size:10px;font-style:italic}
.testimonialkasten-copy {clear:both;color:rgb(152,153,170);font-size:11px;font-weight:bold;padding:15px 0px 0 4px;}
.testimonialkasten span.morelink a {color:rgb(0,130,174);background:  no-repeat left center url("../gfx/pfeil-t-11.png") ;padding-left:15px;font-weight:normal}



.message_feedback {
 border: solid 1px #6AEA4C;
 font: normal 12px Verdana,Arial,sans-serif; color:#000000;
 padding:10px 5px;margin-bottom:1px;
 background-color:#E5F8E1;
}

.message_error {
 border: solid 1px red;
 font: normal 12px Verdana,Arial,sans-serif; color:#000000;
 padding:10px 5px;
 background-color:#FFeeee;
}

.w200 {
 width:100%;
}


.xc51 {position:absolute;left:-100000px;}

table.formular  {
	width:100%
}	

	
table.formular span.req {
 /*border-left:solid 2px rgb(107,197,218) ;padding-left:2px;*/
 background:  no-repeat 95% 8px url("../gfx/req.png") ;margin-left:5px;padding:4px;
 
 
}

table.formular td {
 padding:4px 4px;
}
table.formular td {
  vertical-align:top
}

label {font-weight:normal}




#mbCenter {background-color: rgb(193,194,204)!important;padding-right:20px!important}


#bodyMain .content .bildergalerie {
    float: left;
    margin: 0 10px 10px 0;
    width: 120px;
    height: 90px;
    overflow: hidden;
}


.fancybox-skin {background-color: rgb(193,194,204)!important}




.boxAngebot {padding:0;height:190px;padding-left:12px;padding-right:0px}
.boxAngebotSchmal {height:105px;padding:0!important;}
.boxAngebotXSchmal {height:75px;padding:0!important;}

.boxAngebot:first-child {padding-right:12px;padding-left:0px}
.boxAngebotFrame {height:100%;
border:solid 1px #999;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;	
    padding:8px 6px;
	color: rgb(152,153,170);font-size:14px;
}
.boxAngebotHeadline { font-weight:bold;margin:0 0 0 0;font-size:17px;line-height:120%;color: rgb(49,52,85);}
.boxAngebotHeadline.grau {color: rgb(152,153,170);}
.boxAngebotHeadline span { font-weight:normal;}

.boxAngebotFrame ul {padding-left:0px!important}
.boxAngebotFrame li {color: rgb(152,153,170);margin-bottom:0px!important;margin-left:0px;line-height:130%;list-style:none}
.boxAngebotFrame p  {margin-top:10px!important;line-height:130%}

.boxAngebotFrame div.regular {color: rgb(152,153,170);font-size:15px;line-height:120%;}
#center .boxAngebotFrame a.zugang {color: #FF8800;font-size:11px;line-height:120%;background:  no-repeat left 3px url("../gfx/pfeil-o-11.png") }

.boxAngebotSchmal a.zugang {float:right;margin-top:5px}

/* Gesamtangebot*/
.row > .boxAngebot {margin-bottom:22px}
/* TOPS Ausbildungssystem*/
body.tops-ausbildung .row > .boxAngebot {margin-bottom:0px}

.boxAngebotPfeile {background:  no-repeat center top url("../gfx/pfeil-angebot.png");height:50px}
.boxAbstand {height:50px}




.navbar-toggle {
  display:none;
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 8px;
  background-color: none;
  background-image: none;
  border: 1px solid rgb(0,0,0);
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar {background-color:rgb(0,0,0)}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
