@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (de) Stylesheet für das Bildschirm-Layout SWBS angepasst
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/
  /* Randbereiche & Seitenhintergrund */
  body { 
	padding: 0; 
	margin: 0; 
  	background: #d9dad8;
	background-image: url(../media/swbs_headerbg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
  }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto;}

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 1000px;}
  .page { padding: 0px; margin: 0;}
  #header { padding: 0px; margin: 0px; height: 245px;}
  #topnav {
    position: relative;
    top: 0px;
	left: 0px;
  	margin: 0px;
	text-align: left;
	height: 20px;
	padding: 4px 0 4px 0;
}
  #main { 
  	margin: 0; 
	background: #fff; 
	min-height: 500px;
	background-image:url(../media/swbs_bereichbg.jpg);
	background-repeat: repeat-y;
}
  #footer { 
  	padding: 0;
	background: url(../media/swbs_footerbg.jpg) center no-repeat;
	height: 35px;
  }
  #swbs_footer {
  	width: 1000px;
	margin: 0 auto;
	text-align: right;
	padding: 5px 20px 0 0;
	font-size: 90%;
  }

  /*-------------------------------------------------------------------------*/
  /**
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: right; width: 780px}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 780px 0 0}
  #col1_content { padding: 0 0 0 20px }
  #col3_content { 
  	padding: 35px 10px 0 0;
  	color: #669967;
	/* font-size: 1.2em; */
	font-weight: bold;
  }
  #col3_content ul { 
	list-style-type: none;
	margin: 10px 0;
  }
  #col3_content li { 
	margin-bottom: 10px;
	line-height: 110%;
  }
  
  #col3_content li li {
  	font-weight: normal;
  }
	
  /*-------------------------------------------------------------------------*/
  
  #swbs_nav1, #swbs_nav3 {
  	float: left;
	width: 182px;
	position: relative;
	top: 25px;
	font-weight: bold;
	color: #444444;
  }
  #swbs_nav3 {
  	width: 155px;
  }
  #swbs_nav1 ul, #swbs_nav2 ul, #swbs_nav3 ul {
  	list-style-type: none;
	margin-left: 5px;
  }
  #swbs_nav1 a, #swbs_nav3 a, #swbs_footer a {
	color: #444444;
  }
  #swbs_nav2 {
  	float: left;
	width: 180px;
	position: relative;
	top: 25px;
	font-weight: bold;
	color: #b6cab0;
  }
  #swbs_nav2 a {
	color: #b6cab0;
  }
  #swbs_nav1 a.aktiv, #swbs_nav2 a.aktiv, #swbs_nav3 a.aktiv, #swbs_nav1 a:hover, #swbs_nav2 a:hover, #swbs_nav3 a:hover, #swbs_service a:hover, #swbs_footer a:hover {
	color: #ffffff;
	text-decoration: none;
  }
  
  #swbs_service {
	float: right;
	position: absolute;
	top: 165px;
	left: 800px;
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	color: #444444;
  }
  #swbs_service a {
	color: #b6cab0;
  }
  
  #swbs_logo {
  	float: right;
  }
  
  #swbs_bereichsfarbe {
	width: 1000px;
	height: 40px;
	background-color: white;
  }
  #swbs_farbe {
	width: 220px;
	height: 40px;
	background-color: #92b593;
  }

/* Navigationbuttons für die Bereiche */
#swbs_bereiche {
	width: 570px;
	height: 125px;
	margin-top: -125px;
	margin-left: 220px;
  }  
  
#bereich_essen,#bereich_wohnen,#bereich_finanzen,#bereich_beratung,#bereich_kinder,#bereich_kultur {
	width: 93px;
	height: 125px;
	background-position:bottom;
	background-repeat:	no-repeat;
	z-index: 8;
	float: left;
	position: relative;
}
#bereich_essen:hover,#bereich_wohnen:hover,#bereich_finanzen:hover,#bereich_beratung:hover,#bereich_kinder:hover,#bereich_kultur:hover {
	width: 103px;
	height: 125px;
	z-index: 9;
}
#bereich_wohnen:hover,#bereich_finanzen:hover,#bereich_beratung:hover,#bereich_kinder:hover { margin-left:-5px; margin-right: -5px; }
#bereich_kultur:hover 	{ margin-left:-10px; }
#bereich_essen:hover 	{ margin-right:-10px; }

#bereich_essen 			{ background-image:url(../media/swbs_bereich1-essen.jpg); }
#bereich_essen:hover 	{ background-image:url(../media/swbs_bereich1-essen2.jpg); }
#bereich_wohnen 		{ background-image:url(../media/swbs_bereich2-wohnen.jpg);}
#bereich_wohnen:hover 	{ background-image:url(../media/swbs_bereich2-wohnen2.jpg); }
#bereich_finanzen 		{ background-image:url(../media/swbs_bereich3-finanzen.jpg);}
#bereich_finanzen:hover { background-image:url(../media/swbs_bereich3-finanzen2.jpg); }
#bereich_beratung 		{ background-image:url(../media/swbs_bereich4-beratung.jpg);}
#bereich_beratung:hover { background-image:url(../media/swbs_bereich4-beratung2.jpg); }
#bereich_kinder 		{ background-image:url(../media/swbs_bereich5-kinder.jpg);}
#bereich_kinder:hover 	{ background-image:url(../media/swbs_bereich5-kinder2.jpg); }
#bereich_kultur 		{ background-image:url(../media/swbs_bereich6-kultur.jpg); }
#bereich_kultur:hover 	{ background-image:url(../media/swbs_bereich6-kultur2.jpg); }

.swbs_sprache_en #bereich_essen 		{ background-image:url(../media/swbs_bereich1-essen_en.jpg); }
.swbs_sprache_en #bereich_essen:hover 	{ background-image:url(../media/swbs_bereich1-essen2_en.jpg); }
.swbs_sprache_en #bereich_wohnen 		{ background-image:url(../media/swbs_bereich2-wohnen_en.jpg);}
.swbs_sprache_en #bereich_wohnen:hover 	{ background-image:url(../media/swbs_bereich2-wohnen2_en.jpg); }
.swbs_sprache_en #bereich_finanzen 		{ background-image:url(../media/swbs_bereich3-finanzen_en.jpg);}
.swbs_sprache_en #bereich_finanzen:hover { background-image:url(../media/swbs_bereich3-finanzen2_en.jpg); }
.swbs_sprache_en #bereich_beratung 		{ background-image:url(../media/swbs_bereich4-beratung_en.jpg);}
.swbs_sprache_en #bereich_beratung:hover { background-image:url(../media/swbs_bereich4-beratung2_en.jpg); }
.swbs_sprache_en #bereich_kinder 		{ background-image:url(../media/swbs_bereich5-kinder_en.jpg);}
.swbs_sprache_en #bereich_kinder:hover 	{ background-image:url(../media/swbs_bereich5-kinder2_en.jpg); }
.swbs_sprache_en #bereich_kultur 		{ background-image:url(../media/swbs_bereich6-kultur_en.jpg); }
.swbs_sprache_en #bereich_kultur:hover 	{ background-image:url(../media/swbs_bereich6-kultur2_en.jpg); }

/* ---------------- ORTSSEITEN --------------------------*/

  #swbs_ortsbild { 
  	width: 775px; 
	margin: 0; 
	height: 515px;
	position: relative;
	z-index: 200;
	background-color: white;
  }

  #swbs_ortsbildquelle {
  	margin-top: 20px;
	background-color: #dedede !important;
	border-left: 2px solid #bbbbbb !important;
	color: #707173 !important;
	font-size: 0.8em;
  }
  
  .swbs_ort #swbs_feedback { background-image: none; }
  .swbs_ort .swbs_feedbacktitel { background-color: inherit; color: white; }

  
    
  
  
  img[src~="keinbild"] {
   	border: 0px;
  }
  
  .swbs_klein {
  font-size: 0.8em;
  }
  
  .mitarbeiterkurzbeschreibung {
  width: 100%;
  }
  	.spalterechts {
	width: 100px;
	text-align: right;
	}
label { 
		display: block;
		float: left;
		width: 100px;
	  }
.clear {
	clear: both;
}

.grau {

}

.glossary_tabelle {
	width: 100%;
	border-collapse: collapse;
}
.glossary_tabelle td {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
  
  /* --------------- ZUSATZINHALTE SPALTE3 + FORMULAR ----------------- */
  
  .swbs_spalte3 { width: 200px; float: right; margin-top: 55px; }
  
  .swbs_kasten, #swbs_ortsbildquelle {
  	border-left: 2px solid #669967;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #a9c0a1;
	width: 85%;
  }
  .swbs_kasten h2 {
  	font-size: 0.8em;
	margin-bottom: 12px;
	margin-left: -5px;
	color: white;
	display: block;
	padding: 2px 2px 2px 5px;
	background-color: #669967;
  }
  .swbs_kasten ul {
  	list-style-type: none;
	margin: 0 0 0 5px;
  }
  .swbs_kasten li {
	margin: 0 0 8px 0;
	font-size: 0.8em;
  }
  
  #swbs_feedback { 
	background-color: #e3e4e5;
	margin: 0 auto;
	padding: 0px;
	height: 140px;
	width: 1000px;
	background-image:url(../media/swbs_bereichbg.jpg);
	background-repeat:repeat-y;
  }
  		#swbs_feedback p {
			padding: 15px 0 0 250px;
		}
  .swbs_feedbacktitel {
	display: block;
	font-weight: bold;
	font-size: 1.3em;
	padding: 20px 0px 0px 20px;
	margin: 0px 0px 0px 219px;
	background-color: white;
	color: #e3e4e5;
  }
  .swbs_feedbackformular {
  	width: 720px;
	padding: 5px 0px 0px 20px;
	margin-left: 220px;
  }
	  .swbs_feedbackformular p { 
		margin: 0;
	  }
	  .swbs_feedbackformular label { 
		display: block;
		float: left;
		width: 50px;
	  }
	  .swbs_feedbackformular_links input, .swbs_feedbackformular textarea, .swbs_feedbackformular select { 
		width: 250px;
		margin: 3px 0;
	  }
	  
	.swbs_feedbackformular_links {
		width: 320px;
		float:left;
	}
	.swbs_feedbackformular_rechts {
		width: 370px;
		float: right;
		text-align: right;
	}
		.swbs_feedbackformular_rechts textarea { 
		width: 350px;
		margin: 3px 0;
	  	}
		.swbs_feedbackformular_rechts input { 
		width: 150px;
		margin: 3px 0;
	  	}
  
  
  /* ------- FARBSCHEMA FÜR THEMEN-BEREICHE -------------*/

	.essen #main, .essen #swbs_feedback { background-image: url(../media/swbs_bereichbg1-essen.jpg); }
	.essen h1, .essen h2, .essen h3, .essen h4, .essen h6, .essen h6 a, .essen #col3_content a, .essen .swbs_kasten a:link { color: #f8af2d !important; }
	.essen .swbs_kasten {
	border-color: #f8af2d !important;
	background-color: #fee8c6 !important;
	}
	.essen #swbs_farbe, .essen .swbs_kasten h2 {
	background-color: #f8af2d !important; 
	color: white !important;
	}
  
	.wohnen #main, .wohnen #swbs_feedback { background-image: url(../media/swbs_bereichbg2-wohnen.jpg); }
	.wohnen h1, .wohnen h2, .wohnen h3, .wohnen h4, .wohnen h6, .wohnen h6 a, .wohnen #col3_content a, .wohnen .swbs_kasten a:link { color: #F3924D !important; }
	.wohnen .swbs_kasten {
	border-color: #F3924D !important;
	background-color: #FCE0CB !important;
	}
	.wohnen #swbs_farbe, .wohnen .swbs_kasten h2 {
	background-color: #F3924D !important; 
	color: white !important;
	}
	
	.finanzen #main, .finanzen #swbs_feedback { background-image: url(../media/swbs_bereichbg3-finanzen.jpg); }
	.finanzen h1, .finanzen h2, .finanzen h3, .finanzen h4, .finanzen h6, .finanzen h6 a, .finanzen #col3_content a, .finanzen .swbs_kasten a:link { color: #326489 !important; }
	.finanzen .swbs_kasten {
	border-color: #326489 !important;
	background-color: #D1D3E0 !important;
	}
	.finanzen #swbs_farbe, .finanzen .swbs_kasten h2 {
	background-color: #326489 !important; 
	color: white !important;
	}
  
	.beratung #main, .beratung #swbs_feedback { background-image: url(../media/swbs_bereichbg4-beratung.jpg); }
	.beratung h1, .beratung h2, .beratung h3, .beratung h4, .beratung h6, .beratung h6 a, .beratung #col3_content a, .beratung .swbs_kasten a:link { color: #5094cb !important; }
	.beratung .swbs_kasten {
	border-color: #5094cb !important;
	background-color: #C3D3EA !important;
	}
	.beratung #swbs_farbe, .beratung .swbs_kasten h2 {
	background-color: #5094cb !important; 
	color: white !important;
	}
	
	.kinder #main, .kinder #swbs_feedback { background-image: url(../media/swbs_bereichbg5-kinder.jpg); }
	.kinder h1, .kinder h2, .kinder h3, .kinder h4, .kinder h6, .kinder h6 a, .kinder #col3_content a, .kinder .swbs_kasten a:link { color: #AE79AF !important; }
	.kinder .swbs_kasten {
	border-color: #AE79AF !important;
	background-color: #DFC7E1 !important;
	}
	.kinder #swbs_farbe, .kinder .swbs_kasten h2 {
	background-color: #AE79AF !important; 
	color: white !important;
	}
	
	.kultur #main, .kultur #swbs_feedback { background-image: url(../media/swbs_bereichbg6-kultur.jpg); }
	.kultur h1, .kultur h2, .kultur h3, .kultur h4, .kultur h6, .kultur h6 a, .kultur #col3_content a, .kultur .swbs_kasten a:link { color: #D54D8B !important; }
	.kultur .swbs_kasten {
	border-color: #D54D8B !important;
	background-color: #F5D9E7 !important;
	}
	.kultur #swbs_farbe, .kultur .swbs_kasten h2 {
	background-color: #D54D8B !important; 
	color: white !important;
	}
  
  /* ----- Bearbeiten-Link hervorheben ----- */
  h6 a.post-edit-link {
  color: #FF0000 !important;
  }
  
  /* --------- markiert den Ort, in dem man gerade ist --------- */  .bs_braunschweig,.bx_buxtehude,.cz_clausthal,.ho_holzminden,.hi_hildesheim,.lb_lueneburg,.sz_salzgitter,.sb_suderburg,.wf_wolfenbuettel,.wb_wolfsburg {
  	color: white !important;
  }
  /* ---------- Formatierung für die Sprachbuttons ------------- */
ul.qtrans_language_chooser { margin-left: 0px; margin-bottom: 0px; }
.qtrans_language_chooser li { float: left; margin-left: 0px; margin-right:5px; list-style-type: none; }
.qtrans_language_chooser a {  padding-left: 5px; border-left: 2px solid #777777; }
a[hreflang="de"] { padding-left: 0px; border-left: 0px; }
.qtrans_language_chooser .active a { color: white; } 

  /* ---------- Formatierung für die Empfehlungsfunktion ------------- */
#stafBlock {
	width: 500px;
}

/* ---------- Formatierung für den Kalender ------------- */
 
.calnk a:hover {
	background-position:0 0;         
	text-decoration:none;           
	color:#000000;         
	border-bottom:1px dotted #000000;
}
.calnk a:visited {
	text-decoration:none;
	color:#000000;
	border-bottom:1px dotted #000000;
}
.calnk a {
	text-decoration:none;
	color:#000000;
	border-bottom:1px dotted #000000;
}
.calnk a span {display:none;}    
.calnk a:hover span {
	color:#333333;
	background:#F6F79B;
	display:block;
	position:absolute;
	margin-top:1px;
	padding:5px;
	width:150px;
	z-index:100;
}
.calendar-table {border:none; width:100%;}
.calendar-heading {
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#E4EBE3;
}
.calendar-next {width:25%; text-align:center;}
.calendar-prev {width:25%; text-align:center;}
.calendar-month {width:50%; text-align:center; font-weight:bold;}
.normal-day-heading {
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	border:1px solid #DFE6DE;
	background-color:#EBF2EA;
}
.weekend-heading {
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	border:1px solid #DFE6DE;
	background-color:#EBF2EA;
	color:#FF0000;
}
.day-with-date {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #DFE6DE;
}
.no-events {     }
.day-without-date {
	width:60px;
	height:60px;
	border:1px solid #E9F0E8;
}
span.weekend {color:#FF0000;}
.current-day {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #BFBFBF;
	background-color:#E4EBE3;
}
span.event {font-size:0.75em;}
.kjo-link {font-size:0.75em;text-align:center; display: none !important ;} /* Link zu Kieran entfernen */
.event-title {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}
.event-title-break {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	height:1px;
	background-color:#000000;
}
.event-content-break {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	height:1px;
	background-color:#000000;
}
.calendar-date-switcher {
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#E4EBE3;
}
.calendar-date-switcher form {margin:0; padding:0;}
.calendar-date-switcher input {border:1px #D6DED5 solid;}
.calendar-date-switcher select {border:1px #D6DED5 solid;}
.cat-key {
	width:100%;
	margin-top:10px;
	padding:5px;
	border:1px solid #D6DED5;
}
.todays-events ul li span a {border:0;}
.todays-events ul li span a:hover {border:0;}
.todays-events ul li span a:visited {border:0;}
.upcoming-events ul li ul li {background-color:#FFFFFF; border:0;}
.upcoming-events ul li ul li span a {border:0;}
.upcoming-events ul li ul li span a:hover {border:0;}
.upcoming-events ul li ul li span a:visited {border:0;}
#sidebar ul ul li span a {display:inline;padding-right:0;}

}

.pager { display:none; } 


/* SWBS CSS für Mensapläne c.englich */

table#swbs_speiseplan_mo, table#swbs_speiseplan_di, table#swbs_speiseplan_mi, table#swbs_speiseplan_do, table#swbs_speiseplan_fr, table#swbs_speiseplan_sa {
    min-width: 540px;
	max-width: 540px;
	width: 540px;
	clear:both; /* ergänzt 6.4.10 fhs wg. Umbruchproblem Mac/Safari*/
}

tr {

}

th {
    text-align: left;
	padding-left: 2px;
}

#swbs_speiseplan_mo td, #swbs_speiseplan_di td, #swbs_speiseplan_mi td, #swbs_speiseplan_do td, #swbs_speiseplan_fr td, #swbs_speiseplan_sa td {
    font-size: 0.8em;
    text-align: left;
	padding-left: 2px;
	vertical-align: top;
}

.swbs_speiseplan_head {
  background-color: #f8af2d;
  color: black;
}

.swbs_speiseplan_white {

}

.swbs_speiseplan_kind_meal {
	width: 67px;
	max-width: 67px;
	min-width: 67px;
	} /* ergänzt 6.4.10 fhs*/

.swbs_speiseplan_grey {
  background-color: #dddddd;
}

.swbs_speiseplan_head_price_s, .swbs_speiseplan_head_price_e, .swbs_speiseplan_head_price_g {
  background-color: #f8af2d;
  color: black;
  width: 45px;
  text-align: center;
}
.swbs_speiseplan_price_s, .swbs_speiseplan_price_e, .swbs_speiseplan_price_g {
  text-align: center !important;
}

.rahmenlos {
	border: 0px;
}

.swbs_banner_468x60 {
	width: 540px;
	max-width: 540px;
	margin: 0 0 50px 0;
	float: none;
	clear: both;
}

.swbs_banner_oben {
	width: 540px;
	max-width: 540px;
	text-align: center;
	float: none;
	clear: both;
}

.swbs_banner_oben img{
	float: none;
	clear: both;
}

.swbs_banner_160x600 {
	width: 160px;
	max-width: 160px;
	max-height: 600px;
	margin-top: 25px;
}

} /* Ende Medium Screen, Projection */