/* www.modulpark.ch,*/
body {
	font-size: 15px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
  	color: #201F1F;
	text-decoration:none;}

a {
	text-decoration:none;
	color:#0071BB;}
	
h1, .titel,
h2, .untertitel, 
.aufzaehlungtitel {
margin-bottom: 10px;
font: 33px/37px 'Unica One', cursive;
color: #201F1F;
border-bottom: 1px solid #565A69;
text-transform: uppercase;}

h2, .untertitel, 
.aufzaehlungtitel {
font: 19px/21px Arial;
color: #211F1F;
border:0;}
 
h3 {font: 19px/21px Arial;
  color: #211F1F;}
    
.leerzeilen {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px;}

#mainContent ul li {
	padding-left:4px;
	margin-left:19px;
	position:relative;
	list-style:disc;}

/*#mainContent ul li:before {
	content:"\f101";
	font-size:13px !important;
 	position:absolute;
	left:0;
	top:6px;}
*/

/*Listdefinitionen*/
ul, ol {padding:0px; margin:0px;}
ol {padding-left:13px; margin-left:13px; list-style-type: decimal;}
ul {padding-left:0; margin-left:0; list-style-type: none;}
 
*+html ol {padding-left:16px; margin-left:16px;}
*+html ul {padding-left:9px; margin-left:9px;}

/*Linkdefinitionen*/
a.linkOrange{color:#FF9900; padding-left:10px;}
a.linkBlack{color:#333;	background:url(link_b.gif) no-repeat 0 4px; padding-left:10px;}
a.lauftext, a.aufzaehlungtext{color: #666666; text-decoration: none;}

/*Formular*/
.formularfeld, .formularfeldverify {
	font-family: 'Marcellus', serif;
	font-size: 14px;
	line-height: 20px;
	color: #51515F;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-top: 1px solid #808080;
	padding: 2px 2px 2px 2px;}
 
.formularfeldverify {width:200px;}
* html .formularfeldverify {width:194px;}
*+html .formularfeldverify {width:194px;}

/*Standard Styles*/

/* Ausgabe fuer Seite weiterempfehlen */
.recommendInput, .recommendArea  {font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 19px;color: #333;height: 25px;width: 250px;border-bottom: 1px solid #808080;border-left: 1px solid #808080;border-right: 1px solid #808080;border-top: 1px solid #808080;padding: 2px 2px 2px 2px;}
.recommendArea {height: 100px; width: 250px;}
/* OS Klassen*/
.lauftextgrau, .lauftextrot, .lauftextbold, .lauftextlittle  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 15px;}
.lauftextgrau {color: #808080;}
.lauftextrot {color: #E10915;}
.lauftextbold {color: #000000; font-weight: bold;}
.lauftextlittle {color: #000000; font-size: 10px; line-height: 12px;}
/* Classes fuer diverse Module*/
.modultitel, .modultext, .moduldatum, .modulrubrik, .modulanmerkung {font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 19px;color: #333;text-decoration: none;}
.modultitel {font-weight: bold;}
a.modultext:link {color: #666666; text-decoration: none;}
a.modultext:visited {color: #666666; text-decoration: none;}
a.modultext:hover {color: #FF0000; text-decoration: none;}
/* Classes fuer Systemmeldungen und Modulpark-Login */
.messageNormal, .messageError {font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 19px;color: #E10915;font-weight: bold;}	
.mpfusszeile {color: #010101; text-decoration: none;}
a.mpfusszeile:link {color: #010101; text-decoration: none;}
a.mpfusszeile:visited {color: #010101; text-decoration: none;}
a.mpfusszeile:hover {color: #FF0000; text-decoration: none;}
/* Ausgabe fuer Volltextsuche */
.SucheTitle, .SucheSummary, .SucheMeta, .SucheUrl, .SucheFileSize, .SucheLastModified {font-size: 13px;line-height: 19px;color: #333;font-family: Verdana, Helvetica, sans-serif;text-decoration: none;font-weight: normal;}
.SucheTitle{color: #014983; font-weight: bold;}
.SucheSummary{color: #5C5C5C;}
.SucheUrl{color: Red;}

/*================== Allgemein =========================*/
.clear {clear:both;}

#mainContent img,
.fullsize img {
	max-width:100%;
}
td {max-width:100%;}

hr {height:1px;border:0;margin:0;padding:0;border-bottom:1px solid #B0B0B0;}

.left {float:left;}	.right {float:right;}		

a {color:#006FBA;}

#mp_content a {
	color:#006FBA;  
	font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 24px;}

/*================== FontAwesome ===========================*/
.contactButton>.mtbArrow:before,
#mobilePagesNavOpener:before,
#mobilePagesNavOpener.open:before,
#mainContent ul li:before,
.mainNav ul ul li a.ifsub:before,
#suche:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);}


/*================== Mobile ===========================*/
#wrapper {
	background: #f7f8fb ;
	position: relative;}

.mainNav,
nav#sideNav,
.desktop {
	display:none;}

.container {
	width:90%;
	margin:0 auto;
	position:relative;}
	
header { position:relative;}
		
#logo {
	margin:0 auto;
	width:165px;
	height:85px;}
		
#logo a {
	display:block;
	width:165px;
	height:85px;
	background:url(TSB-Logo.png) center 20px no-repeat;
	background-size:149px 60px;}

#kontakt { position:absolute; top:15px;}

/* Suche */
#suche{
width: 100%;
height: 40px;
position: absolute;
z-index:10;
bottom: -90px;
background-color: #555;
display: none;}	

#suche:before {
	content: "\f002";
  color: #fff;
  position: absolute;
  right: 5%;
  font-size: 25px;
  padding: 7px;}
	

.search{
  width: 70%;
  height: 38px;
  color: #fff;
  padding: 0 5px;
  border: none;
  position: absolute;
  left: 5%;
  top: 1px;
  background: #555;
  border: none;
  font-size: 18px;}

.searchsubmit{
height: 40px;
width: 40px;
display: block;
position: absolute;
top: 0;
right: 5%;
border: none;
background: none;}
	
/* Suche Ende*/


#galerie {}

.theme-individual .nivo-controlNav {display:none;}
	
#sprachNav {
	position:absolute;
	z-index:2000;
	bottom:-30px;
	right:5%;
	background:#fff;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;}

#sprachNav ul li {
	float:left;
	padding:4px 0;}

#sprachNav ul li a {
	padding:4px 10px;
	font-size:15px;
	border-left:1px solid #ccc;
	font-family: 'Source Sans Pro', sans-serif;}

#sprachNav ul li:first-child a {
	border-left:0;}	

#sprachNav ul li a.active {
	font-weight:bold;}

/* Content */
section#home,
section#pages {padding:8% 4%;}

.f1 {
  display: block;
  font:38px/40px 'Unica One', cursive;
  color: #201F1F;
  padding-bottom: 16px;
  border-bottom: 1px solid #565A69;
  width: 100%;
  text-transform: uppercase;
}

#home #news-left,  	
#home #left,
#home #content,
#home #right,
#pages #left,
#pages #content,
#pages #right {
	margin-bottom:25px;}

		
/* Footer */
footer {
	padding:120px 0 10px 0;}

footer .left {float:none;}
footer .right {float:none;}
		
footer, 
footer a,
footer ul li a {color:#FFF;}


footer ul li a {padding:5px;}

footer ul li {
	float:left;
	border-left: 1px solid #FFF;
	margin-left: 10px;
  padding-left: 10px;}

footer ul li:first-child {
border: none;
margin-left:0;
padding-left:0;}

#footerNav {  
overflow: hidden;
margin-top: 25px;}
  
/*Agenda / News*/
 .anWrap{
	margin:4px 0;
	padding:6px 0;
	min-height:200px;}

.anWrap a,  .anWrap p{
	font-size:13px;
	line-height:16px;
	display:block;
	color:#201F1F;
}


 .newsWrap{
	padding:25px 0 10px 0;
	border-top:2px solid #B3B5BB;
}

 .newsWrap:first-child{
	padding:0 0 10px 0;
	border-top:none;
}

 .newsDate{
	width:30%;
	float:left;
	margin-top:25px;
}
 .newsDate p.newsDay{
	font:44px/46px 'Unica One', cursive;
	float:left;
}
 .newsDate p.newsMY{
	font:16px/18px 'Unica One', cursive;
	float:left;
	margin-top:24px;
}
 .newsMessage{
	width:60%;
	float:right;
}
 .newsMessage.large{
	width:600px;}
 .aDate{
	color:#191919;
	font-weight:bold;
}
 .aTime{
	color:#c4c4c4;
	font-weight:bold;
}
.aAddress{
	color:#6699CC;
	font-weight:bold;
	margin-bottom:3px;
}
.anMessage{
	padding:0 0 10px 0;
}
.anMessage a:hover{
	color:#51515F;
}
.anWrap .nTitle{
	font-size:19px;
	line-height:21px;
	font-weight:normal;
	padding-bottom:5px;
}
.nImgWrap{
	float:left;
	height:75px;
	width:156px;
	margin-right:10px;
	float:left;
}
.nTxtWrap{
	float:left;
	width:284px;
}

.nTxtWrap{
	float:left;
	width:284px;
}
.lauftext_sys font.NewsAgenda{
	color:#333;
	font-size:14px;
}
font.NewsAgenda{
	font-size:18px;
	color:#fff;
	font-weight:normal;
	padding-left:10px;}

/*Formular*/
.formularfeld{
	border:1px solid #ccc;
	padding:2px;
}
.radioWrap{
	width:300px;
}
.radioWrap label{
	font-size:12px;
}
label.formLabel{
	float:left;
	display:block;
}
.radioWrap, .checkWrap, .formularfeld.send, .formularfeld.reset{
	float:left;
}
span.clear{
	clear:both;
	display:block;
}
span.spacer{
	height:4px;
	display:block;
}
#mainContent input{
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}
#mainContent input:focus{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	background:#ededed;
	color:#333;
}
option.formularfeld{
	line-height:19px;
}
.radioButton, .checkBox{
	margin:3px 3px 2px 0;
	float:left;
	border:none;
}
.formularfeld.selectField, .attachement{
	width:200px;
}
.formButton{
	border:1px solid #ccc;
	background:#fff;
	padding:2px 15px;
	min-width:70px;
}
.flexForm{}
.flexFormTable{
	width:100%;
	max-width:500px;
	line-height:0;
}

.flexFormTable tr.flexFormRow { line-height:15px;}


input[type="text"].flexForm,textarea.flexForm,select.flexForm{
	width: 90% !important;
  	padding: 10px;
}

input[type="submit"].flexForm 
{ padding: 4px 8px;}

.flexFormTable img{
	width:100% !important;
}
.flexFormRow>td{
	width:50%;
}
.flexFormRow>td:first-child{
	width:45%;
}		
		
/*================== Mobile Landscape =================*/
@media (min-width:330px){
h1, .titel {}

h2, .untertitel, 
.aufzaehlungtitel {}
		
}

/*================== Tablet =========================*/

@media (min-width:770px){

#wrapper {
	max-width: 1251px;
	-webkit-box-shadow: 0px 0px 8px 0px #000;
	box-shadow: 0px 0px 8px 0px #000;
	-webkit-border-radius: 5px;
	border-radius:5px;
	margin: 0 auto;
	margin-top:25px;}
	
.mobile,
#mobilePagesNavOpener,
#mobilePagesNav{
	display:none;}

.mainNav,
.desktop{
	display:block;}
	
header {
	height:170px;}	

#kontakt { position:absolute; right:0px; top:15px; font-size:25px; color:#1D1D1B;}

#logo {
	margin:0 auto;
	width:331px;
	height:170px;}
		
#logo a {
	display:block;
	width:331px;
	height:170px;
	background:url(TSB-Logo.png) center 35px no-repeat;}
	
.mainNav {
	position:absolute;
	top:170px;
	left:0;
	z-index:100;
	width:100%;
	height:76px;
	background:rgba(0,0,0, .3);
	text-align:center;}

#sprachNav {
	top:28px;
	bottom:auto;
	right:3%;}

#sprachNav ul li a{
	font:13px/15px Arial, Helvetica, sans-serif;
	display:block;
	color:#999;
	padding:0 8px;}

#sprachNav ul li a:hover, #sprachNav ul li a.active{
	color:#000;
	text-decoration:underline;
	font-weight:normal;}
	
#suche {
	width:180px;
	height:25px;
  	background:none;
	top:70px;
	right:3%;}

#suche:before {
	content:"\f002";
	padding:3px 0 0 162px;
  	color:#0071BB;
	font-size:14px;
	right:0;
	top:2px;}
	
.search{
	width:145px;
	height:24px;
	color:#666;
	padding:0 5px;
	border:none;
	position:absolute;
	left:1px;
	top:1px;
	background:#f7f7f7;
	border:none;
	font-size:14px;}

.searchsubmit{
	height:25px;
	width:25px;
	top:0;
	right:0;}
			
.pages .mainNav {
	background:#006FBA;}
	
h1, .titel {
	font-size:33px;
	line-height:35px;
	margin-bottom:10px;}

h2, .untertitel, .aufzaehlungtitel {}

.theme-individual .nivo-controlNav {display:block;}

/* Content */
section#home {
	padding: 0 2% 60px 2%;
  	box-sizing: border-box;
	line-height:17px !important;}
	
section#pages {
	padding:150px 0 0 0;}

#home #news-left,
#home #left,
#home #content,
#home #right,
#pages #left,
#pages #content,
#pages #right {
	margin-bottom:50px;}

#home #news-left,
#home #left,		
#home #content,
#home #right  {width:32%;}

#home #news-left,
#home #left,		
#home #content,
#pages #content {float:left;}

#home #news-left,
#home #left,		
#home #content {margin-right:2%;}

#home #right,
#pages #right {float:right;}
	
#mainContent {width:100%;}

#pages #content {width:100%;}
			
#pages #right {width:100%;}

#home #content.oneCol,
#pages #content.oneCol {
	width:100%;}	

/* Footer */
footer {padding:20px 0 30px 0;}
	
footer {border-bottom:0;}

footer ul li:first-child {border:0;}
}

/*================== Dektop =========================*/
@media (min-width:1020px){

#sprachNav {
	right:20%;}
	
#suche {
	top:28px;}
	
nav#sideNav{
	display:block;}

			
.container {
	max-width:1150px;
	min-height:450px;}

section#home {
	padding: 10px 40px 80px 40px;}
 
#home #news-left,  
#home #left,		
#home #content,
#home #right  {width:30%;}

#home #news-left,
#home #left,		
#home #content {margin-right:5%;}


.f1 {
  font:56px/58px 'Unica One';}
  
/* Pages */		
#mainContent {
	width:75%;
	float:right;}

#pages #content {
	width:65%;}
			
#pages #right {
	width:28%;}	

#mobileNav,
#mobilePagesNavOpener {
	display:none;}
	
/* = = = SideNav = = = */
nav#sideNav {
	width:20%;
	float:left;}

nav#sideNav ul li {} 
 
nav#sideNav ul li a {
	display:block;
	background:#006FBA;
	padding:10px;
	font-size:18px;
	line-height:20px;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-family: 'Unica One', sans-serif;}

/* Level 2 */
#sideNav>ul { border-bottom:1px solid #d4e5f4;}

#sideNav ul ul {
	border:1px solid #d4e5f4;
	border-top:0;
	border-bottom:0px;}


nav#sideNav ul ul li {}

nav#sideNav ul ul li a {
	background:none;
	padding-left:16px;
	color:#4e5053;
	text-align:left;
	text-transform:none;
	margin:0 13px;
	border-top:1px solid #d3e4f4;
	font-family:Arial;
	font-size:16px;}

nav#sideNav ul ul li:first-child a{
	border-top:0;}
	
nav#sideNav ul ul li a:hover,
nav#sideNav ul ul li a.active {color:#0071BB;}

nav#sideNav ul ul li.active {background:#ebeded;}

/* Level 3 */
#sideNav ul ul ul{
	border:0;}

nav#sideNav ul ul ul li {
	margin:0;}

nav#sideNav ul ul ul li a {
	padding:5px 10px;
	padding-left:25px;
	font-size:15px;
	font-weight:normal;
	border: 0;}


/* Footer */
footer .left {float:left;}
footer .right {float:right;}
	
footer, 
footer a,
footer ul li a {
	font-size:14px;
	line-height:20px;}
	
#footerNav {
	margin-top:0;}	

}