@import"../flexslider.css";

body { margin:0; padding:0; width:100%; background: #f1f3ec url(images/hausbau.jpg) top center repeat;}
.sgal {margin-left:15px;font:normal 12px Arial, Helvetica, sans-serif;}
.main_resize {padding:0; margin:0 auto; }
.main_oben {width:100%; height:17px; background-color:#143582;}
.main_oben1 {margin-left:auto; margin-right:auto;width:960px; height:17px; background-color:#c4261d;}
.main {width:100%; margin:0 auto; padding:0; width:925px;}
.mainhg {background-color:#fff; width:960px;margin-left:auto; margin-right:auto;}


.header {padding:0; margin:0 auto; }

.block_header {margin:0 auto;  padding:0; border:none; }

.logo { float:left; padding:0; margin:0; width:323px;}


.text_top { width:200px; float:left; padding:0px 0 0 0; margin-left:360px;}
/*.text_top img { float:left; margin:5px 10px; padding:0;}*/
.text_top p { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:0px 0; margin:0;}
.text_top span { color:#aaa;}
.text_top a { color:#bd2b0e; text-decoration:none;}
.text_top a.twitter { color:#169eee; text-decoration:none;}


.menu_resize { width:925px; margin:2px 0 0 0; padding:0; background:#040813; border-bottom:12px solid #fff;}
	
.menu { float:left; padding:0; margin:0; width:38px;}
.menu ul {  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 10px; color:#2c2c2c; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#fff; background: url(images/hover.gif) top repeat-x;}
.menu ul li a.active {color:#fff;  background: url(images/hover.gif) top repeat-x;}


.RSS { float:right; padding:5px 0 0 0; margin:0; width:180px;}
.RSS img { float:right; margin:5px 15px; padding:0;}
.RSS p { font: 10px Arial, Helvetica, sans-serif; color:#2c2c2c; text-transform:uppercase; padding:10px 0 0 0; margin:0;}


.slider_top { margin:0; padding:0; height:323px;}


.header_text { margin:0 auto; padding:0;}


.slider_top2 { margin:0 auto; padding:0; background:#2c2c2c; height:120px;}
.slider_top2 h2 { width:240px; float:left; padding:30px 0 0 30px; margin:0; font: bold  48px Arial, Helvetica, sans-serif; color:#fff;}
.slider_top2 p { background:url(images/p_top_bg.gif) left bottom no-repeat; font: italic 12px Arial, Helvetica, sans-serif; color:#acacac; width:590px; float:right; text-align:left; padding:40px 0 0 60px; margin:0;}
.slider_top2 a { font: bold italic 12px Arial, Helvetica, sans-serif; color:#b73214; float:right; text-decoration:none; padding:0 30px 0 0; margin:0;}



.body {margin:0; padding:0;   }
.body_resize {background:#fff; margin:2px 0 0 0; padding:0; border:0px solid #e8e8e8;}
.blog { width:293px; border:1px solid #dedede; background:#f5f5f5; float:left; margin:10px 0 10px 3px; padding:5px 10px;}
.blog h2 { border-bottom:1px solid #e2e2e2; font: normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:5px 0 15px 10px; margin:0;}
.blog p { font: normal 12px Arial, Helvetica, sans-serif; color:#5e5e5e; padding:5px 10px; margin:0; line-height:1.8em;}
.blog a { background:#454545; color:#fff; padding:2px 10px; margin:0; float:right; text-decoration:none;}
.blog img { float:left; margin:10px; padding:0 10px 0 0;}



.body h2 { font:normal 16px Arial, Helvetica, sans-serif; color:#393939; padding:10px 0px; margin:0 0 10px 0; border-bottom:1px solid #e2e2e2;}
.body h2.Welco { background:url(images/h2_welcome.gif) left no-repeat;}
.body h2.News { background:url(images/h2_news.gif) left no-repeat;}
.body h2.what { background:url(images/h2_what.gif) left no-repeat;}
.body h2.about { background:url(images/h2_about.gif) left no-repeat;}
.body h2.team { background:url(images/h2_taem.gif) left no-repeat;}
.body h2.serv { background:url(images/h2_serv.gif) left no-repeat;}
.body h2.cont { background:url(images/h2_cont.gif) left no-repeat;}
.body h3 { color:#2c2c2c; font: normal 24px Arial, Helvetica, sans-serif; padding:15px 10px; margin:0 0 10px 0; border-bottom:1px solid #e2e2e2;}

.body p { font:normal 14px Arial, Helvetica, sans-serif; color:#5c5c5c; padding:5px 0px; margin:0;}
/*.body h1 { font:bold 16px Arial, Helvetica, sans-serif; color:#c3231a; padding:0px 0px; margin:0; }*/
.body h1 {
	font: 700 21px/10px 'Ubuntu', sans-serif;
	color:#c3231a;
	text-transform:uppercase;
	margin-bottom: 10px;
}



.body p span { color:#b73214;}
.body ul { list-style:none; margin:0 0 0 190px; padding:20px 0 0 0;}
.body li { background:url(images/ul_li.gif) left no-repeat; padding:2px 20px; margin:0; font: italic 12px Arial, Helvetica, sans-serif; color:#a0a0a0; line-height:1.8em;}
.body a {color:#c3231a; text-decoration:none; }
.body a:hover {color:#c3231a; text-decoration:underline; }
.body img { float:left; margin:5px 5px; padding:0;}


.left  { width:905px; float:left; margin:0; padding:0px 0px;font:normal 14px Arial, Helvetica, sans-serif; color:#47484a;padding:5px 0px;} 
.left1  { width:400px; float:left; margin:0; padding:0px 0px;font:normal 14px Arial, Helvetica, sans-serif; color:#47484a;padding:5px 0px;} 
.left2 { width:490px; float:left; margin:0; padding:0px 0px;font:normal 14px Arial, Helvetica, sans-serif; color:#47484a;padding:5px 0px;margin-top:10px;} 
.left3  { width:510px; float:left; margin:0; padding:0px 0px;font:normal 14px Arial, Helvetica, sans-serif; color:#47484a;padding:5px 0px;} 
.left4 { width:380px; float:left; margin:0; padding:0px 0px;font:normal 14px Arial, Helvetica, sans-serif; color:#47484a;padding:5px 0px;margin-top:10px;} 




#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#646464; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:410px; border:1px solid #dfdfdf; margin:10px 0; padding:5px 2px; height:16px; background:#f6f6f6; float:left;}
#contactform textarea { width:410px; border:1px solid #dfdfdf; margin:10px 0; padding:2px; background:#f6f6f6; float:left;}
#contactform li.buttons input { padding:3px 0 3px 450px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}


.footer {padding:0;  margin:0;width:960px;}
.footer_resize { margin:0; padding:0; background:#dadadc; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#7a7a7a;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:underlin; padding:5px; margin:0;}
.footer a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding:0; float:left;}
.footer p.leftt { text-align:left; width:500px; margin:0; margin-top:23px; padding:15px 0 0 20px; float:left; } 
.footer p.rightt { text-align:right; width:260px; margin:0; padding:15px 0 0px 0px; float:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}



		ul {
			font: 700 16px/26px 'Ubuntu', sans-serif;
			margin: 0;
			padding: 0;
			list-style: none;
			
		}
		ul li {
			display: block;
			position: relative;
			float: left;
			
		}
		li ul { display: none; }
		ul li a {
			display: block;
			text-decoration: none;
			color: #ffffff;
			/*border-top: 1px solid #ffffff;*/ 
			padding: 10px 15px 10px 15px;
			background: #040813;
			/*margin-left: 1px;*/ 
			border-right: 1px dotted #7d7f89;
			white-space: nowrap;
			
		}
		
		ul li a:hover { background: #303133; }
		li:hover ul { 
			display: block; 
			position: absolute;
		}
		li:hover li { 
			float: none;
			font-size: 15px;
		}
		li:hover a { background: #303133; }
		li:hover li a:hover { background: #040813; }
		

		
		
.one_half { width: 48%; }
.one_third { width: 30.5%; }
.one_fourth { width: 22%; height:390px;}
.one_fifth { width: 16.8%; }
.one_sixth { width: 13.33%; }
.two_fifth { width: 37.6%; }
.two_third { width: 65.33%; }
.three_fifth { width: 58.4%; }
.three_fourth { width: 74%; }
.four_fifth { width: 67.2%; }
.five_sixth { width: 82.67%; }
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { position: relative; margin-right: 4%;  margin-bottom: 5px; float: left; }
.column-last { margin-right: 0!important; clear: right; }
.tsc_tabs_type_2 .one_third { width: 29%; }
.clr { clear:both; padding:0; margin:0; width:100%;;}
.tsc_clear { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}










.gallery { width:925px; height:345px; margin:0 auto; padding:0; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }

#slider li { width:925px; height:345px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:33px; height:35px; position:absolute; left:-335px; top:-34px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:33px; height:35px; position:absolute; left: 555px; top:-34px; }
#prevBtn a { display:block; width:33px; height:35px; background:url(../images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:33px; height:35px; background:url(../images/r_arrow.gif) no-repeat 0 0; }





.wrapper {	width:100%;	overflow:hidden;position:relative;}
.ident-bot-4 {margin-bottom:2px;height:200px;}


a.col-1 {
	float:left;
	display:block;
	width:205px;
	padding: 12px 8px 37px 8px;
	background: #040813 url('../images/bg-box.jpg');
	margin-left:5px;
	border-top: 1px solid #363942;
	border-bottom: 1px solid #363942;
	
}
	a.col-1:hover {
		background: #ac1209;
		border-top: 1px solid #fd3365;
		border-bottom: 1px solid #fd3365;
	}
		a.col-1.first-ident {
			margin-left:1px;
			width:210px;
			
		}
		a.col-1 span {
			display:block;
			height:100%;
		}
			a.col-1 span.h2 {
				font: 700 18px/36px 'Ubuntu', sans-serif;
				color:#fff;
				text-transform: uppercase;
				margin-bottom:22px;
			}
			a.col-1 span.p {
				font: 13px/18px "Trebuchet MS", sans-serif;
				color:#c4c4c4;
			}
				a.col-1:hover  span.p {
					color:#fff;
				}






.tsc_awb_red.tsc_flat,
.tsc_awb_red.tsc_flat:visited { background-color:#c3231a; color:#fff;}
.tsc_awb_red.tsc_flat:hover { background-color:#000; color:#fff;}

.tsc_flat,
.tsc_flat:visited { background:#c3231a; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; border-radius:5px; 
	-moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5); text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.25); position:relative; cursor:pointer;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	
	}
.tsc_flat:a {color:#fff;}
.tsc_flat:hover { background-color:#3B3B3B; color:#fff;}
.tsc_flat:active { top:1px;}
.tsc_awb_small.tsc_flat,
.tsc_awb_small.tsc_flat:visited { font-size:11px; padding:;}
.tsc_flat,
.tsc_flat:visited,
.tsc_awb_medium.tsc_flat,
.tsc_awb_medium.tsc_flat:visited { font-size:13px; font-weight:bold; line-height:1; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1);}






















#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	




















ul.tsc_list { margin:0; padding:6px 0; list-style:none;}
ul.tsc_list li { margin:0; padding:0 0 5px 22px; color:#222222; background-repeat:no-repeat; background-position:-67px -558px; background-image:url(../images/sprite_222222.png); font:normal 14px Arial;}

ul.tsc_li_arrow li,
ul li.tsc_li_arrow { background-position:-303px -322px;}
ul.tsc_li_comment li,
ul li.tsc_li_comment { background-position:-380px -242px;}
ul.tsc_li_bullet li,
ul li.tsc_li_bullet { background-position:-66px -558px;}
ul.tsc_li_minus li,
ul li.tsc_li_minus { background-position:-101px -520px;}
ul.tsc_li_check li,
ul li.tsc_li_check { background-position:-461px -163px;}
ul.tsc_li_plus li,
ul li.tsc_li_plus { background-position:-141px -480px;}
ul.tsc_li_carrow li,
ul li.tsc_li_carrow { background-position:-619px -3px;}
ul.tsc_li_star li,
ul li.tsc_li_star { background-position:-580px -44px;}

















.tsc_content_tooltip_container {
font: 11px normal Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background:#1d1d1d;
	opacity:1;
	display:none; 
	padding:4px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.tsc_content_tooltip_container img { padding: 4px; float: left; }	




.tsc_3dtooltip {
  position: relative;
  margin-left:20px;
}
.tsc_3dtooltip :focus + :last-child, .tsc_3dtooltip:focus > :last-child, .tsc_3dtooltip:hover > :last-child {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.5s 0s;
  -moz-transition: 0.5s 0s;
  -ms-transition: 0.5s 0s;
  -o-transition: 0.5s 0s;
  transition: 0.5s 0s;

}
.tsc_3dtooltip > :last-child {
  font-size: 11px;
  line-height: 1;
  padding: 10px 10px;
  position: absolute;
  -webkit-transition: 0.3s 0s;
  -moz-transition: 0.3s 0s;
  -ms-transition: 0.3s 0s;
  -o-transition: 0.3s 0s;
  transition: 0.3s 0s;
  border: solid 1px;
  visibility: hidden;
  width: 180px;
  z-index: 999;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.tsc_3dtooltip > :last-child * {
  max-width: 100%;
}
.tsc_3dtooltip > :last-child:after, .tsc_3dtooltip > :last-child:before {
  position: absolute;
  border: solid 11px;
  display: block;
  content: "";
  margin: 0 18px 0 12px;
}

.tsc_3dtooltip.white > :last-child {
  background-color: #eee;
  border-color: #ccc;
  color: #333;
  font: normal 14px Arial;
}
.tsc_3dtooltip.white > :last-child:after {
  border-color: #eee;
}
.tsc_3dtooltip.white > :last-child:before {
  border-color: #ccc;
}
.tsc_3dtooltip.white > :last-child {

}


.tsc_3dtooltip.red > :last-child {
  background-color: #CC0000;
  border-color: #990000;
  color: #ffffff;
}
.tsc_3dtooltip.red > :last-child:after {
  border-color: #CC0000;
}
.tsc_3dtooltip.red > :last-child:before {
  border-color: #990000;
}
.tsc_3dtooltip.red > :last-child {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.tsc_3dtooltip.orange > :last-child {
  background-color: #EF9E3D;
  border-color: #AB640E;
  color: #251603;
}
.tsc_3dtooltip.orange > :last-child:after {
  border-color: #EF9E3D;
}
.tsc_3dtooltip.orange > :last-child:before {
  border-color: #AB640E;
}
.tsc_3dtooltip.orange > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.tsc_3dtooltip.black > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.tsc_3dtooltip.black > :last-child:after {
  border-color: #333333;
}
.tsc_3dtooltip.black > :last-child:before {
  border-color: #0d0d0d;
}
.tsc_3dtooltip.black > :last-child {
  text-shadow: 0 1px 0 #000000;
}
.tsc_3dtooltip.teal > :last-child:after {
  border-color: #87ceeb;
}
.tsc_3dtooltip.teal > :last-child:before {
  border-color: #45b3e0;
}
.tsc_3dtooltip.teal > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.tsc_3dtooltip.blue > :last-child {
  background-color: #00509F;
  border-color: #002346;
  color: #ffffff;
}
.tsc_3dtooltip.blue > :last-child:after {
  border-color: #002346;
}
.tsc_3dtooltip.blue > :last-child:before {
  border-color: #00509F;
}
.tsc_3dtooltip.blue > :last-child {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.tsc_3dtooltip.yellow > :last-child {
  background-color: #ffdb58;
  border-color: #f1bd00;
  color: #3f3100;
}
.tsc_3dtooltip.yellow > :last-child:after {
  border-color: #ffdb58;
}
.tsc_3dtooltip.yellow > :last-child:before {
  border-color: #f1bd00;
}
.tsc_3dtooltip.yellow > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.tsc_3dtooltip.teal > :last-child {
  background-color: #87ceeb;
  border-color: #45b3e0;
  color: #0d3a4d;
}
.tsc_3dtooltip.green > :last-child {
  background-color: #87C236;
  border-color: #55780C;
  color: #161d00;
}
.tsc_3dtooltip.green > :last-child:after {
  border-color: #87C236;
}
.tsc_3dtooltip.green > :last-child:before {
  border-color: #55780C;
}
.tsc_3dtooltip.green > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.tsc_3dtooltip.bottom > :last-child {
  margin-top: 15px;
  top: 100%;
}
.tsc_3dtooltip.bottom > :last-child:after {
  margin-bottom: -1px;
}
.tsc_3dtooltip.bottom > :last-child:after, .tsc_3dtooltip.bottom > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.tsc_3dtooltip.bottom > :last-child:before {
  margin-bottom: 0px;
}
.tsc_3dtooltip.center > :last-child {
  left: -125px;
  margin-left: 50%;
}
.tsc_3dtooltip.center > :last-child:after, .tsc_3dtooltip.center > :last-child:before {
  left: 50%;
  margin-left: -10px;
}
.tsc_3dtooltip.left > :last-child {
  left: 0;
}
.tsc_3dtooltip.left > :last-child:after, .tsc_3dtooltip.left > :last-child:before {
  left: 0;
}
.tsc_3dtooltip.right > :last-child {
  right: 0;
}
.tsc_3dtooltip.right > :last-child:after, .tsc_3dtooltip.right > :last-child:before {
  right: 0;
}
.tsc_3dtooltip.top > :last-child {
  bottom: 100%;
  margin-bottom: 15px;
}
.tsc_3dtooltip.top > :last-child:after {
  margin-top: -1px;
}
.tsc_3dtooltip.top > :last-child:after, .tsc_3dtooltip.top > :last-child:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
}
.tsc_3dtooltip.top > :last-child:before {
  margin-top: 0px;
}
.tsc_3dtooltip.auto > :last-child {
  width: auto;
  white-space: nowrap;
}
.tsc_3dtooltip.full > :last-child {
  left: 0;
  margin-left: 0;
  width: 100%;
}

/* Flat style */

.tsc_flat_tooltip {
  position: relative;
}
.tsc_flat_tooltip :focus + :last-child, .tsc_flat_tooltip:focus > :last-child, .tsc_flat_tooltip:hover > :last-child {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.5s 0s;
  -moz-transition: 0.5s 0s;
  -ms-transition: 0.5s 0s;
  -o-transition: 0.5s 0s;
  transition: 0.5s 0s;

}
.tsc_flat_tooltip > :last-child {
  font-size: 11px;
  line-height: 1;
  padding: 10px 10px;
  position: absolute;
  -webkit-transition: 0.5s 0s;
  -moz-transition: 0.5s 0s;
  -ms-transition: 0.5s 0s;
  -o-transition: 0.5s 0s;
  transition: 0.5s 0s;
  border: solid 1px;
  visibility: hidden;
  width: 180px;
  z-index: 999;
  border-radius: 2px;
}
.tsc_flat_tooltip > :last-child * {
  max-width: 100%;
}
.tsc_flat_tooltip > :last-child:after, .tsc_flat_tooltip > :last-child:before {
  position: absolute;
  border: solid 11px;
  display: block;
  content: "";
  margin: 0 18px 0 12px;
}

.tsc_flat_tooltip.white > :last-child {
  background-color: #eee;
  border-color: #eee;
  color: #333;
}
.tsc_flat_tooltip.white > :last-child:after {
  border-color: #eee;
}
.tsc_flat_tooltip.white > :last-child:before {
  border-color: #eee;
}
.tsc_flat_tooltip.white > :last-child {
}


.tsc_flat_tooltip.red > :last-child {
  background-color: #CC0000;
  border-color: #CC0000;
  color: #ffffff;
}
.tsc_flat_tooltip.red > :last-child:after {
  border-color: #CC0000;
}
.tsc_flat_tooltip.red > :last-child:before {
  border-color: #CC0000;
}
.tsc_flat_tooltip.red > :last-child {

}
.tsc_flat_tooltip.orange > :last-child {
  background-color: #EF9E3D;
  border-color: #EF9E3D;
  color: #251603;
}
.tsc_flat_tooltip.orange > :last-child:after {
  border-color: #EF9E3D;
}
.tsc_flat_tooltip.orange > :last-child:before {
  border-color: #EF9E3D;
}
.tsc_flat_tooltip.orange > :last-child {

}
.tsc_flat_tooltip.black > :last-child {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.tsc_flat_tooltip.black > :last-child:after {
  border-color: #333333;
}
.tsc_flat_tooltip.black > :last-child:before {
  border-color: #333333;
}
.tsc_flat_tooltip.black > :last-child {

}
.tsc_flat_tooltip.teal > :last-child {
  background-color: #87ceeb;
  border-color: #87ceeb;
  color: #0d3a4d;
}
.tsc_flat_tooltip.teal > :last-child:after {
  border-color: #87ceeb;
}
.tsc_flat_tooltip.teal > :last-child:before {
  border-color: #87ceeb;
}
.tsc_flat_tooltip.teal > :last-child {

}

.tsc_flat_tooltip.blue > :last-child {
  background-color: #00509F;
  border-color: #00509F;
  color: #ffffff;
}
.tsc_flat_tooltip.blue > :last-child:after {
  border-color: #00509F;
}
.tsc_flat_tooltip.blue > :last-child:before {
  border-color: #00509F;
}
.tsc_flat_tooltip.blue > :last-child {

}
.tsc_flat_tooltip.yellow > :last-child {
  background-color: #ffdb58;
  border-color: #ffdb58;
  color: #3f3100;
}
.tsc_flat_tooltip.yellow > :last-child:after {
  border-color: #ffdb58;
}
.tsc_flat_tooltip.yellow > :last-child:before {
  border-color: #ffdb58;
}
.tsc_flat_tooltip.yellow > :last-child {

}
.tsc_flat_tooltip.green > :last-child {
  background-color: #87C236;
  border-color: #87C236;
  color: #fff;
}
.tsc_flat_tooltip.green > :last-child:after {
  border-color: #87C236;
}
.tsc_flat_tooltip.green > :last-child:before {
  border-color: #87C236;
}
.tsc_flat_tooltip.green > :last-child {

}

.tsc_flat_tooltip.bottom > :last-child {
  margin-top: 15px;
  top: 100%;
}
.tsc_flat_tooltip.bottom > :last-child:after {
  margin-bottom: -1px;
}
.tsc_flat_tooltip.bottom > :last-child:after, .tsc_flat_tooltip.bottom > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.tsc_flat_tooltip.bottom > :last-child:before {
  margin-bottom: 0px;
}
.tsc_flat_tooltip.center > :last-child {
  left: -125px;
  margin-left: 50%;
}
.tsc_flat_tooltip.center > :last-child:after, .tsc_flat_tooltip.center > :last-child:before {
  left: 50%;
  margin-left: -10px;
}
.tsc_flat_tooltip.left > :last-child {
  left: 0;
}
.tsc_flat_tooltip.left > :last-child:after, .tsc_flat_tooltip.left > :last-child:before {
  left: 0;
}
.tsc_flat_tooltip.right > :last-child {
  right: 0;
}
.tsc_flat_tooltip.right > :last-child:after, .tsc_flat_tooltip.right > :last-child:before {
  right: 0;
}
.tsc_flat_tooltip.top > :last-child {
  bottom: 100%;
  margin-bottom: 15px;
}
.tsc_flat_tooltip.top > :last-child:after {
  margin-top: -1px;
}
.tsc_flat_tooltip.top > :last-child:after, .tsc_flat_tooltip.top > :last-child:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
}
.tsc_flat_tooltip.top > :last-child:before {
  margin-top: 0px;
}
.tsc_flat_tooltip.auto > :last-child {
  width: auto;
  white-space: nowrap;
}
.tsc_flat_tooltip.full > :last-child {
  left: 0;
  margin-left: 0;
  width: 100%;
}