/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */


.Xcolumns {background-color: #ff0000;}

.full-width { width:100%; }


body {
	
		background: #eeeeee;
		font-family: 'Open Sans' !important;
    font-style: normal;
    font-weight: 300;
		color: #333333;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		/*overflow:auto;*/
}



.header{
	 background-color:#fff;
   height:80px; 
   top:0;
   padding-bottom:10px;
}

.headertext {
	font-size:0.9em;
}

.headertexthome {
	font-size:31px;
		color: #fff;
		z-index:9999;
		display:none;
}

.headertext-footer  { float:right;margin-top:-23px; }
.headertext-teaser  { float:left;margin-top:-100px; }

.slidercontainer {
	background-color:#dddddd;
	clear:left;
}

.footer{
	color:#666666;
  min-height:100px; 
  background-color:#eeeeee;
  padding-bottom:10px;
}
.footer .container {padding-top:55px;padding-bottom:55px;}

.footer .firstfooter {padding-top:55px;padding-bottom:0px;}
.footer .secondfooter {padding-top:0px;padding-bottom:55px;}

.menu-toggle {
	display:none;
}
.menu-toggle {
    width:32px;
    height:32px;
    float:right;
    margin-top:24px;
}

.submenu-mobile {display:none;}

.content{
 padding-top:24px;
  bottom:110px; 
  background-color:#fff; 
  padding-bottom:60px;
 
}



/* #Page Styles
================================================== */
.content {line-height:1.2em;}
.content h1 {font-size: 1.5em; margin-bottom:1.4em;margin-top:0.5em;line-height:1.2em;}
.content h2 {font-size: 0.9em; margin-bottom:1.2em;font-weight:600;line-height:1.2em;color:#003366;}
.content h3 {font-size: 1em; margin-bottom:0.1em;font-weight:bold;line-height:1.2em;}

.content h1.h1big { font-size: 2em; line-height:1.5em; text-align:center;}
.content h2.h2big { text-align:center;}

h2.h2block {
	display:block;
	background-color:	#dddddd;
	color:#333333;
	padding: 5px 2px 5px 5px !important;
	margin-left:-5px;
}


.maincontent a, .maincontent a:visited {
    color: #003366;
    outline: 0 none;
    text-decoration: underline;
}
.maincontent a:hover, .maincontent a:focus {
    color: #333333;
}

.maincontent ul {
	padding-left:1px; 
	margin-bottom:1.6em;
	text-indent: -0.9em;
}

.maincontent li {list-style:none;margin-left:1em;font-size:0.9em;}

.maincontent li:before {
    content:"\25CF";
    font-size:0.9em;
    padding-right:.4em;
    position:relative;
    top:-1px;
    color:#cccccc;
}


.borderright p { 
	padding-right: 6px;
	padding-left: 3px;
	min-height:90px;
	border-right:1px solid #b0b1c2;
}

.footer p {font-size: 10px;line-height:1.2em;}
.content p {margin-bottom:1.6em;margin-top:0em;font-size:0.9em;}
.content p.teaser {font-size:1.5em;margin-top:3em;margin-bottom:3em;font-weight:bold;}
.topoffset p {padding-left:3px;}
.team-list p {margin-bottom:2em;}


.logo {
	/*width:262px;*/
	height:50px;
	margin-top:23px;	
	float:left;
} 

i {font-style:italic;}
b,strong {font-family: 'Open Sans' !important;
    font-style: normal;
    font-weight: 600;}

.fullwidthimg,
.mediaelement-image img { width:100% !important; height:auto!important; margin-bottom:1em;  }


/* TT_NEWS Styles */
================================================== */

.news-list-container {
   padding: 0px !important;
}

.news-list-item { display:block !important; clear:left !important; padding:0px !important;} 

.news-list-item a, .news-single-item a { text-decoration:none !important;} 

.news-single-item {
    margin-bottom: 0px;
    padding: 0px;
}

.new-list-date-container { 
	border:1px solid #8f9fba; 
	width:140px;height:140px;  
	text-align:center
}
.vmiddle {
	height:140px;
  display: table-cell;
  vertical-align: middle;
  
}

.vmiddle p{ margin-bottom:0px;}
.vmiddle hr { width:100%; margin-top:10px;margin-bottom:10px;}

.news-list-date {
    font-size:0.9em !important;
    font-weight:300;
    float:none !important;
    padding-left:0px !important;
    color:#999999;
}

.datecontainer { margin-bottom:36px;min-width:140px; }
.new-list-date-container  hr {width:55px;margin-top:5px;margin-bottom:5px;}

.ttdateright hr { display:none;}
.ttdateleft {float:left; }
.ttdateleft h2 { margin-bottom:10px; }
.ttdateright { float:right;font-size:0.7em; color:#999999;}

.ttdate1 { margin-top:33px; }
.ttdate2 { font-size:1.5em;margin-top:3px;}

.news-single-rightbox {
    font-size:1em !important;
    font-weight:bold;
    font-style:italic;
    margin-top:20px;
}



.news-list-item h2 {margin-bottom:0.4em;}
.news-list-item p {margin-top:0em;}


.news-single-additional-info {
	padding-left:0px;
	margin-top:0px;
	margin-bottom:2em;	
}

.news-single-additional-info a {
	margin-right:10px;
	margin-left:10px;
} 

.news-list-morelink { display:block;padding-left:0px;padding-top:8px;}

.auto-twoclumns { 
		-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.news-single-backlink {
    padding: 0px !important;
}

.ttdownload {
	min-height:50px;
	
}

.ttdownload img {margin-top:-10px;margin-right:10px;}
.ttdownload dd {float:left;padding-top:10px;font-size:0.9em;width:100%;}
.ttdownload a {  margin-right:10px; }

.ttback {
	font-size:0.9em;
	clear:left;
	padding-top:20px;
	font-weight:600;
}

.loginlabel { width:90px;display:inline-block; margin:0;padding:0;}
.loginsubmit { font-family:'Open Sans' !important;border:1px solid #dddddd;width:200px;height:24px;margin-left:94px; color:#333333; background:#dddddd; }
.logininput { border:1px solid #dddddd;width:200px;height:24px; }
.loginsubmit:hover,.loginsubmit:active {  border:1px solid #0b2d69;color:#fff;background:#0b2d69; cursor:pointer;cursor:hand;  }

/* #Menu Styles
================================================== */

.menu-primary, .submenu-mobile { 
		
		font-size:1.1em;
		clear:left; 
		font-family: 'Open Sans' !important;
    font-style: normal;
    font-weight: 300;
    font-size:15px;
}


.menu-primary {  float:right;  padding-top:30px;}
.menu-primary li { 
	margin-bottom:1.1em; 
	float:left; 
	margin-left:32px; 
}

.menu-primary li ul li{
				 font-size: 0.7em;
				 margin-bottom:0.1em;
				 padding-left:0em;
				 margin-left:0em;
				 margin-right:20px; 
}


.menu-primary ul.nav2 {top:58px; position:absolute;}


.menu-primary a, .menu-primary a:visited,
.submenu-mobile a, .submenu-mobile a:visited{
    color:#333333;
    outline: 0 none;
    text-decoration: none;
}



.menu-primary a.current-active, .menu-primary a.current-active:visited,
.submenu-mobile a.current-active, .submenu-mobile a.current-active:visited,
.menu-primary ul.nav1 a:hover, .menu-primary ul.nav1 a:focus,
.submenu-mobile a:hover, .submenu-mobile a:focus{
   border-top:4px solid #003366;
   padding-top:24px;
}

.Xmenu-primary a:after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
}

.menu-primary a.current-active, .menu-primary a.current-active:visited {  font-weight:600; color:#003366;}

/* 2. ebene */
.menu-primary ul.nav2 a.current-active, .menu-primary ul.nav2 a.current-active:visited,
.menu-primary ul.nav2 a:hover, .menu-primary ul.nav2 a:focus {
	border-top:0px !important;
	padding-top:0px !important;
}



.hbox {
	border:1px solid #8596b4;
	text-align:center;
	padding:0px 60px 0px 60px;
	min-height:230px;
	

	
}

.hbox:hover {cursor:pointer;cursor:hand;}

.hbox-headline {
	font-size:1.5em;
	margin-bottom:16px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transform: scale(1)
	
}

.hbox-img {
	margin-top:16px;
	margin-bottom:10px;	
}

.hbox p {
	font-size:0.9em;
}

.hbox:hover .hbox-headline {
	transform: scale(1.2);
	color:#003366;
}


/* TEAM */
.team-list a, .team-list a:visited{
    color: #003366;
    outline: 0 none;
    text-decoration: none;
}

.teambox {
	background:#eeeeee;
	text-align:center;
	padding:0px 0px 0px 0px;
	
	height:160px;
	margin-bottom:1em;
	overflow:hidden;
	position:relative;
	
	min-width:300px !important;
	
}

.team-image {
	float:left;
	max-width:120px;
	overflow:hidden;	
}

.team-text {
	text-align:left;	
	padding-left:10px;
	padding-right:10px;
	float:left;
	max-width:160px;

}

.team-text p {font-size:0.8em;margin:4px 0px 0px 0px;}
.team-text p.psmall { position:absolute;top:80px;font-size:0.7em;margin:0px 0px 0px 0px; }
.team-text p.psmall-detail { position:absolute;top:116px;font-size:0.7em;margin:0px 0px 0px 0px; }
.team-text p.psmall-detail span.psmall-detail-tel { font-size:1.2em; }
.pmore { position:absolute;top:132px; }
.team-list h1 {margin-bottom:5px;margin-top:-6px;}
hr { border-top: solid 1px #eeeeee;
border-bottom:0;
border-left: 0;
border-right: 0;
height:1px;
	margin-top:0px;margin-bottom:0px;
	 }
	 
.mobile-only {display:none;}
.desktop-only {display:block;margin-bottom:1.1em !important;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.content { font-size:1.2em; }
		.mobile-only {display:inline;}
		.desktop-only {display:none;}
		
		.fullwidthimg { max-width:437px !important;}
		
		.headertexthome { font-size:14px;}
		.headertext-teaser  { float:left;margin-top:-80px; }
		.nivo-caption {padding-right:0px;}
		.theme-light .nivo-caption {font-size:0.6em;}
		.headertext { font-size: 0.8em;}
		
		.content { padding-top: 7px; padding-bottom: 10px;}
		.content p,.content ul {margin-bottom:1em;padding-left: 0px; margin-top:0px;}
		.content h1,.content h2 {margin-bottom:0.8em;padding-left: 0px;}
		.content h1.h1big { font-size:1.5em;line-height:1.2em;}
		.content h2.h2big { font-size:1.1em; }
		
		.footer {padding-bottom:20px;min-height:0px;border-right:none; }
		.footer .container {padding-top:25px;padding-bottom:25px;}
		.borderright p { padding:1em 0 1em 0;min-height:0px;border-right:none;border-bottom:1px solid #b0b1c2; }
		.topoffset p {padding:1em 0 0 0;padding-left:0px;}
		.logo {	margin-left:-2px;}
		
		.menu-toggle {display:block;	}
		.menu-primary {display:none;margin-top:-8px;
			clear:both;
			float:none !important;
		}

		.menu-primary li {
			clear:both !important;
			float:none !important;
	    /*background-color: #333333 !important;*/
	    border: 1px solid #D2D2D2;
	    border-radius: 3px;
	    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	    color: #333333;
	    font-size: 0.785714rem;
	    font-weight: normal;
	    line-height: 1.42857;
	    padding: 0.428571rem 0.714286rem;
	    width:auto;
	    text-align:center;
	    margin-left: 0px;
		}
		.menu-primary li a {color:#333333;font-weight:bold;font-size: 1.1em;display:block;}
		
		.menu-primary a.current-active, .menu-primary a.current-active:visited,
		.menu-primary ul.nav1 a:hover, .menu-primary ul.nav1 a:focus{
		   border-top:none;
		   padding-top:0px;
		}
		
		.menu-primary li ul li{ margin-bottom:0.6em; margin-right:0px;padding-right: 0; }
		.menu-primary ul.nav2 {position:relative;top:4px;}
		
		
		.submenu-mobile {display:block;}
		.submenu-mobile li {	clear:right; margin-right: 0px; margin:5px 0 5px 0;}
		.submenu-mobile li a:before {	content: "\00bb \00a0";	}
		
		
		.news-list-item h2,h1 {margin-bottom:0.4em;clear:left;}
		.news-list-item p { margin-top:0em;max-width:100%; }
		.news-list-date {float:left;margin-left:0em;padding-left:0em;font-size:0.9em !important;}
		.news-list-date,.news-single-rightbox {float:left;margin-left:0em;padding-left:0em;font-size:0.9em !important;width: auto;}
		
		.hbox {margin-bottom:20px;}
		.hbox p {

	max-width:200px;
	margin:0 auto;
}
		
		.auto-twoclumns { 
		-moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
		}
		
		.new-list-date-container {
    border: none;
    height: auto;
    text-align: left;
    width: auto;
		}
		
		.datecontainer { margin-bottom:24px;min-width:140px; }
		.header { height:auto; }
		.new-list-date-container hr {display:none; }
		.news-list-item .vmiddle { display:block; height:auto; }
		.news-list-item .vmiddle p { margin-bottom:0px; }
		.news-list-item .thirteen { min-height:none !important; }
		.ttdate1 {margin-top: 0px;display:inline;font-size:0.8em;}
		.ttdate2 {margin-top: 0px;display:inline;font-size:0.8em;}
		.ttdate3 {margin-top: 0px;display:inline;font-size:0.8em;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.logoXXX{ width:101%;height:auto;margin:20px 0 0 0; max-width:320px;}
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}